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