]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blob - static/css/style.css
8ccef2a4bc773fa854837d8a77c628874b352724
[people/shoehn/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 .btn {
1252 display: inline-block;
1253 font-weight: 600;
1254 line-height: 0.95;
1255 text-align: center;
1256 white-space: nowrap;
1257 vertical-align: middle;
1258 user-select: none;
1259 border: 2px solid transparent;
1260 padding: 8px 16px;
1261 font-size: 1rem;
1262 border-radius: 0.25rem;
1263 transition: all 0.2s ease-in-out; }
1264 .btn:focus, .btn:hover {
1265 text-decoration: none; }
1266 .btn:focus, .btn.focus {
1267 outline: 0;
1268 box-shadow: none; }
1269 .btn.disabled, .btn:disabled {
1270 cursor: not-allowed;
1271 opacity: .65; }
1272 .btn:active, .btn.active {
1273 background-image: none; }
1274
1275 a.btn.disabled,
1276 fieldset[disabled] a.btn {
1277 pointer-events: none; }
1278
1279 .btn-primary {
1280 color: #fff;
1281 background-color: #b71c1c;
1282 border-color: #b71c1c; }
1283 .btn-primary:hover {
1284 color: #fff;
1285 background-color: #8b1515;
1286 border-color: #821414; }
1287 .btn-primary:focus, .btn-primary.focus {
1288 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
1289 .btn-primary.disabled, .btn-primary:disabled {
1290 background-color: #b71c1c;
1291 border-color: #b71c1c; }
1292 .btn-primary:active, .btn-primary.active,
1293 .show > .btn-primary.dropdown-toggle {
1294 color: #fff;
1295 background-color: #8b1515;
1296 background-image: none;
1297 border-color: #821414; }
1298
1299 .btn-secondary {
1300 color: rgba(38, 50, 56, 0.6);
1301 background-color: #fff;
1302 border-color: rgba(38, 50, 56, 0.6); }
1303 .btn-secondary:hover {
1304 color: rgba(38, 50, 56, 0.6);
1305 background-color: #e6e5e5;
1306 border-color: rgba(13, 17, 20, 0.6); }
1307 .btn-secondary:focus, .btn-secondary.focus {
1308 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
1309 .btn-secondary.disabled, .btn-secondary:disabled {
1310 background-color: #fff;
1311 border-color: rgba(38, 50, 56, 0.6); }
1312 .btn-secondary:active, .btn-secondary.active,
1313 .show > .btn-secondary.dropdown-toggle {
1314 color: rgba(38, 50, 56, 0.6);
1315 background-color: #e6e5e5;
1316 background-image: none;
1317 border-color: rgba(13, 17, 20, 0.6); }
1318
1319 .btn-info {
1320 color: #fff;
1321 background-color: #5bc0de;
1322 border-color: #5bc0de; }
1323 .btn-info:hover {
1324 color: #fff;
1325 background-color: #31b0d5;
1326 border-color: #2aabd2; }
1327 .btn-info:focus, .btn-info.focus {
1328 box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
1329 .btn-info.disabled, .btn-info:disabled {
1330 background-color: #5bc0de;
1331 border-color: #5bc0de; }
1332 .btn-info:active, .btn-info.active,
1333 .show > .btn-info.dropdown-toggle {
1334 color: #fff;
1335 background-color: #31b0d5;
1336 background-image: none;
1337 border-color: #2aabd2; }
1338
1339 .btn-success {
1340 color: #fff;
1341 background-color: #5cb85c;
1342 border-color: #5cb85c; }
1343 .btn-success:hover {
1344 color: #fff;
1345 background-color: #449d44;
1346 border-color: #419641; }
1347 .btn-success:focus, .btn-success.focus {
1348 box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }
1349 .btn-success.disabled, .btn-success:disabled {
1350 background-color: #5cb85c;
1351 border-color: #5cb85c; }
1352 .btn-success:active, .btn-success.active,
1353 .show > .btn-success.dropdown-toggle {
1354 color: #fff;
1355 background-color: #449d44;
1356 background-image: none;
1357 border-color: #419641; }
1358
1359 .btn-warning {
1360 color: #fff;
1361 background-color: #f0ad4e;
1362 border-color: #f0ad4e; }
1363 .btn-warning:hover {
1364 color: #fff;
1365 background-color: #ec971f;
1366 border-color: #eb9316; }
1367 .btn-warning:focus, .btn-warning.focus {
1368 box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
1369 .btn-warning.disabled, .btn-warning:disabled {
1370 background-color: #f0ad4e;
1371 border-color: #f0ad4e; }
1372 .btn-warning:active, .btn-warning.active,
1373 .show > .btn-warning.dropdown-toggle {
1374 color: #fff;
1375 background-color: #ec971f;
1376 background-image: none;
1377 border-color: #eb9316; }
1378
1379 .btn-danger {
1380 color: #fff;
1381 background-color: #d9534f;
1382 border-color: #d9534f; }
1383 .btn-danger:hover {
1384 color: #fff;
1385 background-color: #c9302c;
1386 border-color: #c12e2a; }
1387 .btn-danger:focus, .btn-danger.focus {
1388 box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
1389 .btn-danger.disabled, .btn-danger:disabled {
1390 background-color: #d9534f;
1391 border-color: #d9534f; }
1392 .btn-danger:active, .btn-danger.active,
1393 .show > .btn-danger.dropdown-toggle {
1394 color: #fff;
1395 background-color: #c9302c;
1396 background-image: none;
1397 border-color: #c12e2a; }
1398
1399 .btn-outline-primary {
1400 color: #b71c1c;
1401 background-image: none;
1402 background-color: transparent;
1403 border-color: #b71c1c; }
1404 .btn-outline-primary:hover {
1405 color: #fff;
1406 background-color: #b71c1c;
1407 border-color: #b71c1c; }
1408 .btn-outline-primary:focus, .btn-outline-primary.focus {
1409 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
1410 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
1411 color: #b71c1c;
1412 background-color: transparent; }
1413 .btn-outline-primary:active, .btn-outline-primary.active,
1414 .show > .btn-outline-primary.dropdown-toggle {
1415 color: #fff;
1416 background-color: #b71c1c;
1417 border-color: #b71c1c; }
1418
1419 .btn-outline-secondary {
1420 color: rgba(38, 50, 56, 0.6);
1421 background-image: none;
1422 background-color: transparent;
1423 border-color: rgba(38, 50, 56, 0.6); }
1424 .btn-outline-secondary:hover {
1425 color: #fff;
1426 background-color: rgba(38, 50, 56, 0.6);
1427 border-color: rgba(38, 50, 56, 0.6); }
1428 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
1429 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
1430 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
1431 color: rgba(38, 50, 56, 0.6);
1432 background-color: transparent; }
1433 .btn-outline-secondary:active, .btn-outline-secondary.active,
1434 .show > .btn-outline-secondary.dropdown-toggle {
1435 color: #fff;
1436 background-color: rgba(38, 50, 56, 0.6);
1437 border-color: rgba(38, 50, 56, 0.6); }
1438
1439 .btn-outline-info {
1440 color: #5bc0de;
1441 background-image: none;
1442 background-color: transparent;
1443 border-color: #5bc0de; }
1444 .btn-outline-info:hover {
1445 color: #fff;
1446 background-color: #5bc0de;
1447 border-color: #5bc0de; }
1448 .btn-outline-info:focus, .btn-outline-info.focus {
1449 box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
1450 .btn-outline-info.disabled, .btn-outline-info:disabled {
1451 color: #5bc0de;
1452 background-color: transparent; }
1453 .btn-outline-info:active, .btn-outline-info.active,
1454 .show > .btn-outline-info.dropdown-toggle {
1455 color: #fff;
1456 background-color: #5bc0de;
1457 border-color: #5bc0de; }
1458
1459 .btn-outline-success {
1460 color: #5cb85c;
1461 background-image: none;
1462 background-color: transparent;
1463 border-color: #5cb85c; }
1464 .btn-outline-success:hover {
1465 color: #fff;
1466 background-color: #5cb85c;
1467 border-color: #5cb85c; }
1468 .btn-outline-success:focus, .btn-outline-success.focus {
1469 box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }
1470 .btn-outline-success.disabled, .btn-outline-success:disabled {
1471 color: #5cb85c;
1472 background-color: transparent; }
1473 .btn-outline-success:active, .btn-outline-success.active,
1474 .show > .btn-outline-success.dropdown-toggle {
1475 color: #fff;
1476 background-color: #5cb85c;
1477 border-color: #5cb85c; }
1478
1479 .btn-outline-warning {
1480 color: #f0ad4e;
1481 background-image: none;
1482 background-color: transparent;
1483 border-color: #f0ad4e; }
1484 .btn-outline-warning:hover {
1485 color: #fff;
1486 background-color: #f0ad4e;
1487 border-color: #f0ad4e; }
1488 .btn-outline-warning:focus, .btn-outline-warning.focus {
1489 box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
1490 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
1491 color: #f0ad4e;
1492 background-color: transparent; }
1493 .btn-outline-warning:active, .btn-outline-warning.active,
1494 .show > .btn-outline-warning.dropdown-toggle {
1495 color: #fff;
1496 background-color: #f0ad4e;
1497 border-color: #f0ad4e; }
1498
1499 .btn-outline-danger {
1500 color: #d9534f;
1501 background-image: none;
1502 background-color: transparent;
1503 border-color: #d9534f; }
1504 .btn-outline-danger:hover {
1505 color: #fff;
1506 background-color: #d9534f;
1507 border-color: #d9534f; }
1508 .btn-outline-danger:focus, .btn-outline-danger.focus {
1509 box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
1510 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
1511 color: #d9534f;
1512 background-color: transparent; }
1513 .btn-outline-danger:active, .btn-outline-danger.active,
1514 .show > .btn-outline-danger.dropdown-toggle {
1515 color: #fff;
1516 background-color: #d9534f;
1517 border-color: #d9534f; }
1518
1519 .btn-link {
1520 font-weight: 400;
1521 color: #b71c1c;
1522 border-radius: 0; }
1523 .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
1524 background-color: transparent; }
1525 .btn-link, .btn-link:focus, .btn-link:active {
1526 border-color: transparent; }
1527 .btn-link:hover {
1528 border-color: transparent; }
1529 .btn-link:focus, .btn-link:hover {
1530 color: #751212;
1531 text-decoration: none;
1532 background-color: transparent; }
1533 .btn-link:disabled {
1534 color: #636c72; }
1535 .btn-link:disabled:focus, .btn-link:disabled:hover {
1536 text-decoration: none; }
1537
1538 .btn-lg, .btn-group-lg > .btn {
1539 padding: 12px 32px;
1540 font-size: 20px;
1541 border-radius: 2px; }
1542
1543 .btn-sm, .btn-group-sm > .btn {
1544 padding: 4px 8px;
1545 font-size: 0.875rem;
1546 border-radius: 0.2rem; }
1547
1548 .btn-block {
1549 display: block;
1550 width: 100%; }
1551
1552 .btn-block + .btn-block {
1553 margin-top: 8px; }
1554
1555 input[type="submit"].btn-block,
1556 input[type="reset"].btn-block,
1557 input[type="button"].btn-block {
1558 width: 100%; }
1559
1560 .fade {
1561 opacity: 0;
1562 transition: opacity 0.15s linear; }
1563 .fade.show {
1564 opacity: 1; }
1565
1566 .collapse {
1567 display: none; }
1568 .collapse.show {
1569 display: block; }
1570
1571 tr.collapse.show {
1572 display: table-row; }
1573
1574 tbody.collapse.show {
1575 display: table-row-group; }
1576
1577 .collapsing {
1578 position: relative;
1579 height: 0;
1580 overflow: hidden;
1581 transition: height 0.35s ease; }
1582
1583 .btn-group,
1584 .btn-group-vertical {
1585 position: relative;
1586 display: inline-flex;
1587 vertical-align: middle; }
1588 .btn-group > .btn,
1589 .btn-group-vertical > .btn {
1590 position: relative;
1591 flex: 0 1 auto; }
1592 .btn-group > .btn:hover,
1593 .btn-group-vertical > .btn:hover {
1594 z-index: 2; }
1595 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
1596 .btn-group-vertical > .btn:focus,
1597 .btn-group-vertical > .btn:active,
1598 .btn-group-vertical > .btn.active {
1599 z-index: 2; }
1600 .btn-group .btn + .btn,
1601 .btn-group .btn + .btn-group,
1602 .btn-group .btn-group + .btn,
1603 .btn-group .btn-group + .btn-group,
1604 .btn-group-vertical .btn + .btn,
1605 .btn-group-vertical .btn + .btn-group,
1606 .btn-group-vertical .btn-group + .btn,
1607 .btn-group-vertical .btn-group + .btn-group {
1608 margin-left: -2px; }
1609
1610 .btn-toolbar {
1611 display: flex;
1612 justify-content: flex-start; }
1613 .btn-toolbar .input-group {
1614 width: auto; }
1615
1616 .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
1617 border-radius: 0; }
1618
1619 .btn-group > .btn:first-child {
1620 margin-left: 0; }
1621 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
1622 border-bottom-right-radius: 0;
1623 border-top-right-radius: 0; }
1624
1625 .btn-group > .btn:last-child:not(:first-child),
1626 .btn-group > .dropdown-toggle:not(:first-child) {
1627 border-bottom-left-radius: 0;
1628 border-top-left-radius: 0; }
1629
1630 .btn-group > .btn-group {
1631 float: left; }
1632
1633 .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
1634 border-radius: 0; }
1635
1636 .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
1637 .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
1638 border-bottom-right-radius: 0;
1639 border-top-right-radius: 0; }
1640
1641 .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
1642 border-bottom-left-radius: 0;
1643 border-top-left-radius: 0; }
1644
1645 .btn-group .dropdown-toggle:active,
1646 .btn-group.open .dropdown-toggle {
1647 outline: 0; }
1648
1649 .btn + .dropdown-toggle-split {
1650 padding-right: 12px;
1651 padding-left: 12px; }
1652 .btn + .dropdown-toggle-split::after {
1653 margin-left: 0; }
1654
1655 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
1656 padding-right: 6px;
1657 padding-left: 6px; }
1658
1659 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
1660 padding-right: 24px;
1661 padding-left: 24px; }
1662
1663 .btn-group-vertical {
1664 display: inline-flex;
1665 flex-direction: column;
1666 align-items: flex-start;
1667 justify-content: center; }
1668 .btn-group-vertical .btn,
1669 .btn-group-vertical .btn-group {
1670 width: 100%; }
1671 .btn-group-vertical > .btn + .btn,
1672 .btn-group-vertical > .btn + .btn-group,
1673 .btn-group-vertical > .btn-group + .btn,
1674 .btn-group-vertical > .btn-group + .btn-group {
1675 margin-top: -2px;
1676 margin-left: 0; }
1677
1678 .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
1679 border-radius: 0; }
1680
1681 .btn-group-vertical > .btn:first-child:not(:last-child) {
1682 border-bottom-right-radius: 0;
1683 border-bottom-left-radius: 0; }
1684
1685 .btn-group-vertical > .btn:last-child:not(:first-child) {
1686 border-top-right-radius: 0;
1687 border-top-left-radius: 0; }
1688
1689 .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
1690 border-radius: 0; }
1691
1692 .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
1693 .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
1694 border-bottom-right-radius: 0;
1695 border-bottom-left-radius: 0; }
1696
1697 .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
1698 border-top-right-radius: 0;
1699 border-top-left-radius: 0; }
1700
1701 [data-toggle="buttons"] > .btn input[type="radio"],
1702 [data-toggle="buttons"] > .btn input[type="checkbox"],
1703 [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
1704 [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
1705 position: absolute;
1706 clip: rect(0, 0, 0, 0);
1707 pointer-events: none; }
1708
1709 .nav {
1710 display: flex;
1711 padding-left: 0;
1712 margin-bottom: 0;
1713 list-style: none; }
1714
1715 .nav-link {
1716 display: block;
1717 padding: 8px 24px; }
1718 .nav-link:focus, .nav-link:hover {
1719 text-decoration: none; }
1720 .nav-link.disabled {
1721 color: #636c72;
1722 cursor: not-allowed; }
1723
1724 .nav-tabs {
1725 border-bottom: 1px solid #ddd; }
1726 .nav-tabs .nav-item {
1727 margin-bottom: -1px; }
1728 .nav-tabs .nav-link {
1729 border: 1px solid transparent;
1730 border-top-right-radius: 0.25rem;
1731 border-top-left-radius: 0.25rem; }
1732 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
1733 border-color: #eceeef #eceeef #ddd; }
1734 .nav-tabs .nav-link.disabled {
1735 color: #636c72;
1736 background-color: transparent;
1737 border-color: transparent; }
1738 .nav-tabs .nav-link.active,
1739 .nav-tabs .nav-item.show .nav-link {
1740 color: #464a4c;
1741 background-color: #fff;
1742 border-color: #ddd #ddd #fff; }
1743 .nav-tabs .dropdown-menu {
1744 margin-top: -1px;
1745 border-top-right-radius: 0;
1746 border-top-left-radius: 0; }
1747
1748 .nav-pills .nav-link {
1749 border-radius: 0.25rem; }
1750
1751 .nav-pills .nav-link.active,
1752 .nav-pills .nav-item.show .nav-link {
1753 color: #fff;
1754 cursor: default;
1755 background-color: #0275d8; }
1756
1757 .nav-fill .nav-item {
1758 flex: 1 1 auto;
1759 text-align: center; }
1760
1761 .nav-justified .nav-item {
1762 flex: 1 1 100%;
1763 text-align: center; }
1764
1765 .tab-content > .tab-pane {
1766 display: none; }
1767
1768 .tab-content > .active {
1769 display: block; }
1770
1771 .navbar {
1772 position: relative;
1773 display: flex;
1774 flex-direction: column;
1775 padding: 8px 8px; }
1776
1777 .navbar-brand {
1778 display: inline-block;
1779 padding-top: .25rem;
1780 padding-bottom: .25rem;
1781 margin-right: 8px;
1782 font-size: 20px;
1783 line-height: inherit;
1784 white-space: nowrap; }
1785 .navbar-brand:focus, .navbar-brand:hover {
1786 text-decoration: none; }
1787
1788 .navbar-nav {
1789 display: flex;
1790 flex-direction: column;
1791 padding-left: 0;
1792 margin-bottom: 0;
1793 list-style: none; }
1794 .navbar-nav .nav-link {
1795 padding-right: 0;
1796 padding-left: 0; }
1797
1798 .navbar-text {
1799 display: inline-block;
1800 padding-top: .425rem;
1801 padding-bottom: .425rem; }
1802
1803 .navbar-toggler {
1804 align-self: flex-start;
1805 padding: 0.25rem 0.75rem;
1806 font-size: 1.25rem;
1807 line-height: 1;
1808 background: transparent;
1809 border: 2px solid transparent;
1810 border-radius: 0.25rem; }
1811 .navbar-toggler:focus, .navbar-toggler:hover {
1812 text-decoration: none; }
1813
1814 .navbar-toggler-icon {
1815 display: inline-block;
1816 width: 1.5em;
1817 height: 1.5em;
1818 vertical-align: middle;
1819 content: "";
1820 background: no-repeat center center;
1821 background-size: 100% 100%; }
1822
1823 .navbar-toggler-left {
1824 position: absolute;
1825 left: 8px; }
1826
1827 .navbar-toggler-right {
1828 position: absolute;
1829 right: 8px; }
1830
1831 @media (max-width: 575px) {
1832 .navbar-toggleable .navbar-nav .dropdown-menu {
1833 position: static;
1834 float: none; }
1835 .navbar-toggleable > .container {
1836 padding-right: 0;
1837 padding-left: 0; } }
1838
1839 @media (min-width: 576px) {
1840 .navbar-toggleable {
1841 flex-direction: row;
1842 flex-wrap: nowrap;
1843 align-items: center; }
1844 .navbar-toggleable .navbar-nav {
1845 flex-direction: row; }
1846 .navbar-toggleable .navbar-nav .nav-link {
1847 padding-right: .5rem;
1848 padding-left: .5rem; }
1849 .navbar-toggleable > .container {
1850 display: flex;
1851 flex-wrap: nowrap;
1852 align-items: center; }
1853 .navbar-toggleable .navbar-collapse {
1854 display: flex !important;
1855 width: 100%; }
1856 .navbar-toggleable .navbar-toggler {
1857 display: none; } }
1858
1859 @media (max-width: 767px) {
1860 .navbar-toggleable-sm .navbar-nav .dropdown-menu {
1861 position: static;
1862 float: none; }
1863 .navbar-toggleable-sm > .container {
1864 padding-right: 0;
1865 padding-left: 0; } }
1866
1867 @media (min-width: 768px) {
1868 .navbar-toggleable-sm {
1869 flex-direction: row;
1870 flex-wrap: nowrap;
1871 align-items: center; }
1872 .navbar-toggleable-sm .navbar-nav {
1873 flex-direction: row; }
1874 .navbar-toggleable-sm .navbar-nav .nav-link {
1875 padding-right: .5rem;
1876 padding-left: .5rem; }
1877 .navbar-toggleable-sm > .container {
1878 display: flex;
1879 flex-wrap: nowrap;
1880 align-items: center; }
1881 .navbar-toggleable-sm .navbar-collapse {
1882 display: flex !important;
1883 width: 100%; }
1884 .navbar-toggleable-sm .navbar-toggler {
1885 display: none; } }
1886
1887 @media (max-width: 991px) {
1888 .navbar-toggleable-md .navbar-nav .dropdown-menu {
1889 position: static;
1890 float: none; }
1891 .navbar-toggleable-md > .container {
1892 padding-right: 0;
1893 padding-left: 0; } }
1894
1895 @media (min-width: 992px) {
1896 .navbar-toggleable-md {
1897 flex-direction: row;
1898 flex-wrap: nowrap;
1899 align-items: center; }
1900 .navbar-toggleable-md .navbar-nav {
1901 flex-direction: row; }
1902 .navbar-toggleable-md .navbar-nav .nav-link {
1903 padding-right: .5rem;
1904 padding-left: .5rem; }
1905 .navbar-toggleable-md > .container {
1906 display: flex;
1907 flex-wrap: nowrap;
1908 align-items: center; }
1909 .navbar-toggleable-md .navbar-collapse {
1910 display: flex !important;
1911 width: 100%; }
1912 .navbar-toggleable-md .navbar-toggler {
1913 display: none; } }
1914
1915 @media (max-width: 1199px) {
1916 .navbar-toggleable-lg .navbar-nav .dropdown-menu {
1917 position: static;
1918 float: none; }
1919 .navbar-toggleable-lg > .container {
1920 padding-right: 0;
1921 padding-left: 0; } }
1922
1923 @media (min-width: 1200px) {
1924 .navbar-toggleable-lg {
1925 flex-direction: row;
1926 flex-wrap: nowrap;
1927 align-items: center; }
1928 .navbar-toggleable-lg .navbar-nav {
1929 flex-direction: row; }
1930 .navbar-toggleable-lg .navbar-nav .nav-link {
1931 padding-right: .5rem;
1932 padding-left: .5rem; }
1933 .navbar-toggleable-lg > .container {
1934 display: flex;
1935 flex-wrap: nowrap;
1936 align-items: center; }
1937 .navbar-toggleable-lg .navbar-collapse {
1938 display: flex !important;
1939 width: 100%; }
1940 .navbar-toggleable-lg .navbar-toggler {
1941 display: none; } }
1942
1943 .navbar-toggleable-xl {
1944 flex-direction: row;
1945 flex-wrap: nowrap;
1946 align-items: center; }
1947 .navbar-toggleable-xl .navbar-nav .dropdown-menu {
1948 position: static;
1949 float: none; }
1950 .navbar-toggleable-xl > .container {
1951 padding-right: 0;
1952 padding-left: 0; }
1953 .navbar-toggleable-xl .navbar-nav {
1954 flex-direction: row; }
1955 .navbar-toggleable-xl .navbar-nav .nav-link {
1956 padding-right: .5rem;
1957 padding-left: .5rem; }
1958 .navbar-toggleable-xl > .container {
1959 display: flex;
1960 flex-wrap: nowrap;
1961 align-items: center; }
1962 .navbar-toggleable-xl .navbar-collapse {
1963 display: flex !important;
1964 width: 100%; }
1965 .navbar-toggleable-xl .navbar-toggler {
1966 display: none; }
1967
1968 .navbar-light .navbar-brand,
1969 .navbar-light .navbar-toggler {
1970 color: rgba(0, 0, 0, 0.9); }
1971 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
1972 .navbar-light .navbar-toggler:focus,
1973 .navbar-light .navbar-toggler:hover {
1974 color: rgba(0, 0, 0, 0.9); }
1975
1976 .navbar-light .navbar-nav .nav-link {
1977 color: rgba(0, 0, 0, 0.5); }
1978 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
1979 color: rgba(0, 0, 0, 0.7); }
1980 .navbar-light .navbar-nav .nav-link.disabled {
1981 color: rgba(0, 0, 0, 0.3); }
1982
1983 .navbar-light .navbar-nav .open > .nav-link,
1984 .navbar-light .navbar-nav .active > .nav-link,
1985 .navbar-light .navbar-nav .nav-link.open,
1986 .navbar-light .navbar-nav .nav-link.active {
1987 color: rgba(0, 0, 0, 0.9); }
1988
1989 .navbar-light .navbar-toggler {
1990 border-color: rgba(0, 0, 0, 0.1); }
1991
1992 .navbar-light .navbar-toggler-icon {
1993 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"); }
1994
1995 .navbar-light .navbar-text {
1996 color: rgba(0, 0, 0, 0.5); }
1997
1998 .navbar-inverse .navbar-brand,
1999 .navbar-inverse .navbar-toggler {
2000 color: white; }
2001 .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
2002 .navbar-inverse .navbar-toggler:focus,
2003 .navbar-inverse .navbar-toggler:hover {
2004 color: white; }
2005
2006 .navbar-inverse .navbar-nav .nav-link {
2007 color: rgba(255, 255, 255, 0.5); }
2008 .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
2009 color: rgba(255, 255, 255, 0.75); }
2010 .navbar-inverse .navbar-nav .nav-link.disabled {
2011 color: rgba(255, 255, 255, 0.25); }
2012
2013 .navbar-inverse .navbar-nav .open > .nav-link,
2014 .navbar-inverse .navbar-nav .active > .nav-link,
2015 .navbar-inverse .navbar-nav .nav-link.open,
2016 .navbar-inverse .navbar-nav .nav-link.active {
2017 color: white; }
2018
2019 .navbar-inverse .navbar-toggler {
2020 border-color: rgba(255, 255, 255, 0.1); }
2021
2022 .navbar-inverse .navbar-toggler-icon {
2023 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"); }
2024
2025 .navbar-inverse .navbar-text {
2026 color: rgba(255, 255, 255, 0.5); }
2027
2028 @keyframes progress-bar-stripes {
2029 from {
2030 background-position: 1rem 0; }
2031 to {
2032 background-position: 0 0; } }
2033
2034 .progress {
2035 display: flex;
2036 overflow: hidden;
2037 font-size: 0.75rem;
2038 line-height: 1rem;
2039 text-align: center;
2040 background-color: #eceeef;
2041 border-radius: 0.25rem; }
2042
2043 .progress-bar {
2044 height: 1rem;
2045 color: #fff;
2046 background-color: #0275d8; }
2047
2048 .progress-bar-striped {
2049 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);
2050 background-size: 1rem 1rem; }
2051
2052 .progress-bar-animated {
2053 animation: progress-bar-stripes 1s linear infinite; }
2054
2055 .media {
2056 display: flex;
2057 align-items: flex-start; }
2058
2059 .media-body {
2060 flex: 1; }
2061
2062 .list-group {
2063 display: flex;
2064 flex-direction: column;
2065 padding-left: 0;
2066 margin-bottom: 0; }
2067
2068 .list-group-item-action {
2069 width: 100%;
2070 color: #464a4c;
2071 text-align: inherit; }
2072 .list-group-item-action .list-group-item-heading {
2073 color: #292b2c; }
2074 .list-group-item-action:focus, .list-group-item-action:hover {
2075 color: #464a4c;
2076 text-decoration: none;
2077 background-color: #f7f7f9; }
2078 .list-group-item-action:active {
2079 color: #292b2c;
2080 background-color: #eceeef; }
2081
2082 .list-group-item {
2083 position: relative;
2084 display: flex;
2085 flex-flow: row wrap;
2086 align-items: center;
2087 padding: 0.75rem 1.25rem;
2088 margin-bottom: -1px;
2089 background-color: #fff;
2090 border: 1px solid rgba(0, 0, 0, 0.125); }
2091 .list-group-item:first-child {
2092 border-top-right-radius: 0.25rem;
2093 border-top-left-radius: 0.25rem; }
2094 .list-group-item:last-child {
2095 margin-bottom: 0;
2096 border-bottom-right-radius: 0.25rem;
2097 border-bottom-left-radius: 0.25rem; }
2098 .list-group-item:focus, .list-group-item:hover {
2099 text-decoration: none; }
2100 .list-group-item.disabled, .list-group-item:disabled {
2101 color: #636c72;
2102 cursor: not-allowed;
2103 background-color: #fff; }
2104 .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
2105 color: inherit; }
2106 .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
2107 color: #636c72; }
2108 .list-group-item.active {
2109 z-index: 2;
2110 color: #fff;
2111 background-color: #0275d8;
2112 border-color: #0275d8; }
2113 .list-group-item.active .list-group-item-heading,
2114 .list-group-item.active .list-group-item-heading > small,
2115 .list-group-item.active .list-group-item-heading > .small {
2116 color: inherit; }
2117 .list-group-item.active .list-group-item-text {
2118 color: #daeeff; }
2119
2120 .list-group-flush .list-group-item {
2121 border-right: 0;
2122 border-left: 0;
2123 border-radius: 0; }
2124
2125 .list-group-flush:first-child .list-group-item:first-child {
2126 border-top: 0; }
2127
2128 .list-group-flush:last-child .list-group-item:last-child {
2129 border-bottom: 0; }
2130
2131 .list-group-item-success {
2132 color: #3c763d;
2133 background-color: #dff0d8; }
2134
2135 a.list-group-item-success,
2136 button.list-group-item-success {
2137 color: #3c763d; }
2138 a.list-group-item-success .list-group-item-heading,
2139 button.list-group-item-success .list-group-item-heading {
2140 color: inherit; }
2141 a.list-group-item-success:focus, a.list-group-item-success:hover,
2142 button.list-group-item-success:focus,
2143 button.list-group-item-success:hover {
2144 color: #3c763d;
2145 background-color: #d0e9c6; }
2146 a.list-group-item-success.active,
2147 button.list-group-item-success.active {
2148 color: #fff;
2149 background-color: #3c763d;
2150 border-color: #3c763d; }
2151
2152 .list-group-item-info {
2153 color: #31708f;
2154 background-color: #d9edf7; }
2155
2156 a.list-group-item-info,
2157 button.list-group-item-info {
2158 color: #31708f; }
2159 a.list-group-item-info .list-group-item-heading,
2160 button.list-group-item-info .list-group-item-heading {
2161 color: inherit; }
2162 a.list-group-item-info:focus, a.list-group-item-info:hover,
2163 button.list-group-item-info:focus,
2164 button.list-group-item-info:hover {
2165 color: #31708f;
2166 background-color: #c4e3f3; }
2167 a.list-group-item-info.active,
2168 button.list-group-item-info.active {
2169 color: #fff;
2170 background-color: #31708f;
2171 border-color: #31708f; }
2172
2173 .list-group-item-warning {
2174 color: #8a6d3b;
2175 background-color: #fcf8e3; }
2176
2177 a.list-group-item-warning,
2178 button.list-group-item-warning {
2179 color: #8a6d3b; }
2180 a.list-group-item-warning .list-group-item-heading,
2181 button.list-group-item-warning .list-group-item-heading {
2182 color: inherit; }
2183 a.list-group-item-warning:focus, a.list-group-item-warning:hover,
2184 button.list-group-item-warning:focus,
2185 button.list-group-item-warning:hover {
2186 color: #8a6d3b;
2187 background-color: #faf2cc; }
2188 a.list-group-item-warning.active,
2189 button.list-group-item-warning.active {
2190 color: #fff;
2191 background-color: #8a6d3b;
2192 border-color: #8a6d3b; }
2193
2194 .list-group-item-danger {
2195 color: #a94442;
2196 background-color: #f2dede; }
2197
2198 a.list-group-item-danger,
2199 button.list-group-item-danger {
2200 color: #a94442; }
2201 a.list-group-item-danger .list-group-item-heading,
2202 button.list-group-item-danger .list-group-item-heading {
2203 color: inherit; }
2204 a.list-group-item-danger:focus, a.list-group-item-danger:hover,
2205 button.list-group-item-danger:focus,
2206 button.list-group-item-danger:hover {
2207 color: #a94442;
2208 background-color: #ebcccc; }
2209 a.list-group-item-danger.active,
2210 button.list-group-item-danger.active {
2211 color: #fff;
2212 background-color: #a94442;
2213 border-color: #a94442; }
2214
2215 .align-baseline {
2216 vertical-align: baseline !important; }
2217
2218 .align-top {
2219 vertical-align: top !important; }
2220
2221 .align-middle {
2222 vertical-align: middle !important; }
2223
2224 .align-bottom {
2225 vertical-align: bottom !important; }
2226
2227 .align-text-bottom {
2228 vertical-align: text-bottom !important; }
2229
2230 .align-text-top {
2231 vertical-align: text-top !important; }
2232
2233 .bg-faded {
2234 background-color: #e3e8eb; }
2235
2236 .bg-primary {
2237 background-color: #0275d8 !important; }
2238
2239 a.bg-primary:focus, a.bg-primary:hover {
2240 background-color: #025aa5 !important; }
2241
2242 .bg-success {
2243 background-color: #5cb85c !important; }
2244
2245 a.bg-success:focus, a.bg-success:hover {
2246 background-color: #449d44 !important; }
2247
2248 .bg-info {
2249 background-color: #5bc0de !important; }
2250
2251 a.bg-info:focus, a.bg-info:hover {
2252 background-color: #31b0d5 !important; }
2253
2254 .bg-warning {
2255 background-color: #f0ad4e !important; }
2256
2257 a.bg-warning:focus, a.bg-warning:hover {
2258 background-color: #ec971f !important; }
2259
2260 .bg-danger {
2261 background-color: #d9534f !important; }
2262
2263 a.bg-danger:focus, a.bg-danger:hover {
2264 background-color: #c9302c !important; }
2265
2266 .bg-inverse {
2267 background-color: #292b2c !important; }
2268
2269 a.bg-inverse:focus, a.bg-inverse:hover {
2270 background-color: #101112 !important; }
2271
2272 .border-0 {
2273 border: 0 !important; }
2274
2275 .border-top-0 {
2276 border-top: 0 !important; }
2277
2278 .border-right-0 {
2279 border-right: 0 !important; }
2280
2281 .border-bottom-0 {
2282 border-bottom: 0 !important; }
2283
2284 .border-left-0 {
2285 border-left: 0 !important; }
2286
2287 .rounded {
2288 border-radius: 0.25rem; }
2289
2290 .rounded-top {
2291 border-top-right-radius: 0.25rem;
2292 border-top-left-radius: 0.25rem; }
2293
2294 .rounded-right {
2295 border-bottom-right-radius: 0.25rem;
2296 border-top-right-radius: 0.25rem; }
2297
2298 .rounded-bottom {
2299 border-bottom-right-radius: 0.25rem;
2300 border-bottom-left-radius: 0.25rem; }
2301
2302 .rounded-left {
2303 border-bottom-left-radius: 0.25rem;
2304 border-top-left-radius: 0.25rem; }
2305
2306 .rounded-circle {
2307 border-radius: 50%; }
2308
2309 .rounded-0 {
2310 border-radius: 0; }
2311
2312 .clearfix::after {
2313 display: block;
2314 content: "";
2315 clear: both; }
2316
2317 .d-none {
2318 display: none !important; }
2319
2320 .d-inline {
2321 display: inline !important; }
2322
2323 .d-inline-block {
2324 display: inline-block !important; }
2325
2326 .d-block {
2327 display: block !important; }
2328
2329 .d-table {
2330 display: table !important; }
2331
2332 .d-table-cell {
2333 display: table-cell !important; }
2334
2335 .d-flex {
2336 display: flex !important; }
2337
2338 .d-inline-flex {
2339 display: inline-flex !important; }
2340
2341 @media (min-width: 576px) {
2342 .d-sm-none {
2343 display: none !important; }
2344 .d-sm-inline {
2345 display: inline !important; }
2346 .d-sm-inline-block {
2347 display: inline-block !important; }
2348 .d-sm-block {
2349 display: block !important; }
2350 .d-sm-table {
2351 display: table !important; }
2352 .d-sm-table-cell {
2353 display: table-cell !important; }
2354 .d-sm-flex {
2355 display: flex !important; }
2356 .d-sm-inline-flex {
2357 display: inline-flex !important; } }
2358
2359 @media (min-width: 768px) {
2360 .d-md-none {
2361 display: none !important; }
2362 .d-md-inline {
2363 display: inline !important; }
2364 .d-md-inline-block {
2365 display: inline-block !important; }
2366 .d-md-block {
2367 display: block !important; }
2368 .d-md-table {
2369 display: table !important; }
2370 .d-md-table-cell {
2371 display: table-cell !important; }
2372 .d-md-flex {
2373 display: flex !important; }
2374 .d-md-inline-flex {
2375 display: inline-flex !important; } }
2376
2377 @media (min-width: 992px) {
2378 .d-lg-none {
2379 display: none !important; }
2380 .d-lg-inline {
2381 display: inline !important; }
2382 .d-lg-inline-block {
2383 display: inline-block !important; }
2384 .d-lg-block {
2385 display: block !important; }
2386 .d-lg-table {
2387 display: table !important; }
2388 .d-lg-table-cell {
2389 display: table-cell !important; }
2390 .d-lg-flex {
2391 display: flex !important; }
2392 .d-lg-inline-flex {
2393 display: inline-flex !important; } }
2394
2395 @media (min-width: 1200px) {
2396 .d-xl-none {
2397 display: none !important; }
2398 .d-xl-inline {
2399 display: inline !important; }
2400 .d-xl-inline-block {
2401 display: inline-block !important; }
2402 .d-xl-block {
2403 display: block !important; }
2404 .d-xl-table {
2405 display: table !important; }
2406 .d-xl-table-cell {
2407 display: table-cell !important; }
2408 .d-xl-flex {
2409 display: flex !important; }
2410 .d-xl-inline-flex {
2411 display: inline-flex !important; } }
2412
2413 .flex-first {
2414 order: -1; }
2415
2416 .flex-last {
2417 order: 1; }
2418
2419 .flex-unordered {
2420 order: 0; }
2421
2422 .flex-row {
2423 flex-direction: row !important; }
2424
2425 .flex-column {
2426 flex-direction: column !important; }
2427
2428 .flex-row-reverse {
2429 flex-direction: row-reverse !important; }
2430
2431 .flex-column-reverse {
2432 flex-direction: column-reverse !important; }
2433
2434 .flex-wrap {
2435 flex-wrap: wrap !important; }
2436
2437 .flex-nowrap {
2438 flex-wrap: nowrap !important; }
2439
2440 .flex-wrap-reverse {
2441 flex-wrap: wrap-reverse !important; }
2442
2443 .justify-content-start {
2444 justify-content: flex-start !important; }
2445
2446 .justify-content-end {
2447 justify-content: flex-end !important; }
2448
2449 .justify-content-center {
2450 justify-content: center !important; }
2451
2452 .justify-content-between {
2453 justify-content: space-between !important; }
2454
2455 .justify-content-around {
2456 justify-content: space-around !important; }
2457
2458 .align-items-start {
2459 align-items: flex-start !important; }
2460
2461 .align-items-end {
2462 align-items: flex-end !important; }
2463
2464 .align-items-center {
2465 align-items: center !important; }
2466
2467 .align-items-baseline {
2468 align-items: baseline !important; }
2469
2470 .align-items-stretch {
2471 align-items: stretch !important; }
2472
2473 .align-content-start {
2474 align-content: flex-start !important; }
2475
2476 .align-content-end {
2477 align-content: flex-end !important; }
2478
2479 .align-content-center {
2480 align-content: center !important; }
2481
2482 .align-content-between {
2483 align-content: space-between !important; }
2484
2485 .align-content-around {
2486 align-content: space-around !important; }
2487
2488 .align-content-stretch {
2489 align-content: stretch !important; }
2490
2491 .align-self-auto {
2492 align-self: auto !important; }
2493
2494 .align-self-start {
2495 align-self: flex-start !important; }
2496
2497 .align-self-end {
2498 align-self: flex-end !important; }
2499
2500 .align-self-center {
2501 align-self: center !important; }
2502
2503 .align-self-baseline {
2504 align-self: baseline !important; }
2505
2506 .align-self-stretch {
2507 align-self: stretch !important; }
2508
2509 @media (min-width: 576px) {
2510 .flex-sm-first {
2511 order: -1; }
2512 .flex-sm-last {
2513 order: 1; }
2514 .flex-sm-unordered {
2515 order: 0; }
2516 .flex-sm-row {
2517 flex-direction: row !important; }
2518 .flex-sm-column {
2519 flex-direction: column !important; }
2520 .flex-sm-row-reverse {
2521 flex-direction: row-reverse !important; }
2522 .flex-sm-column-reverse {
2523 flex-direction: column-reverse !important; }
2524 .flex-sm-wrap {
2525 flex-wrap: wrap !important; }
2526 .flex-sm-nowrap {
2527 flex-wrap: nowrap !important; }
2528 .flex-sm-wrap-reverse {
2529 flex-wrap: wrap-reverse !important; }
2530 .justify-content-sm-start {
2531 justify-content: flex-start !important; }
2532 .justify-content-sm-end {
2533 justify-content: flex-end !important; }
2534 .justify-content-sm-center {
2535 justify-content: center !important; }
2536 .justify-content-sm-between {
2537 justify-content: space-between !important; }
2538 .justify-content-sm-around {
2539 justify-content: space-around !important; }
2540 .align-items-sm-start {
2541 align-items: flex-start !important; }
2542 .align-items-sm-end {
2543 align-items: flex-end !important; }
2544 .align-items-sm-center {
2545 align-items: center !important; }
2546 .align-items-sm-baseline {
2547 align-items: baseline !important; }
2548 .align-items-sm-stretch {
2549 align-items: stretch !important; }
2550 .align-content-sm-start {
2551 align-content: flex-start !important; }
2552 .align-content-sm-end {
2553 align-content: flex-end !important; }
2554 .align-content-sm-center {
2555 align-content: center !important; }
2556 .align-content-sm-between {
2557 align-content: space-between !important; }
2558 .align-content-sm-around {
2559 align-content: space-around !important; }
2560 .align-content-sm-stretch {
2561 align-content: stretch !important; }
2562 .align-self-sm-auto {
2563 align-self: auto !important; }
2564 .align-self-sm-start {
2565 align-self: flex-start !important; }
2566 .align-self-sm-end {
2567 align-self: flex-end !important; }
2568 .align-self-sm-center {
2569 align-self: center !important; }
2570 .align-self-sm-baseline {
2571 align-self: baseline !important; }
2572 .align-self-sm-stretch {
2573 align-self: stretch !important; } }
2574
2575 @media (min-width: 768px) {
2576 .flex-md-first {
2577 order: -1; }
2578 .flex-md-last {
2579 order: 1; }
2580 .flex-md-unordered {
2581 order: 0; }
2582 .flex-md-row {
2583 flex-direction: row !important; }
2584 .flex-md-column {
2585 flex-direction: column !important; }
2586 .flex-md-row-reverse {
2587 flex-direction: row-reverse !important; }
2588 .flex-md-column-reverse {
2589 flex-direction: column-reverse !important; }
2590 .flex-md-wrap {
2591 flex-wrap: wrap !important; }
2592 .flex-md-nowrap {
2593 flex-wrap: nowrap !important; }
2594 .flex-md-wrap-reverse {
2595 flex-wrap: wrap-reverse !important; }
2596 .justify-content-md-start {
2597 justify-content: flex-start !important; }
2598 .justify-content-md-end {
2599 justify-content: flex-end !important; }
2600 .justify-content-md-center {
2601 justify-content: center !important; }
2602 .justify-content-md-between {
2603 justify-content: space-between !important; }
2604 .justify-content-md-around {
2605 justify-content: space-around !important; }
2606 .align-items-md-start {
2607 align-items: flex-start !important; }
2608 .align-items-md-end {
2609 align-items: flex-end !important; }
2610 .align-items-md-center {
2611 align-items: center !important; }
2612 .align-items-md-baseline {
2613 align-items: baseline !important; }
2614 .align-items-md-stretch {
2615 align-items: stretch !important; }
2616 .align-content-md-start {
2617 align-content: flex-start !important; }
2618 .align-content-md-end {
2619 align-content: flex-end !important; }
2620 .align-content-md-center {
2621 align-content: center !important; }
2622 .align-content-md-between {
2623 align-content: space-between !important; }
2624 .align-content-md-around {
2625 align-content: space-around !important; }
2626 .align-content-md-stretch {
2627 align-content: stretch !important; }
2628 .align-self-md-auto {
2629 align-self: auto !important; }
2630 .align-self-md-start {
2631 align-self: flex-start !important; }
2632 .align-self-md-end {
2633 align-self: flex-end !important; }
2634 .align-self-md-center {
2635 align-self: center !important; }
2636 .align-self-md-baseline {
2637 align-self: baseline !important; }
2638 .align-self-md-stretch {
2639 align-self: stretch !important; } }
2640
2641 @media (min-width: 992px) {
2642 .flex-lg-first {
2643 order: -1; }
2644 .flex-lg-last {
2645 order: 1; }
2646 .flex-lg-unordered {
2647 order: 0; }
2648 .flex-lg-row {
2649 flex-direction: row !important; }
2650 .flex-lg-column {
2651 flex-direction: column !important; }
2652 .flex-lg-row-reverse {
2653 flex-direction: row-reverse !important; }
2654 .flex-lg-column-reverse {
2655 flex-direction: column-reverse !important; }
2656 .flex-lg-wrap {
2657 flex-wrap: wrap !important; }
2658 .flex-lg-nowrap {
2659 flex-wrap: nowrap !important; }
2660 .flex-lg-wrap-reverse {
2661 flex-wrap: wrap-reverse !important; }
2662 .justify-content-lg-start {
2663 justify-content: flex-start !important; }
2664 .justify-content-lg-end {
2665 justify-content: flex-end !important; }
2666 .justify-content-lg-center {
2667 justify-content: center !important; }
2668 .justify-content-lg-between {
2669 justify-content: space-between !important; }
2670 .justify-content-lg-around {
2671 justify-content: space-around !important; }
2672 .align-items-lg-start {
2673 align-items: flex-start !important; }
2674 .align-items-lg-end {
2675 align-items: flex-end !important; }
2676 .align-items-lg-center {
2677 align-items: center !important; }
2678 .align-items-lg-baseline {
2679 align-items: baseline !important; }
2680 .align-items-lg-stretch {
2681 align-items: stretch !important; }
2682 .align-content-lg-start {
2683 align-content: flex-start !important; }
2684 .align-content-lg-end {
2685 align-content: flex-end !important; }
2686 .align-content-lg-center {
2687 align-content: center !important; }
2688 .align-content-lg-between {
2689 align-content: space-between !important; }
2690 .align-content-lg-around {
2691 align-content: space-around !important; }
2692 .align-content-lg-stretch {
2693 align-content: stretch !important; }
2694 .align-self-lg-auto {
2695 align-self: auto !important; }
2696 .align-self-lg-start {
2697 align-self: flex-start !important; }
2698 .align-self-lg-end {
2699 align-self: flex-end !important; }
2700 .align-self-lg-center {
2701 align-self: center !important; }
2702 .align-self-lg-baseline {
2703 align-self: baseline !important; }
2704 .align-self-lg-stretch {
2705 align-self: stretch !important; } }
2706
2707 @media (min-width: 1200px) {
2708 .flex-xl-first {
2709 order: -1; }
2710 .flex-xl-last {
2711 order: 1; }
2712 .flex-xl-unordered {
2713 order: 0; }
2714 .flex-xl-row {
2715 flex-direction: row !important; }
2716 .flex-xl-column {
2717 flex-direction: column !important; }
2718 .flex-xl-row-reverse {
2719 flex-direction: row-reverse !important; }
2720 .flex-xl-column-reverse {
2721 flex-direction: column-reverse !important; }
2722 .flex-xl-wrap {
2723 flex-wrap: wrap !important; }
2724 .flex-xl-nowrap {
2725 flex-wrap: nowrap !important; }
2726 .flex-xl-wrap-reverse {
2727 flex-wrap: wrap-reverse !important; }
2728 .justify-content-xl-start {
2729 justify-content: flex-start !important; }
2730 .justify-content-xl-end {
2731 justify-content: flex-end !important; }
2732 .justify-content-xl-center {
2733 justify-content: center !important; }
2734 .justify-content-xl-between {
2735 justify-content: space-between !important; }
2736 .justify-content-xl-around {
2737 justify-content: space-around !important; }
2738 .align-items-xl-start {
2739 align-items: flex-start !important; }
2740 .align-items-xl-end {
2741 align-items: flex-end !important; }
2742 .align-items-xl-center {
2743 align-items: center !important; }
2744 .align-items-xl-baseline {
2745 align-items: baseline !important; }
2746 .align-items-xl-stretch {
2747 align-items: stretch !important; }
2748 .align-content-xl-start {
2749 align-content: flex-start !important; }
2750 .align-content-xl-end {
2751 align-content: flex-end !important; }
2752 .align-content-xl-center {
2753 align-content: center !important; }
2754 .align-content-xl-between {
2755 align-content: space-between !important; }
2756 .align-content-xl-around {
2757 align-content: space-around !important; }
2758 .align-content-xl-stretch {
2759 align-content: stretch !important; }
2760 .align-self-xl-auto {
2761 align-self: auto !important; }
2762 .align-self-xl-start {
2763 align-self: flex-start !important; }
2764 .align-self-xl-end {
2765 align-self: flex-end !important; }
2766 .align-self-xl-center {
2767 align-self: center !important; }
2768 .align-self-xl-baseline {
2769 align-self: baseline !important; }
2770 .align-self-xl-stretch {
2771 align-self: stretch !important; } }
2772
2773 .float-left {
2774 float: left !important; }
2775
2776 .float-right {
2777 float: right !important; }
2778
2779 .float-none {
2780 float: none !important; }
2781
2782 @media (min-width: 576px) {
2783 .float-sm-left {
2784 float: left !important; }
2785 .float-sm-right {
2786 float: right !important; }
2787 .float-sm-none {
2788 float: none !important; } }
2789
2790 @media (min-width: 768px) {
2791 .float-md-left {
2792 float: left !important; }
2793 .float-md-right {
2794 float: right !important; }
2795 .float-md-none {
2796 float: none !important; } }
2797
2798 @media (min-width: 992px) {
2799 .float-lg-left {
2800 float: left !important; }
2801 .float-lg-right {
2802 float: right !important; }
2803 .float-lg-none {
2804 float: none !important; } }
2805
2806 @media (min-width: 1200px) {
2807 .float-xl-left {
2808 float: left !important; }
2809 .float-xl-right {
2810 float: right !important; }
2811 .float-xl-none {
2812 float: none !important; } }
2813
2814 .fixed-top {
2815 position: fixed;
2816 top: 0;
2817 right: 0;
2818 left: 0;
2819 z-index: 1030; }
2820
2821 .fixed-bottom {
2822 position: fixed;
2823 right: 0;
2824 bottom: 0;
2825 left: 0;
2826 z-index: 1030; }
2827
2828 .sticky-top {
2829 position: sticky;
2830 top: 0;
2831 z-index: 1030; }
2832
2833 .sr-only {
2834 position: absolute;
2835 width: 1px;
2836 height: 1px;
2837 padding: 0;
2838 margin: -1px;
2839 overflow: hidden;
2840 clip: rect(0, 0, 0, 0);
2841 border: 0; }
2842
2843 .sr-only-focusable:active, .sr-only-focusable:focus {
2844 position: static;
2845 width: auto;
2846 height: auto;
2847 margin: 0;
2848 overflow: visible;
2849 clip: auto; }
2850
2851 .w-25 {
2852 width: 25% !important; }
2853
2854 .w-50 {
2855 width: 50% !important; }
2856
2857 .w-75 {
2858 width: 75% !important; }
2859
2860 .w-100 {
2861 width: 100% !important; }
2862
2863 .h-25 {
2864 height: 25% !important; }
2865
2866 .h-50 {
2867 height: 50% !important; }
2868
2869 .h-75 {
2870 height: 75% !important; }
2871
2872 .h-100 {
2873 height: 100% !important; }
2874
2875 .mw-100 {
2876 max-width: 100% !important; }
2877
2878 .mh-100 {
2879 max-height: 100% !important; }
2880
2881 .m-0 {
2882 margin: 0 0 !important; }
2883
2884 .mt-0 {
2885 margin-top: 0 !important; }
2886
2887 .mr-0 {
2888 margin-right: 0 !important; }
2889
2890 .mb-0 {
2891 margin-bottom: 0 !important; }
2892
2893 .ml-0 {
2894 margin-left: 0 !important; }
2895
2896 .mx-0 {
2897 margin-right: 0 !important;
2898 margin-left: 0 !important; }
2899
2900 .my-0 {
2901 margin-top: 0 !important;
2902 margin-bottom: 0 !important; }
2903
2904 .m-1 {
2905 margin: 2px 2px !important; }
2906
2907 .mt-1 {
2908 margin-top: 2px !important; }
2909
2910 .mr-1 {
2911 margin-right: 2px !important; }
2912
2913 .mb-1 {
2914 margin-bottom: 2px !important; }
2915
2916 .ml-1 {
2917 margin-left: 2px !important; }
2918
2919 .mx-1 {
2920 margin-right: 2px !important;
2921 margin-left: 2px !important; }
2922
2923 .my-1 {
2924 margin-top: 2px !important;
2925 margin-bottom: 2px !important; }
2926
2927 .m-2 {
2928 margin: 4px 4px !important; }
2929
2930 .mt-2 {
2931 margin-top: 4px !important; }
2932
2933 .mr-2 {
2934 margin-right: 4px !important; }
2935
2936 .mb-2 {
2937 margin-bottom: 4px !important; }
2938
2939 .ml-2 {
2940 margin-left: 4px !important; }
2941
2942 .mx-2 {
2943 margin-right: 4px !important;
2944 margin-left: 4px !important; }
2945
2946 .my-2 {
2947 margin-top: 4px !important;
2948 margin-bottom: 4px !important; }
2949
2950 .m-3 {
2951 margin: 8px 8px !important; }
2952
2953 .mt-3 {
2954 margin-top: 8px !important; }
2955
2956 .mr-3 {
2957 margin-right: 8px !important; }
2958
2959 .mb-3 {
2960 margin-bottom: 8px !important; }
2961
2962 .ml-3 {
2963 margin-left: 8px !important; }
2964
2965 .mx-3 {
2966 margin-right: 8px !important;
2967 margin-left: 8px !important; }
2968
2969 .my-3 {
2970 margin-top: 8px !important;
2971 margin-bottom: 8px !important; }
2972
2973 .m-4 {
2974 margin: 12px 12px !important; }
2975
2976 .mt-4 {
2977 margin-top: 12px !important; }
2978
2979 .mr-4 {
2980 margin-right: 12px !important; }
2981
2982 .mb-4 {
2983 margin-bottom: 12px !important; }
2984
2985 .ml-4 {
2986 margin-left: 12px !important; }
2987
2988 .mx-4 {
2989 margin-right: 12px !important;
2990 margin-left: 12px !important; }
2991
2992 .my-4 {
2993 margin-top: 12px !important;
2994 margin-bottom: 12px !important; }
2995
2996 .m-5 {
2997 margin: 16px 16px !important; }
2998
2999 .mt-5 {
3000 margin-top: 16px !important; }
3001
3002 .mr-5 {
3003 margin-right: 16px !important; }
3004
3005 .mb-5 {
3006 margin-bottom: 16px !important; }
3007
3008 .ml-5 {
3009 margin-left: 16px !important; }
3010
3011 .mx-5 {
3012 margin-right: 16px !important;
3013 margin-left: 16px !important; }
3014
3015 .my-5 {
3016 margin-top: 16px !important;
3017 margin-bottom: 16px !important; }
3018
3019 .m-6 {
3020 margin: 48px 48px !important; }
3021
3022 .mt-6 {
3023 margin-top: 48px !important; }
3024
3025 .mr-6 {
3026 margin-right: 48px !important; }
3027
3028 .mb-6 {
3029 margin-bottom: 48px !important; }
3030
3031 .ml-6 {
3032 margin-left: 48px !important; }
3033
3034 .mx-6 {
3035 margin-right: 48px !important;
3036 margin-left: 48px !important; }
3037
3038 .my-6 {
3039 margin-top: 48px !important;
3040 margin-bottom: 48px !important; }
3041
3042 .p-0 {
3043 padding: 0 0 !important; }
3044
3045 .pt-0 {
3046 padding-top: 0 !important; }
3047
3048 .pr-0 {
3049 padding-right: 0 !important; }
3050
3051 .pb-0 {
3052 padding-bottom: 0 !important; }
3053
3054 .pl-0 {
3055 padding-left: 0 !important; }
3056
3057 .px-0 {
3058 padding-right: 0 !important;
3059 padding-left: 0 !important; }
3060
3061 .py-0 {
3062 padding-top: 0 !important;
3063 padding-bottom: 0 !important; }
3064
3065 .p-1 {
3066 padding: 2px 2px !important; }
3067
3068 .pt-1 {
3069 padding-top: 2px !important; }
3070
3071 .pr-1 {
3072 padding-right: 2px !important; }
3073
3074 .pb-1 {
3075 padding-bottom: 2px !important; }
3076
3077 .pl-1 {
3078 padding-left: 2px !important; }
3079
3080 .px-1 {
3081 padding-right: 2px !important;
3082 padding-left: 2px !important; }
3083
3084 .py-1 {
3085 padding-top: 2px !important;
3086 padding-bottom: 2px !important; }
3087
3088 .p-2 {
3089 padding: 4px 4px !important; }
3090
3091 .pt-2 {
3092 padding-top: 4px !important; }
3093
3094 .pr-2 {
3095 padding-right: 4px !important; }
3096
3097 .pb-2 {
3098 padding-bottom: 4px !important; }
3099
3100 .pl-2 {
3101 padding-left: 4px !important; }
3102
3103 .px-2 {
3104 padding-right: 4px !important;
3105 padding-left: 4px !important; }
3106
3107 .py-2 {
3108 padding-top: 4px !important;
3109 padding-bottom: 4px !important; }
3110
3111 .p-3 {
3112 padding: 8px 8px !important; }
3113
3114 .pt-3 {
3115 padding-top: 8px !important; }
3116
3117 .pr-3 {
3118 padding-right: 8px !important; }
3119
3120 .pb-3 {
3121 padding-bottom: 8px !important; }
3122
3123 .pl-3 {
3124 padding-left: 8px !important; }
3125
3126 .px-3 {
3127 padding-right: 8px !important;
3128 padding-left: 8px !important; }
3129
3130 .py-3 {
3131 padding-top: 8px !important;
3132 padding-bottom: 8px !important; }
3133
3134 .p-4 {
3135 padding: 12px 12px !important; }
3136
3137 .pt-4 {
3138 padding-top: 12px !important; }
3139
3140 .pr-4 {
3141 padding-right: 12px !important; }
3142
3143 .pb-4 {
3144 padding-bottom: 12px !important; }
3145
3146 .pl-4 {
3147 padding-left: 12px !important; }
3148
3149 .px-4 {
3150 padding-right: 12px !important;
3151 padding-left: 12px !important; }
3152
3153 .py-4 {
3154 padding-top: 12px !important;
3155 padding-bottom: 12px !important; }
3156
3157 .p-5 {
3158 padding: 16px 16px !important; }
3159
3160 .pt-5 {
3161 padding-top: 16px !important; }
3162
3163 .pr-5 {
3164 padding-right: 16px !important; }
3165
3166 .pb-5 {
3167 padding-bottom: 16px !important; }
3168
3169 .pl-5 {
3170 padding-left: 16px !important; }
3171
3172 .px-5 {
3173 padding-right: 16px !important;
3174 padding-left: 16px !important; }
3175
3176 .py-5 {
3177 padding-top: 16px !important;
3178 padding-bottom: 16px !important; }
3179
3180 .p-6 {
3181 padding: 48px 48px !important; }
3182
3183 .pt-6 {
3184 padding-top: 48px !important; }
3185
3186 .pr-6 {
3187 padding-right: 48px !important; }
3188
3189 .pb-6 {
3190 padding-bottom: 48px !important; }
3191
3192 .pl-6 {
3193 padding-left: 48px !important; }
3194
3195 .px-6 {
3196 padding-right: 48px !important;
3197 padding-left: 48px !important; }
3198
3199 .py-6 {
3200 padding-top: 48px !important;
3201 padding-bottom: 48px !important; }
3202
3203 .m-auto {
3204 margin: auto !important; }
3205
3206 .mt-auto {
3207 margin-top: auto !important; }
3208
3209 .mr-auto {
3210 margin-right: auto !important; }
3211
3212 .mb-auto {
3213 margin-bottom: auto !important; }
3214
3215 .ml-auto {
3216 margin-left: auto !important; }
3217
3218 .mx-auto {
3219 margin-right: auto !important;
3220 margin-left: auto !important; }
3221
3222 .my-auto {
3223 margin-top: auto !important;
3224 margin-bottom: auto !important; }
3225
3226 @media (min-width: 576px) {
3227 .m-sm-0 {
3228 margin: 0 0 !important; }
3229 .mt-sm-0 {
3230 margin-top: 0 !important; }
3231 .mr-sm-0 {
3232 margin-right: 0 !important; }
3233 .mb-sm-0 {
3234 margin-bottom: 0 !important; }
3235 .ml-sm-0 {
3236 margin-left: 0 !important; }
3237 .mx-sm-0 {
3238 margin-right: 0 !important;
3239 margin-left: 0 !important; }
3240 .my-sm-0 {
3241 margin-top: 0 !important;
3242 margin-bottom: 0 !important; }
3243 .m-sm-1 {
3244 margin: 2px 2px !important; }
3245 .mt-sm-1 {
3246 margin-top: 2px !important; }
3247 .mr-sm-1 {
3248 margin-right: 2px !important; }
3249 .mb-sm-1 {
3250 margin-bottom: 2px !important; }
3251 .ml-sm-1 {
3252 margin-left: 2px !important; }
3253 .mx-sm-1 {
3254 margin-right: 2px !important;
3255 margin-left: 2px !important; }
3256 .my-sm-1 {
3257 margin-top: 2px !important;
3258 margin-bottom: 2px !important; }
3259 .m-sm-2 {
3260 margin: 4px 4px !important; }
3261 .mt-sm-2 {
3262 margin-top: 4px !important; }
3263 .mr-sm-2 {
3264 margin-right: 4px !important; }
3265 .mb-sm-2 {
3266 margin-bottom: 4px !important; }
3267 .ml-sm-2 {
3268 margin-left: 4px !important; }
3269 .mx-sm-2 {
3270 margin-right: 4px !important;
3271 margin-left: 4px !important; }
3272 .my-sm-2 {
3273 margin-top: 4px !important;
3274 margin-bottom: 4px !important; }
3275 .m-sm-3 {
3276 margin: 8px 8px !important; }
3277 .mt-sm-3 {
3278 margin-top: 8px !important; }
3279 .mr-sm-3 {
3280 margin-right: 8px !important; }
3281 .mb-sm-3 {
3282 margin-bottom: 8px !important; }
3283 .ml-sm-3 {
3284 margin-left: 8px !important; }
3285 .mx-sm-3 {
3286 margin-right: 8px !important;
3287 margin-left: 8px !important; }
3288 .my-sm-3 {
3289 margin-top: 8px !important;
3290 margin-bottom: 8px !important; }
3291 .m-sm-4 {
3292 margin: 12px 12px !important; }
3293 .mt-sm-4 {
3294 margin-top: 12px !important; }
3295 .mr-sm-4 {
3296 margin-right: 12px !important; }
3297 .mb-sm-4 {
3298 margin-bottom: 12px !important; }
3299 .ml-sm-4 {
3300 margin-left: 12px !important; }
3301 .mx-sm-4 {
3302 margin-right: 12px !important;
3303 margin-left: 12px !important; }
3304 .my-sm-4 {
3305 margin-top: 12px !important;
3306 margin-bottom: 12px !important; }
3307 .m-sm-5 {
3308 margin: 16px 16px !important; }
3309 .mt-sm-5 {
3310 margin-top: 16px !important; }
3311 .mr-sm-5 {
3312 margin-right: 16px !important; }
3313 .mb-sm-5 {
3314 margin-bottom: 16px !important; }
3315 .ml-sm-5 {
3316 margin-left: 16px !important; }
3317 .mx-sm-5 {
3318 margin-right: 16px !important;
3319 margin-left: 16px !important; }
3320 .my-sm-5 {
3321 margin-top: 16px !important;
3322 margin-bottom: 16px !important; }
3323 .m-sm-6 {
3324 margin: 48px 48px !important; }
3325 .mt-sm-6 {
3326 margin-top: 48px !important; }
3327 .mr-sm-6 {
3328 margin-right: 48px !important; }
3329 .mb-sm-6 {
3330 margin-bottom: 48px !important; }
3331 .ml-sm-6 {
3332 margin-left: 48px !important; }
3333 .mx-sm-6 {
3334 margin-right: 48px !important;
3335 margin-left: 48px !important; }
3336 .my-sm-6 {
3337 margin-top: 48px !important;
3338 margin-bottom: 48px !important; }
3339 .p-sm-0 {
3340 padding: 0 0 !important; }
3341 .pt-sm-0 {
3342 padding-top: 0 !important; }
3343 .pr-sm-0 {
3344 padding-right: 0 !important; }
3345 .pb-sm-0 {
3346 padding-bottom: 0 !important; }
3347 .pl-sm-0 {
3348 padding-left: 0 !important; }
3349 .px-sm-0 {
3350 padding-right: 0 !important;
3351 padding-left: 0 !important; }
3352 .py-sm-0 {
3353 padding-top: 0 !important;
3354 padding-bottom: 0 !important; }
3355 .p-sm-1 {
3356 padding: 2px 2px !important; }
3357 .pt-sm-1 {
3358 padding-top: 2px !important; }
3359 .pr-sm-1 {
3360 padding-right: 2px !important; }
3361 .pb-sm-1 {
3362 padding-bottom: 2px !important; }
3363 .pl-sm-1 {
3364 padding-left: 2px !important; }
3365 .px-sm-1 {
3366 padding-right: 2px !important;
3367 padding-left: 2px !important; }
3368 .py-sm-1 {
3369 padding-top: 2px !important;
3370 padding-bottom: 2px !important; }
3371 .p-sm-2 {
3372 padding: 4px 4px !important; }
3373 .pt-sm-2 {
3374 padding-top: 4px !important; }
3375 .pr-sm-2 {
3376 padding-right: 4px !important; }
3377 .pb-sm-2 {
3378 padding-bottom: 4px !important; }
3379 .pl-sm-2 {
3380 padding-left: 4px !important; }
3381 .px-sm-2 {
3382 padding-right: 4px !important;
3383 padding-left: 4px !important; }
3384 .py-sm-2 {
3385 padding-top: 4px !important;
3386 padding-bottom: 4px !important; }
3387 .p-sm-3 {
3388 padding: 8px 8px !important; }
3389 .pt-sm-3 {
3390 padding-top: 8px !important; }
3391 .pr-sm-3 {
3392 padding-right: 8px !important; }
3393 .pb-sm-3 {
3394 padding-bottom: 8px !important; }
3395 .pl-sm-3 {
3396 padding-left: 8px !important; }
3397 .px-sm-3 {
3398 padding-right: 8px !important;
3399 padding-left: 8px !important; }
3400 .py-sm-3 {
3401 padding-top: 8px !important;
3402 padding-bottom: 8px !important; }
3403 .p-sm-4 {
3404 padding: 12px 12px !important; }
3405 .pt-sm-4 {
3406 padding-top: 12px !important; }
3407 .pr-sm-4 {
3408 padding-right: 12px !important; }
3409 .pb-sm-4 {
3410 padding-bottom: 12px !important; }
3411 .pl-sm-4 {
3412 padding-left: 12px !important; }
3413 .px-sm-4 {
3414 padding-right: 12px !important;
3415 padding-left: 12px !important; }
3416 .py-sm-4 {
3417 padding-top: 12px !important;
3418 padding-bottom: 12px !important; }
3419 .p-sm-5 {
3420 padding: 16px 16px !important; }
3421 .pt-sm-5 {
3422 padding-top: 16px !important; }
3423 .pr-sm-5 {
3424 padding-right: 16px !important; }
3425 .pb-sm-5 {
3426 padding-bottom: 16px !important; }
3427 .pl-sm-5 {
3428 padding-left: 16px !important; }
3429 .px-sm-5 {
3430 padding-right: 16px !important;
3431 padding-left: 16px !important; }
3432 .py-sm-5 {
3433 padding-top: 16px !important;
3434 padding-bottom: 16px !important; }
3435 .p-sm-6 {
3436 padding: 48px 48px !important; }
3437 .pt-sm-6 {
3438 padding-top: 48px !important; }
3439 .pr-sm-6 {
3440 padding-right: 48px !important; }
3441 .pb-sm-6 {
3442 padding-bottom: 48px !important; }
3443 .pl-sm-6 {
3444 padding-left: 48px !important; }
3445 .px-sm-6 {
3446 padding-right: 48px !important;
3447 padding-left: 48px !important; }
3448 .py-sm-6 {
3449 padding-top: 48px !important;
3450 padding-bottom: 48px !important; }
3451 .m-sm-auto {
3452 margin: auto !important; }
3453 .mt-sm-auto {
3454 margin-top: auto !important; }
3455 .mr-sm-auto {
3456 margin-right: auto !important; }
3457 .mb-sm-auto {
3458 margin-bottom: auto !important; }
3459 .ml-sm-auto {
3460 margin-left: auto !important; }
3461 .mx-sm-auto {
3462 margin-right: auto !important;
3463 margin-left: auto !important; }
3464 .my-sm-auto {
3465 margin-top: auto !important;
3466 margin-bottom: auto !important; } }
3467
3468 @media (min-width: 768px) {
3469 .m-md-0 {
3470 margin: 0 0 !important; }
3471 .mt-md-0 {
3472 margin-top: 0 !important; }
3473 .mr-md-0 {
3474 margin-right: 0 !important; }
3475 .mb-md-0 {
3476 margin-bottom: 0 !important; }
3477 .ml-md-0 {
3478 margin-left: 0 !important; }
3479 .mx-md-0 {
3480 margin-right: 0 !important;
3481 margin-left: 0 !important; }
3482 .my-md-0 {
3483 margin-top: 0 !important;
3484 margin-bottom: 0 !important; }
3485 .m-md-1 {
3486 margin: 2px 2px !important; }
3487 .mt-md-1 {
3488 margin-top: 2px !important; }
3489 .mr-md-1 {
3490 margin-right: 2px !important; }
3491 .mb-md-1 {
3492 margin-bottom: 2px !important; }
3493 .ml-md-1 {
3494 margin-left: 2px !important; }
3495 .mx-md-1 {
3496 margin-right: 2px !important;
3497 margin-left: 2px !important; }
3498 .my-md-1 {
3499 margin-top: 2px !important;
3500 margin-bottom: 2px !important; }
3501 .m-md-2 {
3502 margin: 4px 4px !important; }
3503 .mt-md-2 {
3504 margin-top: 4px !important; }
3505 .mr-md-2 {
3506 margin-right: 4px !important; }
3507 .mb-md-2 {
3508 margin-bottom: 4px !important; }
3509 .ml-md-2 {
3510 margin-left: 4px !important; }
3511 .mx-md-2 {
3512 margin-right: 4px !important;
3513 margin-left: 4px !important; }
3514 .my-md-2 {
3515 margin-top: 4px !important;
3516 margin-bottom: 4px !important; }
3517 .m-md-3 {
3518 margin: 8px 8px !important; }
3519 .mt-md-3 {
3520 margin-top: 8px !important; }
3521 .mr-md-3 {
3522 margin-right: 8px !important; }
3523 .mb-md-3 {
3524 margin-bottom: 8px !important; }
3525 .ml-md-3 {
3526 margin-left: 8px !important; }
3527 .mx-md-3 {
3528 margin-right: 8px !important;
3529 margin-left: 8px !important; }
3530 .my-md-3 {
3531 margin-top: 8px !important;
3532 margin-bottom: 8px !important; }
3533 .m-md-4 {
3534 margin: 12px 12px !important; }
3535 .mt-md-4 {
3536 margin-top: 12px !important; }
3537 .mr-md-4 {
3538 margin-right: 12px !important; }
3539 .mb-md-4 {
3540 margin-bottom: 12px !important; }
3541 .ml-md-4 {
3542 margin-left: 12px !important; }
3543 .mx-md-4 {
3544 margin-right: 12px !important;
3545 margin-left: 12px !important; }
3546 .my-md-4 {
3547 margin-top: 12px !important;
3548 margin-bottom: 12px !important; }
3549 .m-md-5 {
3550 margin: 16px 16px !important; }
3551 .mt-md-5 {
3552 margin-top: 16px !important; }
3553 .mr-md-5 {
3554 margin-right: 16px !important; }
3555 .mb-md-5 {
3556 margin-bottom: 16px !important; }
3557 .ml-md-5 {
3558 margin-left: 16px !important; }
3559 .mx-md-5 {
3560 margin-right: 16px !important;
3561 margin-left: 16px !important; }
3562 .my-md-5 {
3563 margin-top: 16px !important;
3564 margin-bottom: 16px !important; }
3565 .m-md-6 {
3566 margin: 48px 48px !important; }
3567 .mt-md-6 {
3568 margin-top: 48px !important; }
3569 .mr-md-6 {
3570 margin-right: 48px !important; }
3571 .mb-md-6 {
3572 margin-bottom: 48px !important; }
3573 .ml-md-6 {
3574 margin-left: 48px !important; }
3575 .mx-md-6 {
3576 margin-right: 48px !important;
3577 margin-left: 48px !important; }
3578 .my-md-6 {
3579 margin-top: 48px !important;
3580 margin-bottom: 48px !important; }
3581 .p-md-0 {
3582 padding: 0 0 !important; }
3583 .pt-md-0 {
3584 padding-top: 0 !important; }
3585 .pr-md-0 {
3586 padding-right: 0 !important; }
3587 .pb-md-0 {
3588 padding-bottom: 0 !important; }
3589 .pl-md-0 {
3590 padding-left: 0 !important; }
3591 .px-md-0 {
3592 padding-right: 0 !important;
3593 padding-left: 0 !important; }
3594 .py-md-0 {
3595 padding-top: 0 !important;
3596 padding-bottom: 0 !important; }
3597 .p-md-1 {
3598 padding: 2px 2px !important; }
3599 .pt-md-1 {
3600 padding-top: 2px !important; }
3601 .pr-md-1 {
3602 padding-right: 2px !important; }
3603 .pb-md-1 {
3604 padding-bottom: 2px !important; }
3605 .pl-md-1 {
3606 padding-left: 2px !important; }
3607 .px-md-1 {
3608 padding-right: 2px !important;
3609 padding-left: 2px !important; }
3610 .py-md-1 {
3611 padding-top: 2px !important;
3612 padding-bottom: 2px !important; }
3613 .p-md-2 {
3614 padding: 4px 4px !important; }
3615 .pt-md-2 {
3616 padding-top: 4px !important; }
3617 .pr-md-2 {
3618 padding-right: 4px !important; }
3619 .pb-md-2 {
3620 padding-bottom: 4px !important; }
3621 .pl-md-2 {
3622 padding-left: 4px !important; }
3623 .px-md-2 {
3624 padding-right: 4px !important;
3625 padding-left: 4px !important; }
3626 .py-md-2 {
3627 padding-top: 4px !important;
3628 padding-bottom: 4px !important; }
3629 .p-md-3 {
3630 padding: 8px 8px !important; }
3631 .pt-md-3 {
3632 padding-top: 8px !important; }
3633 .pr-md-3 {
3634 padding-right: 8px !important; }
3635 .pb-md-3 {
3636 padding-bottom: 8px !important; }
3637 .pl-md-3 {
3638 padding-left: 8px !important; }
3639 .px-md-3 {
3640 padding-right: 8px !important;
3641 padding-left: 8px !important; }
3642 .py-md-3 {
3643 padding-top: 8px !important;
3644 padding-bottom: 8px !important; }
3645 .p-md-4 {
3646 padding: 12px 12px !important; }
3647 .pt-md-4 {
3648 padding-top: 12px !important; }
3649 .pr-md-4 {
3650 padding-right: 12px !important; }
3651 .pb-md-4 {
3652 padding-bottom: 12px !important; }
3653 .pl-md-4 {
3654 padding-left: 12px !important; }
3655 .px-md-4 {
3656 padding-right: 12px !important;
3657 padding-left: 12px !important; }
3658 .py-md-4 {
3659 padding-top: 12px !important;
3660 padding-bottom: 12px !important; }
3661 .p-md-5 {
3662 padding: 16px 16px !important; }
3663 .pt-md-5 {
3664 padding-top: 16px !important; }
3665 .pr-md-5 {
3666 padding-right: 16px !important; }
3667 .pb-md-5 {
3668 padding-bottom: 16px !important; }
3669 .pl-md-5 {
3670 padding-left: 16px !important; }
3671 .px-md-5 {
3672 padding-right: 16px !important;
3673 padding-left: 16px !important; }
3674 .py-md-5 {
3675 padding-top: 16px !important;
3676 padding-bottom: 16px !important; }
3677 .p-md-6 {
3678 padding: 48px 48px !important; }
3679 .pt-md-6 {
3680 padding-top: 48px !important; }
3681 .pr-md-6 {
3682 padding-right: 48px !important; }
3683 .pb-md-6 {
3684 padding-bottom: 48px !important; }
3685 .pl-md-6 {
3686 padding-left: 48px !important; }
3687 .px-md-6 {
3688 padding-right: 48px !important;
3689 padding-left: 48px !important; }
3690 .py-md-6 {
3691 padding-top: 48px !important;
3692 padding-bottom: 48px !important; }
3693 .m-md-auto {
3694 margin: auto !important; }
3695 .mt-md-auto {
3696 margin-top: auto !important; }
3697 .mr-md-auto {
3698 margin-right: auto !important; }
3699 .mb-md-auto {
3700 margin-bottom: auto !important; }
3701 .ml-md-auto {
3702 margin-left: auto !important; }
3703 .mx-md-auto {
3704 margin-right: auto !important;
3705 margin-left: auto !important; }
3706 .my-md-auto {
3707 margin-top: auto !important;
3708 margin-bottom: auto !important; } }
3709
3710 @media (min-width: 992px) {
3711 .m-lg-0 {
3712 margin: 0 0 !important; }
3713 .mt-lg-0 {
3714 margin-top: 0 !important; }
3715 .mr-lg-0 {
3716 margin-right: 0 !important; }
3717 .mb-lg-0 {
3718 margin-bottom: 0 !important; }
3719 .ml-lg-0 {
3720 margin-left: 0 !important; }
3721 .mx-lg-0 {
3722 margin-right: 0 !important;
3723 margin-left: 0 !important; }
3724 .my-lg-0 {
3725 margin-top: 0 !important;
3726 margin-bottom: 0 !important; }
3727 .m-lg-1 {
3728 margin: 2px 2px !important; }
3729 .mt-lg-1 {
3730 margin-top: 2px !important; }
3731 .mr-lg-1 {
3732 margin-right: 2px !important; }
3733 .mb-lg-1 {
3734 margin-bottom: 2px !important; }
3735 .ml-lg-1 {
3736 margin-left: 2px !important; }
3737 .mx-lg-1 {
3738 margin-right: 2px !important;
3739 margin-left: 2px !important; }
3740 .my-lg-1 {
3741 margin-top: 2px !important;
3742 margin-bottom: 2px !important; }
3743 .m-lg-2 {
3744 margin: 4px 4px !important; }
3745 .mt-lg-2 {
3746 margin-top: 4px !important; }
3747 .mr-lg-2 {
3748 margin-right: 4px !important; }
3749 .mb-lg-2 {
3750 margin-bottom: 4px !important; }
3751 .ml-lg-2 {
3752 margin-left: 4px !important; }
3753 .mx-lg-2 {
3754 margin-right: 4px !important;
3755 margin-left: 4px !important; }
3756 .my-lg-2 {
3757 margin-top: 4px !important;
3758 margin-bottom: 4px !important; }
3759 .m-lg-3 {
3760 margin: 8px 8px !important; }
3761 .mt-lg-3 {
3762 margin-top: 8px !important; }
3763 .mr-lg-3 {
3764 margin-right: 8px !important; }
3765 .mb-lg-3 {
3766 margin-bottom: 8px !important; }
3767 .ml-lg-3 {
3768 margin-left: 8px !important; }
3769 .mx-lg-3 {
3770 margin-right: 8px !important;
3771 margin-left: 8px !important; }
3772 .my-lg-3 {
3773 margin-top: 8px !important;
3774 margin-bottom: 8px !important; }
3775 .m-lg-4 {
3776 margin: 12px 12px !important; }
3777 .mt-lg-4 {
3778 margin-top: 12px !important; }
3779 .mr-lg-4 {
3780 margin-right: 12px !important; }
3781 .mb-lg-4 {
3782 margin-bottom: 12px !important; }
3783 .ml-lg-4 {
3784 margin-left: 12px !important; }
3785 .mx-lg-4 {
3786 margin-right: 12px !important;
3787 margin-left: 12px !important; }
3788 .my-lg-4 {
3789 margin-top: 12px !important;
3790 margin-bottom: 12px !important; }
3791 .m-lg-5 {
3792 margin: 16px 16px !important; }
3793 .mt-lg-5 {
3794 margin-top: 16px !important; }
3795 .mr-lg-5 {
3796 margin-right: 16px !important; }
3797 .mb-lg-5 {
3798 margin-bottom: 16px !important; }
3799 .ml-lg-5 {
3800 margin-left: 16px !important; }
3801 .mx-lg-5 {
3802 margin-right: 16px !important;
3803 margin-left: 16px !important; }
3804 .my-lg-5 {
3805 margin-top: 16px !important;
3806 margin-bottom: 16px !important; }
3807 .m-lg-6 {
3808 margin: 48px 48px !important; }
3809 .mt-lg-6 {
3810 margin-top: 48px !important; }
3811 .mr-lg-6 {
3812 margin-right: 48px !important; }
3813 .mb-lg-6 {
3814 margin-bottom: 48px !important; }
3815 .ml-lg-6 {
3816 margin-left: 48px !important; }
3817 .mx-lg-6 {
3818 margin-right: 48px !important;
3819 margin-left: 48px !important; }
3820 .my-lg-6 {
3821 margin-top: 48px !important;
3822 margin-bottom: 48px !important; }
3823 .p-lg-0 {
3824 padding: 0 0 !important; }
3825 .pt-lg-0 {
3826 padding-top: 0 !important; }
3827 .pr-lg-0 {
3828 padding-right: 0 !important; }
3829 .pb-lg-0 {
3830 padding-bottom: 0 !important; }
3831 .pl-lg-0 {
3832 padding-left: 0 !important; }
3833 .px-lg-0 {
3834 padding-right: 0 !important;
3835 padding-left: 0 !important; }
3836 .py-lg-0 {
3837 padding-top: 0 !important;
3838 padding-bottom: 0 !important; }
3839 .p-lg-1 {
3840 padding: 2px 2px !important; }
3841 .pt-lg-1 {
3842 padding-top: 2px !important; }
3843 .pr-lg-1 {
3844 padding-right: 2px !important; }
3845 .pb-lg-1 {
3846 padding-bottom: 2px !important; }
3847 .pl-lg-1 {
3848 padding-left: 2px !important; }
3849 .px-lg-1 {
3850 padding-right: 2px !important;
3851 padding-left: 2px !important; }
3852 .py-lg-1 {
3853 padding-top: 2px !important;
3854 padding-bottom: 2px !important; }
3855 .p-lg-2 {
3856 padding: 4px 4px !important; }
3857 .pt-lg-2 {
3858 padding-top: 4px !important; }
3859 .pr-lg-2 {
3860 padding-right: 4px !important; }
3861 .pb-lg-2 {
3862 padding-bottom: 4px !important; }
3863 .pl-lg-2 {
3864 padding-left: 4px !important; }
3865 .px-lg-2 {
3866 padding-right: 4px !important;
3867 padding-left: 4px !important; }
3868 .py-lg-2 {
3869 padding-top: 4px !important;
3870 padding-bottom: 4px !important; }
3871 .p-lg-3 {
3872 padding: 8px 8px !important; }
3873 .pt-lg-3 {
3874 padding-top: 8px !important; }
3875 .pr-lg-3 {
3876 padding-right: 8px !important; }
3877 .pb-lg-3 {
3878 padding-bottom: 8px !important; }
3879 .pl-lg-3 {
3880 padding-left: 8px !important; }
3881 .px-lg-3 {
3882 padding-right: 8px !important;
3883 padding-left: 8px !important; }
3884 .py-lg-3 {
3885 padding-top: 8px !important;
3886 padding-bottom: 8px !important; }
3887 .p-lg-4 {
3888 padding: 12px 12px !important; }
3889 .pt-lg-4 {
3890 padding-top: 12px !important; }
3891 .pr-lg-4 {
3892 padding-right: 12px !important; }
3893 .pb-lg-4 {
3894 padding-bottom: 12px !important; }
3895 .pl-lg-4 {
3896 padding-left: 12px !important; }
3897 .px-lg-4 {
3898 padding-right: 12px !important;
3899 padding-left: 12px !important; }
3900 .py-lg-4 {
3901 padding-top: 12px !important;
3902 padding-bottom: 12px !important; }
3903 .p-lg-5 {
3904 padding: 16px 16px !important; }
3905 .pt-lg-5 {
3906 padding-top: 16px !important; }
3907 .pr-lg-5 {
3908 padding-right: 16px !important; }
3909 .pb-lg-5 {
3910 padding-bottom: 16px !important; }
3911 .pl-lg-5 {
3912 padding-left: 16px !important; }
3913 .px-lg-5 {
3914 padding-right: 16px !important;
3915 padding-left: 16px !important; }
3916 .py-lg-5 {
3917 padding-top: 16px !important;
3918 padding-bottom: 16px !important; }
3919 .p-lg-6 {
3920 padding: 48px 48px !important; }
3921 .pt-lg-6 {
3922 padding-top: 48px !important; }
3923 .pr-lg-6 {
3924 padding-right: 48px !important; }
3925 .pb-lg-6 {
3926 padding-bottom: 48px !important; }
3927 .pl-lg-6 {
3928 padding-left: 48px !important; }
3929 .px-lg-6 {
3930 padding-right: 48px !important;
3931 padding-left: 48px !important; }
3932 .py-lg-6 {
3933 padding-top: 48px !important;
3934 padding-bottom: 48px !important; }
3935 .m-lg-auto {
3936 margin: auto !important; }
3937 .mt-lg-auto {
3938 margin-top: auto !important; }
3939 .mr-lg-auto {
3940 margin-right: auto !important; }
3941 .mb-lg-auto {
3942 margin-bottom: auto !important; }
3943 .ml-lg-auto {
3944 margin-left: auto !important; }
3945 .mx-lg-auto {
3946 margin-right: auto !important;
3947 margin-left: auto !important; }
3948 .my-lg-auto {
3949 margin-top: auto !important;
3950 margin-bottom: auto !important; } }
3951
3952 @media (min-width: 1200px) {
3953 .m-xl-0 {
3954 margin: 0 0 !important; }
3955 .mt-xl-0 {
3956 margin-top: 0 !important; }
3957 .mr-xl-0 {
3958 margin-right: 0 !important; }
3959 .mb-xl-0 {
3960 margin-bottom: 0 !important; }
3961 .ml-xl-0 {
3962 margin-left: 0 !important; }
3963 .mx-xl-0 {
3964 margin-right: 0 !important;
3965 margin-left: 0 !important; }
3966 .my-xl-0 {
3967 margin-top: 0 !important;
3968 margin-bottom: 0 !important; }
3969 .m-xl-1 {
3970 margin: 2px 2px !important; }
3971 .mt-xl-1 {
3972 margin-top: 2px !important; }
3973 .mr-xl-1 {
3974 margin-right: 2px !important; }
3975 .mb-xl-1 {
3976 margin-bottom: 2px !important; }
3977 .ml-xl-1 {
3978 margin-left: 2px !important; }
3979 .mx-xl-1 {
3980 margin-right: 2px !important;
3981 margin-left: 2px !important; }
3982 .my-xl-1 {
3983 margin-top: 2px !important;
3984 margin-bottom: 2px !important; }
3985 .m-xl-2 {
3986 margin: 4px 4px !important; }
3987 .mt-xl-2 {
3988 margin-top: 4px !important; }
3989 .mr-xl-2 {
3990 margin-right: 4px !important; }
3991 .mb-xl-2 {
3992 margin-bottom: 4px !important; }
3993 .ml-xl-2 {
3994 margin-left: 4px !important; }
3995 .mx-xl-2 {
3996 margin-right: 4px !important;
3997 margin-left: 4px !important; }
3998 .my-xl-2 {
3999 margin-top: 4px !important;
4000 margin-bottom: 4px !important; }
4001 .m-xl-3 {
4002 margin: 8px 8px !important; }
4003 .mt-xl-3 {
4004 margin-top: 8px !important; }
4005 .mr-xl-3 {
4006 margin-right: 8px !important; }
4007 .mb-xl-3 {
4008 margin-bottom: 8px !important; }
4009 .ml-xl-3 {
4010 margin-left: 8px !important; }
4011 .mx-xl-3 {
4012 margin-right: 8px !important;
4013 margin-left: 8px !important; }
4014 .my-xl-3 {
4015 margin-top: 8px !important;
4016 margin-bottom: 8px !important; }
4017 .m-xl-4 {
4018 margin: 12px 12px !important; }
4019 .mt-xl-4 {
4020 margin-top: 12px !important; }
4021 .mr-xl-4 {
4022 margin-right: 12px !important; }
4023 .mb-xl-4 {
4024 margin-bottom: 12px !important; }
4025 .ml-xl-4 {
4026 margin-left: 12px !important; }
4027 .mx-xl-4 {
4028 margin-right: 12px !important;
4029 margin-left: 12px !important; }
4030 .my-xl-4 {
4031 margin-top: 12px !important;
4032 margin-bottom: 12px !important; }
4033 .m-xl-5 {
4034 margin: 16px 16px !important; }
4035 .mt-xl-5 {
4036 margin-top: 16px !important; }
4037 .mr-xl-5 {
4038 margin-right: 16px !important; }
4039 .mb-xl-5 {
4040 margin-bottom: 16px !important; }
4041 .ml-xl-5 {
4042 margin-left: 16px !important; }
4043 .mx-xl-5 {
4044 margin-right: 16px !important;
4045 margin-left: 16px !important; }
4046 .my-xl-5 {
4047 margin-top: 16px !important;
4048 margin-bottom: 16px !important; }
4049 .m-xl-6 {
4050 margin: 48px 48px !important; }
4051 .mt-xl-6 {
4052 margin-top: 48px !important; }
4053 .mr-xl-6 {
4054 margin-right: 48px !important; }
4055 .mb-xl-6 {
4056 margin-bottom: 48px !important; }
4057 .ml-xl-6 {
4058 margin-left: 48px !important; }
4059 .mx-xl-6 {
4060 margin-right: 48px !important;
4061 margin-left: 48px !important; }
4062 .my-xl-6 {
4063 margin-top: 48px !important;
4064 margin-bottom: 48px !important; }
4065 .p-xl-0 {
4066 padding: 0 0 !important; }
4067 .pt-xl-0 {
4068 padding-top: 0 !important; }
4069 .pr-xl-0 {
4070 padding-right: 0 !important; }
4071 .pb-xl-0 {
4072 padding-bottom: 0 !important; }
4073 .pl-xl-0 {
4074 padding-left: 0 !important; }
4075 .px-xl-0 {
4076 padding-right: 0 !important;
4077 padding-left: 0 !important; }
4078 .py-xl-0 {
4079 padding-top: 0 !important;
4080 padding-bottom: 0 !important; }
4081 .p-xl-1 {
4082 padding: 2px 2px !important; }
4083 .pt-xl-1 {
4084 padding-top: 2px !important; }
4085 .pr-xl-1 {
4086 padding-right: 2px !important; }
4087 .pb-xl-1 {
4088 padding-bottom: 2px !important; }
4089 .pl-xl-1 {
4090 padding-left: 2px !important; }
4091 .px-xl-1 {
4092 padding-right: 2px !important;
4093 padding-left: 2px !important; }
4094 .py-xl-1 {
4095 padding-top: 2px !important;
4096 padding-bottom: 2px !important; }
4097 .p-xl-2 {
4098 padding: 4px 4px !important; }
4099 .pt-xl-2 {
4100 padding-top: 4px !important; }
4101 .pr-xl-2 {
4102 padding-right: 4px !important; }
4103 .pb-xl-2 {
4104 padding-bottom: 4px !important; }
4105 .pl-xl-2 {
4106 padding-left: 4px !important; }
4107 .px-xl-2 {
4108 padding-right: 4px !important;
4109 padding-left: 4px !important; }
4110 .py-xl-2 {
4111 padding-top: 4px !important;
4112 padding-bottom: 4px !important; }
4113 .p-xl-3 {
4114 padding: 8px 8px !important; }
4115 .pt-xl-3 {
4116 padding-top: 8px !important; }
4117 .pr-xl-3 {
4118 padding-right: 8px !important; }
4119 .pb-xl-3 {
4120 padding-bottom: 8px !important; }
4121 .pl-xl-3 {
4122 padding-left: 8px !important; }
4123 .px-xl-3 {
4124 padding-right: 8px !important;
4125 padding-left: 8px !important; }
4126 .py-xl-3 {
4127 padding-top: 8px !important;
4128 padding-bottom: 8px !important; }
4129 .p-xl-4 {
4130 padding: 12px 12px !important; }
4131 .pt-xl-4 {
4132 padding-top: 12px !important; }
4133 .pr-xl-4 {
4134 padding-right: 12px !important; }
4135 .pb-xl-4 {
4136 padding-bottom: 12px !important; }
4137 .pl-xl-4 {
4138 padding-left: 12px !important; }
4139 .px-xl-4 {
4140 padding-right: 12px !important;
4141 padding-left: 12px !important; }
4142 .py-xl-4 {
4143 padding-top: 12px !important;
4144 padding-bottom: 12px !important; }
4145 .p-xl-5 {
4146 padding: 16px 16px !important; }
4147 .pt-xl-5 {
4148 padding-top: 16px !important; }
4149 .pr-xl-5 {
4150 padding-right: 16px !important; }
4151 .pb-xl-5 {
4152 padding-bottom: 16px !important; }
4153 .pl-xl-5 {
4154 padding-left: 16px !important; }
4155 .px-xl-5 {
4156 padding-right: 16px !important;
4157 padding-left: 16px !important; }
4158 .py-xl-5 {
4159 padding-top: 16px !important;
4160 padding-bottom: 16px !important; }
4161 .p-xl-6 {
4162 padding: 48px 48px !important; }
4163 .pt-xl-6 {
4164 padding-top: 48px !important; }
4165 .pr-xl-6 {
4166 padding-right: 48px !important; }
4167 .pb-xl-6 {
4168 padding-bottom: 48px !important; }
4169 .pl-xl-6 {
4170 padding-left: 48px !important; }
4171 .px-xl-6 {
4172 padding-right: 48px !important;
4173 padding-left: 48px !important; }
4174 .py-xl-6 {
4175 padding-top: 48px !important;
4176 padding-bottom: 48px !important; }
4177 .m-xl-auto {
4178 margin: auto !important; }
4179 .mt-xl-auto {
4180 margin-top: auto !important; }
4181 .mr-xl-auto {
4182 margin-right: auto !important; }
4183 .mb-xl-auto {
4184 margin-bottom: auto !important; }
4185 .ml-xl-auto {
4186 margin-left: auto !important; }
4187 .mx-xl-auto {
4188 margin-right: auto !important;
4189 margin-left: auto !important; }
4190 .my-xl-auto {
4191 margin-top: auto !important;
4192 margin-bottom: auto !important; } }
4193
4194 .text-justify {
4195 text-align: justify !important; }
4196
4197 .text-nowrap {
4198 white-space: nowrap !important; }
4199
4200 .text-truncate {
4201 overflow: hidden;
4202 text-overflow: ellipsis;
4203 white-space: nowrap; }
4204
4205 .text-left {
4206 text-align: left !important; }
4207
4208 .text-right {
4209 text-align: right !important; }
4210
4211 .text-center {
4212 text-align: center !important; }
4213
4214 @media (min-width: 576px) {
4215 .text-sm-left {
4216 text-align: left !important; }
4217 .text-sm-right {
4218 text-align: right !important; }
4219 .text-sm-center {
4220 text-align: center !important; } }
4221
4222 @media (min-width: 768px) {
4223 .text-md-left {
4224 text-align: left !important; }
4225 .text-md-right {
4226 text-align: right !important; }
4227 .text-md-center {
4228 text-align: center !important; } }
4229
4230 @media (min-width: 992px) {
4231 .text-lg-left {
4232 text-align: left !important; }
4233 .text-lg-right {
4234 text-align: right !important; }
4235 .text-lg-center {
4236 text-align: center !important; } }
4237
4238 @media (min-width: 1200px) {
4239 .text-xl-left {
4240 text-align: left !important; }
4241 .text-xl-right {
4242 text-align: right !important; }
4243 .text-xl-center {
4244 text-align: center !important; } }
4245
4246 .text-lowercase {
4247 text-transform: lowercase !important; }
4248
4249 .text-uppercase {
4250 text-transform: uppercase !important; }
4251
4252 .text-capitalize {
4253 text-transform: capitalize !important; }
4254
4255 .font-weight-normal {
4256 font-weight: 400; }
4257
4258 .font-weight-bold {
4259 font-weight: 500; }
4260
4261 .font-italic {
4262 font-style: italic; }
4263
4264 .text-white {
4265 color: #fff !important; }
4266
4267 .text-muted {
4268 color: #636c72 !important; }
4269
4270 a.text-muted:focus, a.text-muted:hover {
4271 color: #4b5257 !important; }
4272
4273 .text-primary {
4274 color: #0275d8 !important; }
4275
4276 a.text-primary:focus, a.text-primary:hover {
4277 color: #025aa5 !important; }
4278
4279 .text-success {
4280 color: #5cb85c !important; }
4281
4282 a.text-success:focus, a.text-success:hover {
4283 color: #449d44 !important; }
4284
4285 .text-info {
4286 color: #5bc0de !important; }
4287
4288 a.text-info:focus, a.text-info:hover {
4289 color: #31b0d5 !important; }
4290
4291 .text-warning {
4292 color: #f0ad4e !important; }
4293
4294 a.text-warning:focus, a.text-warning:hover {
4295 color: #ec971f !important; }
4296
4297 .text-danger {
4298 color: #d9534f !important; }
4299
4300 a.text-danger:focus, a.text-danger:hover {
4301 color: #c9302c !important; }
4302
4303 .text-gray-dark {
4304 color: #292b2c !important; }
4305
4306 a.text-gray-dark:focus, a.text-gray-dark:hover {
4307 color: #101112 !important; }
4308
4309 .text-hide {
4310 font: 0/0 a;
4311 color: transparent;
4312 text-shadow: none;
4313 background-color: transparent;
4314 border: 0; }
4315
4316 .invisible {
4317 visibility: hidden !important; }
4318
4319 .hidden-xs-up {
4320 display: none !important; }
4321
4322 @media (max-width: 575px) {
4323 .hidden-xs-down {
4324 display: none !important; } }
4325
4326 @media (min-width: 576px) {
4327 .hidden-sm-up {
4328 display: none !important; } }
4329
4330 @media (max-width: 767px) {
4331 .hidden-sm-down {
4332 display: none !important; } }
4333
4334 @media (min-width: 768px) {
4335 .hidden-md-up {
4336 display: none !important; } }
4337
4338 @media (max-width: 991px) {
4339 .hidden-md-down {
4340 display: none !important; } }
4341
4342 @media (min-width: 992px) {
4343 .hidden-lg-up {
4344 display: none !important; } }
4345
4346 @media (max-width: 1199px) {
4347 .hidden-lg-down {
4348 display: none !important; } }
4349
4350 @media (min-width: 1200px) {
4351 .hidden-xl-up {
4352 display: none !important; } }
4353
4354 .hidden-xl-down {
4355 display: none !important; }
4356
4357 .visible-print-block {
4358 display: none !important; }
4359 @media print {
4360 .visible-print-block {
4361 display: block !important; } }
4362
4363 .visible-print-inline {
4364 display: none !important; }
4365 @media print {
4366 .visible-print-inline {
4367 display: inline !important; } }
4368
4369 .visible-print-inline-block {
4370 display: none !important; }
4371 @media print {
4372 .visible-print-inline-block {
4373 display: inline-block !important; } }
4374
4375 @media print {
4376 .hidden-print {
4377 display: none !important; } }
4378
4379 body {
4380 min-height: 100vh;
4381 display: flex;
4382 flex-direction: column; }
4383
4384 .container {
4385 width: 100%;
4386 max-width: 1200px;
4387 flex: 1; }
4388
4389 body {
4390 -webkit-font-smoothing: antialiased;
4391 font-size: 16px; }
4392
4393 h1 {
4394 line-height: 3rem; }
4395
4396 h2 {
4397 line-height: 2.75rem; }
4398
4399 h3 {
4400 font-size: 20px;
4401 line-height: 28px; }
4402 @media (min-width: 768px) {
4403 h3 {
4404 font-size: 24px;
4405 line-height: 32px;
4406 font-weight: 300;
4407 margin-bottom: 0; } }
4408 h3.headline {
4409 text-align: center;
4410 font-size: 32px;
4411 line-height: 44px;
4412 color: #263238; }
4413 @media (min-width: 576px) {
4414 h3.headline {
4415 font-size: 36px;
4416 line-height: 48px; } }
4417
4418 h4 {
4419 font-weight: 500;
4420 font-size: 16px;
4421 line-height: 24px; }
4422 @media (min-width: 576px) {
4423 h4 {
4424 font-size: 20px;
4425 line-height: 28px; } }
4426 h4.secondHeadline {
4427 font-size: 24px;
4428 line-height: 32px;
4429 text-align: left;
4430 margin-top: 24px; }
4431
4432 h5, .h5 {
4433 font-size: 16px;
4434 line-height: 24px; }
4435 @media (min-width: 768px) {
4436 h5, .h5 {
4437 font-size: 24px;
4438 line-height: 32px; } }
4439 h5.subheadline,
4440 .h5.subheadline {
4441 text-align: center;
4442 font-size: 16px;
4443 line-height: 24px;
4444 color: rgba(38, 50, 56, 0.6); }
4445
4446 p {
4447 font-size: 16px;
4448 line-height: 24px; }
4449 p.lead {
4450 font-size: inherit;
4451 line-height: inherit; }
4452 @media (min-width: 768px) {
4453 p.lead {
4454 font-size: 24px;
4455 line-height: 32px; } }
4456 p.copy {
4457 margin-top: 16px; }
4458 @media (min-width: 576px) {
4459 p.copy {
4460 margin-top: 24px; } }
4461
4462 .display-1 {
4463 font-size: 120px;
4464 line-height: 144px; }
4465
4466 .display-2 {
4467 font-size: 32px;
4468 line-height: 44px;
4469 margin-bottom: 40px; }
4470 @media (min-width: 768px) {
4471 .display-2 {
4472 font-size: 40px;
4473 line-height: 56px;
4474 margin-bottom: 3rem; } }
4475
4476 .display-3 {
4477 font-size: 24px;
4478 line-height: 32px; }
4479 @media (min-width: 768px) {
4480 .display-3 {
4481 font-size: 32px;
4482 line-height: 44px; } }
4483
4484 .display-4 {
4485 font-size: 14px;
4486 line-height: 20px;
4487 font-weight: 400; }
4488 @media (min-width: 576px) {
4489 .display-4 {
4490 font-size: 24px;
4491 line-height: 32px; } }
4492
4493 .display-5 {
4494 font-size: 20px;
4495 line-height: 28px; }
4496
4497 small,
4498 .small {
4499 font-size: 14px;
4500 line-height: 20px; }
4501 @media (min-width: 768px) {
4502 small,
4503 .small {
4504 font-size: 16px;
4505 line-height: 24px; } }
4506
4507 .truncate {
4508 width: 100%;
4509 white-space: nowrap;
4510 overflow: hidden;
4511 text-overflow: ellipsis; }
4512
4513 .fireinfo_cat {
4514 font-size: 14px;
4515 line-height: 20px; }
4516
4517 h5.fireinfo {
4518 font-size: 16px;
4519 line-height: 28px;
4520 font-weight: 500; }
4521 @media (min-width: 768px) {
4522 h5.fireinfo {
4523 font-size: 20px; } }
4524
4525 .fireinfo_per {
4526 font-size: 20px;
4527 line-height: 28px; }
4528
4529 #mask {
4530 width: 100vw;
4531 height: 100vh;
4532 position: fixed;
4533 top: 0;
4534 left: 0;
4535 background-color: rgba(0, 0, 0, 0.4);
4536 display: none;
4537 visibility: hidden; }
4538 #mask.open {
4539 display: block;
4540 visibility: visible; }
4541
4542 .tux {
4543 position: absolute;
4544 top: 12px;
4545 left: 50%;
4546 transform: translateX(-50%); }
4547 .tux h1 {
4548 font-weight: 300 !important;
4549 color: #263238;
4550 font-size: 20px;
4551 line-height: 28px;
4552 margin-bottom: 0; }
4553 .tux h1 strong {
4554 font-weight: 700 !important; }
4555 .tux h1:before {
4556 content: "";
4557 height: 32px;
4558 width: 25px;
4559 background-image: url("../img/ipfire-tux.png");
4560 background-repeat: no-repeat;
4561 background-position: center center;
4562 background-size: contain;
4563 display: inline-block;
4564 position: relative; }
4565
4566 .menu-text {
4567 transition: opacity .25s ease-in-out; }
4568
4569 .menu-text.hidden {
4570 opacity: 0;
4571 transition: opacity .35s ease-in-out; }
4572
4573 .fixed-top {
4574 transition: background-color .25s linear;
4575 height: 56px; }
4576 @media (min-width: 576px) {
4577 .fixed-top {
4578 height: 72px; } }
4579 @media (min-width: 992px) {
4580 .fixed-top {
4581 height: 96px; } }
4582 .fixed-top .navbar {
4583 width: 100%; }
4584 .fixed-top .navbar a {
4585 color: #263238; }
4586 @media (min-width: 576px) {
4587 .fixed-top .navbar a {
4588 margin-top: 8px; } }
4589 .fixed-top .navbar .navbar-toggler-left {
4590 left: -12px;
4591 top: 8px; }
4592 @media (min-width: 576px) {
4593 .fixed-top .navbar .navbar-toggler-left {
4594 top: 17px; } }
4595 .fixed-top .navbar .btn {
4596 margin-top: .15rem; }
4597
4598 .navbar-brand {
4599 font-size: 20px;
4600 font-weight: 300;
4601 opacity: 0;
4602 margin: 0;
4603 transition: opacity .7s linear; }
4604 @media (min-width: 992px) {
4605 .navbar-brand {
4606 opacity: 1;
4607 font-size: 36px; } }
4608 .navbar-brand strong {
4609 font-weight: 900; }
4610 .navbar-brand img {
4611 margin-right: 4px;
4612 transform: translateY(-5px);
4613 height: 32px;
4614 width: auto; }
4615 @media (min-width: 992px) {
4616 .navbar-brand img {
4617 height: 40px; } }
4618
4619 .scrolled {
4620 background-color: rgba(255, 255, 255, 0.96);
4621 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
4622 height: 56px; }
4623 @media (min-width: 576px) {
4624 .scrolled {
4625 height: 72px; } }
4626 @media (min-width: 992px) {
4627 .scrolled {
4628 height: 96px; } }
4629 .scrolled .navbar-brand {
4630 opacity: 1; }
4631
4632 .scrolled.fadeout {
4633 background-color: rgba(100, 100, 100, 0.5); }
4634 .scrolled.fadeout a.btn-donate {
4635 opacity: .5; }
4636 .scrolled.fadeout a.navbar-brand {
4637 opacity: .5; }
4638
4639 #navbarSupportedContent {
4640 width: 100%; }
4641 @media (max-width: 991px) {
4642 #navbarSupportedContent {
4643 background: white;
4644 position: fixed;
4645 top: 0;
4646 left: 0;
4647 width: 256px;
4648 height: 100vh;
4649 padding-top: 64px;
4650 transform: translateX(-256px);
4651 transition: all .15s ease-in-out; }
4652 #navbarSupportedContent.open {
4653 transform: translateX(0);
4654 transition: all .15s ease-in-out;
4655 box-shadow: 14px 0 28px 0 rgba(0, 0, 0, 0.25), 10px 0 10px 0 rgba(0, 0, 0, 0.26); } }
4656
4657 @media (min-width: 992px) {
4658 .navbar-nav {
4659 padding-top: 2px; } }
4660
4661 .navbar-nav .nav-link {
4662 color: #263238;
4663 padding: 16px !important;
4664 display: block;
4665 position: relative; }
4666 @media (min-width: 992px) {
4667 .navbar-nav .nav-link {
4668 margin-right: 16px;
4669 display: block;
4670 position: relative; }
4671 .navbar-nav .nav-link:after {
4672 content: "";
4673 border-bottom: 2px solid #b71c1c;
4674 position: absolute;
4675 transform: scaleX(0);
4676 width: 100%;
4677 left: 0;
4678 top: 44px;
4679 padding: inherit;
4680 transition: transform .3s ease-out, color .3s ease-out; } }
4681
4682 @media (max-width: 1199px) {
4683 .navbar-nav .nav-link:active {
4684 color: #b71c1c; } }
4685
4686 @media (max-width: 1199px) {
4687 .navbar-nav .nav-link:active:before {
4688 content: "";
4689 border-left: 2px solid #b71c1c;
4690 position: absolute;
4691 left: 0;
4692 height: 36px;
4693 transform: translateY(-4px); } }
4694
4695 @media (min-width: 992px) {
4696 .navbar-nav .nav-link:hover {
4697 color: #b71c1c; } }
4698
4699 @media (min-width: 992px) {
4700 .navbar-nav .nav-link:hover:after {
4701 transform: scaleX(1); } }
4702
4703 @media (min-width: 992px) {
4704 body.About li.nav-item a.about,
4705 body.Download li.nav-item a.download,
4706 body.Support li.nav-item a.support,
4707 body.Involved li.nav-item a.community {
4708 color: #b71c1c; }
4709 body.About li.nav-item a.about:after,
4710 body.Download li.nav-item a.download:after,
4711 body.Support li.nav-item a.support:after,
4712 body.Involved li.nav-item a.community:after {
4713 content: "";
4714 border-bottom: 2px solid #b71c1c;
4715 position: absolute;
4716 width: 100%;
4717 left: 0;
4718 top: 44px;
4719 padding: inherit;
4720 transform: scale(1); } }
4721
4722 #sidebar {
4723 padding: 0; }
4724 @media (max-width: 991px) {
4725 #sidebar {
4726 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
4727 position: fixed;
4728 top: 52px;
4729 z-index: 9999;
4730 background-color: white; } }
4731 #sidebar ul {
4732 list-style: none; }
4733 #sidebar ul.features_nav {
4734 padding: 0 0 24px 0;
4735 overflow-x: auto; }
4736 #sidebar ul.features_nav.fixed {
4737 position: fixed;
4738 top: 100px;
4739 outline: 1px solid grey; }
4740 #sidebar ul ul {
4741 margin: 0;
4742 padding-left: 0; }
4743 #sidebar ul ul li:last-child {
4744 margin-bottom: 0; }
4745 #sidebar ul li {
4746 padding: 0 16px;
4747 margin: 8px 0; }
4748 #sidebar ul li a.nav-link {
4749 padding: inherit;
4750 color: #263238;
4751 height: 32px;
4752 padding: 0 8px;
4753 line-height: 2; }
4754 #sidebar ul li a.nav-link.active {
4755 color: #b71c1c;
4756 border-left: 2px solid #b71c1c;
4757 padding: 0 8px 0 6px; }
4758
4759 /* Fix for Android */
4760 body {
4761 -webkit-animation: bugfix infinite 1s; }
4762
4763 @-webkit-keyframes bugfix {
4764 from {
4765 padding: 0; }
4766 to {
4767 padding: 0; } }
4768
4769 /* default checkbox */
4770 input[type=checkbox] {
4771 position: absolute;
4772 top: -9999px;
4773 left: -9999px; }
4774
4775 label {
4776 cursor: pointer;
4777 user-select: none; }
4778
4779 nav[role="dropdown"] label {
4780 display: none; }
4781
4782 @media screen and (max-width: 44em) {
4783 nav[role="dropdown"] ul {
4784 height: 48px;
4785 overflow: hidden; }
4786 nav[role="dropdown"] label {
4787 position: relative;
4788 display: block;
4789 width: 100%; }
4790 nav[role="dropdown"] label:after {
4791 font-family: FontAwesome;
4792 font-size: 24px;
4793 content: "\f107";
4794 position: absolute;
4795 top: 0;
4796 right: 0;
4797 z-index: 9999;
4798 width: 100%;
4799 height: 56px;
4800 padding: 12px 12px 0;
4801 text-align: right; }
4802 nav[role="dropdown"] input:checked ~ label:after {
4803 content: "\f106"; }
4804 nav[role="dropdown"] input:checked ~ ul {
4805 display: block;
4806 height: 40vh;
4807 overflow-y: scroll; } }
4808
4809 .btn-red900 {
4810 color: #fff !important;
4811 background-color: #b71c1c;
4812 border-color: #b71c1c; }
4813 .btn-red900:hover {
4814 color: #fff !important;
4815 background-color: #8b1515;
4816 border-color: #821414; }
4817 .btn-red900:focus, .btn-red900.focus {
4818 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
4819 .btn-red900.disabled, .btn-red900:disabled {
4820 background-color: #b71c1c;
4821 border-color: #b71c1c; }
4822 .btn-red900:active, .btn-red900.active,
4823 .show > .btn-red900.dropdown-toggle {
4824 color: #fff !important;
4825 background-color: #8b1515;
4826 background-image: none;
4827 border-color: #821414; }
4828
4829 .btn-white {
4830 color: #b71c1c;
4831 background-color: #fff;
4832 border-color: #fff; }
4833 .btn-white:hover {
4834 color: #b71c1c;
4835 background-color: #e6e5e5;
4836 border-color: #e0e0e0; }
4837 .btn-white:focus, .btn-white.focus {
4838 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); }
4839 .btn-white.disabled, .btn-white:disabled {
4840 background-color: #fff;
4841 border-color: #fff; }
4842 .btn-white:active, .btn-white.active,
4843 .show > .btn-white.dropdown-toggle {
4844 color: #b71c1c;
4845 background-color: #e6e5e5;
4846 background-image: none;
4847 border-color: #e0e0e0; }
4848
4849 .btn-bluegrey900 {
4850 color: #fff;
4851 background-color: #263238;
4852 border-color: #263238; }
4853 .btn-bluegrey900:hover {
4854 color: #fff;
4855 background-color: #11171a;
4856 border-color: #0d1114; }
4857 .btn-bluegrey900:focus, .btn-bluegrey900.focus {
4858 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
4859 .btn-bluegrey900.disabled, .btn-bluegrey900:disabled {
4860 background-color: #263238;
4861 border-color: #263238; }
4862 .btn-bluegrey900:active, .btn-bluegrey900.active,
4863 .show > .btn-bluegrey900.dropdown-toggle {
4864 color: #fff;
4865 background-color: #11171a;
4866 background-image: none;
4867 border-color: #0d1114; }
4868
4869 button.navbar-toggler div {
4870 font-family: 'Ubuntu', sans-serif;
4871 font-size: 1rem;
4872 display: inline-block;
4873 position: relative;
4874 top: -4px; }
4875
4876 .btn {
4877 height: 36px;
4878 text-transform: uppercase;
4879 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
4880 transition: box-shadow .25s ease-in-out; }
4881 .btn:hover {
4882 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 3px 6px 0 rgba(0, 0, 0, 0.25);
4883 transition: box-shadow .25s ease-in-out; }
4884 @media (max-width: 767px) {
4885 .btn {
4886 font-size: .875rem; } }
4887
4888 .btn-outline-primary,
4889 .btn-outline-secondary {
4890 transition: background-color .25s ease-in-out; }
4891 .btn-outline-primary:hover,
4892 .btn-outline-secondary:hover {
4893 transition: background-color .25s ease-in-out; }
4894
4895 .btn-xlg {
4896 height: 72px;
4897 margin: 0 36px;
4898 padding-top: 16px; }
4899
4900 .btn-lg, .btn-group-lg > .btn {
4901 height: 48px;
4902 margin: 0 24px; }
4903 @media (max-width: 767px) {
4904 .btn-lg, .btn-group-lg > .btn {
4905 height: 36px;
4906 margin: 0 8px;
4907 padding: 1rem;
4908 font-size: .875rem;
4909 line-height: 0; } }
4910
4911 .btn-md {
4912 font-size: 0.875rem;
4913 line-height: 1.25rem;
4914 padding: .4rem 1rem .5rem 1rem; }
4915
4916 .btn-block {
4917 margin: 0 0 1.5rem 0; }
4918 @media (min-width: 768px) {
4919 .btn-block {
4920 margin: 0 0 2rem 0; } }
4921 @media (max-width: 575px) {
4922 .btn-block {
4923 font-size: .875rem;
4924 line-height: 0; } }
4925
4926 button:focus {
4927 outline: none; }
4928
4929 .btn-donate {
4930 margin-top: 18px;
4931 font-size: 14px;
4932 font-weight: 400;
4933 line-height: 20px;
4934 padding: 3px 16px 0 5px; }
4935 @media (min-width: 992px) {
4936 .btn-donate {
4937 margin-top: 29px; } }
4938 .btn-donate svg {
4939 vertical-align: -7px;
4940 margin-right: 5px; }
4941
4942 .icon {
4943 width: 1.5rem;
4944 height: 1.5rem;
4945 fill: currentColor;
4946 vertical-align: -.15rem;
4947 overflow: hidden;
4948 margin-right: .5rem; }
4949
4950 .i_arrow_down {
4951 margin: 0;
4952 position: absolute;
4953 left: .75rem;
4954 top: -.25rem;
4955 animation: scroll 1.5s ease-in-out infinite; }
4956 @media (max-width: 575px) {
4957 .i_arrow_down {
4958 width: 1.75rem !important;
4959 height: 1.75rem !important;
4960 left: .25rem;
4961 top: -.5rem; } }
4962
4963 .i_lg {
4964 width: 2.5rem;
4965 height: 2.5rem;
4966 margin: 0;
4967 transform: translateY(-0.35rem);
4968 fill: #b71c1c; }
4969
4970 .i_white {
4971 fill: white; }
4972
4973 .i_sm {
4974 vertical-align: top;
4975 transform: translateY(-0.1rem); }
4976
4977 .amber-800 {
4978 color: #ff8f00; }
4979
4980 img.img-fluid {
4981 width: 100%;
4982 max-width: 100%;
4983 height: auto; }
4984
4985 footer .btn-toolbar .icon {
4986 height: 2.25rem;
4987 width: 2.25rem;
4988 fill: rgba(38, 50, 56, 0.6); }
4989
4990 footer .i_heart {
4991 vertical-align: top;
4992 transform: translateY(-0.15rem); }
4993 @media (max-width: 767px) {
4994 footer .i_heart {
4995 transform: translateY(-0.75rem); } }
4996
4997 section.intro {
4998 min-height: 100vh;
4999 background-image: url("../img/header-background.jpg");
5000 background-size: cover;
5001 background-attachment: fixed;
5002 background-position: center top;
5003 position: relative; }
5004 section.intro .branding {
5005 padding-top: 6rem;
5006 margin-bottom: 64px;
5007 text-align: center;
5008 color: rgba(38, 50, 56, 0.6); }
5009 @media (min-width: 576px) {
5010 section.intro .branding {
5011 padding-top: 192px; } }
5012 section.intro .branding h1 {
5013 font-weight: 300 !important;
5014 color: #263238; }
5015 @media (max-width: 575px) {
5016 section.intro .branding h1 {
5017 font-size: 72px;
5018 line-height: 88px;
5019 margin-bottom: 0; } }
5020 section.intro .branding h1 strong {
5021 font-weight: 700 !important; }
5022 section.intro .branding h1:before {
5023 content: "";
5024 height: 60px;
5025 width: 76px;
5026 background-image: url("../img/ipfire-tux.png");
5027 background-repeat: no-repeat;
5028 background-position: center center;
5029 background-size: contain;
5030 display: inline-block;
5031 position: relative;
5032 top: 4px; }
5033 @media (min-width: 576px) {
5034 section.intro .branding h1:before {
5035 height: 120px;
5036 width: 93px;
5037 margin-right: 32px;
5038 top: 8px; } }
5039
5040 .page-scroll {
5041 display: block;
5042 visibility: visible;
5043 position: absolute;
5044 bottom: 48px;
5045 left: 50%;
5046 transform: translateX(-50%); }
5047 .page-scroll .btn {
5048 width: 36px;
5049 height: 36px;
5050 fill: #b71c1c; }
5051 @media (min-width: 576px) {
5052 .page-scroll .btn {
5053 width: 64px;
5054 height: 64px; } }
5055 .page-scroll .btn:hover .i_arrow_down {
5056 fill: white; }
5057
5058 section.content-section {
5059 padding: 3rem 0; }
5060 @media (min-width: 576px) {
5061 section.content-section {
5062 padding: 72px 0; } }
5063
5064 .feature_icons {
5065 width: 40px;
5066 height: 100%;
5067 float: left;
5068 margin-right: .75rem; }
5069
5070 section#news,
5071 footer {
5072 background-color: rgba(38, 50, 56, 0.06); }
5073
5074 section#news {
5075 color: rgba(38, 50, 56, 0.6); }
5076 section#news h2 {
5077 color: #263238; }
5078
5079 section#wishlist {
5080 background-image: url("../img/wishlist-background.jpg");
5081 background-size: cover;
5082 background-position: center center; }
5083
5084 .progress {
5085 background-color: rgba(255, 255, 255, 0.2); }
5086
5087 .bg-progress {
5088 background-image: linear-gradient(to right, #fbc02d, #ff8f00); }
5089
5090 section#fireinfo {
5091 border-bottom: 1px solid rgba(38, 50, 56, 0.2); }
5092
5093 .circle {
5094 position: relative; }
5095 .circle p.fireinfo_per {
5096 color: rgba(38, 50, 56, 0.6);
5097 position: absolute;
5098 top: calc(50% - 18px);
5099 width: 100%; }
5100
5101 section#appliances {
5102 padding-bottom: 48px; }
5103
5104 .features-content {
5105 padding-top: 88px;
5106 margin-bottom: 40px; }
5107 @media (min-width: 576px) {
5108 .features-content {
5109 padding-top: 161px; } }
5110 .features-content .content {
5111 background: white;
5112 border-radius: 4px;
5113 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
5114 padding: 40px 24px;
5115 position: relative; }
5116
5117 .divider {
5118 width: 128px;
5119 height: 4px;
5120 border-radius: 2px;
5121 background-image: linear-gradient(to right, #b71c1c, #ff3d00);
5122 margin: 40px auto 24px auto; }
5123 @media (min-width: 576px) {
5124 .divider {
5125 margin: 56px auto 40px auto; } }
5126
5127 footer {
5128 padding: 3rem 0 0 0; }
5129 @media (max-width: 991px) {
5130 footer {
5131 padding-top: 31px; } }
5132 footer h4 {
5133 margin-bottom: 1.25rem;
5134 color: rgba(38, 50, 56, 0.6);
5135 font-size: 20px;
5136 line-height: 28px; }
5137 footer ul li {
5138 font-size: 14px;
5139 margin-bottom: .75rem; }
5140 footer ul li a {
5141 color: rgba(38, 50, 56, 0.6);
5142 text-decoration: none; }
5143 footer ul li a:hover {
5144 color: #263238;
5145 text-decoration: underline; }
5146 footer .btn-lg, footer .btn-group-lg > .btn {
5147 margin-bottom: 2.75rem; }
5148 footer .btn-sm, footer .btn-group-sm > .btn {
5149 box-shadow: none; }
5150 footer .btn-sm:hover, footer .btn-group-sm > .btn:hover {
5151 box-shadow: none; }
5152
5153 #copyright {
5154 background-color: rgba(38, 50, 56, 0.06);
5155 padding: 1rem 0; }
5156 #copyright p {
5157 font-size: 12px;
5158 line-height: 16px; }
5159
5160 @keyframes scroll {
5161 0%, 100% {
5162 transform: translateY(30%); }
5163 50% {
5164 transform: translateY(50%); } }