]> git.ipfire.org Git - ipfire.org.git/blob - static/css/style.css
.gitignore: Add .vscode
[ipfire.org.git] / static / css / style.css
1 /*!
2 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
3 * Copyright 2011-2017 The Bootstrap Authors
4 * Copyright 2011-2017 Twitter, Inc.
5 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 */
7 @import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500");
8 /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
9 html {
10 font-family: sans-serif;
11 line-height: 1.15;
12 -ms-text-size-adjust: 100%;
13 -webkit-text-size-adjust: 100%; }
14
15 body {
16 margin: 0; }
17
18 article,
19 aside,
20 footer,
21 header,
22 nav,
23 section {
24 display: block; }
25
26 h1 {
27 font-size: 2em;
28 margin: 0.67em 0; }
29
30 figcaption,
31 figure,
32 main {
33 display: block; }
34
35 figure {
36 margin: 1em 40px; }
37
38 hr {
39 box-sizing: content-box;
40 height: 0;
41 overflow: visible; }
42
43 pre {
44 font-family: monospace, monospace;
45 font-size: 1em; }
46
47 a {
48 background-color: transparent;
49 -webkit-text-decoration-skip: objects; }
50
51 a:active,
52 a:hover {
53 outline-width: 0; }
54
55 abbr[title] {
56 border-bottom: none;
57 text-decoration: underline;
58 text-decoration: underline dotted; }
59
60 b,
61 strong {
62 font-weight: inherit; }
63
64 b,
65 strong {
66 font-weight: bolder; }
67
68 code,
69 kbd,
70 samp {
71 font-family: monospace, monospace;
72 font-size: 1em; }
73
74 dfn {
75 font-style: italic; }
76
77 mark {
78 background-color: #ff0;
79 color: #000; }
80
81 small {
82 font-size: 80%; }
83
84 sub,
85 sup {
86 font-size: 75%;
87 line-height: 0;
88 position: relative;
89 vertical-align: baseline; }
90
91 sub {
92 bottom: -0.25em; }
93
94 sup {
95 top: -0.5em; }
96
97 audio,
98 video {
99 display: inline-block; }
100
101 audio:not([controls]) {
102 display: none;
103 height: 0; }
104
105 img {
106 border-style: none; }
107
108 svg:not(:root) {
109 overflow: hidden; }
110
111 button,
112 input,
113 optgroup,
114 select,
115 textarea {
116 font-family: sans-serif;
117 font-size: 100%;
118 line-height: 1.15;
119 margin: 0; }
120
121 button,
122 input {
123 overflow: visible; }
124
125 button,
126 select {
127 text-transform: none; }
128
129 button,
130 html [type="button"],
131 [type="reset"],
132 [type="submit"] {
133 -webkit-appearance: button; }
134
135 button::-moz-focus-inner,
136 [type="button"]::-moz-focus-inner,
137 [type="reset"]::-moz-focus-inner,
138 [type="submit"]::-moz-focus-inner {
139 border-style: none;
140 padding: 0; }
141
142 button:-moz-focusring,
143 [type="button"]:-moz-focusring,
144 [type="reset"]:-moz-focusring,
145 [type="submit"]:-moz-focusring {
146 outline: 1px dotted ButtonText; }
147
148 fieldset {
149 border: 1px solid #c0c0c0;
150 margin: 0 2px;
151 padding: 0.35em 0.625em 0.75em; }
152
153 legend {
154 box-sizing: border-box;
155 color: inherit;
156 display: table;
157 max-width: 100%;
158 padding: 0;
159 white-space: normal; }
160
161 progress {
162 display: inline-block;
163 vertical-align: baseline; }
164
165 textarea {
166 overflow: auto; }
167
168 [type="checkbox"],
169 [type="radio"] {
170 box-sizing: border-box;
171 padding: 0; }
172
173 [type="number"]::-webkit-inner-spin-button,
174 [type="number"]::-webkit-outer-spin-button {
175 height: auto; }
176
177 [type="search"] {
178 -webkit-appearance: textfield;
179 outline-offset: -2px; }
180
181 [type="search"]::-webkit-search-cancel-button,
182 [type="search"]::-webkit-search-decoration {
183 -webkit-appearance: none; }
184
185 ::-webkit-file-upload-button {
186 -webkit-appearance: button;
187 font: inherit; }
188
189 details,
190 menu {
191 display: block; }
192
193 summary {
194 display: list-item; }
195
196 canvas {
197 display: inline-block; }
198
199 template {
200 display: none; }
201
202 [hidden] {
203 display: none; }
204
205 html {
206 box-sizing: border-box; }
207
208 *,
209 *::before,
210 *::after {
211 box-sizing: inherit; }
212
213 @-ms-viewport {
214 width: device-width; }
215
216 html {
217 -ms-overflow-style: scrollbar;
218 -webkit-tap-highlight-color: transparent; }
219
220 body {
221 font-family: "Ubuntu", sans-serif;
222 font-size: 1rem;
223 font-weight: 400;
224 line-height: 1.5;
225 color: #263238;
226 background-color: #eceff1; }
227
228 [tabindex="-1"]:focus {
229 outline: none !important; }
230
231 h1, h2, h3, h4, h5, h6 {
232 margin-top: 0;
233 margin-bottom: .5rem; }
234
235 p {
236 margin-top: 0;
237 margin-bottom: 1rem; }
238
239 abbr[title],
240 abbr[data-original-title] {
241 cursor: help; }
242
243 address {
244 margin-bottom: 1rem;
245 font-style: normal;
246 line-height: inherit; }
247
248 ol,
249 ul,
250 dl {
251 margin-top: 0;
252 margin-bottom: 1rem; }
253
254 ol ol,
255 ul ul,
256 ol ul,
257 ul ol {
258 margin-bottom: 0; }
259
260 dt {
261 font-weight: bold; }
262
263 dd {
264 margin-bottom: .5rem;
265 margin-left: 0; }
266
267 blockquote {
268 margin: 0 0 1rem; }
269
270 a {
271 color: #b71c1c;
272 text-decoration: none; }
273 a:focus, a:hover {
274 color: #751212;
275 text-decoration: none; }
276
277 a:not([href]):not([tabindex]) {
278 color: inherit;
279 text-decoration: none; }
280 a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
281 color: inherit;
282 text-decoration: none; }
283 a:not([href]):not([tabindex]):focus {
284 outline: 0; }
285
286 pre {
287 margin-top: 0;
288 margin-bottom: 1rem;
289 overflow: auto; }
290
291 figure {
292 margin: 0 0 1rem; }
293
294 img {
295 vertical-align: middle; }
296
297 [role="button"] {
298 cursor: pointer; }
299
300 a,
301 area,
302 button,
303 [role="button"],
304 input,
305 label,
306 select,
307 summary,
308 textarea {
309 touch-action: manipulation; }
310
311 table {
312 border-collapse: collapse;
313 background-color: transparent; }
314
315 caption {
316 padding-top: 0.75rem;
317 padding-bottom: 0.75rem;
318 color: #636c72;
319 text-align: left;
320 caption-side: bottom; }
321
322 th {
323 text-align: left; }
324
325 label {
326 display: inline-block;
327 margin-bottom: .5rem; }
328
329 button:focus {
330 outline: 1px dotted;
331 outline: 5px auto -webkit-focus-ring-color; }
332
333 input,
334 button,
335 select,
336 textarea {
337 line-height: inherit; }
338
339 input[type="radio"]:disabled,
340 input[type="checkbox"]:disabled {
341 cursor: not-allowed; }
342
343 input[type="date"],
344 input[type="time"],
345 input[type="datetime-local"],
346 input[type="month"] {
347 -webkit-appearance: listbox; }
348
349 textarea {
350 resize: vertical; }
351
352 fieldset {
353 min-width: 0;
354 padding: 0;
355 margin: 0;
356 border: 0; }
357
358 legend {
359 display: block;
360 width: 100%;
361 padding: 0;
362 margin-bottom: .5rem;
363 font-size: 1.5rem;
364 line-height: inherit; }
365
366 input[type="search"] {
367 -webkit-appearance: none; }
368
369 output {
370 display: inline-block; }
371
372 [hidden] {
373 display: none !important; }
374
375 h1, h2, h3, h4, h5, h6,
376 .h1, .h2, .h3, .h4, .h5, .h6 {
377 margin-bottom: 0.5rem;
378 font-family: inherit;
379 font-weight: 400;
380 line-height: 1.1;
381 color: inherit; }
382
383 h1, .h1 {
384 font-size: 36px; }
385
386 h2, .h2 {
387 font-size: 32px; }
388
389 h3, .h3 {
390 font-size: 24px; }
391
392 h4, .h4 {
393 font-size: 20px; }
394
395 h5, .h5 {
396 font-size: 16px; }
397
398 h6, .h6 {
399 font-size: 12px; }
400
401 .lead {
402 font-size: 24px;
403 font-weight: 300; }
404
405 .display-1 {
406 font-size: 120px;
407 font-weight: 300;
408 line-height: 1.1; }
409
410 .display-2 {
411 font-size: 48px;
412 font-weight: 300;
413 line-height: 1.1; }
414
415 .display-3 {
416 font-size: 32px;
417 font-weight: 300;
418 line-height: 1.1; }
419
420 .display-4 {
421 font-size: 24px;
422 font-weight: 300;
423 line-height: 1.1; }
424
425 hr {
426 margin-top: 8px;
427 margin-bottom: 8px;
428 border: 0;
429 border-top: 1px solid rgba(0, 0, 0, 0.1); }
430
431 small,
432 .small {
433 font-size: 14px;
434 font-weight: 400; }
435
436 mark,
437 .mark {
438 padding: 0.2em;
439 background-color: #fcf8e3; }
440
441 .list-unstyled {
442 padding-left: 0;
443 list-style: none; }
444
445 .list-inline {
446 padding-left: 0;
447 list-style: none; }
448
449 .list-inline-item {
450 display: inline-block; }
451 .list-inline-item:not(:last-child) {
452 margin-right: 5px; }
453
454 .initialism {
455 font-size: 90%;
456 text-transform: uppercase; }
457
458 .blockquote {
459 padding: 4px 8px;
460 margin-bottom: 8px;
461 font-size: 1.25rem;
462 border-left: 0.25rem solid #eceeef; }
463
464 .blockquote-footer {
465 display: block;
466 font-size: 80%;
467 color: #636c72; }
468 .blockquote-footer::before {
469 content: "\2014 \00A0"; }
470
471 .blockquote-reverse {
472 padding-right: 8px;
473 padding-left: 0;
474 text-align: right;
475 border-right: 0.25rem solid #eceeef;
476 border-left: 0; }
477
478 .blockquote-reverse .blockquote-footer::before {
479 content: ""; }
480
481 .blockquote-reverse .blockquote-footer::after {
482 content: "\00A0 \2014"; }
483
484 .container {
485 position: relative;
486 margin-left: auto;
487 margin-right: auto;
488 padding-right: 12px;
489 padding-left: 12px; }
490 @media (min-width: 576px) {
491 .container {
492 padding-right: 12px;
493 padding-left: 12px; } }
494 @media (min-width: 768px) {
495 .container {
496 padding-right: 12px;
497 padding-left: 12px; } }
498 @media (min-width: 992px) {
499 .container {
500 padding-right: 12px;
501 padding-left: 12px; } }
502 @media (min-width: 1200px) {
503 .container {
504 padding-right: 12px;
505 padding-left: 12px; } }
506 @media (min-width: 576px) {
507 .container {
508 width: 540px;
509 max-width: 100%; } }
510 @media (min-width: 768px) {
511 .container {
512 width: 720px;
513 max-width: 100%; } }
514 @media (min-width: 992px) {
515 .container {
516 width: 960px;
517 max-width: 100%; } }
518 @media (min-width: 1200px) {
519 .container {
520 width: 1140px;
521 max-width: 100%; } }
522
523 .container-fluid {
524 position: relative;
525 margin-left: auto;
526 margin-right: auto;
527 padding-right: 12px;
528 padding-left: 12px; }
529 @media (min-width: 576px) {
530 .container-fluid {
531 padding-right: 12px;
532 padding-left: 12px; } }
533 @media (min-width: 768px) {
534 .container-fluid {
535 padding-right: 12px;
536 padding-left: 12px; } }
537 @media (min-width: 992px) {
538 .container-fluid {
539 padding-right: 12px;
540 padding-left: 12px; } }
541 @media (min-width: 1200px) {
542 .container-fluid {
543 padding-right: 12px;
544 padding-left: 12px; } }
545
546 .row {
547 display: flex;
548 flex-wrap: wrap;
549 margin-right: -12px;
550 margin-left: -12px; }
551 @media (min-width: 576px) {
552 .row {
553 margin-right: -12px;
554 margin-left: -12px; } }
555 @media (min-width: 768px) {
556 .row {
557 margin-right: -12px;
558 margin-left: -12px; } }
559 @media (min-width: 992px) {
560 .row {
561 margin-right: -12px;
562 margin-left: -12px; } }
563 @media (min-width: 1200px) {
564 .row {
565 margin-right: -12px;
566 margin-left: -12px; } }
567
568 .no-gutters {
569 margin-right: 0;
570 margin-left: 0; }
571 .no-gutters > .col,
572 .no-gutters > [class*="col-"] {
573 padding-right: 0;
574 padding-left: 0; }
575
576 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
577 position: relative;
578 width: 100%;
579 min-height: 1px;
580 padding-right: 12px;
581 padding-left: 12px; }
582 @media (min-width: 576px) {
583 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
584 padding-right: 12px;
585 padding-left: 12px; } }
586 @media (min-width: 768px) {
587 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
588 padding-right: 12px;
589 padding-left: 12px; } }
590 @media (min-width: 992px) {
591 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
592 padding-right: 12px;
593 padding-left: 12px; } }
594 @media (min-width: 1200px) {
595 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
596 padding-right: 12px;
597 padding-left: 12px; } }
598
599 .col {
600 flex-basis: 0;
601 flex-grow: 1;
602 max-width: 100%; }
603
604 .col-auto {
605 flex: 0 0 auto;
606 width: auto; }
607
608 .col-1 {
609 flex: 0 0 8.3333333333%;
610 max-width: 8.3333333333%; }
611
612 .col-2 {
613 flex: 0 0 16.6666666667%;
614 max-width: 16.6666666667%; }
615
616 .col-3 {
617 flex: 0 0 25%;
618 max-width: 25%; }
619
620 .col-4 {
621 flex: 0 0 33.3333333333%;
622 max-width: 33.3333333333%; }
623
624 .col-5 {
625 flex: 0 0 41.6666666667%;
626 max-width: 41.6666666667%; }
627
628 .col-6 {
629 flex: 0 0 50%;
630 max-width: 50%; }
631
632 .col-7 {
633 flex: 0 0 58.3333333333%;
634 max-width: 58.3333333333%; }
635
636 .col-8 {
637 flex: 0 0 66.6666666667%;
638 max-width: 66.6666666667%; }
639
640 .col-9 {
641 flex: 0 0 75%;
642 max-width: 75%; }
643
644 .col-10 {
645 flex: 0 0 83.3333333333%;
646 max-width: 83.3333333333%; }
647
648 .col-11 {
649 flex: 0 0 91.6666666667%;
650 max-width: 91.6666666667%; }
651
652 .col-12 {
653 flex: 0 0 100%;
654 max-width: 100%; }
655
656 .pull-0 {
657 right: auto; }
658
659 .pull-1 {
660 right: 8.3333333333%; }
661
662 .pull-2 {
663 right: 16.6666666667%; }
664
665 .pull-3 {
666 right: 25%; }
667
668 .pull-4 {
669 right: 33.3333333333%; }
670
671 .pull-5 {
672 right: 41.6666666667%; }
673
674 .pull-6 {
675 right: 50%; }
676
677 .pull-7 {
678 right: 58.3333333333%; }
679
680 .pull-8 {
681 right: 66.6666666667%; }
682
683 .pull-9 {
684 right: 75%; }
685
686 .pull-10 {
687 right: 83.3333333333%; }
688
689 .pull-11 {
690 right: 91.6666666667%; }
691
692 .pull-12 {
693 right: 100%; }
694
695 .push-0 {
696 left: auto; }
697
698 .push-1 {
699 left: 8.3333333333%; }
700
701 .push-2 {
702 left: 16.6666666667%; }
703
704 .push-3 {
705 left: 25%; }
706
707 .push-4 {
708 left: 33.3333333333%; }
709
710 .push-5 {
711 left: 41.6666666667%; }
712
713 .push-6 {
714 left: 50%; }
715
716 .push-7 {
717 left: 58.3333333333%; }
718
719 .push-8 {
720 left: 66.6666666667%; }
721
722 .push-9 {
723 left: 75%; }
724
725 .push-10 {
726 left: 83.3333333333%; }
727
728 .push-11 {
729 left: 91.6666666667%; }
730
731 .push-12 {
732 left: 100%; }
733
734 .offset-1 {
735 margin-left: 8.3333333333%; }
736
737 .offset-2 {
738 margin-left: 16.6666666667%; }
739
740 .offset-3 {
741 margin-left: 25%; }
742
743 .offset-4 {
744 margin-left: 33.3333333333%; }
745
746 .offset-5 {
747 margin-left: 41.6666666667%; }
748
749 .offset-6 {
750 margin-left: 50%; }
751
752 .offset-7 {
753 margin-left: 58.3333333333%; }
754
755 .offset-8 {
756 margin-left: 66.6666666667%; }
757
758 .offset-9 {
759 margin-left: 75%; }
760
761 .offset-10 {
762 margin-left: 83.3333333333%; }
763
764 .offset-11 {
765 margin-left: 91.6666666667%; }
766
767 @media (min-width: 576px) {
768 .col-sm {
769 flex-basis: 0;
770 flex-grow: 1;
771 max-width: 100%; }
772 .col-sm-auto {
773 flex: 0 0 auto;
774 width: auto; }
775 .col-sm-1 {
776 flex: 0 0 8.3333333333%;
777 max-width: 8.3333333333%; }
778 .col-sm-2 {
779 flex: 0 0 16.6666666667%;
780 max-width: 16.6666666667%; }
781 .col-sm-3 {
782 flex: 0 0 25%;
783 max-width: 25%; }
784 .col-sm-4 {
785 flex: 0 0 33.3333333333%;
786 max-width: 33.3333333333%; }
787 .col-sm-5 {
788 flex: 0 0 41.6666666667%;
789 max-width: 41.6666666667%; }
790 .col-sm-6 {
791 flex: 0 0 50%;
792 max-width: 50%; }
793 .col-sm-7 {
794 flex: 0 0 58.3333333333%;
795 max-width: 58.3333333333%; }
796 .col-sm-8 {
797 flex: 0 0 66.6666666667%;
798 max-width: 66.6666666667%; }
799 .col-sm-9 {
800 flex: 0 0 75%;
801 max-width: 75%; }
802 .col-sm-10 {
803 flex: 0 0 83.3333333333%;
804 max-width: 83.3333333333%; }
805 .col-sm-11 {
806 flex: 0 0 91.6666666667%;
807 max-width: 91.6666666667%; }
808 .col-sm-12 {
809 flex: 0 0 100%;
810 max-width: 100%; }
811 .pull-sm-0 {
812 right: auto; }
813 .pull-sm-1 {
814 right: 8.3333333333%; }
815 .pull-sm-2 {
816 right: 16.6666666667%; }
817 .pull-sm-3 {
818 right: 25%; }
819 .pull-sm-4 {
820 right: 33.3333333333%; }
821 .pull-sm-5 {
822 right: 41.6666666667%; }
823 .pull-sm-6 {
824 right: 50%; }
825 .pull-sm-7 {
826 right: 58.3333333333%; }
827 .pull-sm-8 {
828 right: 66.6666666667%; }
829 .pull-sm-9 {
830 right: 75%; }
831 .pull-sm-10 {
832 right: 83.3333333333%; }
833 .pull-sm-11 {
834 right: 91.6666666667%; }
835 .pull-sm-12 {
836 right: 100%; }
837 .push-sm-0 {
838 left: auto; }
839 .push-sm-1 {
840 left: 8.3333333333%; }
841 .push-sm-2 {
842 left: 16.6666666667%; }
843 .push-sm-3 {
844 left: 25%; }
845 .push-sm-4 {
846 left: 33.3333333333%; }
847 .push-sm-5 {
848 left: 41.6666666667%; }
849 .push-sm-6 {
850 left: 50%; }
851 .push-sm-7 {
852 left: 58.3333333333%; }
853 .push-sm-8 {
854 left: 66.6666666667%; }
855 .push-sm-9 {
856 left: 75%; }
857 .push-sm-10 {
858 left: 83.3333333333%; }
859 .push-sm-11 {
860 left: 91.6666666667%; }
861 .push-sm-12 {
862 left: 100%; }
863 .offset-sm-0 {
864 margin-left: 0%; }
865 .offset-sm-1 {
866 margin-left: 8.3333333333%; }
867 .offset-sm-2 {
868 margin-left: 16.6666666667%; }
869 .offset-sm-3 {
870 margin-left: 25%; }
871 .offset-sm-4 {
872 margin-left: 33.3333333333%; }
873 .offset-sm-5 {
874 margin-left: 41.6666666667%; }
875 .offset-sm-6 {
876 margin-left: 50%; }
877 .offset-sm-7 {
878 margin-left: 58.3333333333%; }
879 .offset-sm-8 {
880 margin-left: 66.6666666667%; }
881 .offset-sm-9 {
882 margin-left: 75%; }
883 .offset-sm-10 {
884 margin-left: 83.3333333333%; }
885 .offset-sm-11 {
886 margin-left: 91.6666666667%; } }
887
888 @media (min-width: 768px) {
889 .col-md {
890 flex-basis: 0;
891 flex-grow: 1;
892 max-width: 100%; }
893 .col-md-auto {
894 flex: 0 0 auto;
895 width: auto; }
896 .col-md-1 {
897 flex: 0 0 8.3333333333%;
898 max-width: 8.3333333333%; }
899 .col-md-2 {
900 flex: 0 0 16.6666666667%;
901 max-width: 16.6666666667%; }
902 .col-md-3 {
903 flex: 0 0 25%;
904 max-width: 25%; }
905 .col-md-4 {
906 flex: 0 0 33.3333333333%;
907 max-width: 33.3333333333%; }
908 .col-md-5 {
909 flex: 0 0 41.6666666667%;
910 max-width: 41.6666666667%; }
911 .col-md-6 {
912 flex: 0 0 50%;
913 max-width: 50%; }
914 .col-md-7 {
915 flex: 0 0 58.3333333333%;
916 max-width: 58.3333333333%; }
917 .col-md-8 {
918 flex: 0 0 66.6666666667%;
919 max-width: 66.6666666667%; }
920 .col-md-9 {
921 flex: 0 0 75%;
922 max-width: 75%; }
923 .col-md-10 {
924 flex: 0 0 83.3333333333%;
925 max-width: 83.3333333333%; }
926 .col-md-11 {
927 flex: 0 0 91.6666666667%;
928 max-width: 91.6666666667%; }
929 .col-md-12 {
930 flex: 0 0 100%;
931 max-width: 100%; }
932 .pull-md-0 {
933 right: auto; }
934 .pull-md-1 {
935 right: 8.3333333333%; }
936 .pull-md-2 {
937 right: 16.6666666667%; }
938 .pull-md-3 {
939 right: 25%; }
940 .pull-md-4 {
941 right: 33.3333333333%; }
942 .pull-md-5 {
943 right: 41.6666666667%; }
944 .pull-md-6 {
945 right: 50%; }
946 .pull-md-7 {
947 right: 58.3333333333%; }
948 .pull-md-8 {
949 right: 66.6666666667%; }
950 .pull-md-9 {
951 right: 75%; }
952 .pull-md-10 {
953 right: 83.3333333333%; }
954 .pull-md-11 {
955 right: 91.6666666667%; }
956 .pull-md-12 {
957 right: 100%; }
958 .push-md-0 {
959 left: auto; }
960 .push-md-1 {
961 left: 8.3333333333%; }
962 .push-md-2 {
963 left: 16.6666666667%; }
964 .push-md-3 {
965 left: 25%; }
966 .push-md-4 {
967 left: 33.3333333333%; }
968 .push-md-5 {
969 left: 41.6666666667%; }
970 .push-md-6 {
971 left: 50%; }
972 .push-md-7 {
973 left: 58.3333333333%; }
974 .push-md-8 {
975 left: 66.6666666667%; }
976 .push-md-9 {
977 left: 75%; }
978 .push-md-10 {
979 left: 83.3333333333%; }
980 .push-md-11 {
981 left: 91.6666666667%; }
982 .push-md-12 {
983 left: 100%; }
984 .offset-md-0 {
985 margin-left: 0%; }
986 .offset-md-1 {
987 margin-left: 8.3333333333%; }
988 .offset-md-2 {
989 margin-left: 16.6666666667%; }
990 .offset-md-3 {
991 margin-left: 25%; }
992 .offset-md-4 {
993 margin-left: 33.3333333333%; }
994 .offset-md-5 {
995 margin-left: 41.6666666667%; }
996 .offset-md-6 {
997 margin-left: 50%; }
998 .offset-md-7 {
999 margin-left: 58.3333333333%; }
1000 .offset-md-8 {
1001 margin-left: 66.6666666667%; }
1002 .offset-md-9 {
1003 margin-left: 75%; }
1004 .offset-md-10 {
1005 margin-left: 83.3333333333%; }
1006 .offset-md-11 {
1007 margin-left: 91.6666666667%; } }
1008
1009 @media (min-width: 992px) {
1010 .col-lg {
1011 flex-basis: 0;
1012 flex-grow: 1;
1013 max-width: 100%; }
1014 .col-lg-auto {
1015 flex: 0 0 auto;
1016 width: auto; }
1017 .col-lg-1 {
1018 flex: 0 0 8.3333333333%;
1019 max-width: 8.3333333333%; }
1020 .col-lg-2 {
1021 flex: 0 0 16.6666666667%;
1022 max-width: 16.6666666667%; }
1023 .col-lg-3 {
1024 flex: 0 0 25%;
1025 max-width: 25%; }
1026 .col-lg-4 {
1027 flex: 0 0 33.3333333333%;
1028 max-width: 33.3333333333%; }
1029 .col-lg-5 {
1030 flex: 0 0 41.6666666667%;
1031 max-width: 41.6666666667%; }
1032 .col-lg-6 {
1033 flex: 0 0 50%;
1034 max-width: 50%; }
1035 .col-lg-7 {
1036 flex: 0 0 58.3333333333%;
1037 max-width: 58.3333333333%; }
1038 .col-lg-8 {
1039 flex: 0 0 66.6666666667%;
1040 max-width: 66.6666666667%; }
1041 .col-lg-9 {
1042 flex: 0 0 75%;
1043 max-width: 75%; }
1044 .col-lg-10 {
1045 flex: 0 0 83.3333333333%;
1046 max-width: 83.3333333333%; }
1047 .col-lg-11 {
1048 flex: 0 0 91.6666666667%;
1049 max-width: 91.6666666667%; }
1050 .col-lg-12 {
1051 flex: 0 0 100%;
1052 max-width: 100%; }
1053 .pull-lg-0 {
1054 right: auto; }
1055 .pull-lg-1 {
1056 right: 8.3333333333%; }
1057 .pull-lg-2 {
1058 right: 16.6666666667%; }
1059 .pull-lg-3 {
1060 right: 25%; }
1061 .pull-lg-4 {
1062 right: 33.3333333333%; }
1063 .pull-lg-5 {
1064 right: 41.6666666667%; }
1065 .pull-lg-6 {
1066 right: 50%; }
1067 .pull-lg-7 {
1068 right: 58.3333333333%; }
1069 .pull-lg-8 {
1070 right: 66.6666666667%; }
1071 .pull-lg-9 {
1072 right: 75%; }
1073 .pull-lg-10 {
1074 right: 83.3333333333%; }
1075 .pull-lg-11 {
1076 right: 91.6666666667%; }
1077 .pull-lg-12 {
1078 right: 100%; }
1079 .push-lg-0 {
1080 left: auto; }
1081 .push-lg-1 {
1082 left: 8.3333333333%; }
1083 .push-lg-2 {
1084 left: 16.6666666667%; }
1085 .push-lg-3 {
1086 left: 25%; }
1087 .push-lg-4 {
1088 left: 33.3333333333%; }
1089 .push-lg-5 {
1090 left: 41.6666666667%; }
1091 .push-lg-6 {
1092 left: 50%; }
1093 .push-lg-7 {
1094 left: 58.3333333333%; }
1095 .push-lg-8 {
1096 left: 66.6666666667%; }
1097 .push-lg-9 {
1098 left: 75%; }
1099 .push-lg-10 {
1100 left: 83.3333333333%; }
1101 .push-lg-11 {
1102 left: 91.6666666667%; }
1103 .push-lg-12 {
1104 left: 100%; }
1105 .offset-lg-0 {
1106 margin-left: 0%; }
1107 .offset-lg-1 {
1108 margin-left: 8.3333333333%; }
1109 .offset-lg-2 {
1110 margin-left: 16.6666666667%; }
1111 .offset-lg-3 {
1112 margin-left: 25%; }
1113 .offset-lg-4 {
1114 margin-left: 33.3333333333%; }
1115 .offset-lg-5 {
1116 margin-left: 41.6666666667%; }
1117 .offset-lg-6 {
1118 margin-left: 50%; }
1119 .offset-lg-7 {
1120 margin-left: 58.3333333333%; }
1121 .offset-lg-8 {
1122 margin-left: 66.6666666667%; }
1123 .offset-lg-9 {
1124 margin-left: 75%; }
1125 .offset-lg-10 {
1126 margin-left: 83.3333333333%; }
1127 .offset-lg-11 {
1128 margin-left: 91.6666666667%; } }
1129
1130 @media (min-width: 1200px) {
1131 .col-xl {
1132 flex-basis: 0;
1133 flex-grow: 1;
1134 max-width: 100%; }
1135 .col-xl-auto {
1136 flex: 0 0 auto;
1137 width: auto; }
1138 .col-xl-1 {
1139 flex: 0 0 8.3333333333%;
1140 max-width: 8.3333333333%; }
1141 .col-xl-2 {
1142 flex: 0 0 16.6666666667%;
1143 max-width: 16.6666666667%; }
1144 .col-xl-3 {
1145 flex: 0 0 25%;
1146 max-width: 25%; }
1147 .col-xl-4 {
1148 flex: 0 0 33.3333333333%;
1149 max-width: 33.3333333333%; }
1150 .col-xl-5 {
1151 flex: 0 0 41.6666666667%;
1152 max-width: 41.6666666667%; }
1153 .col-xl-6 {
1154 flex: 0 0 50%;
1155 max-width: 50%; }
1156 .col-xl-7 {
1157 flex: 0 0 58.3333333333%;
1158 max-width: 58.3333333333%; }
1159 .col-xl-8 {
1160 flex: 0 0 66.6666666667%;
1161 max-width: 66.6666666667%; }
1162 .col-xl-9 {
1163 flex: 0 0 75%;
1164 max-width: 75%; }
1165 .col-xl-10 {
1166 flex: 0 0 83.3333333333%;
1167 max-width: 83.3333333333%; }
1168 .col-xl-11 {
1169 flex: 0 0 91.6666666667%;
1170 max-width: 91.6666666667%; }
1171 .col-xl-12 {
1172 flex: 0 0 100%;
1173 max-width: 100%; }
1174 .pull-xl-0 {
1175 right: auto; }
1176 .pull-xl-1 {
1177 right: 8.3333333333%; }
1178 .pull-xl-2 {
1179 right: 16.6666666667%; }
1180 .pull-xl-3 {
1181 right: 25%; }
1182 .pull-xl-4 {
1183 right: 33.3333333333%; }
1184 .pull-xl-5 {
1185 right: 41.6666666667%; }
1186 .pull-xl-6 {
1187 right: 50%; }
1188 .pull-xl-7 {
1189 right: 58.3333333333%; }
1190 .pull-xl-8 {
1191 right: 66.6666666667%; }
1192 .pull-xl-9 {
1193 right: 75%; }
1194 .pull-xl-10 {
1195 right: 83.3333333333%; }
1196 .pull-xl-11 {
1197 right: 91.6666666667%; }
1198 .pull-xl-12 {
1199 right: 100%; }
1200 .push-xl-0 {
1201 left: auto; }
1202 .push-xl-1 {
1203 left: 8.3333333333%; }
1204 .push-xl-2 {
1205 left: 16.6666666667%; }
1206 .push-xl-3 {
1207 left: 25%; }
1208 .push-xl-4 {
1209 left: 33.3333333333%; }
1210 .push-xl-5 {
1211 left: 41.6666666667%; }
1212 .push-xl-6 {
1213 left: 50%; }
1214 .push-xl-7 {
1215 left: 58.3333333333%; }
1216 .push-xl-8 {
1217 left: 66.6666666667%; }
1218 .push-xl-9 {
1219 left: 75%; }
1220 .push-xl-10 {
1221 left: 83.3333333333%; }
1222 .push-xl-11 {
1223 left: 91.6666666667%; }
1224 .push-xl-12 {
1225 left: 100%; }
1226 .offset-xl-0 {
1227 margin-left: 0%; }
1228 .offset-xl-1 {
1229 margin-left: 8.3333333333%; }
1230 .offset-xl-2 {
1231 margin-left: 16.6666666667%; }
1232 .offset-xl-3 {
1233 margin-left: 25%; }
1234 .offset-xl-4 {
1235 margin-left: 33.3333333333%; }
1236 .offset-xl-5 {
1237 margin-left: 41.6666666667%; }
1238 .offset-xl-6 {
1239 margin-left: 50%; }
1240 .offset-xl-7 {
1241 margin-left: 58.3333333333%; }
1242 .offset-xl-8 {
1243 margin-left: 66.6666666667%; }
1244 .offset-xl-9 {
1245 margin-left: 75%; }
1246 .offset-xl-10 {
1247 margin-left: 83.3333333333%; }
1248 .offset-xl-11 {
1249 margin-left: 91.6666666667%; } }
1250
1251 .table {
1252 width: 100%;
1253 max-width: 100%;
1254 margin-bottom: 8px; }
1255 .table th,
1256 .table td {
1257 padding: 0.75rem;
1258 vertical-align: top;
1259 border-top: 1px solid #eceeef; }
1260 .table thead th {
1261 vertical-align: bottom;
1262 border-bottom: 2px solid #eceeef; }
1263 .table tbody + tbody {
1264 border-top: 2px solid #eceeef; }
1265 .table .table {
1266 background-color: #eceff1; }
1267
1268 .table-sm th,
1269 .table-sm td {
1270 padding: 0.3rem; }
1271
1272 .table-bordered {
1273 border: 1px solid #eceeef; }
1274 .table-bordered th,
1275 .table-bordered td {
1276 border: 1px solid #eceeef; }
1277 .table-bordered thead th,
1278 .table-bordered thead td {
1279 border-bottom-width: 2px; }
1280
1281 .table-striped tbody tr:nth-of-type(odd) {
1282 background-color: rgba(0, 0, 0, 0.05); }
1283
1284 .table-hover tbody tr:hover {
1285 background-color: rgba(0, 0, 0, 0.075); }
1286
1287 .table-active,
1288 .table-active > th,
1289 .table-active > td {
1290 background-color: rgba(0, 0, 0, 0.075); }
1291
1292 .table-hover .table-active:hover {
1293 background-color: rgba(0, 0, 0, 0.075); }
1294 .table-hover .table-active:hover > td,
1295 .table-hover .table-active:hover > th {
1296 background-color: rgba(0, 0, 0, 0.075); }
1297
1298 .table-success,
1299 .table-success > th,
1300 .table-success > td {
1301 background-color: #dff0d8; }
1302
1303 .table-hover .table-success:hover {
1304 background-color: #d0e9c6; }
1305 .table-hover .table-success:hover > td,
1306 .table-hover .table-success:hover > th {
1307 background-color: #d0e9c6; }
1308
1309 .table-info,
1310 .table-info > th,
1311 .table-info > td {
1312 background-color: #d9edf7; }
1313
1314 .table-hover .table-info:hover {
1315 background-color: #c4e3f3; }
1316 .table-hover .table-info:hover > td,
1317 .table-hover .table-info:hover > th {
1318 background-color: #c4e3f3; }
1319
1320 .table-warning,
1321 .table-warning > th,
1322 .table-warning > td {
1323 background-color: #fcf8e3; }
1324
1325 .table-hover .table-warning:hover {
1326 background-color: #faf2cc; }
1327 .table-hover .table-warning:hover > td,
1328 .table-hover .table-warning:hover > th {
1329 background-color: #faf2cc; }
1330
1331 .table-danger,
1332 .table-danger > th,
1333 .table-danger > td {
1334 background-color: #f2dede; }
1335
1336 .table-hover .table-danger:hover {
1337 background-color: #ebcccc; }
1338 .table-hover .table-danger:hover > td,
1339 .table-hover .table-danger:hover > th {
1340 background-color: #ebcccc; }
1341
1342 .thead-inverse th {
1343 color: #fff;
1344 background-color: #292b2c; }
1345
1346 .thead-default th {
1347 color: #464a4c;
1348 background-color: #eceeef; }
1349
1350 .table-inverse {
1351 color: #fff;
1352 background-color: #292b2c; }
1353 .table-inverse th,
1354 .table-inverse td,
1355 .table-inverse thead th {
1356 border-color: #eceff1; }
1357 .table-inverse.table-bordered {
1358 border: 0; }
1359
1360 .table-responsive {
1361 display: block;
1362 width: 100%;
1363 overflow-x: auto;
1364 -ms-overflow-style: -ms-autohiding-scrollbar; }
1365 .table-responsive.table-bordered {
1366 border: 0; }
1367
1368 .form-control {
1369 display: block;
1370 width: 100%;
1371 padding: 0.5rem 0.75rem;
1372 font-size: 1rem;
1373 line-height: 1.25;
1374 color: #464a4c;
1375 background-color: #fff;
1376 background-image: none;
1377 background-clip: padding-box;
1378 border: 2px solid rgba(0, 0, 0, 0.15);
1379 border-radius: 0.25rem;
1380 transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
1381 .form-control::-ms-expand {
1382 background-color: transparent;
1383 border: 0; }
1384 .form-control:focus {
1385 color: #464a4c;
1386 background-color: #fff;
1387 border-color: #5cb3fd;
1388 outline: none; }
1389 .form-control::placeholder {
1390 color: #636c72;
1391 opacity: 1; }
1392 .form-control:disabled, .form-control[readonly] {
1393 background-color: #eceeef;
1394 opacity: 1; }
1395 .form-control:disabled {
1396 cursor: not-allowed; }
1397
1398 select.form-control:not([size]):not([multiple]) {
1399 height: calc(2.25rem + 4px); }
1400
1401 select.form-control:focus::-ms-value {
1402 color: #464a4c;
1403 background-color: #fff; }
1404
1405 .form-control-file,
1406 .form-control-range {
1407 display: block; }
1408
1409 .col-form-label {
1410 padding-top: calc(0.5rem - 2px * 2);
1411 padding-bottom: calc(0.5rem - 2px * 2);
1412 margin-bottom: 0; }
1413
1414 .col-form-label-lg {
1415 padding-top: calc(0.75rem - 2px * 2);
1416 padding-bottom: calc(0.75rem - 2px * 2);
1417 font-size: 20px; }
1418
1419 .col-form-label-sm {
1420 padding-top: calc(0.25rem - 2px * 2);
1421 padding-bottom: calc(0.25rem - 2px * 2);
1422 font-size: 0.875rem; }
1423
1424 .col-form-legend {
1425 padding-top: 0.5rem;
1426 padding-bottom: 0.5rem;
1427 margin-bottom: 0;
1428 font-size: 1rem; }
1429
1430 .form-control-static {
1431 padding-top: 0.5rem;
1432 padding-bottom: 0.5rem;
1433 margin-bottom: 0;
1434 line-height: 1.25;
1435 border: solid transparent;
1436 border-width: 2px 0; }
1437 .form-control-static.form-control-sm, .form-control-static.form-control-lg {
1438 padding-right: 0;
1439 padding-left: 0; }
1440
1441 .form-control-sm {
1442 padding: 0.25rem 0.5rem;
1443 font-size: 0.875rem;
1444 border-radius: 0.2rem; }
1445
1446 select.form-control-sm:not([size]):not([multiple]) {
1447 height: 1.8125rem; }
1448
1449 .form-control-lg {
1450 padding: 0.75rem 1.5rem;
1451 font-size: 20px;
1452 border-radius: 0.3rem; }
1453
1454 select.form-control-lg:not([size]):not([multiple]) {
1455 height: 3.1666666667rem; }
1456
1457 .form-group {
1458 margin-bottom: 1rem; }
1459
1460 .form-text {
1461 display: block;
1462 margin-top: 0.25rem; }
1463
1464 .form-check {
1465 position: relative;
1466 display: block;
1467 margin-bottom: 0.5rem; }
1468 .form-check.disabled .form-check-label {
1469 color: #636c72;
1470 cursor: not-allowed; }
1471
1472 .form-check-label {
1473 padding-left: 1.25rem;
1474 margin-bottom: 0;
1475 cursor: pointer; }
1476
1477 .form-check-input {
1478 position: absolute;
1479 margin-top: 0.25rem;
1480 margin-left: -1.25rem; }
1481 .form-check-input:only-child {
1482 position: static; }
1483
1484 .form-check-inline {
1485 display: inline-block; }
1486 .form-check-inline .form-check-label {
1487 vertical-align: middle; }
1488 .form-check-inline + .form-check-inline {
1489 margin-left: 0.75rem; }
1490
1491 .form-control-feedback {
1492 margin-top: 0.25rem; }
1493
1494 .form-control-success,
1495 .form-control-warning,
1496 .form-control-danger {
1497 padding-right: 2.25rem;
1498 background-repeat: no-repeat;
1499 background-position: center right 0.5625rem;
1500 background-size: 1.125rem 1.125rem; }
1501
1502 .has-success .form-control-feedback,
1503 .has-success .form-control-label,
1504 .has-success .col-form-label,
1505 .has-success .form-check-label,
1506 .has-success .custom-control {
1507 color: #5cb85c; }
1508
1509 .has-success .form-control {
1510 border-color: #5cb85c; }
1511
1512 .has-success .input-group-addon {
1513 color: #5cb85c;
1514 border-color: #5cb85c;
1515 background-color: #eaf6ea; }
1516
1517 .has-success .form-control-success {
1518 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); }
1519
1520 .has-warning .form-control-feedback,
1521 .has-warning .form-control-label,
1522 .has-warning .col-form-label,
1523 .has-warning .form-check-label,
1524 .has-warning .custom-control {
1525 color: #f0ad4e; }
1526
1527 .has-warning .form-control {
1528 border-color: #f0ad4e; }
1529
1530 .has-warning .input-group-addon {
1531 color: #f0ad4e;
1532 border-color: #f0ad4e;
1533 background-color: white; }
1534
1535 .has-warning .form-control-warning {
1536 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); }
1537
1538 .has-danger .form-control-feedback,
1539 .has-danger .form-control-label,
1540 .has-danger .col-form-label,
1541 .has-danger .form-check-label,
1542 .has-danger .custom-control {
1543 color: #d9534f; }
1544
1545 .has-danger .form-control {
1546 border-color: #d9534f; }
1547
1548 .has-danger .input-group-addon {
1549 color: #d9534f;
1550 border-color: #d9534f;
1551 background-color: #fdf7f7; }
1552
1553 .has-danger .form-control-danger {
1554 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); }
1555
1556 .form-inline {
1557 display: flex;
1558 flex-flow: row wrap;
1559 align-items: center; }
1560 .form-inline .form-check {
1561 width: 100%; }
1562 @media (min-width: 576px) {
1563 .form-inline label {
1564 display: flex;
1565 align-items: center;
1566 justify-content: center;
1567 margin-bottom: 0; }
1568 .form-inline .form-group {
1569 display: flex;
1570 flex: 0 0 auto;
1571 flex-flow: row wrap;
1572 align-items: center;
1573 margin-bottom: 0; }
1574 .form-inline .form-control {
1575 display: inline-block;
1576 width: auto;
1577 vertical-align: middle; }
1578 .form-inline .form-control-static {
1579 display: inline-block; }
1580 .form-inline .input-group {
1581 width: auto; }
1582 .form-inline .form-control-label {
1583 margin-bottom: 0;
1584 vertical-align: middle; }
1585 .form-inline .form-check {
1586 display: flex;
1587 align-items: center;
1588 justify-content: center;
1589 width: auto;
1590 margin-top: 0;
1591 margin-bottom: 0; }
1592 .form-inline .form-check-label {
1593 padding-left: 0; }
1594 .form-inline .form-check-input {
1595 position: relative;
1596 margin-top: 0;
1597 margin-right: 0.25rem;
1598 margin-left: 0; }
1599 .form-inline .custom-control {
1600 display: flex;
1601 align-items: center;
1602 justify-content: center;
1603 padding-left: 0; }
1604 .form-inline .custom-control-indicator {
1605 position: static;
1606 display: inline-block;
1607 margin-right: 0.25rem;
1608 vertical-align: text-bottom; }
1609 .form-inline .has-feedback .form-control-feedback {
1610 top: 0; } }
1611
1612 .btn {
1613 display: inline-block;
1614 font-weight: 600;
1615 line-height: 0.95;
1616 text-align: center;
1617 white-space: nowrap;
1618 vertical-align: middle;
1619 user-select: none;
1620 border: 2px solid transparent;
1621 padding: 8px 16px;
1622 font-size: 1rem;
1623 border-radius: 0.25rem;
1624 transition: all 0.2s ease-in-out; }
1625 .btn:focus, .btn:hover {
1626 text-decoration: none; }
1627 .btn:focus, .btn.focus {
1628 outline: 0;
1629 box-shadow: none; }
1630 .btn.disabled, .btn:disabled {
1631 cursor: not-allowed;
1632 opacity: .65; }
1633 .btn:active, .btn.active {
1634 background-image: none; }
1635
1636 a.btn.disabled,
1637 fieldset[disabled] a.btn {
1638 pointer-events: none; }
1639
1640 .btn-primary {
1641 color: #fff;
1642 background-color: #b71c1c;
1643 border-color: #b71c1c; }
1644 .btn-primary:hover {
1645 color: #fff;
1646 background-color: #8b1515;
1647 border-color: #821414; }
1648 .btn-primary:focus, .btn-primary.focus {
1649 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
1650 .btn-primary.disabled, .btn-primary:disabled {
1651 background-color: #b71c1c;
1652 border-color: #b71c1c; }
1653 .btn-primary:active, .btn-primary.active,
1654 .show > .btn-primary.dropdown-toggle {
1655 color: #fff;
1656 background-color: #8b1515;
1657 background-image: none;
1658 border-color: #821414; }
1659
1660 .btn-secondary {
1661 color: rgba(38, 50, 56, 0.6);
1662 background-color: #fff;
1663 border-color: rgba(38, 50, 56, 0.6); }
1664 .btn-secondary:hover {
1665 color: rgba(38, 50, 56, 0.6);
1666 background-color: #e6e5e5;
1667 border-color: rgba(13, 17, 20, 0.6); }
1668 .btn-secondary:focus, .btn-secondary.focus {
1669 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
1670 .btn-secondary.disabled, .btn-secondary:disabled {
1671 background-color: #fff;
1672 border-color: rgba(38, 50, 56, 0.6); }
1673 .btn-secondary:active, .btn-secondary.active,
1674 .show > .btn-secondary.dropdown-toggle {
1675 color: rgba(38, 50, 56, 0.6);
1676 background-color: #e6e5e5;
1677 background-image: none;
1678 border-color: rgba(13, 17, 20, 0.6); }
1679
1680 .btn-info {
1681 color: #fff;
1682 background-color: #5bc0de;
1683 border-color: #5bc0de; }
1684 .btn-info:hover {
1685 color: #fff;
1686 background-color: #31b0d5;
1687 border-color: #2aabd2; }
1688 .btn-info:focus, .btn-info.focus {
1689 box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
1690 .btn-info.disabled, .btn-info:disabled {
1691 background-color: #5bc0de;
1692 border-color: #5bc0de; }
1693 .btn-info:active, .btn-info.active,
1694 .show > .btn-info.dropdown-toggle {
1695 color: #fff;
1696 background-color: #31b0d5;
1697 background-image: none;
1698 border-color: #2aabd2; }
1699
1700 .btn-success {
1701 color: #fff;
1702 background-color: #5cb85c;
1703 border-color: #5cb85c; }
1704 .btn-success:hover {
1705 color: #fff;
1706 background-color: #449d44;
1707 border-color: #419641; }
1708 .btn-success:focus, .btn-success.focus {
1709 box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }
1710 .btn-success.disabled, .btn-success:disabled {
1711 background-color: #5cb85c;
1712 border-color: #5cb85c; }
1713 .btn-success:active, .btn-success.active,
1714 .show > .btn-success.dropdown-toggle {
1715 color: #fff;
1716 background-color: #449d44;
1717 background-image: none;
1718 border-color: #419641; }
1719
1720 .btn-warning {
1721 color: #fff;
1722 background-color: #f0ad4e;
1723 border-color: #f0ad4e; }
1724 .btn-warning:hover {
1725 color: #fff;
1726 background-color: #ec971f;
1727 border-color: #eb9316; }
1728 .btn-warning:focus, .btn-warning.focus {
1729 box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
1730 .btn-warning.disabled, .btn-warning:disabled {
1731 background-color: #f0ad4e;
1732 border-color: #f0ad4e; }
1733 .btn-warning:active, .btn-warning.active,
1734 .show > .btn-warning.dropdown-toggle {
1735 color: #fff;
1736 background-color: #ec971f;
1737 background-image: none;
1738 border-color: #eb9316; }
1739
1740 .btn-danger {
1741 color: #fff;
1742 background-color: #d9534f;
1743 border-color: #d9534f; }
1744 .btn-danger:hover {
1745 color: #fff;
1746 background-color: #c9302c;
1747 border-color: #c12e2a; }
1748 .btn-danger:focus, .btn-danger.focus {
1749 box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
1750 .btn-danger.disabled, .btn-danger:disabled {
1751 background-color: #d9534f;
1752 border-color: #d9534f; }
1753 .btn-danger:active, .btn-danger.active,
1754 .show > .btn-danger.dropdown-toggle {
1755 color: #fff;
1756 background-color: #c9302c;
1757 background-image: none;
1758 border-color: #c12e2a; }
1759
1760 .btn-outline-primary {
1761 color: #b71c1c;
1762 background-image: none;
1763 background-color: transparent;
1764 border-color: #b71c1c; }
1765 .btn-outline-primary:hover {
1766 color: #fff;
1767 background-color: #b71c1c;
1768 border-color: #b71c1c; }
1769 .btn-outline-primary:focus, .btn-outline-primary.focus {
1770 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
1771 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
1772 color: #b71c1c;
1773 background-color: transparent; }
1774 .btn-outline-primary:active, .btn-outline-primary.active,
1775 .show > .btn-outline-primary.dropdown-toggle {
1776 color: #fff;
1777 background-color: #b71c1c;
1778 border-color: #b71c1c; }
1779
1780 .btn-outline-secondary {
1781 color: rgba(38, 50, 56, 0.6);
1782 background-image: none;
1783 background-color: transparent;
1784 border-color: rgba(38, 50, 56, 0.6); }
1785 .btn-outline-secondary:hover {
1786 color: #fff;
1787 background-color: rgba(38, 50, 56, 0.6);
1788 border-color: rgba(38, 50, 56, 0.6); }
1789 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
1790 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
1791 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
1792 color: rgba(38, 50, 56, 0.6);
1793 background-color: transparent; }
1794 .btn-outline-secondary:active, .btn-outline-secondary.active,
1795 .show > .btn-outline-secondary.dropdown-toggle {
1796 color: #fff;
1797 background-color: rgba(38, 50, 56, 0.6);
1798 border-color: rgba(38, 50, 56, 0.6); }
1799
1800 .btn-outline-info {
1801 color: #5bc0de;
1802 background-image: none;
1803 background-color: transparent;
1804 border-color: #5bc0de; }
1805 .btn-outline-info:hover {
1806 color: #fff;
1807 background-color: #5bc0de;
1808 border-color: #5bc0de; }
1809 .btn-outline-info:focus, .btn-outline-info.focus {
1810 box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
1811 .btn-outline-info.disabled, .btn-outline-info:disabled {
1812 color: #5bc0de;
1813 background-color: transparent; }
1814 .btn-outline-info:active, .btn-outline-info.active,
1815 .show > .btn-outline-info.dropdown-toggle {
1816 color: #fff;
1817 background-color: #5bc0de;
1818 border-color: #5bc0de; }
1819
1820 .btn-outline-success {
1821 color: #5cb85c;
1822 background-image: none;
1823 background-color: transparent;
1824 border-color: #5cb85c; }
1825 .btn-outline-success:hover {
1826 color: #fff;
1827 background-color: #5cb85c;
1828 border-color: #5cb85c; }
1829 .btn-outline-success:focus, .btn-outline-success.focus {
1830 box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }
1831 .btn-outline-success.disabled, .btn-outline-success:disabled {
1832 color: #5cb85c;
1833 background-color: transparent; }
1834 .btn-outline-success:active, .btn-outline-success.active,
1835 .show > .btn-outline-success.dropdown-toggle {
1836 color: #fff;
1837 background-color: #5cb85c;
1838 border-color: #5cb85c; }
1839
1840 .btn-outline-warning {
1841 color: #f0ad4e;
1842 background-image: none;
1843 background-color: transparent;
1844 border-color: #f0ad4e; }
1845 .btn-outline-warning:hover {
1846 color: #fff;
1847 background-color: #f0ad4e;
1848 border-color: #f0ad4e; }
1849 .btn-outline-warning:focus, .btn-outline-warning.focus {
1850 box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
1851 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
1852 color: #f0ad4e;
1853 background-color: transparent; }
1854 .btn-outline-warning:active, .btn-outline-warning.active,
1855 .show > .btn-outline-warning.dropdown-toggle {
1856 color: #fff;
1857 background-color: #f0ad4e;
1858 border-color: #f0ad4e; }
1859
1860 .btn-outline-danger {
1861 color: #d9534f;
1862 background-image: none;
1863 background-color: transparent;
1864 border-color: #d9534f; }
1865 .btn-outline-danger:hover {
1866 color: #fff;
1867 background-color: #d9534f;
1868 border-color: #d9534f; }
1869 .btn-outline-danger:focus, .btn-outline-danger.focus {
1870 box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
1871 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
1872 color: #d9534f;
1873 background-color: transparent; }
1874 .btn-outline-danger:active, .btn-outline-danger.active,
1875 .show > .btn-outline-danger.dropdown-toggle {
1876 color: #fff;
1877 background-color: #d9534f;
1878 border-color: #d9534f; }
1879
1880 .btn-link {
1881 font-weight: 400;
1882 color: #b71c1c;
1883 border-radius: 0; }
1884 .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
1885 background-color: transparent; }
1886 .btn-link, .btn-link:focus, .btn-link:active {
1887 border-color: transparent; }
1888 .btn-link:hover {
1889 border-color: transparent; }
1890 .btn-link:focus, .btn-link:hover {
1891 color: #751212;
1892 text-decoration: none;
1893 background-color: transparent; }
1894 .btn-link:disabled {
1895 color: #636c72; }
1896 .btn-link:disabled:focus, .btn-link:disabled:hover {
1897 text-decoration: none; }
1898
1899 .btn-lg, .btn-group-lg > .btn {
1900 padding: 12px 32px;
1901 font-size: 20px;
1902 border-radius: 2px; }
1903
1904 .btn-sm, .btn-group-sm > .btn {
1905 padding: 4px 8px;
1906 font-size: 0.875rem;
1907 border-radius: 0.2rem; }
1908
1909 .btn-block {
1910 display: block;
1911 width: 100%; }
1912
1913 .btn-block + .btn-block {
1914 margin-top: 8px; }
1915
1916 input[type="submit"].btn-block,
1917 input[type="reset"].btn-block,
1918 input[type="button"].btn-block {
1919 width: 100%; }
1920
1921 .fade {
1922 opacity: 0;
1923 transition: opacity 0.15s linear; }
1924 .fade.show {
1925 opacity: 1; }
1926
1927 .collapse {
1928 display: none; }
1929 .collapse.show {
1930 display: block; }
1931
1932 tr.collapse.show {
1933 display: table-row; }
1934
1935 tbody.collapse.show {
1936 display: table-row-group; }
1937
1938 .collapsing {
1939 position: relative;
1940 height: 0;
1941 overflow: hidden;
1942 transition: height 0.35s ease; }
1943
1944 .btn-group,
1945 .btn-group-vertical {
1946 position: relative;
1947 display: inline-flex;
1948 vertical-align: middle; }
1949 .btn-group > .btn,
1950 .btn-group-vertical > .btn {
1951 position: relative;
1952 flex: 0 1 auto; }
1953 .btn-group > .btn:hover,
1954 .btn-group-vertical > .btn:hover {
1955 z-index: 2; }
1956 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
1957 .btn-group-vertical > .btn:focus,
1958 .btn-group-vertical > .btn:active,
1959 .btn-group-vertical > .btn.active {
1960 z-index: 2; }
1961 .btn-group .btn + .btn,
1962 .btn-group .btn + .btn-group,
1963 .btn-group .btn-group + .btn,
1964 .btn-group .btn-group + .btn-group,
1965 .btn-group-vertical .btn + .btn,
1966 .btn-group-vertical .btn + .btn-group,
1967 .btn-group-vertical .btn-group + .btn,
1968 .btn-group-vertical .btn-group + .btn-group {
1969 margin-left: -2px; }
1970
1971 .btn-toolbar {
1972 display: flex;
1973 justify-content: flex-start; }
1974 .btn-toolbar .input-group {
1975 width: auto; }
1976
1977 .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
1978 border-radius: 0; }
1979
1980 .btn-group > .btn:first-child {
1981 margin-left: 0; }
1982 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
1983 border-bottom-right-radius: 0;
1984 border-top-right-radius: 0; }
1985
1986 .btn-group > .btn:last-child:not(:first-child),
1987 .btn-group > .dropdown-toggle:not(:first-child) {
1988 border-bottom-left-radius: 0;
1989 border-top-left-radius: 0; }
1990
1991 .btn-group > .btn-group {
1992 float: left; }
1993
1994 .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
1995 border-radius: 0; }
1996
1997 .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
1998 .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
1999 border-bottom-right-radius: 0;
2000 border-top-right-radius: 0; }
2001
2002 .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
2003 border-bottom-left-radius: 0;
2004 border-top-left-radius: 0; }
2005
2006 .btn-group .dropdown-toggle:active,
2007 .btn-group.open .dropdown-toggle {
2008 outline: 0; }
2009
2010 .btn + .dropdown-toggle-split {
2011 padding-right: 12px;
2012 padding-left: 12px; }
2013 .btn + .dropdown-toggle-split::after {
2014 margin-left: 0; }
2015
2016 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
2017 padding-right: 6px;
2018 padding-left: 6px; }
2019
2020 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
2021 padding-right: 24px;
2022 padding-left: 24px; }
2023
2024 .btn-group-vertical {
2025 display: inline-flex;
2026 flex-direction: column;
2027 align-items: flex-start;
2028 justify-content: center; }
2029 .btn-group-vertical .btn,
2030 .btn-group-vertical .btn-group {
2031 width: 100%; }
2032 .btn-group-vertical > .btn + .btn,
2033 .btn-group-vertical > .btn + .btn-group,
2034 .btn-group-vertical > .btn-group + .btn,
2035 .btn-group-vertical > .btn-group + .btn-group {
2036 margin-top: -2px;
2037 margin-left: 0; }
2038
2039 .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
2040 border-radius: 0; }
2041
2042 .btn-group-vertical > .btn:first-child:not(:last-child) {
2043 border-bottom-right-radius: 0;
2044 border-bottom-left-radius: 0; }
2045
2046 .btn-group-vertical > .btn:last-child:not(:first-child) {
2047 border-top-right-radius: 0;
2048 border-top-left-radius: 0; }
2049
2050 .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
2051 border-radius: 0; }
2052
2053 .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
2054 .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
2055 border-bottom-right-radius: 0;
2056 border-bottom-left-radius: 0; }
2057
2058 .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
2059 border-top-right-radius: 0;
2060 border-top-left-radius: 0; }
2061
2062 [data-toggle="buttons"] > .btn input[type="radio"],
2063 [data-toggle="buttons"] > .btn input[type="checkbox"],
2064 [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
2065 [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
2066 position: absolute;
2067 clip: rect(0, 0, 0, 0);
2068 pointer-events: none; }
2069
2070 .nav {
2071 display: flex;
2072 padding-left: 0;
2073 margin-bottom: 0;
2074 list-style: none; }
2075
2076 .nav-link {
2077 display: block;
2078 padding: 8px 24px; }
2079 .nav-link:focus, .nav-link:hover {
2080 text-decoration: none; }
2081 .nav-link.disabled {
2082 color: #636c72;
2083 cursor: not-allowed; }
2084
2085 .nav-tabs {
2086 border-bottom: 1px solid #ddd; }
2087 .nav-tabs .nav-item {
2088 margin-bottom: -1px; }
2089 .nav-tabs .nav-link {
2090 border: 1px solid transparent;
2091 border-top-right-radius: 0.25rem;
2092 border-top-left-radius: 0.25rem; }
2093 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
2094 border-color: #eceeef #eceeef #ddd; }
2095 .nav-tabs .nav-link.disabled {
2096 color: #636c72;
2097 background-color: transparent;
2098 border-color: transparent; }
2099 .nav-tabs .nav-link.active,
2100 .nav-tabs .nav-item.show .nav-link {
2101 color: #464a4c;
2102 background-color: #fff;
2103 border-color: #ddd #ddd #fff; }
2104 .nav-tabs .dropdown-menu {
2105 margin-top: -1px;
2106 border-top-right-radius: 0;
2107 border-top-left-radius: 0; }
2108
2109 .nav-pills .nav-link {
2110 border-radius: 0.25rem; }
2111
2112 .nav-pills .nav-link.active,
2113 .nav-pills .nav-item.show .nav-link {
2114 color: #fff;
2115 cursor: default;
2116 background-color: #0275d8; }
2117
2118 .nav-fill .nav-item {
2119 flex: 1 1 auto;
2120 text-align: center; }
2121
2122 .nav-justified .nav-item {
2123 flex: 1 1 100%;
2124 text-align: center; }
2125
2126 .tab-content > .tab-pane {
2127 display: none; }
2128
2129 .tab-content > .active {
2130 display: block; }
2131
2132 .navbar {
2133 position: relative;
2134 display: flex;
2135 flex-direction: column;
2136 padding: 8px 8px; }
2137
2138 .navbar-brand {
2139 display: inline-block;
2140 padding-top: .25rem;
2141 padding-bottom: .25rem;
2142 margin-right: 8px;
2143 font-size: 20px;
2144 line-height: inherit;
2145 white-space: nowrap; }
2146 .navbar-brand:focus, .navbar-brand:hover {
2147 text-decoration: none; }
2148
2149 .navbar-nav {
2150 display: flex;
2151 flex-direction: column;
2152 padding-left: 0;
2153 margin-bottom: 0;
2154 list-style: none; }
2155 .navbar-nav .nav-link {
2156 padding-right: 0;
2157 padding-left: 0; }
2158
2159 .navbar-text {
2160 display: inline-block;
2161 padding-top: .425rem;
2162 padding-bottom: .425rem; }
2163
2164 .navbar-toggler {
2165 align-self: flex-start;
2166 padding: 0.25rem 0.75rem;
2167 font-size: 1.25rem;
2168 line-height: 1;
2169 background: transparent;
2170 border: 2px solid transparent;
2171 border-radius: 0.25rem; }
2172 .navbar-toggler:focus, .navbar-toggler:hover {
2173 text-decoration: none; }
2174
2175 .navbar-toggler-icon {
2176 display: inline-block;
2177 width: 1.5em;
2178 height: 1.5em;
2179 vertical-align: middle;
2180 content: "";
2181 background: no-repeat center center;
2182 background-size: 100% 100%; }
2183
2184 .navbar-toggler-left {
2185 position: absolute;
2186 left: 8px; }
2187
2188 .navbar-toggler-right {
2189 position: absolute;
2190 right: 8px; }
2191
2192 @media (max-width: 575px) {
2193 .navbar-toggleable .navbar-nav .dropdown-menu {
2194 position: static;
2195 float: none; }
2196 .navbar-toggleable > .container {
2197 padding-right: 0;
2198 padding-left: 0; } }
2199
2200 @media (min-width: 576px) {
2201 .navbar-toggleable {
2202 flex-direction: row;
2203 flex-wrap: nowrap;
2204 align-items: center; }
2205 .navbar-toggleable .navbar-nav {
2206 flex-direction: row; }
2207 .navbar-toggleable .navbar-nav .nav-link {
2208 padding-right: .5rem;
2209 padding-left: .5rem; }
2210 .navbar-toggleable > .container {
2211 display: flex;
2212 flex-wrap: nowrap;
2213 align-items: center; }
2214 .navbar-toggleable .navbar-collapse {
2215 display: flex !important;
2216 width: 100%; }
2217 .navbar-toggleable .navbar-toggler {
2218 display: none; } }
2219
2220 @media (max-width: 767px) {
2221 .navbar-toggleable-sm .navbar-nav .dropdown-menu {
2222 position: static;
2223 float: none; }
2224 .navbar-toggleable-sm > .container {
2225 padding-right: 0;
2226 padding-left: 0; } }
2227
2228 @media (min-width: 768px) {
2229 .navbar-toggleable-sm {
2230 flex-direction: row;
2231 flex-wrap: nowrap;
2232 align-items: center; }
2233 .navbar-toggleable-sm .navbar-nav {
2234 flex-direction: row; }
2235 .navbar-toggleable-sm .navbar-nav .nav-link {
2236 padding-right: .5rem;
2237 padding-left: .5rem; }
2238 .navbar-toggleable-sm > .container {
2239 display: flex;
2240 flex-wrap: nowrap;
2241 align-items: center; }
2242 .navbar-toggleable-sm .navbar-collapse {
2243 display: flex !important;
2244 width: 100%; }
2245 .navbar-toggleable-sm .navbar-toggler {
2246 display: none; } }
2247
2248 @media (max-width: 991px) {
2249 .navbar-toggleable-md .navbar-nav .dropdown-menu {
2250 position: static;
2251 float: none; }
2252 .navbar-toggleable-md > .container {
2253 padding-right: 0;
2254 padding-left: 0; } }
2255
2256 @media (min-width: 992px) {
2257 .navbar-toggleable-md {
2258 flex-direction: row;
2259 flex-wrap: nowrap;
2260 align-items: center; }
2261 .navbar-toggleable-md .navbar-nav {
2262 flex-direction: row; }
2263 .navbar-toggleable-md .navbar-nav .nav-link {
2264 padding-right: .5rem;
2265 padding-left: .5rem; }
2266 .navbar-toggleable-md > .container {
2267 display: flex;
2268 flex-wrap: nowrap;
2269 align-items: center; }
2270 .navbar-toggleable-md .navbar-collapse {
2271 display: flex !important;
2272 width: 100%; }
2273 .navbar-toggleable-md .navbar-toggler {
2274 display: none; } }
2275
2276 @media (max-width: 1199px) {
2277 .navbar-toggleable-lg .navbar-nav .dropdown-menu {
2278 position: static;
2279 float: none; }
2280 .navbar-toggleable-lg > .container {
2281 padding-right: 0;
2282 padding-left: 0; } }
2283
2284 @media (min-width: 1200px) {
2285 .navbar-toggleable-lg {
2286 flex-direction: row;
2287 flex-wrap: nowrap;
2288 align-items: center; }
2289 .navbar-toggleable-lg .navbar-nav {
2290 flex-direction: row; }
2291 .navbar-toggleable-lg .navbar-nav .nav-link {
2292 padding-right: .5rem;
2293 padding-left: .5rem; }
2294 .navbar-toggleable-lg > .container {
2295 display: flex;
2296 flex-wrap: nowrap;
2297 align-items: center; }
2298 .navbar-toggleable-lg .navbar-collapse {
2299 display: flex !important;
2300 width: 100%; }
2301 .navbar-toggleable-lg .navbar-toggler {
2302 display: none; } }
2303
2304 .navbar-toggleable-xl {
2305 flex-direction: row;
2306 flex-wrap: nowrap;
2307 align-items: center; }
2308 .navbar-toggleable-xl .navbar-nav .dropdown-menu {
2309 position: static;
2310 float: none; }
2311 .navbar-toggleable-xl > .container {
2312 padding-right: 0;
2313 padding-left: 0; }
2314 .navbar-toggleable-xl .navbar-nav {
2315 flex-direction: row; }
2316 .navbar-toggleable-xl .navbar-nav .nav-link {
2317 padding-right: .5rem;
2318 padding-left: .5rem; }
2319 .navbar-toggleable-xl > .container {
2320 display: flex;
2321 flex-wrap: nowrap;
2322 align-items: center; }
2323 .navbar-toggleable-xl .navbar-collapse {
2324 display: flex !important;
2325 width: 100%; }
2326 .navbar-toggleable-xl .navbar-toggler {
2327 display: none; }
2328
2329 .navbar-light .navbar-brand,
2330 .navbar-light .navbar-toggler {
2331 color: rgba(0, 0, 0, 0.9); }
2332 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
2333 .navbar-light .navbar-toggler:focus,
2334 .navbar-light .navbar-toggler:hover {
2335 color: rgba(0, 0, 0, 0.9); }
2336
2337 .navbar-light .navbar-nav .nav-link {
2338 color: rgba(0, 0, 0, 0.5); }
2339 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
2340 color: rgba(0, 0, 0, 0.7); }
2341 .navbar-light .navbar-nav .nav-link.disabled {
2342 color: rgba(0, 0, 0, 0.3); }
2343
2344 .navbar-light .navbar-nav .open > .nav-link,
2345 .navbar-light .navbar-nav .active > .nav-link,
2346 .navbar-light .navbar-nav .nav-link.open,
2347 .navbar-light .navbar-nav .nav-link.active {
2348 color: rgba(0, 0, 0, 0.9); }
2349
2350 .navbar-light .navbar-toggler {
2351 border-color: rgba(0, 0, 0, 0.1); }
2352
2353 .navbar-light .navbar-toggler-icon {
2354 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
2355
2356 .navbar-light .navbar-text {
2357 color: rgba(0, 0, 0, 0.5); }
2358
2359 .navbar-inverse .navbar-brand,
2360 .navbar-inverse .navbar-toggler {
2361 color: white; }
2362 .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
2363 .navbar-inverse .navbar-toggler:focus,
2364 .navbar-inverse .navbar-toggler:hover {
2365 color: white; }
2366
2367 .navbar-inverse .navbar-nav .nav-link {
2368 color: rgba(255, 255, 255, 0.5); }
2369 .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
2370 color: rgba(255, 255, 255, 0.75); }
2371 .navbar-inverse .navbar-nav .nav-link.disabled {
2372 color: rgba(255, 255, 255, 0.25); }
2373
2374 .navbar-inverse .navbar-nav .open > .nav-link,
2375 .navbar-inverse .navbar-nav .active > .nav-link,
2376 .navbar-inverse .navbar-nav .nav-link.open,
2377 .navbar-inverse .navbar-nav .nav-link.active {
2378 color: white; }
2379
2380 .navbar-inverse .navbar-toggler {
2381 border-color: rgba(255, 255, 255, 0.1); }
2382
2383 .navbar-inverse .navbar-toggler-icon {
2384 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
2385
2386 .navbar-inverse .navbar-text {
2387 color: rgba(255, 255, 255, 0.5); }
2388
2389 .badge {
2390 display: inline-block;
2391 padding: 0.25em 0.4em;
2392 font-size: 100%;
2393 font-weight: bold;
2394 line-height: 1;
2395 color: #fff;
2396 text-align: center;
2397 white-space: nowrap;
2398 vertical-align: baseline;
2399 border-radius: 0.25rem; }
2400 .badge:empty {
2401 display: none; }
2402
2403 .btn .badge {
2404 position: relative;
2405 top: -1px; }
2406
2407 a.badge:focus, a.badge:hover {
2408 color: #fff;
2409 text-decoration: none;
2410 cursor: pointer; }
2411
2412 .badge-pill {
2413 padding-right: 0.6em;
2414 padding-left: 0.6em;
2415 border-radius: 10rem; }
2416
2417 .badge-default {
2418 background-color: #636c72; }
2419 .badge-default[href]:focus, .badge-default[href]:hover {
2420 background-color: #4b5257; }
2421
2422 .badge-primary {
2423 background-color: #0275d8; }
2424 .badge-primary[href]:focus, .badge-primary[href]:hover {
2425 background-color: #025aa5; }
2426
2427 .badge-success {
2428 background-color: #5cb85c; }
2429 .badge-success[href]:focus, .badge-success[href]:hover {
2430 background-color: #449d44; }
2431
2432 .badge-info {
2433 background-color: #5bc0de; }
2434 .badge-info[href]:focus, .badge-info[href]:hover {
2435 background-color: #31b0d5; }
2436
2437 .badge-warning {
2438 background-color: #f0ad4e; }
2439 .badge-warning[href]:focus, .badge-warning[href]:hover {
2440 background-color: #ec971f; }
2441
2442 .badge-danger {
2443 background-color: #d9534f; }
2444 .badge-danger[href]:focus, .badge-danger[href]:hover {
2445 background-color: #c9302c; }
2446
2447 @keyframes progress-bar-stripes {
2448 from {
2449 background-position: 1rem 0; }
2450 to {
2451 background-position: 0 0; } }
2452
2453 .progress {
2454 display: flex;
2455 overflow: hidden;
2456 font-size: 0.75rem;
2457 line-height: 1rem;
2458 text-align: center;
2459 background-color: #eceeef;
2460 border-radius: 0.25rem; }
2461
2462 .progress-bar {
2463 height: 1rem;
2464 color: #fff;
2465 background-color: #0275d8; }
2466
2467 .progress-bar-striped {
2468 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2469 background-size: 1rem 1rem; }
2470
2471 .progress-bar-animated {
2472 animation: progress-bar-stripes 1s linear infinite; }
2473
2474 .media {
2475 display: flex;
2476 align-items: flex-start; }
2477
2478 .media-body {
2479 flex: 1; }
2480
2481 .list-group {
2482 display: flex;
2483 flex-direction: column;
2484 padding-left: 0;
2485 margin-bottom: 0; }
2486
2487 .list-group-item-action {
2488 width: 100%;
2489 color: #464a4c;
2490 text-align: inherit; }
2491 .list-group-item-action .list-group-item-heading {
2492 color: #292b2c; }
2493 .list-group-item-action:focus, .list-group-item-action:hover {
2494 color: #464a4c;
2495 text-decoration: none;
2496 background-color: #f7f7f9; }
2497 .list-group-item-action:active {
2498 color: #292b2c;
2499 background-color: #eceeef; }
2500
2501 .list-group-item {
2502 position: relative;
2503 display: flex;
2504 flex-flow: row wrap;
2505 align-items: center;
2506 padding: 0.75rem 1.25rem;
2507 margin-bottom: -1px;
2508 background-color: #fff;
2509 border: 1px solid rgba(0, 0, 0, 0.125); }
2510 .list-group-item:first-child {
2511 border-top-right-radius: 0.25rem;
2512 border-top-left-radius: 0.25rem; }
2513 .list-group-item:last-child {
2514 margin-bottom: 0;
2515 border-bottom-right-radius: 0.25rem;
2516 border-bottom-left-radius: 0.25rem; }
2517 .list-group-item:focus, .list-group-item:hover {
2518 text-decoration: none; }
2519 .list-group-item.disabled, .list-group-item:disabled {
2520 color: #636c72;
2521 cursor: not-allowed;
2522 background-color: #fff; }
2523 .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
2524 color: inherit; }
2525 .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
2526 color: #636c72; }
2527 .list-group-item.active {
2528 z-index: 2;
2529 color: #fff;
2530 background-color: #0275d8;
2531 border-color: #0275d8; }
2532 .list-group-item.active .list-group-item-heading,
2533 .list-group-item.active .list-group-item-heading > small,
2534 .list-group-item.active .list-group-item-heading > .small {
2535 color: inherit; }
2536 .list-group-item.active .list-group-item-text {
2537 color: #daeeff; }
2538
2539 .list-group-flush .list-group-item {
2540 border-right: 0;
2541 border-left: 0;
2542 border-radius: 0; }
2543
2544 .list-group-flush:first-child .list-group-item:first-child {
2545 border-top: 0; }
2546
2547 .list-group-flush:last-child .list-group-item:last-child {
2548 border-bottom: 0; }
2549
2550 .list-group-item-success {
2551 color: #3c763d;
2552 background-color: #dff0d8; }
2553
2554 a.list-group-item-success,
2555 button.list-group-item-success {
2556 color: #3c763d; }
2557 a.list-group-item-success .list-group-item-heading,
2558 button.list-group-item-success .list-group-item-heading {
2559 color: inherit; }
2560 a.list-group-item-success:focus, a.list-group-item-success:hover,
2561 button.list-group-item-success:focus,
2562 button.list-group-item-success:hover {
2563 color: #3c763d;
2564 background-color: #d0e9c6; }
2565 a.list-group-item-success.active,
2566 button.list-group-item-success.active {
2567 color: #fff;
2568 background-color: #3c763d;
2569 border-color: #3c763d; }
2570
2571 .list-group-item-info {
2572 color: #31708f;
2573 background-color: #d9edf7; }
2574
2575 a.list-group-item-info,
2576 button.list-group-item-info {
2577 color: #31708f; }
2578 a.list-group-item-info .list-group-item-heading,
2579 button.list-group-item-info .list-group-item-heading {
2580 color: inherit; }
2581 a.list-group-item-info:focus, a.list-group-item-info:hover,
2582 button.list-group-item-info:focus,
2583 button.list-group-item-info:hover {
2584 color: #31708f;
2585 background-color: #c4e3f3; }
2586 a.list-group-item-info.active,
2587 button.list-group-item-info.active {
2588 color: #fff;
2589 background-color: #31708f;
2590 border-color: #31708f; }
2591
2592 .list-group-item-warning {
2593 color: #8a6d3b;
2594 background-color: #fcf8e3; }
2595
2596 a.list-group-item-warning,
2597 button.list-group-item-warning {
2598 color: #8a6d3b; }
2599 a.list-group-item-warning .list-group-item-heading,
2600 button.list-group-item-warning .list-group-item-heading {
2601 color: inherit; }
2602 a.list-group-item-warning:focus, a.list-group-item-warning:hover,
2603 button.list-group-item-warning:focus,
2604 button.list-group-item-warning:hover {
2605 color: #8a6d3b;
2606 background-color: #faf2cc; }
2607 a.list-group-item-warning.active,
2608 button.list-group-item-warning.active {
2609 color: #fff;
2610 background-color: #8a6d3b;
2611 border-color: #8a6d3b; }
2612
2613 .list-group-item-danger {
2614 color: #a94442;
2615 background-color: #f2dede; }
2616
2617 a.list-group-item-danger,
2618 button.list-group-item-danger {
2619 color: #a94442; }
2620 a.list-group-item-danger .list-group-item-heading,
2621 button.list-group-item-danger .list-group-item-heading {
2622 color: inherit; }
2623 a.list-group-item-danger:focus, a.list-group-item-danger:hover,
2624 button.list-group-item-danger:focus,
2625 button.list-group-item-danger:hover {
2626 color: #a94442;
2627 background-color: #ebcccc; }
2628 a.list-group-item-danger.active,
2629 button.list-group-item-danger.active {
2630 color: #fff;
2631 background-color: #a94442;
2632 border-color: #a94442; }
2633
2634 .align-baseline {
2635 vertical-align: baseline !important; }
2636
2637 .align-top {
2638 vertical-align: top !important; }
2639
2640 .align-middle {
2641 vertical-align: middle !important; }
2642
2643 .align-bottom {
2644 vertical-align: bottom !important; }
2645
2646 .align-text-bottom {
2647 vertical-align: text-bottom !important; }
2648
2649 .align-text-top {
2650 vertical-align: text-top !important; }
2651
2652 .bg-faded {
2653 background-color: #e3e8eb; }
2654
2655 .bg-primary {
2656 background-color: #0275d8 !important; }
2657
2658 a.bg-primary:focus, a.bg-primary:hover {
2659 background-color: #025aa5 !important; }
2660
2661 .bg-success {
2662 background-color: #5cb85c !important; }
2663
2664 a.bg-success:focus, a.bg-success:hover {
2665 background-color: #449d44 !important; }
2666
2667 .bg-info {
2668 background-color: #5bc0de !important; }
2669
2670 a.bg-info:focus, a.bg-info:hover {
2671 background-color: #31b0d5 !important; }
2672
2673 .bg-warning {
2674 background-color: #f0ad4e !important; }
2675
2676 a.bg-warning:focus, a.bg-warning:hover {
2677 background-color: #ec971f !important; }
2678
2679 .bg-danger {
2680 background-color: #d9534f !important; }
2681
2682 a.bg-danger:focus, a.bg-danger:hover {
2683 background-color: #c9302c !important; }
2684
2685 .bg-inverse {
2686 background-color: #292b2c !important; }
2687
2688 a.bg-inverse:focus, a.bg-inverse:hover {
2689 background-color: #101112 !important; }
2690
2691 .border-0 {
2692 border: 0 !important; }
2693
2694 .border-top-0 {
2695 border-top: 0 !important; }
2696
2697 .border-right-0 {
2698 border-right: 0 !important; }
2699
2700 .border-bottom-0 {
2701 border-bottom: 0 !important; }
2702
2703 .border-left-0 {
2704 border-left: 0 !important; }
2705
2706 .rounded {
2707 border-radius: 0.25rem; }
2708
2709 .rounded-top {
2710 border-top-right-radius: 0.25rem;
2711 border-top-left-radius: 0.25rem; }
2712
2713 .rounded-right {
2714 border-bottom-right-radius: 0.25rem;
2715 border-top-right-radius: 0.25rem; }
2716
2717 .rounded-bottom {
2718 border-bottom-right-radius: 0.25rem;
2719 border-bottom-left-radius: 0.25rem; }
2720
2721 .rounded-left {
2722 border-bottom-left-radius: 0.25rem;
2723 border-top-left-radius: 0.25rem; }
2724
2725 .rounded-circle {
2726 border-radius: 50%; }
2727
2728 .rounded-0 {
2729 border-radius: 0; }
2730
2731 .clearfix::after {
2732 display: block;
2733 content: "";
2734 clear: both; }
2735
2736 .d-none {
2737 display: none !important; }
2738
2739 .d-inline {
2740 display: inline !important; }
2741
2742 .d-inline-block {
2743 display: inline-block !important; }
2744
2745 .d-block {
2746 display: block !important; }
2747
2748 .d-table {
2749 display: table !important; }
2750
2751 .d-table-cell {
2752 display: table-cell !important; }
2753
2754 .d-flex {
2755 display: flex !important; }
2756
2757 .d-inline-flex {
2758 display: inline-flex !important; }
2759
2760 @media (min-width: 576px) {
2761 .d-sm-none {
2762 display: none !important; }
2763 .d-sm-inline {
2764 display: inline !important; }
2765 .d-sm-inline-block {
2766 display: inline-block !important; }
2767 .d-sm-block {
2768 display: block !important; }
2769 .d-sm-table {
2770 display: table !important; }
2771 .d-sm-table-cell {
2772 display: table-cell !important; }
2773 .d-sm-flex {
2774 display: flex !important; }
2775 .d-sm-inline-flex {
2776 display: inline-flex !important; } }
2777
2778 @media (min-width: 768px) {
2779 .d-md-none {
2780 display: none !important; }
2781 .d-md-inline {
2782 display: inline !important; }
2783 .d-md-inline-block {
2784 display: inline-block !important; }
2785 .d-md-block {
2786 display: block !important; }
2787 .d-md-table {
2788 display: table !important; }
2789 .d-md-table-cell {
2790 display: table-cell !important; }
2791 .d-md-flex {
2792 display: flex !important; }
2793 .d-md-inline-flex {
2794 display: inline-flex !important; } }
2795
2796 @media (min-width: 992px) {
2797 .d-lg-none {
2798 display: none !important; }
2799 .d-lg-inline {
2800 display: inline !important; }
2801 .d-lg-inline-block {
2802 display: inline-block !important; }
2803 .d-lg-block {
2804 display: block !important; }
2805 .d-lg-table {
2806 display: table !important; }
2807 .d-lg-table-cell {
2808 display: table-cell !important; }
2809 .d-lg-flex {
2810 display: flex !important; }
2811 .d-lg-inline-flex {
2812 display: inline-flex !important; } }
2813
2814 @media (min-width: 1200px) {
2815 .d-xl-none {
2816 display: none !important; }
2817 .d-xl-inline {
2818 display: inline !important; }
2819 .d-xl-inline-block {
2820 display: inline-block !important; }
2821 .d-xl-block {
2822 display: block !important; }
2823 .d-xl-table {
2824 display: table !important; }
2825 .d-xl-table-cell {
2826 display: table-cell !important; }
2827 .d-xl-flex {
2828 display: flex !important; }
2829 .d-xl-inline-flex {
2830 display: inline-flex !important; } }
2831
2832 .flex-first {
2833 order: -1; }
2834
2835 .flex-last {
2836 order: 1; }
2837
2838 .flex-unordered {
2839 order: 0; }
2840
2841 .flex-row {
2842 flex-direction: row !important; }
2843
2844 .flex-column {
2845 flex-direction: column !important; }
2846
2847 .flex-row-reverse {
2848 flex-direction: row-reverse !important; }
2849
2850 .flex-column-reverse {
2851 flex-direction: column-reverse !important; }
2852
2853 .flex-wrap {
2854 flex-wrap: wrap !important; }
2855
2856 .flex-nowrap {
2857 flex-wrap: nowrap !important; }
2858
2859 .flex-wrap-reverse {
2860 flex-wrap: wrap-reverse !important; }
2861
2862 .justify-content-start {
2863 justify-content: flex-start !important; }
2864
2865 .justify-content-end {
2866 justify-content: flex-end !important; }
2867
2868 .justify-content-center {
2869 justify-content: center !important; }
2870
2871 .justify-content-between {
2872 justify-content: space-between !important; }
2873
2874 .justify-content-around {
2875 justify-content: space-around !important; }
2876
2877 .align-items-start {
2878 align-items: flex-start !important; }
2879
2880 .align-items-end {
2881 align-items: flex-end !important; }
2882
2883 .align-items-center {
2884 align-items: center !important; }
2885
2886 .align-items-baseline {
2887 align-items: baseline !important; }
2888
2889 .align-items-stretch {
2890 align-items: stretch !important; }
2891
2892 .align-content-start {
2893 align-content: flex-start !important; }
2894
2895 .align-content-end {
2896 align-content: flex-end !important; }
2897
2898 .align-content-center {
2899 align-content: center !important; }
2900
2901 .align-content-between {
2902 align-content: space-between !important; }
2903
2904 .align-content-around {
2905 align-content: space-around !important; }
2906
2907 .align-content-stretch {
2908 align-content: stretch !important; }
2909
2910 .align-self-auto {
2911 align-self: auto !important; }
2912
2913 .align-self-start {
2914 align-self: flex-start !important; }
2915
2916 .align-self-end {
2917 align-self: flex-end !important; }
2918
2919 .align-self-center {
2920 align-self: center !important; }
2921
2922 .align-self-baseline {
2923 align-self: baseline !important; }
2924
2925 .align-self-stretch {
2926 align-self: stretch !important; }
2927
2928 @media (min-width: 576px) {
2929 .flex-sm-first {
2930 order: -1; }
2931 .flex-sm-last {
2932 order: 1; }
2933 .flex-sm-unordered {
2934 order: 0; }
2935 .flex-sm-row {
2936 flex-direction: row !important; }
2937 .flex-sm-column {
2938 flex-direction: column !important; }
2939 .flex-sm-row-reverse {
2940 flex-direction: row-reverse !important; }
2941 .flex-sm-column-reverse {
2942 flex-direction: column-reverse !important; }
2943 .flex-sm-wrap {
2944 flex-wrap: wrap !important; }
2945 .flex-sm-nowrap {
2946 flex-wrap: nowrap !important; }
2947 .flex-sm-wrap-reverse {
2948 flex-wrap: wrap-reverse !important; }
2949 .justify-content-sm-start {
2950 justify-content: flex-start !important; }
2951 .justify-content-sm-end {
2952 justify-content: flex-end !important; }
2953 .justify-content-sm-center {
2954 justify-content: center !important; }
2955 .justify-content-sm-between {
2956 justify-content: space-between !important; }
2957 .justify-content-sm-around {
2958 justify-content: space-around !important; }
2959 .align-items-sm-start {
2960 align-items: flex-start !important; }
2961 .align-items-sm-end {
2962 align-items: flex-end !important; }
2963 .align-items-sm-center {
2964 align-items: center !important; }
2965 .align-items-sm-baseline {
2966 align-items: baseline !important; }
2967 .align-items-sm-stretch {
2968 align-items: stretch !important; }
2969 .align-content-sm-start {
2970 align-content: flex-start !important; }
2971 .align-content-sm-end {
2972 align-content: flex-end !important; }
2973 .align-content-sm-center {
2974 align-content: center !important; }
2975 .align-content-sm-between {
2976 align-content: space-between !important; }
2977 .align-content-sm-around {
2978 align-content: space-around !important; }
2979 .align-content-sm-stretch {
2980 align-content: stretch !important; }
2981 .align-self-sm-auto {
2982 align-self: auto !important; }
2983 .align-self-sm-start {
2984 align-self: flex-start !important; }
2985 .align-self-sm-end {
2986 align-self: flex-end !important; }
2987 .align-self-sm-center {
2988 align-self: center !important; }
2989 .align-self-sm-baseline {
2990 align-self: baseline !important; }
2991 .align-self-sm-stretch {
2992 align-self: stretch !important; } }
2993
2994 @media (min-width: 768px) {
2995 .flex-md-first {
2996 order: -1; }
2997 .flex-md-last {
2998 order: 1; }
2999 .flex-md-unordered {
3000 order: 0; }
3001 .flex-md-row {
3002 flex-direction: row !important; }
3003 .flex-md-column {
3004 flex-direction: column !important; }
3005 .flex-md-row-reverse {
3006 flex-direction: row-reverse !important; }
3007 .flex-md-column-reverse {
3008 flex-direction: column-reverse !important; }
3009 .flex-md-wrap {
3010 flex-wrap: wrap !important; }
3011 .flex-md-nowrap {
3012 flex-wrap: nowrap !important; }
3013 .flex-md-wrap-reverse {
3014 flex-wrap: wrap-reverse !important; }
3015 .justify-content-md-start {
3016 justify-content: flex-start !important; }
3017 .justify-content-md-end {
3018 justify-content: flex-end !important; }
3019 .justify-content-md-center {
3020 justify-content: center !important; }
3021 .justify-content-md-between {
3022 justify-content: space-between !important; }
3023 .justify-content-md-around {
3024 justify-content: space-around !important; }
3025 .align-items-md-start {
3026 align-items: flex-start !important; }
3027 .align-items-md-end {
3028 align-items: flex-end !important; }
3029 .align-items-md-center {
3030 align-items: center !important; }
3031 .align-items-md-baseline {
3032 align-items: baseline !important; }
3033 .align-items-md-stretch {
3034 align-items: stretch !important; }
3035 .align-content-md-start {
3036 align-content: flex-start !important; }
3037 .align-content-md-end {
3038 align-content: flex-end !important; }
3039 .align-content-md-center {
3040 align-content: center !important; }
3041 .align-content-md-between {
3042 align-content: space-between !important; }
3043 .align-content-md-around {
3044 align-content: space-around !important; }
3045 .align-content-md-stretch {
3046 align-content: stretch !important; }
3047 .align-self-md-auto {
3048 align-self: auto !important; }
3049 .align-self-md-start {
3050 align-self: flex-start !important; }
3051 .align-self-md-end {
3052 align-self: flex-end !important; }
3053 .align-self-md-center {
3054 align-self: center !important; }
3055 .align-self-md-baseline {
3056 align-self: baseline !important; }
3057 .align-self-md-stretch {
3058 align-self: stretch !important; } }
3059
3060 @media (min-width: 992px) {
3061 .flex-lg-first {
3062 order: -1; }
3063 .flex-lg-last {
3064 order: 1; }
3065 .flex-lg-unordered {
3066 order: 0; }
3067 .flex-lg-row {
3068 flex-direction: row !important; }
3069 .flex-lg-column {
3070 flex-direction: column !important; }
3071 .flex-lg-row-reverse {
3072 flex-direction: row-reverse !important; }
3073 .flex-lg-column-reverse {
3074 flex-direction: column-reverse !important; }
3075 .flex-lg-wrap {
3076 flex-wrap: wrap !important; }
3077 .flex-lg-nowrap {
3078 flex-wrap: nowrap !important; }
3079 .flex-lg-wrap-reverse {
3080 flex-wrap: wrap-reverse !important; }
3081 .justify-content-lg-start {
3082 justify-content: flex-start !important; }
3083 .justify-content-lg-end {
3084 justify-content: flex-end !important; }
3085 .justify-content-lg-center {
3086 justify-content: center !important; }
3087 .justify-content-lg-between {
3088 justify-content: space-between !important; }
3089 .justify-content-lg-around {
3090 justify-content: space-around !important; }
3091 .align-items-lg-start {
3092 align-items: flex-start !important; }
3093 .align-items-lg-end {
3094 align-items: flex-end !important; }
3095 .align-items-lg-center {
3096 align-items: center !important; }
3097 .align-items-lg-baseline {
3098 align-items: baseline !important; }
3099 .align-items-lg-stretch {
3100 align-items: stretch !important; }
3101 .align-content-lg-start {
3102 align-content: flex-start !important; }
3103 .align-content-lg-end {
3104 align-content: flex-end !important; }
3105 .align-content-lg-center {
3106 align-content: center !important; }
3107 .align-content-lg-between {
3108 align-content: space-between !important; }
3109 .align-content-lg-around {
3110 align-content: space-around !important; }
3111 .align-content-lg-stretch {
3112 align-content: stretch !important; }
3113 .align-self-lg-auto {
3114 align-self: auto !important; }
3115 .align-self-lg-start {
3116 align-self: flex-start !important; }
3117 .align-self-lg-end {
3118 align-self: flex-end !important; }
3119 .align-self-lg-center {
3120 align-self: center !important; }
3121 .align-self-lg-baseline {
3122 align-self: baseline !important; }
3123 .align-self-lg-stretch {
3124 align-self: stretch !important; } }
3125
3126 @media (min-width: 1200px) {
3127 .flex-xl-first {
3128 order: -1; }
3129 .flex-xl-last {
3130 order: 1; }
3131 .flex-xl-unordered {
3132 order: 0; }
3133 .flex-xl-row {
3134 flex-direction: row !important; }
3135 .flex-xl-column {
3136 flex-direction: column !important; }
3137 .flex-xl-row-reverse {
3138 flex-direction: row-reverse !important; }
3139 .flex-xl-column-reverse {
3140 flex-direction: column-reverse !important; }
3141 .flex-xl-wrap {
3142 flex-wrap: wrap !important; }
3143 .flex-xl-nowrap {
3144 flex-wrap: nowrap !important; }
3145 .flex-xl-wrap-reverse {
3146 flex-wrap: wrap-reverse !important; }
3147 .justify-content-xl-start {
3148 justify-content: flex-start !important; }
3149 .justify-content-xl-end {
3150 justify-content: flex-end !important; }
3151 .justify-content-xl-center {
3152 justify-content: center !important; }
3153 .justify-content-xl-between {
3154 justify-content: space-between !important; }
3155 .justify-content-xl-around {
3156 justify-content: space-around !important; }
3157 .align-items-xl-start {
3158 align-items: flex-start !important; }
3159 .align-items-xl-end {
3160 align-items: flex-end !important; }
3161 .align-items-xl-center {
3162 align-items: center !important; }
3163 .align-items-xl-baseline {
3164 align-items: baseline !important; }
3165 .align-items-xl-stretch {
3166 align-items: stretch !important; }
3167 .align-content-xl-start {
3168 align-content: flex-start !important; }
3169 .align-content-xl-end {
3170 align-content: flex-end !important; }
3171 .align-content-xl-center {
3172 align-content: center !important; }
3173 .align-content-xl-between {
3174 align-content: space-between !important; }
3175 .align-content-xl-around {
3176 align-content: space-around !important; }
3177 .align-content-xl-stretch {
3178 align-content: stretch !important; }
3179 .align-self-xl-auto {
3180 align-self: auto !important; }
3181 .align-self-xl-start {
3182 align-self: flex-start !important; }
3183 .align-self-xl-end {
3184 align-self: flex-end !important; }
3185 .align-self-xl-center {
3186 align-self: center !important; }
3187 .align-self-xl-baseline {
3188 align-self: baseline !important; }
3189 .align-self-xl-stretch {
3190 align-self: stretch !important; } }
3191
3192 .float-left {
3193 float: left !important; }
3194
3195 .float-right {
3196 float: right !important; }
3197
3198 .float-none {
3199 float: none !important; }
3200
3201 @media (min-width: 576px) {
3202 .float-sm-left {
3203 float: left !important; }
3204 .float-sm-right {
3205 float: right !important; }
3206 .float-sm-none {
3207 float: none !important; } }
3208
3209 @media (min-width: 768px) {
3210 .float-md-left {
3211 float: left !important; }
3212 .float-md-right {
3213 float: right !important; }
3214 .float-md-none {
3215 float: none !important; } }
3216
3217 @media (min-width: 992px) {
3218 .float-lg-left {
3219 float: left !important; }
3220 .float-lg-right {
3221 float: right !important; }
3222 .float-lg-none {
3223 float: none !important; } }
3224
3225 @media (min-width: 1200px) {
3226 .float-xl-left {
3227 float: left !important; }
3228 .float-xl-right {
3229 float: right !important; }
3230 .float-xl-none {
3231 float: none !important; } }
3232
3233 .fixed-top {
3234 position: fixed;
3235 top: 0;
3236 right: 0;
3237 left: 0;
3238 z-index: 1030; }
3239
3240 .fixed-bottom {
3241 position: fixed;
3242 right: 0;
3243 bottom: 0;
3244 left: 0;
3245 z-index: 1030; }
3246
3247 .sticky-top {
3248 position: sticky;
3249 top: 0;
3250 z-index: 1030; }
3251
3252 .sr-only {
3253 position: absolute;
3254 width: 1px;
3255 height: 1px;
3256 padding: 0;
3257 margin: -1px;
3258 overflow: hidden;
3259 clip: rect(0, 0, 0, 0);
3260 border: 0; }
3261
3262 .sr-only-focusable:active, .sr-only-focusable:focus {
3263 position: static;
3264 width: auto;
3265 height: auto;
3266 margin: 0;
3267 overflow: visible;
3268 clip: auto; }
3269
3270 .w-25 {
3271 width: 25% !important; }
3272
3273 .w-50 {
3274 width: 50% !important; }
3275
3276 .w-75 {
3277 width: 75% !important; }
3278
3279 .w-100 {
3280 width: 100% !important; }
3281
3282 .h-25 {
3283 height: 25% !important; }
3284
3285 .h-50 {
3286 height: 50% !important; }
3287
3288 .h-75 {
3289 height: 75% !important; }
3290
3291 .h-100 {
3292 height: 100% !important; }
3293
3294 .mw-100 {
3295 max-width: 100% !important; }
3296
3297 .mh-100 {
3298 max-height: 100% !important; }
3299
3300 .m-0 {
3301 margin: 0 0 !important; }
3302
3303 .mt-0 {
3304 margin-top: 0 !important; }
3305
3306 .mr-0 {
3307 margin-right: 0 !important; }
3308
3309 .mb-0 {
3310 margin-bottom: 0 !important; }
3311
3312 .ml-0 {
3313 margin-left: 0 !important; }
3314
3315 .mx-0 {
3316 margin-right: 0 !important;
3317 margin-left: 0 !important; }
3318
3319 .my-0 {
3320 margin-top: 0 !important;
3321 margin-bottom: 0 !important; }
3322
3323 .m-1 {
3324 margin: 2px 2px !important; }
3325
3326 .mt-1 {
3327 margin-top: 2px !important; }
3328
3329 .mr-1 {
3330 margin-right: 2px !important; }
3331
3332 .mb-1 {
3333 margin-bottom: 2px !important; }
3334
3335 .ml-1 {
3336 margin-left: 2px !important; }
3337
3338 .mx-1 {
3339 margin-right: 2px !important;
3340 margin-left: 2px !important; }
3341
3342 .my-1 {
3343 margin-top: 2px !important;
3344 margin-bottom: 2px !important; }
3345
3346 .m-2 {
3347 margin: 4px 4px !important; }
3348
3349 .mt-2 {
3350 margin-top: 4px !important; }
3351
3352 .mr-2 {
3353 margin-right: 4px !important; }
3354
3355 .mb-2 {
3356 margin-bottom: 4px !important; }
3357
3358 .ml-2 {
3359 margin-left: 4px !important; }
3360
3361 .mx-2 {
3362 margin-right: 4px !important;
3363 margin-left: 4px !important; }
3364
3365 .my-2 {
3366 margin-top: 4px !important;
3367 margin-bottom: 4px !important; }
3368
3369 .m-3 {
3370 margin: 8px 8px !important; }
3371
3372 .mt-3 {
3373 margin-top: 8px !important; }
3374
3375 .mr-3 {
3376 margin-right: 8px !important; }
3377
3378 .mb-3 {
3379 margin-bottom: 8px !important; }
3380
3381 .ml-3 {
3382 margin-left: 8px !important; }
3383
3384 .mx-3 {
3385 margin-right: 8px !important;
3386 margin-left: 8px !important; }
3387
3388 .my-3 {
3389 margin-top: 8px !important;
3390 margin-bottom: 8px !important; }
3391
3392 .m-4 {
3393 margin: 12px 12px !important; }
3394
3395 .mt-4 {
3396 margin-top: 12px !important; }
3397
3398 .mr-4 {
3399 margin-right: 12px !important; }
3400
3401 .mb-4 {
3402 margin-bottom: 12px !important; }
3403
3404 .ml-4 {
3405 margin-left: 12px !important; }
3406
3407 .mx-4 {
3408 margin-right: 12px !important;
3409 margin-left: 12px !important; }
3410
3411 .my-4 {
3412 margin-top: 12px !important;
3413 margin-bottom: 12px !important; }
3414
3415 .m-5 {
3416 margin: 16px 16px !important; }
3417
3418 .mt-5 {
3419 margin-top: 16px !important; }
3420
3421 .mr-5 {
3422 margin-right: 16px !important; }
3423
3424 .mb-5 {
3425 margin-bottom: 16px !important; }
3426
3427 .ml-5 {
3428 margin-left: 16px !important; }
3429
3430 .mx-5 {
3431 margin-right: 16px !important;
3432 margin-left: 16px !important; }
3433
3434 .my-5 {
3435 margin-top: 16px !important;
3436 margin-bottom: 16px !important; }
3437
3438 .m-6 {
3439 margin: 48px 48px !important; }
3440
3441 .mt-6 {
3442 margin-top: 48px !important; }
3443
3444 .mr-6 {
3445 margin-right: 48px !important; }
3446
3447 .mb-6 {
3448 margin-bottom: 48px !important; }
3449
3450 .ml-6 {
3451 margin-left: 48px !important; }
3452
3453 .mx-6 {
3454 margin-right: 48px !important;
3455 margin-left: 48px !important; }
3456
3457 .my-6 {
3458 margin-top: 48px !important;
3459 margin-bottom: 48px !important; }
3460
3461 .p-0 {
3462 padding: 0 0 !important; }
3463
3464 .pt-0 {
3465 padding-top: 0 !important; }
3466
3467 .pr-0 {
3468 padding-right: 0 !important; }
3469
3470 .pb-0 {
3471 padding-bottom: 0 !important; }
3472
3473 .pl-0 {
3474 padding-left: 0 !important; }
3475
3476 .px-0 {
3477 padding-right: 0 !important;
3478 padding-left: 0 !important; }
3479
3480 .py-0 {
3481 padding-top: 0 !important;
3482 padding-bottom: 0 !important; }
3483
3484 .p-1 {
3485 padding: 2px 2px !important; }
3486
3487 .pt-1 {
3488 padding-top: 2px !important; }
3489
3490 .pr-1 {
3491 padding-right: 2px !important; }
3492
3493 .pb-1 {
3494 padding-bottom: 2px !important; }
3495
3496 .pl-1 {
3497 padding-left: 2px !important; }
3498
3499 .px-1 {
3500 padding-right: 2px !important;
3501 padding-left: 2px !important; }
3502
3503 .py-1 {
3504 padding-top: 2px !important;
3505 padding-bottom: 2px !important; }
3506
3507 .p-2 {
3508 padding: 4px 4px !important; }
3509
3510 .pt-2 {
3511 padding-top: 4px !important; }
3512
3513 .pr-2 {
3514 padding-right: 4px !important; }
3515
3516 .pb-2 {
3517 padding-bottom: 4px !important; }
3518
3519 .pl-2 {
3520 padding-left: 4px !important; }
3521
3522 .px-2 {
3523 padding-right: 4px !important;
3524 padding-left: 4px !important; }
3525
3526 .py-2 {
3527 padding-top: 4px !important;
3528 padding-bottom: 4px !important; }
3529
3530 .p-3 {
3531 padding: 8px 8px !important; }
3532
3533 .pt-3 {
3534 padding-top: 8px !important; }
3535
3536 .pr-3 {
3537 padding-right: 8px !important; }
3538
3539 .pb-3 {
3540 padding-bottom: 8px !important; }
3541
3542 .pl-3 {
3543 padding-left: 8px !important; }
3544
3545 .px-3 {
3546 padding-right: 8px !important;
3547 padding-left: 8px !important; }
3548
3549 .py-3 {
3550 padding-top: 8px !important;
3551 padding-bottom: 8px !important; }
3552
3553 .p-4 {
3554 padding: 12px 12px !important; }
3555
3556 .pt-4 {
3557 padding-top: 12px !important; }
3558
3559 .pr-4 {
3560 padding-right: 12px !important; }
3561
3562 .pb-4 {
3563 padding-bottom: 12px !important; }
3564
3565 .pl-4 {
3566 padding-left: 12px !important; }
3567
3568 .px-4 {
3569 padding-right: 12px !important;
3570 padding-left: 12px !important; }
3571
3572 .py-4 {
3573 padding-top: 12px !important;
3574 padding-bottom: 12px !important; }
3575
3576 .p-5 {
3577 padding: 16px 16px !important; }
3578
3579 .pt-5 {
3580 padding-top: 16px !important; }
3581
3582 .pr-5 {
3583 padding-right: 16px !important; }
3584
3585 .pb-5 {
3586 padding-bottom: 16px !important; }
3587
3588 .pl-5 {
3589 padding-left: 16px !important; }
3590
3591 .px-5 {
3592 padding-right: 16px !important;
3593 padding-left: 16px !important; }
3594
3595 .py-5 {
3596 padding-top: 16px !important;
3597 padding-bottom: 16px !important; }
3598
3599 .p-6 {
3600 padding: 48px 48px !important; }
3601
3602 .pt-6 {
3603 padding-top: 48px !important; }
3604
3605 .pr-6 {
3606 padding-right: 48px !important; }
3607
3608 .pb-6 {
3609 padding-bottom: 48px !important; }
3610
3611 .pl-6 {
3612 padding-left: 48px !important; }
3613
3614 .px-6 {
3615 padding-right: 48px !important;
3616 padding-left: 48px !important; }
3617
3618 .py-6 {
3619 padding-top: 48px !important;
3620 padding-bottom: 48px !important; }
3621
3622 .m-auto {
3623 margin: auto !important; }
3624
3625 .mt-auto {
3626 margin-top: auto !important; }
3627
3628 .mr-auto {
3629 margin-right: auto !important; }
3630
3631 .mb-auto {
3632 margin-bottom: auto !important; }
3633
3634 .ml-auto {
3635 margin-left: auto !important; }
3636
3637 .mx-auto {
3638 margin-right: auto !important;
3639 margin-left: auto !important; }
3640
3641 .my-auto {
3642 margin-top: auto !important;
3643 margin-bottom: auto !important; }
3644
3645 @media (min-width: 576px) {
3646 .m-sm-0 {
3647 margin: 0 0 !important; }
3648 .mt-sm-0 {
3649 margin-top: 0 !important; }
3650 .mr-sm-0 {
3651 margin-right: 0 !important; }
3652 .mb-sm-0 {
3653 margin-bottom: 0 !important; }
3654 .ml-sm-0 {
3655 margin-left: 0 !important; }
3656 .mx-sm-0 {
3657 margin-right: 0 !important;
3658 margin-left: 0 !important; }
3659 .my-sm-0 {
3660 margin-top: 0 !important;
3661 margin-bottom: 0 !important; }
3662 .m-sm-1 {
3663 margin: 2px 2px !important; }
3664 .mt-sm-1 {
3665 margin-top: 2px !important; }
3666 .mr-sm-1 {
3667 margin-right: 2px !important; }
3668 .mb-sm-1 {
3669 margin-bottom: 2px !important; }
3670 .ml-sm-1 {
3671 margin-left: 2px !important; }
3672 .mx-sm-1 {
3673 margin-right: 2px !important;
3674 margin-left: 2px !important; }
3675 .my-sm-1 {
3676 margin-top: 2px !important;
3677 margin-bottom: 2px !important; }
3678 .m-sm-2 {
3679 margin: 4px 4px !important; }
3680 .mt-sm-2 {
3681 margin-top: 4px !important; }
3682 .mr-sm-2 {
3683 margin-right: 4px !important; }
3684 .mb-sm-2 {
3685 margin-bottom: 4px !important; }
3686 .ml-sm-2 {
3687 margin-left: 4px !important; }
3688 .mx-sm-2 {
3689 margin-right: 4px !important;
3690 margin-left: 4px !important; }
3691 .my-sm-2 {
3692 margin-top: 4px !important;
3693 margin-bottom: 4px !important; }
3694 .m-sm-3 {
3695 margin: 8px 8px !important; }
3696 .mt-sm-3 {
3697 margin-top: 8px !important; }
3698 .mr-sm-3 {
3699 margin-right: 8px !important; }
3700 .mb-sm-3 {
3701 margin-bottom: 8px !important; }
3702 .ml-sm-3 {
3703 margin-left: 8px !important; }
3704 .mx-sm-3 {
3705 margin-right: 8px !important;
3706 margin-left: 8px !important; }
3707 .my-sm-3 {
3708 margin-top: 8px !important;
3709 margin-bottom: 8px !important; }
3710 .m-sm-4 {
3711 margin: 12px 12px !important; }
3712 .mt-sm-4 {
3713 margin-top: 12px !important; }
3714 .mr-sm-4 {
3715 margin-right: 12px !important; }
3716 .mb-sm-4 {
3717 margin-bottom: 12px !important; }
3718 .ml-sm-4 {
3719 margin-left: 12px !important; }
3720 .mx-sm-4 {
3721 margin-right: 12px !important;
3722 margin-left: 12px !important; }
3723 .my-sm-4 {
3724 margin-top: 12px !important;
3725 margin-bottom: 12px !important; }
3726 .m-sm-5 {
3727 margin: 16px 16px !important; }
3728 .mt-sm-5 {
3729 margin-top: 16px !important; }
3730 .mr-sm-5 {
3731 margin-right: 16px !important; }
3732 .mb-sm-5 {
3733 margin-bottom: 16px !important; }
3734 .ml-sm-5 {
3735 margin-left: 16px !important; }
3736 .mx-sm-5 {
3737 margin-right: 16px !important;
3738 margin-left: 16px !important; }
3739 .my-sm-5 {
3740 margin-top: 16px !important;
3741 margin-bottom: 16px !important; }
3742 .m-sm-6 {
3743 margin: 48px 48px !important; }
3744 .mt-sm-6 {
3745 margin-top: 48px !important; }
3746 .mr-sm-6 {
3747 margin-right: 48px !important; }
3748 .mb-sm-6 {
3749 margin-bottom: 48px !important; }
3750 .ml-sm-6 {
3751 margin-left: 48px !important; }
3752 .mx-sm-6 {
3753 margin-right: 48px !important;
3754 margin-left: 48px !important; }
3755 .my-sm-6 {
3756 margin-top: 48px !important;
3757 margin-bottom: 48px !important; }
3758 .p-sm-0 {
3759 padding: 0 0 !important; }
3760 .pt-sm-0 {
3761 padding-top: 0 !important; }
3762 .pr-sm-0 {
3763 padding-right: 0 !important; }
3764 .pb-sm-0 {
3765 padding-bottom: 0 !important; }
3766 .pl-sm-0 {
3767 padding-left: 0 !important; }
3768 .px-sm-0 {
3769 padding-right: 0 !important;
3770 padding-left: 0 !important; }
3771 .py-sm-0 {
3772 padding-top: 0 !important;
3773 padding-bottom: 0 !important; }
3774 .p-sm-1 {
3775 padding: 2px 2px !important; }
3776 .pt-sm-1 {
3777 padding-top: 2px !important; }
3778 .pr-sm-1 {
3779 padding-right: 2px !important; }
3780 .pb-sm-1 {
3781 padding-bottom: 2px !important; }
3782 .pl-sm-1 {
3783 padding-left: 2px !important; }
3784 .px-sm-1 {
3785 padding-right: 2px !important;
3786 padding-left: 2px !important; }
3787 .py-sm-1 {
3788 padding-top: 2px !important;
3789 padding-bottom: 2px !important; }
3790 .p-sm-2 {
3791 padding: 4px 4px !important; }
3792 .pt-sm-2 {
3793 padding-top: 4px !important; }
3794 .pr-sm-2 {
3795 padding-right: 4px !important; }
3796 .pb-sm-2 {
3797 padding-bottom: 4px !important; }
3798 .pl-sm-2 {
3799 padding-left: 4px !important; }
3800 .px-sm-2 {
3801 padding-right: 4px !important;
3802 padding-left: 4px !important; }
3803 .py-sm-2 {
3804 padding-top: 4px !important;
3805 padding-bottom: 4px !important; }
3806 .p-sm-3 {
3807 padding: 8px 8px !important; }
3808 .pt-sm-3 {
3809 padding-top: 8px !important; }
3810 .pr-sm-3 {
3811 padding-right: 8px !important; }
3812 .pb-sm-3 {
3813 padding-bottom: 8px !important; }
3814 .pl-sm-3 {
3815 padding-left: 8px !important; }
3816 .px-sm-3 {
3817 padding-right: 8px !important;
3818 padding-left: 8px !important; }
3819 .py-sm-3 {
3820 padding-top: 8px !important;
3821 padding-bottom: 8px !important; }
3822 .p-sm-4 {
3823 padding: 12px 12px !important; }
3824 .pt-sm-4 {
3825 padding-top: 12px !important; }
3826 .pr-sm-4 {
3827 padding-right: 12px !important; }
3828 .pb-sm-4 {
3829 padding-bottom: 12px !important; }
3830 .pl-sm-4 {
3831 padding-left: 12px !important; }
3832 .px-sm-4 {
3833 padding-right: 12px !important;
3834 padding-left: 12px !important; }
3835 .py-sm-4 {
3836 padding-top: 12px !important;
3837 padding-bottom: 12px !important; }
3838 .p-sm-5 {
3839 padding: 16px 16px !important; }
3840 .pt-sm-5 {
3841 padding-top: 16px !important; }
3842 .pr-sm-5 {
3843 padding-right: 16px !important; }
3844 .pb-sm-5 {
3845 padding-bottom: 16px !important; }
3846 .pl-sm-5 {
3847 padding-left: 16px !important; }
3848 .px-sm-5 {
3849 padding-right: 16px !important;
3850 padding-left: 16px !important; }
3851 .py-sm-5 {
3852 padding-top: 16px !important;
3853 padding-bottom: 16px !important; }
3854 .p-sm-6 {
3855 padding: 48px 48px !important; }
3856 .pt-sm-6 {
3857 padding-top: 48px !important; }
3858 .pr-sm-6 {
3859 padding-right: 48px !important; }
3860 .pb-sm-6 {
3861 padding-bottom: 48px !important; }
3862 .pl-sm-6 {
3863 padding-left: 48px !important; }
3864 .px-sm-6 {
3865 padding-right: 48px !important;
3866 padding-left: 48px !important; }
3867 .py-sm-6 {
3868 padding-top: 48px !important;
3869 padding-bottom: 48px !important; }
3870 .m-sm-auto {
3871 margin: auto !important; }
3872 .mt-sm-auto {
3873 margin-top: auto !important; }
3874 .mr-sm-auto {
3875 margin-right: auto !important; }
3876 .mb-sm-auto {
3877 margin-bottom: auto !important; }
3878 .ml-sm-auto {
3879 margin-left: auto !important; }
3880 .mx-sm-auto {
3881 margin-right: auto !important;
3882 margin-left: auto !important; }
3883 .my-sm-auto {
3884 margin-top: auto !important;
3885 margin-bottom: auto !important; } }
3886
3887 @media (min-width: 768px) {
3888 .m-md-0 {
3889 margin: 0 0 !important; }
3890 .mt-md-0 {
3891 margin-top: 0 !important; }
3892 .mr-md-0 {
3893 margin-right: 0 !important; }
3894 .mb-md-0 {
3895 margin-bottom: 0 !important; }
3896 .ml-md-0 {
3897 margin-left: 0 !important; }
3898 .mx-md-0 {
3899 margin-right: 0 !important;
3900 margin-left: 0 !important; }
3901 .my-md-0 {
3902 margin-top: 0 !important;
3903 margin-bottom: 0 !important; }
3904 .m-md-1 {
3905 margin: 2px 2px !important; }
3906 .mt-md-1 {
3907 margin-top: 2px !important; }
3908 .mr-md-1 {
3909 margin-right: 2px !important; }
3910 .mb-md-1 {
3911 margin-bottom: 2px !important; }
3912 .ml-md-1 {
3913 margin-left: 2px !important; }
3914 .mx-md-1 {
3915 margin-right: 2px !important;
3916 margin-left: 2px !important; }
3917 .my-md-1 {
3918 margin-top: 2px !important;
3919 margin-bottom: 2px !important; }
3920 .m-md-2 {
3921 margin: 4px 4px !important; }
3922 .mt-md-2 {
3923 margin-top: 4px !important; }
3924 .mr-md-2 {
3925 margin-right: 4px !important; }
3926 .mb-md-2 {
3927 margin-bottom: 4px !important; }
3928 .ml-md-2 {
3929 margin-left: 4px !important; }
3930 .mx-md-2 {
3931 margin-right: 4px !important;
3932 margin-left: 4px !important; }
3933 .my-md-2 {
3934 margin-top: 4px !important;
3935 margin-bottom: 4px !important; }
3936 .m-md-3 {
3937 margin: 8px 8px !important; }
3938 .mt-md-3 {
3939 margin-top: 8px !important; }
3940 .mr-md-3 {
3941 margin-right: 8px !important; }
3942 .mb-md-3 {
3943 margin-bottom: 8px !important; }
3944 .ml-md-3 {
3945 margin-left: 8px !important; }
3946 .mx-md-3 {
3947 margin-right: 8px !important;
3948 margin-left: 8px !important; }
3949 .my-md-3 {
3950 margin-top: 8px !important;
3951 margin-bottom: 8px !important; }
3952 .m-md-4 {
3953 margin: 12px 12px !important; }
3954 .mt-md-4 {
3955 margin-top: 12px !important; }
3956 .mr-md-4 {
3957 margin-right: 12px !important; }
3958 .mb-md-4 {
3959 margin-bottom: 12px !important; }
3960 .ml-md-4 {
3961 margin-left: 12px !important; }
3962 .mx-md-4 {
3963 margin-right: 12px !important;
3964 margin-left: 12px !important; }
3965 .my-md-4 {
3966 margin-top: 12px !important;
3967 margin-bottom: 12px !important; }
3968 .m-md-5 {
3969 margin: 16px 16px !important; }
3970 .mt-md-5 {
3971 margin-top: 16px !important; }
3972 .mr-md-5 {
3973 margin-right: 16px !important; }
3974 .mb-md-5 {
3975 margin-bottom: 16px !important; }
3976 .ml-md-5 {
3977 margin-left: 16px !important; }
3978 .mx-md-5 {
3979 margin-right: 16px !important;
3980 margin-left: 16px !important; }
3981 .my-md-5 {
3982 margin-top: 16px !important;
3983 margin-bottom: 16px !important; }
3984 .m-md-6 {
3985 margin: 48px 48px !important; }
3986 .mt-md-6 {
3987 margin-top: 48px !important; }
3988 .mr-md-6 {
3989 margin-right: 48px !important; }
3990 .mb-md-6 {
3991 margin-bottom: 48px !important; }
3992 .ml-md-6 {
3993 margin-left: 48px !important; }
3994 .mx-md-6 {
3995 margin-right: 48px !important;
3996 margin-left: 48px !important; }
3997 .my-md-6 {
3998 margin-top: 48px !important;
3999 margin-bottom: 48px !important; }
4000 .p-md-0 {
4001 padding: 0 0 !important; }
4002 .pt-md-0 {
4003 padding-top: 0 !important; }
4004 .pr-md-0 {
4005 padding-right: 0 !important; }
4006 .pb-md-0 {
4007 padding-bottom: 0 !important; }
4008 .pl-md-0 {
4009 padding-left: 0 !important; }
4010 .px-md-0 {
4011 padding-right: 0 !important;
4012 padding-left: 0 !important; }
4013 .py-md-0 {
4014 padding-top: 0 !important;
4015 padding-bottom: 0 !important; }
4016 .p-md-1 {
4017 padding: 2px 2px !important; }
4018 .pt-md-1 {
4019 padding-top: 2px !important; }
4020 .pr-md-1 {
4021 padding-right: 2px !important; }
4022 .pb-md-1 {
4023 padding-bottom: 2px !important; }
4024 .pl-md-1 {
4025 padding-left: 2px !important; }
4026 .px-md-1 {
4027 padding-right: 2px !important;
4028 padding-left: 2px !important; }
4029 .py-md-1 {
4030 padding-top: 2px !important;
4031 padding-bottom: 2px !important; }
4032 .p-md-2 {
4033 padding: 4px 4px !important; }
4034 .pt-md-2 {
4035 padding-top: 4px !important; }
4036 .pr-md-2 {
4037 padding-right: 4px !important; }
4038 .pb-md-2 {
4039 padding-bottom: 4px !important; }
4040 .pl-md-2 {
4041 padding-left: 4px !important; }
4042 .px-md-2 {
4043 padding-right: 4px !important;
4044 padding-left: 4px !important; }
4045 .py-md-2 {
4046 padding-top: 4px !important;
4047 padding-bottom: 4px !important; }
4048 .p-md-3 {
4049 padding: 8px 8px !important; }
4050 .pt-md-3 {
4051 padding-top: 8px !important; }
4052 .pr-md-3 {
4053 padding-right: 8px !important; }
4054 .pb-md-3 {
4055 padding-bottom: 8px !important; }
4056 .pl-md-3 {
4057 padding-left: 8px !important; }
4058 .px-md-3 {
4059 padding-right: 8px !important;
4060 padding-left: 8px !important; }
4061 .py-md-3 {
4062 padding-top: 8px !important;
4063 padding-bottom: 8px !important; }
4064 .p-md-4 {
4065 padding: 12px 12px !important; }
4066 .pt-md-4 {
4067 padding-top: 12px !important; }
4068 .pr-md-4 {
4069 padding-right: 12px !important; }
4070 .pb-md-4 {
4071 padding-bottom: 12px !important; }
4072 .pl-md-4 {
4073 padding-left: 12px !important; }
4074 .px-md-4 {
4075 padding-right: 12px !important;
4076 padding-left: 12px !important; }
4077 .py-md-4 {
4078 padding-top: 12px !important;
4079 padding-bottom: 12px !important; }
4080 .p-md-5 {
4081 padding: 16px 16px !important; }
4082 .pt-md-5 {
4083 padding-top: 16px !important; }
4084 .pr-md-5 {
4085 padding-right: 16px !important; }
4086 .pb-md-5 {
4087 padding-bottom: 16px !important; }
4088 .pl-md-5 {
4089 padding-left: 16px !important; }
4090 .px-md-5 {
4091 padding-right: 16px !important;
4092 padding-left: 16px !important; }
4093 .py-md-5 {
4094 padding-top: 16px !important;
4095 padding-bottom: 16px !important; }
4096 .p-md-6 {
4097 padding: 48px 48px !important; }
4098 .pt-md-6 {
4099 padding-top: 48px !important; }
4100 .pr-md-6 {
4101 padding-right: 48px !important; }
4102 .pb-md-6 {
4103 padding-bottom: 48px !important; }
4104 .pl-md-6 {
4105 padding-left: 48px !important; }
4106 .px-md-6 {
4107 padding-right: 48px !important;
4108 padding-left: 48px !important; }
4109 .py-md-6 {
4110 padding-top: 48px !important;
4111 padding-bottom: 48px !important; }
4112 .m-md-auto {
4113 margin: auto !important; }
4114 .mt-md-auto {
4115 margin-top: auto !important; }
4116 .mr-md-auto {
4117 margin-right: auto !important; }
4118 .mb-md-auto {
4119 margin-bottom: auto !important; }
4120 .ml-md-auto {
4121 margin-left: auto !important; }
4122 .mx-md-auto {
4123 margin-right: auto !important;
4124 margin-left: auto !important; }
4125 .my-md-auto {
4126 margin-top: auto !important;
4127 margin-bottom: auto !important; } }
4128
4129 @media (min-width: 992px) {
4130 .m-lg-0 {
4131 margin: 0 0 !important; }
4132 .mt-lg-0 {
4133 margin-top: 0 !important; }
4134 .mr-lg-0 {
4135 margin-right: 0 !important; }
4136 .mb-lg-0 {
4137 margin-bottom: 0 !important; }
4138 .ml-lg-0 {
4139 margin-left: 0 !important; }
4140 .mx-lg-0 {
4141 margin-right: 0 !important;
4142 margin-left: 0 !important; }
4143 .my-lg-0 {
4144 margin-top: 0 !important;
4145 margin-bottom: 0 !important; }
4146 .m-lg-1 {
4147 margin: 2px 2px !important; }
4148 .mt-lg-1 {
4149 margin-top: 2px !important; }
4150 .mr-lg-1 {
4151 margin-right: 2px !important; }
4152 .mb-lg-1 {
4153 margin-bottom: 2px !important; }
4154 .ml-lg-1 {
4155 margin-left: 2px !important; }
4156 .mx-lg-1 {
4157 margin-right: 2px !important;
4158 margin-left: 2px !important; }
4159 .my-lg-1 {
4160 margin-top: 2px !important;
4161 margin-bottom: 2px !important; }
4162 .m-lg-2 {
4163 margin: 4px 4px !important; }
4164 .mt-lg-2 {
4165 margin-top: 4px !important; }
4166 .mr-lg-2 {
4167 margin-right: 4px !important; }
4168 .mb-lg-2 {
4169 margin-bottom: 4px !important; }
4170 .ml-lg-2 {
4171 margin-left: 4px !important; }
4172 .mx-lg-2 {
4173 margin-right: 4px !important;
4174 margin-left: 4px !important; }
4175 .my-lg-2 {
4176 margin-top: 4px !important;
4177 margin-bottom: 4px !important; }
4178 .m-lg-3 {
4179 margin: 8px 8px !important; }
4180 .mt-lg-3 {
4181 margin-top: 8px !important; }
4182 .mr-lg-3 {
4183 margin-right: 8px !important; }
4184 .mb-lg-3 {
4185 margin-bottom: 8px !important; }
4186 .ml-lg-3 {
4187 margin-left: 8px !important; }
4188 .mx-lg-3 {
4189 margin-right: 8px !important;
4190 margin-left: 8px !important; }
4191 .my-lg-3 {
4192 margin-top: 8px !important;
4193 margin-bottom: 8px !important; }
4194 .m-lg-4 {
4195 margin: 12px 12px !important; }
4196 .mt-lg-4 {
4197 margin-top: 12px !important; }
4198 .mr-lg-4 {
4199 margin-right: 12px !important; }
4200 .mb-lg-4 {
4201 margin-bottom: 12px !important; }
4202 .ml-lg-4 {
4203 margin-left: 12px !important; }
4204 .mx-lg-4 {
4205 margin-right: 12px !important;
4206 margin-left: 12px !important; }
4207 .my-lg-4 {
4208 margin-top: 12px !important;
4209 margin-bottom: 12px !important; }
4210 .m-lg-5 {
4211 margin: 16px 16px !important; }
4212 .mt-lg-5 {
4213 margin-top: 16px !important; }
4214 .mr-lg-5 {
4215 margin-right: 16px !important; }
4216 .mb-lg-5 {
4217 margin-bottom: 16px !important; }
4218 .ml-lg-5 {
4219 margin-left: 16px !important; }
4220 .mx-lg-5 {
4221 margin-right: 16px !important;
4222 margin-left: 16px !important; }
4223 .my-lg-5 {
4224 margin-top: 16px !important;
4225 margin-bottom: 16px !important; }
4226 .m-lg-6 {
4227 margin: 48px 48px !important; }
4228 .mt-lg-6 {
4229 margin-top: 48px !important; }
4230 .mr-lg-6 {
4231 margin-right: 48px !important; }
4232 .mb-lg-6 {
4233 margin-bottom: 48px !important; }
4234 .ml-lg-6 {
4235 margin-left: 48px !important; }
4236 .mx-lg-6 {
4237 margin-right: 48px !important;
4238 margin-left: 48px !important; }
4239 .my-lg-6 {
4240 margin-top: 48px !important;
4241 margin-bottom: 48px !important; }
4242 .p-lg-0 {
4243 padding: 0 0 !important; }
4244 .pt-lg-0 {
4245 padding-top: 0 !important; }
4246 .pr-lg-0 {
4247 padding-right: 0 !important; }
4248 .pb-lg-0 {
4249 padding-bottom: 0 !important; }
4250 .pl-lg-0 {
4251 padding-left: 0 !important; }
4252 .px-lg-0 {
4253 padding-right: 0 !important;
4254 padding-left: 0 !important; }
4255 .py-lg-0 {
4256 padding-top: 0 !important;
4257 padding-bottom: 0 !important; }
4258 .p-lg-1 {
4259 padding: 2px 2px !important; }
4260 .pt-lg-1 {
4261 padding-top: 2px !important; }
4262 .pr-lg-1 {
4263 padding-right: 2px !important; }
4264 .pb-lg-1 {
4265 padding-bottom: 2px !important; }
4266 .pl-lg-1 {
4267 padding-left: 2px !important; }
4268 .px-lg-1 {
4269 padding-right: 2px !important;
4270 padding-left: 2px !important; }
4271 .py-lg-1 {
4272 padding-top: 2px !important;
4273 padding-bottom: 2px !important; }
4274 .p-lg-2 {
4275 padding: 4px 4px !important; }
4276 .pt-lg-2 {
4277 padding-top: 4px !important; }
4278 .pr-lg-2 {
4279 padding-right: 4px !important; }
4280 .pb-lg-2 {
4281 padding-bottom: 4px !important; }
4282 .pl-lg-2 {
4283 padding-left: 4px !important; }
4284 .px-lg-2 {
4285 padding-right: 4px !important;
4286 padding-left: 4px !important; }
4287 .py-lg-2 {
4288 padding-top: 4px !important;
4289 padding-bottom: 4px !important; }
4290 .p-lg-3 {
4291 padding: 8px 8px !important; }
4292 .pt-lg-3 {
4293 padding-top: 8px !important; }
4294 .pr-lg-3 {
4295 padding-right: 8px !important; }
4296 .pb-lg-3 {
4297 padding-bottom: 8px !important; }
4298 .pl-lg-3 {
4299 padding-left: 8px !important; }
4300 .px-lg-3 {
4301 padding-right: 8px !important;
4302 padding-left: 8px !important; }
4303 .py-lg-3 {
4304 padding-top: 8px !important;
4305 padding-bottom: 8px !important; }
4306 .p-lg-4 {
4307 padding: 12px 12px !important; }
4308 .pt-lg-4 {
4309 padding-top: 12px !important; }
4310 .pr-lg-4 {
4311 padding-right: 12px !important; }
4312 .pb-lg-4 {
4313 padding-bottom: 12px !important; }
4314 .pl-lg-4 {
4315 padding-left: 12px !important; }
4316 .px-lg-4 {
4317 padding-right: 12px !important;
4318 padding-left: 12px !important; }
4319 .py-lg-4 {
4320 padding-top: 12px !important;
4321 padding-bottom: 12px !important; }
4322 .p-lg-5 {
4323 padding: 16px 16px !important; }
4324 .pt-lg-5 {
4325 padding-top: 16px !important; }
4326 .pr-lg-5 {
4327 padding-right: 16px !important; }
4328 .pb-lg-5 {
4329 padding-bottom: 16px !important; }
4330 .pl-lg-5 {
4331 padding-left: 16px !important; }
4332 .px-lg-5 {
4333 padding-right: 16px !important;
4334 padding-left: 16px !important; }
4335 .py-lg-5 {
4336 padding-top: 16px !important;
4337 padding-bottom: 16px !important; }
4338 .p-lg-6 {
4339 padding: 48px 48px !important; }
4340 .pt-lg-6 {
4341 padding-top: 48px !important; }
4342 .pr-lg-6 {
4343 padding-right: 48px !important; }
4344 .pb-lg-6 {
4345 padding-bottom: 48px !important; }
4346 .pl-lg-6 {
4347 padding-left: 48px !important; }
4348 .px-lg-6 {
4349 padding-right: 48px !important;
4350 padding-left: 48px !important; }
4351 .py-lg-6 {
4352 padding-top: 48px !important;
4353 padding-bottom: 48px !important; }
4354 .m-lg-auto {
4355 margin: auto !important; }
4356 .mt-lg-auto {
4357 margin-top: auto !important; }
4358 .mr-lg-auto {
4359 margin-right: auto !important; }
4360 .mb-lg-auto {
4361 margin-bottom: auto !important; }
4362 .ml-lg-auto {
4363 margin-left: auto !important; }
4364 .mx-lg-auto {
4365 margin-right: auto !important;
4366 margin-left: auto !important; }
4367 .my-lg-auto {
4368 margin-top: auto !important;
4369 margin-bottom: auto !important; } }
4370
4371 @media (min-width: 1200px) {
4372 .m-xl-0 {
4373 margin: 0 0 !important; }
4374 .mt-xl-0 {
4375 margin-top: 0 !important; }
4376 .mr-xl-0 {
4377 margin-right: 0 !important; }
4378 .mb-xl-0 {
4379 margin-bottom: 0 !important; }
4380 .ml-xl-0 {
4381 margin-left: 0 !important; }
4382 .mx-xl-0 {
4383 margin-right: 0 !important;
4384 margin-left: 0 !important; }
4385 .my-xl-0 {
4386 margin-top: 0 !important;
4387 margin-bottom: 0 !important; }
4388 .m-xl-1 {
4389 margin: 2px 2px !important; }
4390 .mt-xl-1 {
4391 margin-top: 2px !important; }
4392 .mr-xl-1 {
4393 margin-right: 2px !important; }
4394 .mb-xl-1 {
4395 margin-bottom: 2px !important; }
4396 .ml-xl-1 {
4397 margin-left: 2px !important; }
4398 .mx-xl-1 {
4399 margin-right: 2px !important;
4400 margin-left: 2px !important; }
4401 .my-xl-1 {
4402 margin-top: 2px !important;
4403 margin-bottom: 2px !important; }
4404 .m-xl-2 {
4405 margin: 4px 4px !important; }
4406 .mt-xl-2 {
4407 margin-top: 4px !important; }
4408 .mr-xl-2 {
4409 margin-right: 4px !important; }
4410 .mb-xl-2 {
4411 margin-bottom: 4px !important; }
4412 .ml-xl-2 {
4413 margin-left: 4px !important; }
4414 .mx-xl-2 {
4415 margin-right: 4px !important;
4416 margin-left: 4px !important; }
4417 .my-xl-2 {
4418 margin-top: 4px !important;
4419 margin-bottom: 4px !important; }
4420 .m-xl-3 {
4421 margin: 8px 8px !important; }
4422 .mt-xl-3 {
4423 margin-top: 8px !important; }
4424 .mr-xl-3 {
4425 margin-right: 8px !important; }
4426 .mb-xl-3 {
4427 margin-bottom: 8px !important; }
4428 .ml-xl-3 {
4429 margin-left: 8px !important; }
4430 .mx-xl-3 {
4431 margin-right: 8px !important;
4432 margin-left: 8px !important; }
4433 .my-xl-3 {
4434 margin-top: 8px !important;
4435 margin-bottom: 8px !important; }
4436 .m-xl-4 {
4437 margin: 12px 12px !important; }
4438 .mt-xl-4 {
4439 margin-top: 12px !important; }
4440 .mr-xl-4 {
4441 margin-right: 12px !important; }
4442 .mb-xl-4 {
4443 margin-bottom: 12px !important; }
4444 .ml-xl-4 {
4445 margin-left: 12px !important; }
4446 .mx-xl-4 {
4447 margin-right: 12px !important;
4448 margin-left: 12px !important; }
4449 .my-xl-4 {
4450 margin-top: 12px !important;
4451 margin-bottom: 12px !important; }
4452 .m-xl-5 {
4453 margin: 16px 16px !important; }
4454 .mt-xl-5 {
4455 margin-top: 16px !important; }
4456 .mr-xl-5 {
4457 margin-right: 16px !important; }
4458 .mb-xl-5 {
4459 margin-bottom: 16px !important; }
4460 .ml-xl-5 {
4461 margin-left: 16px !important; }
4462 .mx-xl-5 {
4463 margin-right: 16px !important;
4464 margin-left: 16px !important; }
4465 .my-xl-5 {
4466 margin-top: 16px !important;
4467 margin-bottom: 16px !important; }
4468 .m-xl-6 {
4469 margin: 48px 48px !important; }
4470 .mt-xl-6 {
4471 margin-top: 48px !important; }
4472 .mr-xl-6 {
4473 margin-right: 48px !important; }
4474 .mb-xl-6 {
4475 margin-bottom: 48px !important; }
4476 .ml-xl-6 {
4477 margin-left: 48px !important; }
4478 .mx-xl-6 {
4479 margin-right: 48px !important;
4480 margin-left: 48px !important; }
4481 .my-xl-6 {
4482 margin-top: 48px !important;
4483 margin-bottom: 48px !important; }
4484 .p-xl-0 {
4485 padding: 0 0 !important; }
4486 .pt-xl-0 {
4487 padding-top: 0 !important; }
4488 .pr-xl-0 {
4489 padding-right: 0 !important; }
4490 .pb-xl-0 {
4491 padding-bottom: 0 !important; }
4492 .pl-xl-0 {
4493 padding-left: 0 !important; }
4494 .px-xl-0 {
4495 padding-right: 0 !important;
4496 padding-left: 0 !important; }
4497 .py-xl-0 {
4498 padding-top: 0 !important;
4499 padding-bottom: 0 !important; }
4500 .p-xl-1 {
4501 padding: 2px 2px !important; }
4502 .pt-xl-1 {
4503 padding-top: 2px !important; }
4504 .pr-xl-1 {
4505 padding-right: 2px !important; }
4506 .pb-xl-1 {
4507 padding-bottom: 2px !important; }
4508 .pl-xl-1 {
4509 padding-left: 2px !important; }
4510 .px-xl-1 {
4511 padding-right: 2px !important;
4512 padding-left: 2px !important; }
4513 .py-xl-1 {
4514 padding-top: 2px !important;
4515 padding-bottom: 2px !important; }
4516 .p-xl-2 {
4517 padding: 4px 4px !important; }
4518 .pt-xl-2 {
4519 padding-top: 4px !important; }
4520 .pr-xl-2 {
4521 padding-right: 4px !important; }
4522 .pb-xl-2 {
4523 padding-bottom: 4px !important; }
4524 .pl-xl-2 {
4525 padding-left: 4px !important; }
4526 .px-xl-2 {
4527 padding-right: 4px !important;
4528 padding-left: 4px !important; }
4529 .py-xl-2 {
4530 padding-top: 4px !important;
4531 padding-bottom: 4px !important; }
4532 .p-xl-3 {
4533 padding: 8px 8px !important; }
4534 .pt-xl-3 {
4535 padding-top: 8px !important; }
4536 .pr-xl-3 {
4537 padding-right: 8px !important; }
4538 .pb-xl-3 {
4539 padding-bottom: 8px !important; }
4540 .pl-xl-3 {
4541 padding-left: 8px !important; }
4542 .px-xl-3 {
4543 padding-right: 8px !important;
4544 padding-left: 8px !important; }
4545 .py-xl-3 {
4546 padding-top: 8px !important;
4547 padding-bottom: 8px !important; }
4548 .p-xl-4 {
4549 padding: 12px 12px !important; }
4550 .pt-xl-4 {
4551 padding-top: 12px !important; }
4552 .pr-xl-4 {
4553 padding-right: 12px !important; }
4554 .pb-xl-4 {
4555 padding-bottom: 12px !important; }
4556 .pl-xl-4 {
4557 padding-left: 12px !important; }
4558 .px-xl-4 {
4559 padding-right: 12px !important;
4560 padding-left: 12px !important; }
4561 .py-xl-4 {
4562 padding-top: 12px !important;
4563 padding-bottom: 12px !important; }
4564 .p-xl-5 {
4565 padding: 16px 16px !important; }
4566 .pt-xl-5 {
4567 padding-top: 16px !important; }
4568 .pr-xl-5 {
4569 padding-right: 16px !important; }
4570 .pb-xl-5 {
4571 padding-bottom: 16px !important; }
4572 .pl-xl-5 {
4573 padding-left: 16px !important; }
4574 .px-xl-5 {
4575 padding-right: 16px !important;
4576 padding-left: 16px !important; }
4577 .py-xl-5 {
4578 padding-top: 16px !important;
4579 padding-bottom: 16px !important; }
4580 .p-xl-6 {
4581 padding: 48px 48px !important; }
4582 .pt-xl-6 {
4583 padding-top: 48px !important; }
4584 .pr-xl-6 {
4585 padding-right: 48px !important; }
4586 .pb-xl-6 {
4587 padding-bottom: 48px !important; }
4588 .pl-xl-6 {
4589 padding-left: 48px !important; }
4590 .px-xl-6 {
4591 padding-right: 48px !important;
4592 padding-left: 48px !important; }
4593 .py-xl-6 {
4594 padding-top: 48px !important;
4595 padding-bottom: 48px !important; }
4596 .m-xl-auto {
4597 margin: auto !important; }
4598 .mt-xl-auto {
4599 margin-top: auto !important; }
4600 .mr-xl-auto {
4601 margin-right: auto !important; }
4602 .mb-xl-auto {
4603 margin-bottom: auto !important; }
4604 .ml-xl-auto {
4605 margin-left: auto !important; }
4606 .mx-xl-auto {
4607 margin-right: auto !important;
4608 margin-left: auto !important; }
4609 .my-xl-auto {
4610 margin-top: auto !important;
4611 margin-bottom: auto !important; } }
4612
4613 .text-justify {
4614 text-align: justify !important; }
4615
4616 .text-nowrap {
4617 white-space: nowrap !important; }
4618
4619 .text-truncate {
4620 overflow: hidden;
4621 text-overflow: ellipsis;
4622 white-space: nowrap; }
4623
4624 .text-left {
4625 text-align: left !important; }
4626
4627 .text-right {
4628 text-align: right !important; }
4629
4630 .text-center {
4631 text-align: center !important; }
4632
4633 @media (min-width: 576px) {
4634 .text-sm-left {
4635 text-align: left !important; }
4636 .text-sm-right {
4637 text-align: right !important; }
4638 .text-sm-center {
4639 text-align: center !important; } }
4640
4641 @media (min-width: 768px) {
4642 .text-md-left {
4643 text-align: left !important; }
4644 .text-md-right {
4645 text-align: right !important; }
4646 .text-md-center {
4647 text-align: center !important; } }
4648
4649 @media (min-width: 992px) {
4650 .text-lg-left {
4651 text-align: left !important; }
4652 .text-lg-right {
4653 text-align: right !important; }
4654 .text-lg-center {
4655 text-align: center !important; } }
4656
4657 @media (min-width: 1200px) {
4658 .text-xl-left {
4659 text-align: left !important; }
4660 .text-xl-right {
4661 text-align: right !important; }
4662 .text-xl-center {
4663 text-align: center !important; } }
4664
4665 .text-lowercase {
4666 text-transform: lowercase !important; }
4667
4668 .text-uppercase {
4669 text-transform: uppercase !important; }
4670
4671 .text-capitalize {
4672 text-transform: capitalize !important; }
4673
4674 .font-weight-normal {
4675 font-weight: 400; }
4676
4677 .font-weight-bold {
4678 font-weight: 500; }
4679
4680 .font-italic {
4681 font-style: italic; }
4682
4683 .text-white {
4684 color: #fff !important; }
4685
4686 .text-muted {
4687 color: #636c72 !important; }
4688
4689 a.text-muted:focus, a.text-muted:hover {
4690 color: #4b5257 !important; }
4691
4692 .text-primary {
4693 color: #0275d8 !important; }
4694
4695 a.text-primary:focus, a.text-primary:hover {
4696 color: #025aa5 !important; }
4697
4698 .text-success {
4699 color: #5cb85c !important; }
4700
4701 a.text-success:focus, a.text-success:hover {
4702 color: #449d44 !important; }
4703
4704 .text-info {
4705 color: #5bc0de !important; }
4706
4707 a.text-info:focus, a.text-info:hover {
4708 color: #31b0d5 !important; }
4709
4710 .text-warning {
4711 color: #f0ad4e !important; }
4712
4713 a.text-warning:focus, a.text-warning:hover {
4714 color: #ec971f !important; }
4715
4716 .text-danger {
4717 color: #d9534f !important; }
4718
4719 a.text-danger:focus, a.text-danger:hover {
4720 color: #c9302c !important; }
4721
4722 .text-gray-dark {
4723 color: #292b2c !important; }
4724
4725 a.text-gray-dark:focus, a.text-gray-dark:hover {
4726 color: #101112 !important; }
4727
4728 .text-hide {
4729 font: 0/0 a;
4730 color: transparent;
4731 text-shadow: none;
4732 background-color: transparent;
4733 border: 0; }
4734
4735 .invisible {
4736 visibility: hidden !important; }
4737
4738 .hidden-xs-up {
4739 display: none !important; }
4740
4741 @media (max-width: 575px) {
4742 .hidden-xs-down {
4743 display: none !important; } }
4744
4745 @media (min-width: 576px) {
4746 .hidden-sm-up {
4747 display: none !important; } }
4748
4749 @media (max-width: 767px) {
4750 .hidden-sm-down {
4751 display: none !important; } }
4752
4753 @media (min-width: 768px) {
4754 .hidden-md-up {
4755 display: none !important; } }
4756
4757 @media (max-width: 991px) {
4758 .hidden-md-down {
4759 display: none !important; } }
4760
4761 @media (min-width: 992px) {
4762 .hidden-lg-up {
4763 display: none !important; } }
4764
4765 @media (max-width: 1199px) {
4766 .hidden-lg-down {
4767 display: none !important; } }
4768
4769 @media (min-width: 1200px) {
4770 .hidden-xl-up {
4771 display: none !important; } }
4772
4773 .hidden-xl-down {
4774 display: none !important; }
4775
4776 .visible-print-block {
4777 display: none !important; }
4778 @media print {
4779 .visible-print-block {
4780 display: block !important; } }
4781
4782 .visible-print-inline {
4783 display: none !important; }
4784 @media print {
4785 .visible-print-inline {
4786 display: inline !important; } }
4787
4788 .visible-print-inline-block {
4789 display: none !important; }
4790 @media print {
4791 .visible-print-inline-block {
4792 display: inline-block !important; } }
4793
4794 @media print {
4795 .hidden-print {
4796 display: none !important; } }
4797
4798 /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
4799 /*
4800 Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
4801 */
4802 /* pswp = photoswipe */
4803 .pswp {
4804 display: none;
4805 position: absolute;
4806 width: 100%;
4807 height: 100%;
4808 left: 0;
4809 top: 0;
4810 overflow: hidden;
4811 -ms-touch-action: none;
4812 touch-action: none;
4813 z-index: 1500;
4814 -webkit-text-size-adjust: 100%;
4815 /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
4816 -webkit-backface-visibility: hidden;
4817 outline: none; }
4818 .pswp * {
4819 box-sizing: border-box; }
4820 .pswp img {
4821 max-width: none; }
4822
4823 /* style is added when JS option showHideOpacity is set to true */
4824 .pswp--animate_opacity {
4825 /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
4826 opacity: 0.001;
4827 will-change: opacity;
4828 /* for open/close transition */
4829 transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
4830
4831 .pswp--open {
4832 display: block; }
4833
4834 .pswp--zoom-allowed .pswp__img {
4835 /* autoprefixer: off */
4836 cursor: -webkit-zoom-in;
4837 cursor: -moz-zoom-in;
4838 cursor: zoom-in; }
4839
4840 .pswp--zoomed-in .pswp__img {
4841 /* autoprefixer: off */
4842 cursor: -webkit-grab;
4843 cursor: -moz-grab;
4844 cursor: grab; }
4845
4846 .pswp--dragging .pswp__img {
4847 /* autoprefixer: off */
4848 cursor: -webkit-grabbing;
4849 cursor: -moz-grabbing;
4850 cursor: grabbing; }
4851
4852 /*
4853 Background is added as a separate element.
4854 As animating opacity is much faster than animating rgba() background-color.
4855 */
4856 .pswp__bg {
4857 position: absolute;
4858 left: 0;
4859 top: 0;
4860 width: 100%;
4861 height: 100%;
4862 background: #000;
4863 opacity: 0;
4864 transform: translateZ(0);
4865 -webkit-backface-visibility: hidden;
4866 will-change: opacity; }
4867
4868 .pswp__scroll-wrap {
4869 position: absolute;
4870 left: 0;
4871 top: 0;
4872 width: 100%;
4873 height: 100%;
4874 overflow: hidden; }
4875
4876 .pswp__container,
4877 .pswp__zoom-wrap {
4878 -ms-touch-action: none;
4879 touch-action: none;
4880 position: absolute;
4881 left: 0;
4882 right: 0;
4883 top: 0;
4884 bottom: 0; }
4885
4886 /* Prevent selection and tap highlights */
4887 .pswp__container,
4888 .pswp__img {
4889 -webkit-user-select: none;
4890 -moz-user-select: none;
4891 user-select: none;
4892 -webkit-tap-highlight-color: transparent;
4893 -webkit-touch-callout: none; }
4894
4895 .pswp__zoom-wrap {
4896 position: absolute;
4897 width: 100%;
4898 -webkit-transform-origin: left top;
4899 -moz-transform-origin: left top;
4900 -ms-transform-origin: left top;
4901 transform-origin: left top;
4902 /* for open/close transition */
4903 transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
4904
4905 .pswp__bg {
4906 will-change: opacity;
4907 /* for open/close transition */
4908 transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
4909
4910 .pswp--animated-in .pswp__bg,
4911 .pswp--animated-in .pswp__zoom-wrap {
4912 -webkit-transition: none;
4913 transition: none; }
4914
4915 .pswp__container,
4916 .pswp__zoom-wrap {
4917 -webkit-backface-visibility: hidden; }
4918
4919 .pswp__item {
4920 position: absolute;
4921 left: 0;
4922 right: 0;
4923 top: 0;
4924 bottom: 0;
4925 overflow: hidden; }
4926
4927 .pswp__img {
4928 position: absolute;
4929 width: auto;
4930 height: auto;
4931 top: 0;
4932 left: 0; }
4933
4934 /*
4935 stretched thumbnail or div placeholder element (see below)
4936 style is added to avoid flickering in webkit/blink when layers overlap
4937 */
4938 .pswp__img--placeholder {
4939 -webkit-backface-visibility: hidden; }
4940
4941 /*
4942 div element that matches size of large image
4943 large image loads on top of it
4944 */
4945 .pswp__img--placeholder--blank {
4946 background: #222; }
4947
4948 .pswp--ie .pswp__img {
4949 width: 100% !important;
4950 height: auto !important;
4951 left: 0;
4952 top: 0; }
4953
4954 /*
4955 Error message appears when image is not loaded
4956 (JS option errorMsg controls markup)
4957 */
4958 .pswp__error-msg {
4959 position: absolute;
4960 left: 0;
4961 top: 50%;
4962 width: 100%;
4963 text-align: center;
4964 font-size: 14px;
4965 line-height: 16px;
4966 margin-top: -8px;
4967 color: #CCC; }
4968
4969 .pswp__error-msg a {
4970 color: #CCC;
4971 text-decoration: underline; }
4972
4973 /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
4974 /*
4975
4976 Contents:
4977
4978 1. Buttons
4979 2. Share modal and links
4980 3. Index indicator ("1 of X" counter)
4981 4. Caption
4982 5. Loading indicator
4983 6. Additional styles (root element, top bar, idle state, hidden state, etc.)
4984
4985 */
4986 /*
4987
4988 1. Buttons
4989
4990 */
4991 /* <button> css reset */
4992 .pswp__button {
4993 width: 44px;
4994 height: 44px;
4995 position: relative;
4996 background: none;
4997 cursor: pointer;
4998 overflow: visible;
4999 -webkit-appearance: none;
5000 display: block;
5001 border: 0;
5002 padding: 0;
5003 margin: 0;
5004 float: right;
5005 opacity: 0.75;
5006 transition: opacity 0.2s;
5007 box-shadow: none; }
5008 .pswp__button:focus, .pswp__button:hover {
5009 opacity: 1; }
5010 .pswp__button:active {
5011 outline: none;
5012 opacity: 0.9; }
5013 .pswp__button::-moz-focus-inner {
5014 padding: 0;
5015 border: 0; }
5016
5017 /* pswp__ui--over-close class it added when mouse is over element that should close gallery */
5018 .pswp__ui--over-close .pswp__button--close {
5019 opacity: 1; }
5020
5021 .pswp__button,
5022 .pswp__button--arrow--left:before,
5023 .pswp__button--arrow--right:before {
5024 background: url(default-skin.png) 0 0 no-repeat;
5025 background-size: 264px 88px;
5026 width: 44px;
5027 height: 44px; }
5028
5029 @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
5030 /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
5031 .pswp--svg .pswp__button,
5032 .pswp--svg .pswp__button--arrow--left:before,
5033 .pswp--svg .pswp__button--arrow--right:before {
5034 background-image: url(default-skin.svg); }
5035 .pswp--svg .pswp__button--arrow--left,
5036 .pswp--svg .pswp__button--arrow--right {
5037 background: none; } }
5038
5039 .pswp__button--close {
5040 background-position: 0 -44px; }
5041
5042 .pswp__button--share {
5043 background-position: -44px -44px; }
5044
5045 .pswp__button--fs {
5046 display: none; }
5047
5048 .pswp--supports-fs .pswp__button--fs {
5049 display: block; }
5050
5051 .pswp--fs .pswp__button--fs {
5052 background-position: -44px 0; }
5053
5054 .pswp__button--zoom {
5055 display: none;
5056 background-position: -88px 0; }
5057
5058 .pswp--zoom-allowed .pswp__button--zoom {
5059 display: block; }
5060
5061 .pswp--zoomed-in .pswp__button--zoom {
5062 background-position: -132px 0; }
5063
5064 /* no arrows on touch screens */
5065 .pswp--touch .pswp__button--arrow--left,
5066 .pswp--touch .pswp__button--arrow--right {
5067 visibility: hidden; }
5068
5069 /*
5070 Arrow buttons hit area
5071 (icon is added to :before pseudo-element)
5072 */
5073 .pswp__button--arrow--left,
5074 .pswp__button--arrow--right {
5075 background: none;
5076 top: 50%;
5077 margin-top: -50px;
5078 width: 70px;
5079 height: 100px;
5080 position: absolute; }
5081
5082 .pswp__button--arrow--left {
5083 left: 0; }
5084
5085 .pswp__button--arrow--right {
5086 right: 0; }
5087
5088 .pswp__button--arrow--left:before,
5089 .pswp__button--arrow--right:before {
5090 content: '';
5091 top: 35px;
5092 background-color: rgba(0, 0, 0, 0.3);
5093 height: 30px;
5094 width: 32px;
5095 position: absolute; }
5096
5097 .pswp__button--arrow--left:before {
5098 left: 6px;
5099 background-position: -138px -44px; }
5100
5101 .pswp__button--arrow--right:before {
5102 right: 6px;
5103 background-position: -94px -44px; }
5104
5105 /*
5106
5107 2. Share modal/popup and links
5108
5109 */
5110 .pswp__counter,
5111 .pswp__share-modal {
5112 -webkit-user-select: none;
5113 -moz-user-select: none;
5114 user-select: none; }
5115
5116 .pswp__share-modal {
5117 display: block;
5118 background: rgba(0, 0, 0, 0.5);
5119 width: 100%;
5120 height: 100%;
5121 top: 0;
5122 left: 0;
5123 padding: 10px;
5124 position: absolute;
5125 z-index: 1600;
5126 opacity: 0;
5127 transition: opacity 0.25s ease-out;
5128 -webkit-backface-visibility: hidden;
5129 will-change: opacity; }
5130
5131 .pswp__share-modal--hidden {
5132 display: none; }
5133
5134 .pswp__share-tooltip {
5135 z-index: 1620;
5136 position: absolute;
5137 background: #FFF;
5138 top: 56px;
5139 border-radius: 2px;
5140 display: block;
5141 width: auto;
5142 right: 44px;
5143 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
5144 transform: translateY(6px);
5145 transition: transform 0.25s;
5146 -webkit-backface-visibility: hidden;
5147 will-change: transform; }
5148 .pswp__share-tooltip a {
5149 display: block;
5150 padding: 8px 12px;
5151 color: #000;
5152 text-decoration: none;
5153 font-size: 14px;
5154 line-height: 18px; }
5155 .pswp__share-tooltip a:hover {
5156 text-decoration: none;
5157 color: #000; }
5158 .pswp__share-tooltip a:first-child {
5159 /* round corners on the first/last list item */
5160 border-radius: 2px 2px 0 0; }
5161 .pswp__share-tooltip a:last-child {
5162 border-radius: 0 0 2px 2px; }
5163
5164 .pswp__share-modal--fade-in {
5165 opacity: 1; }
5166 .pswp__share-modal--fade-in .pswp__share-tooltip {
5167 transform: translateY(0); }
5168
5169 /* increase size of share links on touch devices */
5170 .pswp--touch .pswp__share-tooltip a {
5171 padding: 16px 12px; }
5172
5173 a.pswp__share--facebook:before {
5174 content: '';
5175 display: block;
5176 width: 0;
5177 height: 0;
5178 position: absolute;
5179 top: -12px;
5180 right: 15px;
5181 border: 6px solid transparent;
5182 border-bottom-color: #FFF;
5183 -webkit-pointer-events: none;
5184 -moz-pointer-events: none;
5185 pointer-events: none; }
5186
5187 a.pswp__share--facebook:hover {
5188 background: #3E5C9A;
5189 color: #FFF; }
5190 a.pswp__share--facebook:hover:before {
5191 border-bottom-color: #3E5C9A; }
5192
5193 a.pswp__share--twitter:hover {
5194 background: #55ACEE;
5195 color: #FFF; }
5196
5197 a.pswp__share--pinterest:hover {
5198 background: #CCC;
5199 color: #CE272D; }
5200
5201 a.pswp__share--download:hover {
5202 background: #DDD; }
5203
5204 /*
5205
5206 3. Index indicator ("1 of X" counter)
5207
5208 */
5209 .pswp__counter {
5210 position: absolute;
5211 left: 0;
5212 top: 0;
5213 height: 44px;
5214 font-size: 13px;
5215 line-height: 44px;
5216 color: #FFF;
5217 opacity: 0.75;
5218 padding: 0 10px; }
5219
5220 /*
5221
5222 4. Caption
5223
5224 */
5225 .pswp__caption {
5226 position: absolute;
5227 left: 0;
5228 bottom: 0;
5229 width: 100%;
5230 min-height: 44px; }
5231 .pswp__caption small {
5232 font-size: 11px;
5233 color: #BBB; }
5234
5235 .pswp__caption__center {
5236 text-align: left;
5237 max-width: 420px;
5238 margin: 0 auto;
5239 font-size: 13px;
5240 padding: 10px;
5241 line-height: 20px;
5242 color: #CCC; }
5243
5244 .pswp__caption--empty {
5245 display: none; }
5246
5247 /* Fake caption element, used to calculate height of next/prev image */
5248 .pswp__caption--fake {
5249 visibility: hidden; }
5250
5251 /*
5252
5253 5. Loading indicator (preloader)
5254
5255 You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
5256
5257 */
5258 .pswp__preloader {
5259 width: 44px;
5260 height: 44px;
5261 position: absolute;
5262 top: 0;
5263 left: 50%;
5264 margin-left: -22px;
5265 opacity: 0;
5266 transition: opacity 0.25s ease-out;
5267 will-change: opacity;
5268 direction: ltr; }
5269
5270 .pswp__preloader__icn {
5271 width: 20px;
5272 height: 20px;
5273 margin: 12px; }
5274
5275 .pswp__preloader--active {
5276 opacity: 1; }
5277 .pswp__preloader--active .pswp__preloader__icn {
5278 /* We use .gif in browsers that don't support CSS animation */
5279 background: url(preloader.gif) 0 0 no-repeat; }
5280
5281 .pswp--css_animation .pswp__preloader--active {
5282 opacity: 1; }
5283 .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
5284 animation: clockwise 500ms linear infinite; }
5285 .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
5286 animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
5287
5288 .pswp--css_animation .pswp__preloader__icn {
5289 background: none;
5290 opacity: 0.75;
5291 width: 14px;
5292 height: 14px;
5293 position: absolute;
5294 left: 15px;
5295 top: 15px;
5296 margin: 0; }
5297
5298 .pswp--css_animation .pswp__preloader__cut {
5299 /*
5300 The idea of animating inner circle is based on Polymer ("material") loading indicator
5301 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
5302 */
5303 position: relative;
5304 width: 7px;
5305 height: 14px;
5306 overflow: hidden; }
5307
5308 .pswp--css_animation .pswp__preloader__donut {
5309 box-sizing: border-box;
5310 width: 14px;
5311 height: 14px;
5312 border: 2px solid #FFF;
5313 border-radius: 50%;
5314 border-left-color: transparent;
5315 border-bottom-color: transparent;
5316 position: absolute;
5317 top: 0;
5318 left: 0;
5319 background: none;
5320 margin: 0; }
5321
5322 @media screen and (max-width: 1024px) {
5323 .pswp__preloader {
5324 position: relative;
5325 left: auto;
5326 top: auto;
5327 margin: 0;
5328 float: right; } }
5329
5330 @keyframes clockwise {
5331 0% {
5332 transform: rotate(0deg); }
5333 100% {
5334 transform: rotate(360deg); } }
5335
5336 @keyframes donut-rotate {
5337 0% {
5338 transform: rotate(0); }
5339 50% {
5340 transform: rotate(-140deg); }
5341 100% {
5342 transform: rotate(0); } }
5343
5344 /*
5345
5346 6. Additional styles
5347
5348 */
5349 /* root element of UI */
5350 .pswp__ui {
5351 -webkit-font-smoothing: auto;
5352 visibility: visible;
5353 opacity: 1;
5354 z-index: 1550; }
5355
5356 /* top black bar with buttons and "1 of X" indicator */
5357 .pswp__top-bar {
5358 position: absolute;
5359 left: 0;
5360 top: 0;
5361 height: 44px;
5362 width: 100%; }
5363
5364 .pswp__caption,
5365 .pswp__top-bar,
5366 .pswp--has_mouse .pswp__button--arrow--left,
5367 .pswp--has_mouse .pswp__button--arrow--right {
5368 -webkit-backface-visibility: hidden;
5369 will-change: opacity;
5370 transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
5371
5372 /* pswp--has_mouse class is added only when two subsequent mousemove events occur */
5373 .pswp--has_mouse .pswp__button--arrow--left,
5374 .pswp--has_mouse .pswp__button--arrow--right {
5375 visibility: visible; }
5376
5377 .pswp__top-bar,
5378 .pswp__caption {
5379 background-color: rgba(0, 0, 0, 0.5); }
5380
5381 /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
5382 .pswp__ui--fit .pswp__top-bar,
5383 .pswp__ui--fit .pswp__caption {
5384 background-color: rgba(0, 0, 0, 0.3); }
5385
5386 /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
5387 .pswp__ui--idle .pswp__top-bar {
5388 opacity: 0; }
5389
5390 .pswp__ui--idle .pswp__button--arrow--left,
5391 .pswp__ui--idle .pswp__button--arrow--right {
5392 opacity: 0; }
5393
5394 /*
5395 pswp__ui--hidden class is added when controls are hidden
5396 e.g. when user taps to toggle visibility of controls
5397 */
5398 .pswp__ui--hidden .pswp__top-bar,
5399 .pswp__ui--hidden .pswp__caption,
5400 .pswp__ui--hidden .pswp__button--arrow--left,
5401 .pswp__ui--hidden .pswp__button--arrow--right {
5402 /* Force paint & create composition layer for controls. */
5403 opacity: 0.001; }
5404
5405 /* pswp__ui--one-slide class is added when there is just one item in gallery */
5406 .pswp__ui--one-slide .pswp__button--arrow--left,
5407 .pswp__ui--one-slide .pswp__button--arrow--right,
5408 .pswp__ui--one-slide .pswp__counter {
5409 display: none; }
5410
5411 .pswp__element--disabled {
5412 display: none !important; }
5413
5414 .pswp--minimal--dark .pswp__top-bar {
5415 background: none; }
5416
5417 .donation {
5418 background-image: url("../img/header-background.jpg");
5419 background-size: cover;
5420 background-attachment: fixed;
5421 background-position: center center;
5422 width: 100vw;
5423 height: 768px;
5424 margin-bottom: 1122px; }
5425 @media (min-width: 576px) {
5426 .donation {
5427 margin-bottom: 1078px; } }
5428 @media (min-width: 768px) {
5429 .donation {
5430 margin-bottom: 668px; } }
5431 @media (min-width: 992px) {
5432 .donation {
5433 margin-bottom: 522px; } }
5434 @media (min-width: 1200px) {
5435 .donation {
5436 height: 800px;
5437 margin-bottom: 328px; } }
5438
5439 .donation-card {
5440 border-radius: 4px;
5441 background-color: white;
5442 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
5443 @media (max-width: 767px) {
5444 .donation-card {
5445 background-color: transparent;
5446 box-shadow: none;
5447 border-radius: 0; } }
5448 .donation-card h3 a {
5449 color: white; }
5450 @media (max-width: 767px) {
5451 .donation-card .card {
5452 height: 1100px;
5453 margin-bottom: 32px;
5454 border-radius: 4px;
5455 background-color: white;
5456 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); } }
5457 @media (max-width: 575px) {
5458 .donation-card .card {
5459 border-radius: 0;
5460 box-shadow: none;
5461 margin-bottom: 0; } }
5462 .donation-card .info {
5463 border-radius: 4px 0 0 4px; }
5464 @media (max-width: 767px) {
5465 .donation-card .info {
5466 border-radius: 4px;
5467 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); } }
5468 @media (max-width: 575px) {
5469 .donation-card .info {
5470 border-radius: 0;
5471 box-shadow: none; } }
5472
5473 .ownamount {
5474 overflow: hidden;
5475 width: 95%;
5476 height: 48px;
5477 padding: 0 16px;
5478 border-radius: 2px;
5479 border: none; }
5480
5481 .ownamount {
5482 background-color: rgba(38, 50, 56, 0.08);
5483 border-bottom: 2px solid #263238;
5484 width: 90%; }
5485
5486 input.radiobtn:not(old) {
5487 display: none; }
5488
5489 input.radiobtn:not(old) + label {
5490 display: inline-block;
5491 background-image: url("/static/img/icons/icon-radiobtn-off.png");
5492 background-repeat: no-repeat;
5493 background-position: 0 0;
5494 padding-left: 40px; }
5495 @media (min-width: 992px) {
5496 input.radiobtn:not(old) + label {
5497 padding-left: 28px; } }
5498
5499 input.radiobtn:not(old):checked + label {
5500 background-image: url("/static/img/icons/icon-radiobtn-on.png"); }
5501
5502 .inline-card {
5503 border-radius: 8px;
5504 background-color: #eceff1;
5505 padding: 24px;
5506 position: relative;
5507 padding: 24px 20px; }
5508 .inline-card #amount {
5509 margin-left: -8px; }
5510
5511 label.amount {
5512 width: 76px;
5513 height: 48px;
5514 display: block;
5515 background-color: white;
5516 border-radius: 2px;
5517 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
5518 font-size: 20px;
5519 color: #42a5f5;
5520 text-align: center;
5521 margin: 0 4px 12px 4px;
5522 padding: 8px 0 0 0; }
5523 @media (min-width: 576px) {
5524 label.amount {
5525 width: 84px;
5526 margin: 0 8px 16px 8px; } }
5527
5528 label.cc img {
5529 height: 24px; }
5530
5531 @media (max-width: 1199px) {
5532 #ccpayment,
5533 #paymentpaypal,
5534 #sepapayment {
5535 padding-bottom: 24px;
5536 margin-bottom: 32px; }
5537 #ccpayment label img,
5538 #paymentpaypal label img,
5539 #sepapayment label img {
5540 position: relative; } }
5541
5542 @media (min-width: 992px) {
5543 #ccpayment {
5544 margin-top: 16px; }
5545 #ccpayment label {
5546 background-position: 0 4px; } }
5547
5548 @media (max-width: 1199px) {
5549 #paymentpaypal label img {
5550 top: -7px; } }
5551
5552 @media (min-width: 992px) {
5553 #paymentpaypal {
5554 margin-top: 14px; }
5555 #paymentpaypal label {
5556 background-position: 0 6px; } }
5557
5558 @media (min-width: 1200px) {
5559 #paymentpaypal {
5560 margin-top: 0; }
5561 #paymentpaypal label {
5562 background-position: 0 20px; } }
5563
5564 @media (min-width: 992px) {
5565 #sepapayment {
5566 padding-top: 20px; } }
5567
5568 input[name=amount] {
5569 display: none; }
5570
5571 input[name=amount]:checked + label {
5572 background-image: linear-gradient(120deg, #4fc3f7, #1976d2);
5573 color: white; }
5574
5575 .or {
5576 display: block;
5577 height: 1px;
5578 width: 90%;
5579 border: 1px solid rgba(38, 50, 56, 0.3);
5580 position: absolute;
5581 left: 5%;
5582 top: 212px; }
5583 @media (min-width: 576px) {
5584 .or {
5585 top: 222px; } }
5586 @media (min-width: 992px) {
5587 .or {
5588 height: 200px;
5589 width: 1px;
5590 border: 1px solid rgba(38, 50, 56, 0.3);
5591 left: 257px;
5592 top: 12px; } }
5593 @media (min-width: 1200px) {
5594 .or {
5595 left: 350px; } }
5596 .or:before {
5597 content: "OR";
5598 font-family: 'Ubuntu', sans-serif;
5599 font-size: 16px;
5600 font-weight: 500;
5601 text-align: center;
5602 color: rgba(38, 50, 56, 0.3);
5603 background-color: #eceff1;
5604 display: block;
5605 position: absolute;
5606 top: -13px;
5607 left: 50%;
5608 margin-left: -20px;
5609 width: 40px;
5610 height: 24px; }
5611 @media (min-width: 992px) {
5612 .or:before {
5613 text-align: left;
5614 display: block;
5615 top: 12px;
5616 left: -12px;
5617 margin-left: 0;
5618 width: 24px;
5619 height: 24px; } }
5620
5621 body {
5622 min-height: 100vh;
5623 display: flex;
5624 flex-direction: column; }
5625
5626 .container {
5627 width: 100%;
5628 max-width: 1200px;
5629 flex: 1; }
5630
5631 body {
5632 -webkit-font-smoothing: antialiased;
5633 font-size: 16px; }
5634
5635 h1 {
5636 line-height: 3rem; }
5637
5638 h2 {
5639 line-height: 2.75rem; }
5640
5641 h3 {
5642 font-size: 20px;
5643 line-height: 28px; }
5644 @media (min-width: 768px) {
5645 h3 {
5646 font-size: 24px;
5647 line-height: 32px;
5648 font-weight: 500;
5649 margin-bottom: 0; } }
5650 h3.headline {
5651 text-align: center;
5652 font-size: 32px;
5653 line-height: 44px;
5654 color: #263238; }
5655 @media (min-width: 576px) {
5656 h3.headline {
5657 font-size: 36px;
5658 line-height: 48px; } }
5659
5660 h4 {
5661 font-weight: 500;
5662 font-size: 16px;
5663 line-height: 24px; }
5664 @media (min-width: 576px) {
5665 h4 {
5666 font-size: 20px;
5667 line-height: 28px; } }
5668 h4.secondHeadline {
5669 font-size: 24px;
5670 line-height: 32px;
5671 text-align: left;
5672 margin-top: 24px; }
5673
5674 h5, .h5 {
5675 font-size: 16px;
5676 line-height: 24px; }
5677 @media (min-width: 768px) {
5678 h5, .h5 {
5679 font-size: 24px;
5680 line-height: 32px; } }
5681 h5.subheadline,
5682 .h5.subheadline {
5683 text-align: center;
5684 font-size: 16px;
5685 line-height: 24px;
5686 color: rgba(38, 50, 56, 0.6); }
5687
5688 p {
5689 font-size: 16px;
5690 line-height: 24px; }
5691 p.lead {
5692 font-size: inherit;
5693 line-height: inherit; }
5694 @media (min-width: 768px) {
5695 p.lead {
5696 font-size: 24px;
5697 line-height: 32px; } }
5698 p.copy {
5699 margin-top: 16px; }
5700 @media (min-width: 576px) {
5701 p.copy {
5702 margin-top: 24px; } }
5703
5704 .display-1 {
5705 font-size: 120px;
5706 line-height: 144px; }
5707
5708 .display-2 {
5709 font-size: 32px;
5710 line-height: 44px;
5711 margin-bottom: 40px; }
5712 @media (min-width: 768px) {
5713 .display-2 {
5714 font-size: 40px;
5715 font-weight: 500;
5716 line-height: 56px;
5717 margin-bottom: 3rem; } }
5718
5719 .display-3 {
5720 font-size: 24px;
5721 line-height: 32px; }
5722 @media (min-width: 768px) {
5723 .display-3 {
5724 font-size: 32px;
5725 line-height: 44px; } }
5726
5727 .display-4 {
5728 font-size: 14px;
5729 line-height: 20px;
5730 font-weight: 400; }
5731 @media (min-width: 576px) {
5732 .display-4 {
5733 font-size: 24px;
5734 line-height: 32px; } }
5735
5736 .display-5 {
5737 font-size: 20px;
5738 line-height: 28px; }
5739
5740 small,
5741 .small {
5742 font-size: 14px;
5743 line-height: 20px; }
5744 @media (min-width: 768px) {
5745 small,
5746 .small {
5747 font-size: 16px;
5748 line-height: 24px; } }
5749
5750 .truncate {
5751 width: 100%;
5752 white-space: nowrap;
5753 overflow: hidden;
5754 text-overflow: ellipsis; }
5755
5756 .fireinfo_cat {
5757 font-size: 14px;
5758 line-height: 20px; }
5759
5760 h5.fireinfo {
5761 font-size: 16px;
5762 line-height: 28px;
5763 font-weight: 500; }
5764 @media (min-width: 768px) {
5765 h5.fireinfo {
5766 font-size: 20px; } }
5767
5768 .fireinfo_per {
5769 font-size: 20px;
5770 line-height: 28px; }
5771
5772 #mask {
5773 width: 100vw;
5774 height: 100vh;
5775 position: fixed;
5776 top: 0;
5777 left: 0;
5778 background-color: rgba(0, 0, 0, 0.4);
5779 display: none;
5780 visibility: hidden; }
5781 #mask.open {
5782 display: block;
5783 visibility: visible;
5784 z-index: 250; }
5785
5786 .tux {
5787 position: absolute;
5788 top: 12px;
5789 left: 50%;
5790 transform: translateX(-50%); }
5791 .tux h1 {
5792 font-weight: 300 !important;
5793 color: #263238;
5794 font-size: 20px;
5795 line-height: 28px;
5796 margin-bottom: 0; }
5797 .tux h1 strong {
5798 font-weight: 700 !important; }
5799 .tux h1:before {
5800 content: "";
5801 height: 32px;
5802 width: 25px;
5803 background-image: url("../img/ipfire-tux.png");
5804 background-repeat: no-repeat;
5805 background-position: center center;
5806 background-size: contain;
5807 display: inline-block;
5808 position: relative; }
5809
5810 .menu-text {
5811 transition: opacity .25s ease-in-out; }
5812
5813 .menu-text.hidden {
5814 opacity: 0;
5815 transition: opacity .35s ease-in-out; }
5816
5817 .fixed-top {
5818 transition: background-color .25s linear;
5819 height: 56px; }
5820 @media (min-width: 576px) {
5821 .fixed-top {
5822 height: 72px; } }
5823 @media (min-width: 992px) {
5824 .fixed-top {
5825 height: 96px; } }
5826 .fixed-top .navbar {
5827 width: 100%;
5828 z-index: 500; }
5829 .fixed-top .navbar a {
5830 color: #263238; }
5831 @media (min-width: 576px) {
5832 .fixed-top .navbar a {
5833 margin-top: 8px; } }
5834 .fixed-top .navbar .navbar-toggler-left {
5835 left: -12px;
5836 top: 8px; }
5837 @media (min-width: 576px) {
5838 .fixed-top .navbar .navbar-toggler-left {
5839 top: 17px; } }
5840 .fixed-top .navbar .btn {
5841 margin-top: .15rem; }
5842
5843 .navbar-brand {
5844 font-size: 20px;
5845 font-weight: 300;
5846 opacity: 0;
5847 margin: 0;
5848 transition: opacity .7s linear; }
5849 @media (min-width: 992px) {
5850 .navbar-brand {
5851 opacity: 1;
5852 font-size: 36px; } }
5853 .navbar-brand strong {
5854 font-weight: 900; }
5855 .navbar-brand img {
5856 margin-right: 4px;
5857 transform: translateY(-5px);
5858 height: 32px;
5859 width: auto; }
5860 @media (min-width: 992px) {
5861 .navbar-brand img {
5862 height: 40px; } }
5863
5864 .scrolled {
5865 background-color: rgba(255, 255, 255, 0.96);
5866 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
5867 height: 56px; }
5868 @media (min-width: 576px) {
5869 .scrolled {
5870 height: 72px; } }
5871 @media (min-width: 992px) {
5872 .scrolled {
5873 height: 96px; } }
5874 .scrolled .navbar-brand {
5875 opacity: 1; }
5876
5877 .scrolled.fadeout {
5878 background-color: rgba(100, 100, 100, 0.5); }
5879 .scrolled.fadeout a.btn-donate {
5880 opacity: .5; }
5881 .scrolled.fadeout a.navbar-brand {
5882 opacity: .5; }
5883
5884 #navbarSupportedContent {
5885 width: 100%; }
5886 @media (max-width: 991px) {
5887 #navbarSupportedContent {
5888 background: white;
5889 position: fixed;
5890 top: 0;
5891 left: 0;
5892 width: 256px;
5893 height: 100vh;
5894 padding-top: 64px;
5895 transform: translateX(-256px);
5896 transition: all .15s ease-in-out; }
5897 #navbarSupportedContent.open {
5898 transform: translateX(0);
5899 transition: all .15s ease-in-out;
5900 box-shadow: 14px 0 28px 0 rgba(0, 0, 0, 0.25), 10px 0 10px 0 rgba(0, 0, 0, 0.26); } }
5901
5902 @media (min-width: 992px) {
5903 .navbar-nav {
5904 padding-top: 2px; } }
5905
5906 .navbar-nav .nav-link {
5907 color: #263238;
5908 padding: 16px !important;
5909 display: block;
5910 position: relative; }
5911 @media (min-width: 992px) {
5912 .navbar-nav .nav-link {
5913 margin-right: 16px;
5914 display: block;
5915 position: relative; }
5916 .navbar-nav .nav-link:after {
5917 content: "";
5918 border-bottom: 2px solid #b71c1c;
5919 position: absolute;
5920 transform: scaleX(0);
5921 width: 100%;
5922 left: 0;
5923 top: 44px;
5924 padding: inherit;
5925 transition: transform .3s ease-out, color .3s ease-out; } }
5926
5927 @media (max-width: 1199px) {
5928 .navbar-nav .nav-link:active {
5929 color: #b71c1c; } }
5930
5931 @media (max-width: 1199px) {
5932 .navbar-nav .nav-link:active:before {
5933 content: "";
5934 border-left: 2px solid #b71c1c;
5935 position: absolute;
5936 left: 0;
5937 height: 36px;
5938 transform: translateY(-4px); } }
5939
5940 @media (min-width: 992px) {
5941 .navbar-nav .nav-link:hover {
5942 color: #b71c1c; } }
5943
5944 @media (min-width: 992px) {
5945 .navbar-nav .nav-link:hover:after {
5946 transform: scaleX(1); } }
5947
5948 @media (min-width: 992px) {
5949 body.About li.nav-item a.about,
5950 body.Download li.nav-item a.download,
5951 body.Support li.nav-item a.support,
5952 body.Involved li.nav-item a.community,
5953 body.Phonebook li.nav-item a.phonebook,
5954 body.Diagnosis li.nav-item a.diagnosis {
5955 color: #b71c1c; }
5956 body.About li.nav-item a.about:after,
5957 body.Download li.nav-item a.download:after,
5958 body.Support li.nav-item a.support:after,
5959 body.Involved li.nav-item a.community:after,
5960 body.Phonebook li.nav-item a.phonebook:after,
5961 body.Diagnosis li.nav-item a.diagnosis:after {
5962 content: "";
5963 border-bottom: 2px solid #b71c1c;
5964 position: absolute;
5965 width: 100%;
5966 left: 0;
5967 top: 44px;
5968 padding: inherit;
5969 transform: scale(1); } }
5970
5971 #sidebar {
5972 padding: 0; }
5973 @media (max-width: 767px) {
5974 #sidebar {
5975 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
5976 position: fixed;
5977 top: 52px;
5978 z-index: 200;
5979 background-color: white; } }
5980 #sidebar ul {
5981 list-style: none; }
5982 #sidebar ul.features_nav {
5983 padding: 0 0 24px 0;
5984 overflow-x: auto; }
5985 #sidebar ul.features_nav.fixed {
5986 position: fixed;
5987 top: 100px;
5988 outline: 1px solid grey; }
5989 #sidebar ul ul {
5990 margin: 0;
5991 padding-left: 0; }
5992 #sidebar ul ul li:last-child {
5993 margin-bottom: 0; }
5994 #sidebar ul li {
5995 padding: 0 16px;
5996 margin: 8px 0; }
5997 #sidebar ul li a.nav-link {
5998 padding: inherit;
5999 color: #263238;
6000 height: 32px;
6001 padding: 0 8px;
6002 line-height: 2; }
6003 #sidebar ul li a.nav-link.active {
6004 color: #b71c1c;
6005 border-left: 2px solid #b71c1c;
6006 padding: 0 8px 0 6px; }
6007
6008 /* Fix for Android */
6009 body {
6010 -webkit-animation: bugfix infinite 1s; }
6011
6012 @-webkit-keyframes bugfix {
6013 from {
6014 padding: 0; }
6015 to {
6016 padding: 0; } }
6017
6018 /* default checkbox */
6019 input[type=checkbox] {
6020 position: absolute;
6021 top: -9999px;
6022 left: -9999px; }
6023
6024 label {
6025 cursor: pointer;
6026 user-select: none; }
6027
6028 nav[role="dropdown"] label {
6029 display: none; }
6030
6031 @media screen and (max-width: 44em) {
6032 nav[role="dropdown"] ul {
6033 height: 48px;
6034 overflow: hidden; }
6035 nav[role="dropdown"] label {
6036 position: relative;
6037 display: block;
6038 width: 100%; }
6039 nav[role="dropdown"] label:after {
6040 font-family: FontAwesome;
6041 font-size: 24px;
6042 content: "\f107";
6043 position: absolute;
6044 top: 0;
6045 right: 0;
6046 z-index: 9999;
6047 width: 100%;
6048 height: 56px;
6049 padding: 12px 12px 0;
6050 text-align: right; }
6051 nav[role="dropdown"] input:checked ~ label:after {
6052 content: "\f106"; }
6053 nav[role="dropdown"] input:checked ~ ul {
6054 display: block;
6055 height: 40vh;
6056 overflow-y: scroll; } }
6057
6058 .btn-red900 {
6059 color: #fff !important;
6060 background-color: #b71c1c;
6061 border-color: #b71c1c; }
6062 .btn-red900:hover {
6063 color: #fff !important;
6064 background-color: #8b1515;
6065 border-color: #821414; }
6066 .btn-red900:focus, .btn-red900.focus {
6067 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
6068 .btn-red900.disabled, .btn-red900:disabled {
6069 background-color: #b71c1c;
6070 border-color: #b71c1c; }
6071 .btn-red900:active, .btn-red900.active,
6072 .show > .btn-red900.dropdown-toggle {
6073 color: #fff !important;
6074 background-color: #8b1515;
6075 background-image: none;
6076 border-color: #821414; }
6077
6078 .btn-white {
6079 color: #b71c1c;
6080 background-color: #fff;
6081 border-color: #fff; }
6082 .btn-white:hover {
6083 color: #b71c1c;
6084 background-color: #e6e5e5;
6085 border-color: #e0e0e0; }
6086 .btn-white:focus, .btn-white.focus {
6087 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); }
6088 .btn-white.disabled, .btn-white:disabled {
6089 background-color: #fff;
6090 border-color: #fff; }
6091 .btn-white:active, .btn-white.active,
6092 .show > .btn-white.dropdown-toggle {
6093 color: #b71c1c;
6094 background-color: #e6e5e5;
6095 background-image: none;
6096 border-color: #e0e0e0; }
6097
6098 .btn-bluegrey900 {
6099 color: #fff;
6100 background-color: #263238;
6101 border-color: #263238; }
6102 .btn-bluegrey900:hover {
6103 color: #fff;
6104 background-color: #11171a;
6105 border-color: #0d1114; }
6106 .btn-bluegrey900:focus, .btn-bluegrey900.focus {
6107 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
6108 .btn-bluegrey900.disabled, .btn-bluegrey900:disabled {
6109 background-color: #263238;
6110 border-color: #263238; }
6111 .btn-bluegrey900:active, .btn-bluegrey900.active,
6112 .show > .btn-bluegrey900.dropdown-toggle {
6113 color: #fff;
6114 background-color: #11171a;
6115 background-image: none;
6116 border-color: #0d1114; }
6117
6118 button.navbar-toggler div {
6119 font-family: 'Ubuntu', sans-serif;
6120 font-size: 1rem;
6121 display: inline-block;
6122 position: relative;
6123 top: -4px; }
6124
6125 .btn-group {
6126 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
6127
6128 .btn {
6129 height: 36px;
6130 text-transform: uppercase;
6131 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
6132 transition: box-shadow .25s ease-in-out; }
6133 .btn:hover {
6134 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 3px 6px 0 rgba(0, 0, 0, 0.25);
6135 transition: box-shadow .25s ease-in-out; }
6136 @media (max-width: 767px) {
6137 .btn {
6138 font-size: .875rem; } }
6139
6140 .btn-outline-primary,
6141 .btn-outline-secondary {
6142 transition: background-color .25s ease-in-out; }
6143 .btn-outline-primary:hover,
6144 .btn-outline-secondary:hover {
6145 transition: background-color .25s ease-in-out; }
6146
6147 .btn-light {
6148 box-shadow: none; }
6149
6150 .btn-xlg {
6151 height: 72px;
6152 margin: 0 36px;
6153 padding-top: 16px; }
6154
6155 .btn-lg, .btn-group-lg > .btn {
6156 height: 48px;
6157 margin: 0 24px; }
6158 @media (max-width: 767px) {
6159 .btn-lg, .btn-group-lg > .btn {
6160 height: 36px;
6161 margin: 0 8px;
6162 padding: 1rem;
6163 font-size: .875rem;
6164 line-height: 0; } }
6165
6166 .btn-md {
6167 font-size: 0.875rem;
6168 line-height: 1.25rem;
6169 padding: .4rem 1rem .5rem 1rem; }
6170
6171 .btn-block {
6172 margin: 0 0 1.5rem 0; }
6173 @media (min-width: 768px) {
6174 .btn-block {
6175 margin: 0 0 2rem 0; } }
6176 @media (max-width: 575px) {
6177 .btn-block {
6178 font-size: .875rem;
6179 line-height: 0; } }
6180
6181 button:focus {
6182 outline: none; }
6183
6184 .btn-donate {
6185 margin-top: 18px;
6186 font-size: 14px;
6187 font-weight: 400;
6188 line-height: 20px;
6189 padding: 3px 16px 0 5px; }
6190 @media (min-width: 992px) {
6191 .btn-donate {
6192 margin-top: 29px; } }
6193 .btn-donate svg {
6194 vertical-align: -7px;
6195 margin-right: 5px; }
6196
6197 .icon {
6198 width: 1.5rem;
6199 height: 1.5rem;
6200 fill: currentColor;
6201 vertical-align: -.15rem;
6202 overflow: hidden;
6203 margin-right: .5rem; }
6204
6205 .i_arrow_down {
6206 margin: 0;
6207 position: absolute;
6208 left: .75rem;
6209 top: -.25rem;
6210 animation: scroll 1.5s ease-in-out infinite; }
6211 @media (max-width: 575px) {
6212 .i_arrow_down {
6213 width: 1.75rem !important;
6214 height: 1.75rem !important;
6215 left: .25rem;
6216 top: -.5rem; } }
6217
6218 .i_lg {
6219 width: 2.5rem;
6220 height: 2.5rem;
6221 margin: 0;
6222 transform: translateY(-0.35rem);
6223 fill: #b71c1c; }
6224
6225 .i_white {
6226 fill: white; }
6227
6228 .i_sm {
6229 vertical-align: top;
6230 transform: translateY(-0.1rem); }
6231
6232 .i_features {
6233 width: 40px;
6234 height: 40px;
6235 margin: auto; }
6236
6237 .outline_i {
6238 border: solid 4px;
6239 width: 80px;
6240 height: 80px;
6241 display: flex;
6242 align-items: center; }
6243
6244 .i_verified {
6245 fill: #43a047; }
6246
6247 .i_warning {
6248 fill: #b71c1c; }
6249
6250 .i_wifi {
6251 fill: #1976d2; }
6252
6253 .i_server {
6254 fill: #ff8f00; }
6255
6256 .i_secure {
6257 fill: rgba(38, 50, 56, 0.3); }
6258
6259 .i_arrow_down_2 {
6260 fill: white;
6261 opacity: .75;
6262 transform: translateY(3px); }
6263
6264 .amber-800 {
6265 color: #ff8f00;
6266 border-color: #ff8f00; }
6267
6268 .green-600 {
6269 color: #43a047;
6270 border-color: #43a047; }
6271
6272 .red-900 {
6273 color: #b71c1c;
6274 border-color: #b71c1c; }
6275
6276 .blue-700 {
6277 color: #1976d2;
6278 border-color: #1976d2; }
6279
6280 .blue_grey_300 {
6281 color: rgba(38, 50, 56, 0.3); }
6282
6283 .bg-blue-grey-900 {
6284 background-color: #263238; }
6285
6286 .bg-blue-grey-50 {
6287 background-color: #eceff1; }
6288
6289 img.img-fluid {
6290 width: 100%;
6291 max-width: 100%;
6292 height: auto; }
6293
6294 footer .btn-toolbar .icon {
6295 height: 2.25rem;
6296 width: 2.25rem;
6297 fill: rgba(38, 50, 56, 0.6); }
6298
6299 footer .i_heart {
6300 vertical-align: top;
6301 transform: translateY(-0.15rem); }
6302 @media (max-width: 767px) {
6303 footer .i_heart {
6304 transform: translateY(-0.75rem); } }
6305
6306 section.intro {
6307 min-height: 100vh;
6308 background-image: url("../img/header-background.jpg");
6309 background-size: cover;
6310 background-attachment: fixed;
6311 background-position: center top;
6312 position: relative; }
6313 section.intro .branding {
6314 padding-top: 6rem;
6315 margin-bottom: 64px;
6316 text-align: center;
6317 color: rgba(38, 50, 56, 0.6); }
6318 @media (min-width: 576px) {
6319 section.intro .branding {
6320 padding-top: 192px; } }
6321 section.intro .branding h1 {
6322 font-weight: 300 !important;
6323 color: #263238; }
6324 @media (max-width: 575px) {
6325 section.intro .branding h1 {
6326 font-size: 72px;
6327 line-height: 88px;
6328 margin-bottom: 0; } }
6329 section.intro .branding h1 strong {
6330 font-weight: 700 !important; }
6331 section.intro .branding h1:before {
6332 content: "";
6333 height: 60px;
6334 width: 76px;
6335 background-image: url("../img/ipfire-tux.png");
6336 background-repeat: no-repeat;
6337 background-position: center center;
6338 background-size: contain;
6339 display: inline-block;
6340 position: relative;
6341 top: 4px; }
6342 @media (min-width: 576px) {
6343 section.intro .branding h1:before {
6344 height: 120px;
6345 width: 93px;
6346 margin-right: 32px;
6347 top: 8px; } }
6348
6349 .page-scroll {
6350 display: block;
6351 visibility: visible;
6352 position: absolute;
6353 bottom: 48px;
6354 left: 50%;
6355 transform: translateX(-50%); }
6356 .page-scroll .btn {
6357 width: 36px;
6358 height: 36px;
6359 fill: #b71c1c; }
6360 @media (min-width: 576px) {
6361 .page-scroll .btn {
6362 width: 64px;
6363 height: 64px; } }
6364 .page-scroll .btn:hover .i_arrow_down {
6365 fill: white; }
6366
6367 section.content-section {
6368 padding: 3rem 0; }
6369 @media (min-width: 576px) {
6370 section.content-section {
6371 padding: 72px 0; } }
6372
6373 .feature_icons {
6374 width: 40px;
6375 height: 100%;
6376 float: left;
6377 margin-right: .75rem; }
6378
6379 section#news,
6380 section#support,
6381 footer {
6382 background-color: rgba(38, 50, 56, 0.06); }
6383
6384 section#news {
6385 color: rgba(38, 50, 56, 0.6); }
6386 section#news h2 {
6387 color: #263238; }
6388
6389 .progress {
6390 background-color: rgba(255, 255, 255, 0.2); }
6391
6392 .bg-progress {
6393 background-image: linear-gradient(to right, #fbc02d, #ff8f00); }
6394
6395 section#fireinfo {
6396 border-bottom: 1px solid rgba(38, 50, 56, 0.2); }
6397
6398 .circle {
6399 position: relative; }
6400 .circle p.fireinfo_per {
6401 color: rgba(38, 50, 56, 0.6);
6402 position: absolute;
6403 top: calc(50% - 18px);
6404 width: 100%; }
6405
6406 section#appliances {
6407 padding-bottom: 48px; }
6408
6409 .features-content,
6410 .fixed-top + .blog-content {
6411 padding-top: 88px;
6412 margin-bottom: 40px; }
6413 @media (min-width: 992px) {
6414 .features-content,
6415 .fixed-top + .blog-content {
6416 padding-top: 161px; } }
6417 .features-content .content,
6418 .fixed-top + .blog-content .content {
6419 background: white;
6420 border-radius: 4px;
6421 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
6422 padding: 40px 24px;
6423 position: relative; }
6424
6425 .blog-content {
6426 margin-bottom: 80px; }
6427
6428 .divider {
6429 width: 128px;
6430 height: 4px;
6431 border-radius: 2px;
6432 background-image: linear-gradient(to right, #b71c1c, #ff3d00);
6433 margin: 40px auto 24px auto; }
6434 @media (min-width: 576px) {
6435 .divider {
6436 margin: 56px auto 40px auto; } }
6437
6438 footer {
6439 padding: 3rem 0 0 0; }
6440 @media (max-width: 991px) {
6441 footer {
6442 padding-top: 31px; } }
6443 footer h4 {
6444 margin-bottom: 1.25rem;
6445 color: rgba(38, 50, 56, 0.6);
6446 font-size: 20px;
6447 line-height: 28px; }
6448 footer ul li {
6449 font-size: 14px;
6450 margin-bottom: .75rem; }
6451 footer ul li a {
6452 color: rgba(38, 50, 56, 0.6);
6453 text-decoration: none; }
6454 footer ul li a:hover {
6455 color: #263238;
6456 text-decoration: underline; }
6457 footer .btn-lg, footer .btn-group-lg > .btn {
6458 margin-bottom: 2.75rem; }
6459 footer .btn-sm, footer .btn-group-sm > .btn {
6460 box-shadow: none; }
6461 footer .btn-sm:hover, footer .btn-group-sm > .btn:hover {
6462 box-shadow: none; }
6463
6464 #copyright {
6465 background-color: rgba(38, 50, 56, 0.06);
6466 padding: 1rem 0; }
6467 #copyright p {
6468 font-size: 12px;
6469 line-height: 16px; }
6470
6471 @keyframes scroll {
6472 0%, 100% {
6473 transform: translateY(30%); }
6474 50% {
6475 transform: translateY(50%); } }