summaryrefslogtreecommitdiff
path: root/css/uikit.almost-flat.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/uikit.almost-flat.css')
-rwxr-xr-xcss/uikit.almost-flat.css9043
1 files changed, 9043 insertions, 0 deletions
diff --git a/css/uikit.almost-flat.css b/css/uikit.almost-flat.css
new file mode 100755
index 0000000..0ad7b5d
--- /dev/null
+++ b/css/uikit.almost-flat.css
@@ -0,0 +1,9043 @@
1/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2/* ========================================================================
3 Component: Base
4 ========================================================================== */
5/*
6 * 1. Normalize default `font-family` and set `font-size` to support `rem` units
7 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
8 * 3. Style
9 */
10html {
11 /* 1 */
12 font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
13 /* 2 */
14 -webkit-text-size-adjust: 100%;
15 -ms-text-size-adjust: 100%;
16 /* 3 */
17 background: #fff;
18 color: #444;
19}
20/*
21 * Removes default margin.
22 */
23body {
24 margin: 0;
25}
26/* Links
27 ========================================================================== */
28/*
29 * Remove the gray background color from active links in IE 10.
30 */
31a {
32 background: transparent;
33}
34/*
35 * Improve readability of focused elements when they are also in an active/hover state.
36 */
37a:active,
38a:hover {
39 outline: 0;
40}
41/*
42 * Style
43 */
44a,
45.uk-link {
46 color: #07D;
47 text-decoration: none;
48 cursor: pointer;
49}
50a:hover,
51.uk-link:hover {
52 color: #059;
53 text-decoration: underline;
54}
55/* Text-level semantics
56 ========================================================================== */
57/*
58 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
59 */
60abbr[title] {
61 border-bottom: 1px dotted;
62}
63/*
64 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
65 */
66b,
67strong {
68 font-weight: bold;
69}
70/*
71 * 1. Address odd `em`-unit font size rendering in all browsers.
72 * 2. Consolas has a better baseline in running text compared to `Courier`
73 */
74:not(pre) > code,
75:not(pre) > kbd,
76:not(pre) > samp {
77 /* 1 */
78 font-size: 12px;
79 /* 2 */
80 font-family: Consolas, monospace, serif;
81 /* 3 */
82 color: #D05;
83 white-space: nowrap;
84 padding: 0 4px;
85 border: 1px solid #ddd;
86 border-radius: 3px;
87 background: #fafafa;
88}
89/*
90 * Emphasize
91 */
92em {
93 color: #D05;
94}
95/*
96 * Insert
97 */
98ins {
99 background: #ffa;
100 color: #444;
101 text-decoration: none;
102}
103/*
104 * Mark
105 * Note: Addresses styling not present in IE 8/9.
106 */
107mark {
108 background: #ffa;
109 color: #444;
110}
111/*
112 * Quote
113 */
114q {
115 font-style: italic;
116}
117/*
118 * Addresses inconsistent and variable font size in all browsers.
119 */
120small {
121 font-size: 80%;
122}
123/*
124 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
125 */
126sub,
127sup {
128 font-size: 75%;
129 line-height: 0;
130 position: relative;
131 vertical-align: baseline;
132}
133sup {
134 top: -0.5em;
135}
136sub {
137 bottom: -0.25em;
138}
139/* Embedded content
140 ========================================================================== */
141/*
142 * Remove the gap between embedded content and the bottom of their containers.
143 */
144audio,
145canvas,
146iframe,
147img,
148svg,
149video {
150 vertical-align: middle;
151}
152/*
153 * Responsiveness
154 * 1. Sets a maximum width relative to the parent and auto scales the height
155 * 2. Corrects `max-width` behavior if padding and border are used
156 */
157audio,
158canvas,
159img,
160svg,
161video {
162 /* 1 */
163 max-width: 100%;
164 height: auto;
165 /* 2 */
166 box-sizing: border-box;
167}
168/*
169 * Preserve original dimensions
170 */
171.uk-img-preserve,
172.uk-img-preserve audio,
173.uk-img-preserve canvas,
174.uk-img-preserve img,
175.uk-img-preserve svg,
176.uk-img-preserve video {
177 max-width: none;
178}
179/*
180 * Remove border when inside `a` element in IE 8/9/10.
181 */
182img {
183 border: 0;
184}
185/*
186 * Correct overflow not hidden in IE 9/10/11.
187 */
188svg:not(:root) {
189 overflow: hidden;
190}
191/* Block elements
192 ========================================================================== */
193/*
194 * Reset margin
195 */
196blockquote,
197figure {
198 margin: 0;
199}
200/*
201 * Margins
202 */
203p,
204ul,
205ol,
206dl,
207blockquote,
208pre,
209address,
210fieldset,
211figure {
212 margin: 0 0 15px 0;
213}
214* + p,
215* + ul,
216* + ol,
217* + dl,
218* + blockquote,
219* + pre,
220* + address,
221* + fieldset,
222* + figure {
223 margin-top: 15px;
224}
225/* Headings
226 ========================================================================== */
227h1,
228h2,
229h3,
230h4,
231h5,
232h6 {
233 margin: 0 0 15px 0;
234 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
235 font-weight: normal;
236 color: #444;
237 text-transform: none;
238}
239/*
240 * Margins
241 */
242* + h1,
243* + h2,
244* + h3,
245* + h4,
246* + h5,
247* + h6 {
248 margin-top: 25px;
249}
250/*
251 * Sizes
252 */
253h1,
254.uk-h1 {
255 font-size: 36px;
256 line-height: 42px;
257}
258h2,
259.uk-h2 {
260 font-size: 24px;
261 line-height: 30px;
262}
263h3,
264.uk-h3 {
265 font-size: 18px;
266 line-height: 24px;
267}
268h4,
269.uk-h4 {
270 font-size: 16px;
271 line-height: 22px;
272}
273h5,
274.uk-h5 {
275 font-size: 14px;
276 line-height: 20px;
277}
278h6,
279.uk-h6 {
280 font-size: 12px;
281 line-height: 18px;
282}
283/* Lists
284 ========================================================================== */
285ul,
286ol {
287 padding-left: 30px;
288}
289/*
290 * Reset margin for nested lists
291 */
292ul > li > ul,
293ul > li > ol,
294ol > li > ol,
295ol > li > ul {
296 margin: 0;
297}
298/* Description lists
299 ========================================================================== */
300dt {
301 font-weight: bold;
302}
303dd {
304 margin-left: 0;
305}
306/* Horizontal rules
307 ========================================================================== */
308/*
309 * 1. Address differences between Firefox and other browsers.
310 * 2. Style
311 */
312hr {
313 /* 1 */
314 box-sizing: content-box;
315 height: 0;
316 /* 2 */
317 margin: 15px 0;
318 border: 0;
319 border-top: 1px solid #ddd;
320}
321/* Address
322 ========================================================================== */
323address {
324 font-style: normal;
325}
326/* Blockquotes
327 ========================================================================== */
328blockquote {
329 padding-left: 15px;
330 border-left: 5px solid #ddd;
331 font-size: 16px;
332 line-height: 22px;
333 font-style: italic;
334}
335/* Preformatted text
336 ========================================================================== */
337/*
338 * 1. Contain overflow in all browsers.
339 */
340pre {
341 padding: 10px;
342 background: #fafafa;
343 font: 12px / 18px Consolas, monospace, serif;
344 color: #444;
345 -moz-tab-size: 4;
346 tab-size: 4;
347 /* 1 */
348 overflow: auto;
349 border: 1px solid #ddd;
350 border-radius: 3px;
351}
352/* Selection pseudo-element
353 ========================================================================== */
354::-moz-selection {
355 background: #39f;
356 color: #fff;
357 text-shadow: none;
358}
359::selection {
360 background: #39f;
361 color: #fff;
362 text-shadow: none;
363}
364/* HTML5 elements
365 ========================================================================== */
366/*
367 * Correct `block` display not defined for any HTML5 element in IE 8/9.
368 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
369 * Correct `block` display not defined for `main` in IE 11.
370 */
371article,
372aside,
373details,
374figcaption,
375figure,
376footer,
377header,
378main,
379nav,
380section,
381summary {
382 display: block;
383}
384/*
385 * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
386 */
387progress {
388 vertical-align: baseline;
389}
390/*
391 * Prevent displaying `audio` without controls in Chrome, Safari and Opera
392 */
393audio:not([controls]) {
394 display: none;
395}
396/*
397 * Address `[hidden]` styling not present in IE 8/9/10.
398 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
399 */
400[hidden],
401template {
402 display: none;
403}
404/* Iframe
405 ========================================================================== */
406iframe {
407 border: 0;
408}
409/* Fix viewport for IE10 snap mode
410 ========================================================================== */
411@media screen and (max-width: 400px) {
412 @-ms-viewport {
413 width: device-width;
414 }
415}
416/* ========================================================================
417 Component: Grid
418 ========================================================================== */
419/*
420 * 1. Makes grid more robust so that it can be used with other block elements like lists
421 */
422.uk-grid {
423 display: -ms-flexbox;
424 display: -webkit-flex;
425 display: flex;
426 -ms-flex-wrap: wrap;
427 -webkit-flex-wrap: wrap;
428 flex-wrap: wrap;
429 /* 1 */
430 margin: 0;
431 padding: 0;
432 list-style: none;
433}
434/*
435 * DEPRECATED
436 * Micro clearfix
437 * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit
438 */
439.uk-grid:before,
440.uk-grid:after {
441 content: "";
442 display: block;
443 overflow: hidden;
444}
445.uk-grid:after {
446 clear: both;
447}
448/*
449 * Grid cell
450 * 1. Space is allocated solely based on content dimensions
451 * 2. Makes grid more robust so that it can be used with other block elements
452 * 3. DEPRECATED Using `float` to support IE9
453 */
454.uk-grid > * {
455 /* 1 */
456 -ms-flex: none;
457 -webkit-flex: none;
458 flex: none;
459 /* 2 */
460 margin: 0;
461 /* 3 */
462 float: left;
463}
464/*
465 * Remove margin from the last-child
466 */
467.uk-grid > * > :last-child {
468 margin-bottom: 0;
469}
470/* Grid gutter
471 ========================================================================== */
472/*
473 * Default gutter
474 */
475/* Horizontal */
476.uk-grid {
477 margin-left: -25px;
478}
479.uk-grid > * {
480 padding-left: 25px;
481}
482/* Vertical */
483.uk-grid + .uk-grid,
484.uk-grid-margin,
485.uk-grid > * > .uk-panel + .uk-panel {
486 margin-top: 25px;
487}
488/* Large screen and bigger */
489@media (min-width: 1220px) {
490 /* Horizontal */
491 .uk-grid {
492 margin-left: -35px;
493 }
494 .uk-grid > * {
495 padding-left: 35px;
496 }
497 /* Vertical */
498 .uk-grid + .uk-grid,
499 .uk-grid-margin,
500 .uk-grid > * > .uk-panel + .uk-panel {
501 margin-top: 35px;
502 }
503}
504/*
505 * Collapse gutter
506 */
507/* Horizontal */
508.uk-grid-collapse {
509 margin-left: 0;
510}
511.uk-grid-collapse > * {
512 padding-left: 0;
513}
514/* Vertical */
515.uk-grid-collapse + .uk-grid-collapse,
516.uk-grid-collapse > .uk-grid-margin,
517.uk-grid-collapse > * > .uk-panel + .uk-panel {
518 margin-top: 0;
519}
520/*
521 * Small gutter
522 */
523/* Horizontal */
524.uk-grid-small {
525 margin-left: -10px;
526}
527.uk-grid-small > * {
528 padding-left: 10px;
529}
530/* Vertical */
531.uk-grid-small + .uk-grid-small,
532.uk-grid-small > .uk-grid-margin,
533.uk-grid-small > * > .uk-panel + .uk-panel {
534 margin-top: 10px;
535}
536/*
537 * Medium gutter
538 */
539/* Horizontal */
540.uk-grid-medium {
541 margin-left: -25px;
542}
543.uk-grid-medium > * {
544 padding-left: 25px;
545}
546/* Vertical */
547.uk-grid-medium + .uk-grid-medium,
548.uk-grid-medium > .uk-grid-margin,
549.uk-grid-medium > * > .uk-panel + .uk-panel {
550 margin-top: 25px;
551}
552/*
553 * Large gutter
554 */
555/* Large screen and bigger */
556@media (min-width: 960px) {
557 /* Horizontal */
558 .uk-grid-large {
559 margin-left: -35px;
560 }
561 .uk-grid-large > * {
562 padding-left: 35px;
563 }
564 /* Vertical */
565 .uk-grid-large + .uk-grid-large,
566 .uk-grid-large-margin,
567 .uk-grid-large > * > .uk-panel + .uk-panel {
568 margin-top: 35px;
569 }
570}
571/* Extra Large screens */
572@media (min-width: 1220px) {
573 /* Horizontal */
574 .uk-grid-large {
575 margin-left: -50px;
576 }
577 .uk-grid-large > * {
578 padding-left: 50px;
579 }
580 /* Vertical */
581 .uk-grid-large + .uk-grid-large,
582 .uk-grid-large-margin,
583 .uk-grid-large > * > .uk-panel + .uk-panel {
584 margin-top: 50px;
585 }
586}
587/* Modifier: `uk-grid-divider`
588 ========================================================================== */
589/*
590 * Horizontal divider
591 * Only works with the default gutter. Does not work with gutter collapse, small or large.
592 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.
593 */
594.uk-grid-divider:not(:empty) {
595 margin-left: -25px;
596 margin-right: -25px;
597}
598.uk-grid-divider > * {
599 padding-left: 25px;
600 padding-right: 25px;
601}
602.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
603.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
604.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
605.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
606.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
607.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
608.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
609.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
610.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
611 border-left: 1px solid #ddd;
612}
613/* Tablet and bigger */
614@media (min-width: 768px) {
615 .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
616 border-left: 1px solid #ddd;
617 }
618}
619/* Desktop and bigger */
620@media (min-width: 960px) {
621 .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
622 border-left: 1px solid #ddd;
623 }
624}
625/* Large screen and bigger */
626@media (min-width: 1220px) {
627 /*
628 * Large gutter
629 */
630 .uk-grid-divider:not(:empty) {
631 margin-left: -35px;
632 margin-right: -35px;
633 }
634 .uk-grid-divider > * {
635 padding-left: 35px;
636 padding-right: 35px;
637 }
638 .uk-grid-divider:empty {
639 margin-top: 35px;
640 margin-bottom: 35px;
641 }
642}
643/*
644 * Vertical divider
645 */
646.uk-grid-divider:empty {
647 margin-top: 25px;
648 margin-bottom: 25px;
649 border-top: 1px solid #ddd;
650}
651/* Match panels in grids
652 ========================================================================== */
653/*
654 * 1. Behave like a block element
655 */
656.uk-grid-match > * {
657 display: -ms-flexbox;
658 display: -webkit-flex;
659 display: flex;
660 /* 1 */
661 -ms-flex-wrap: wrap;
662 -webkit-flex-wrap: wrap;
663 flex-wrap: wrap;
664}
665.uk-grid-match > * > * {
666 /* 1 */
667 -ms-flex: none;
668 -webkit-flex: none;
669 flex: none;
670 box-sizing: border-box;
671 width: 100%;
672}
673/* Even grid cell widths
674 ========================================================================== */
675[class*='uk-grid-width'] > * {
676 box-sizing: border-box;
677 width: 100%;
678}
679.uk-grid-width-1-2 > * {
680 width: 50%;
681}
682.uk-grid-width-1-3 > * {
683 width: 33.333%;
684}
685.uk-grid-width-1-4 > * {
686 width: 25%;
687}
688.uk-grid-width-1-5 > * {
689 width: 20%;
690}
691.uk-grid-width-1-6 > * {
692 width: 16.666%;
693}
694.uk-grid-width-1-10 > * {
695 width: 10%;
696}
697.uk-grid-width-auto > * {
698 width: auto;
699}
700/* Phone landscape and bigger */
701@media (min-width: 480px) {
702 .uk-grid-width-small-1-1 > * {
703 width: 100%;
704 }
705 .uk-grid-width-small-1-2 > * {
706 width: 50%;
707 }
708 .uk-grid-width-small-1-3 > * {
709 width: 33.333%;
710 }
711 .uk-grid-width-small-1-4 > * {
712 width: 25%;
713 }
714 .uk-grid-width-small-1-5 > * {
715 width: 20%;
716 }
717 .uk-grid-width-small-1-6 > * {
718 width: 16.666%;
719 }
720 .uk-grid-width-small-1-10 > * {
721 width: 10%;
722 }
723}
724/* Tablet and bigger */
725@media (min-width: 768px) {
726 .uk-grid-width-medium-1-1 > * {
727 width: 100%;
728 }
729 .uk-grid-width-medium-1-2 > * {
730 width: 50%;
731 }
732 .uk-grid-width-medium-1-3 > * {
733 width: 33.333%;
734 }
735 .uk-grid-width-medium-1-4 > * {
736 width: 25%;
737 }
738 .uk-grid-width-medium-1-5 > * {
739 width: 20%;
740 }
741 .uk-grid-width-medium-1-6 > * {
742 width: 16.666%;
743 }
744 .uk-grid-width-medium-1-10 > * {
745 width: 10%;
746 }
747}
748/* Desktop and bigger */
749@media (min-width: 960px) {
750 .uk-grid-width-large-1-1 > * {
751 width: 100%;
752 }
753 .uk-grid-width-large-1-2 > * {
754 width: 50%;
755 }
756 .uk-grid-width-large-1-3 > * {
757 width: 33.333%;
758 }
759 .uk-grid-width-large-1-4 > * {
760 width: 25%;
761 }
762 .uk-grid-width-large-1-5 > * {
763 width: 20%;
764 }
765 .uk-grid-width-large-1-6 > * {
766 width: 16.666%;
767 }
768 .uk-grid-width-large-1-10 > * {
769 width: 10%;
770 }
771}
772/* Large screen and bigger */
773@media (min-width: 1220px) {
774 .uk-grid-width-xlarge-1-1 > * {
775 width: 100%;
776 }
777 .uk-grid-width-xlarge-1-2 > * {
778 width: 50%;
779 }
780 .uk-grid-width-xlarge-1-3 > * {
781 width: 33.333%;
782 }
783 .uk-grid-width-xlarge-1-4 > * {
784 width: 25%;
785 }
786 .uk-grid-width-xlarge-1-5 > * {
787 width: 20%;
788 }
789 .uk-grid-width-xlarge-1-6 > * {
790 width: 16.666%;
791 }
792 .uk-grid-width-xlarge-1-10 > * {
793 width: 10%;
794 }
795}
796/* Sub-objects: `uk-width-*`
797 ========================================================================== */
798[class*='uk-width'] {
799 box-sizing: border-box;
800 width: 100%;
801}
802/*
803 * Widths
804 */
805/* Whole */
806.uk-width-1-1 {
807 width: 100%;
808}
809/* Halves */
810.uk-width-1-2,
811.uk-width-2-4,
812.uk-width-3-6,
813.uk-width-5-10 {
814 width: 50%;
815}
816/* Thirds */
817.uk-width-1-3,
818.uk-width-2-6 {
819 width: 33.333%;
820}
821.uk-width-2-3,
822.uk-width-4-6 {
823 width: 66.666%;
824}
825/* Quarters */
826.uk-width-1-4 {
827 width: 25%;
828}
829.uk-width-3-4 {
830 width: 75%;
831}
832/* Fifths */
833.uk-width-1-5,
834.uk-width-2-10 {
835 width: 20%;
836}
837.uk-width-2-5,
838.uk-width-4-10 {
839 width: 40%;
840}
841.uk-width-3-5,
842.uk-width-6-10 {
843 width: 60%;
844}
845.uk-width-4-5,
846.uk-width-8-10 {
847 width: 80%;
848}
849/* Sixths */
850.uk-width-1-6 {
851 width: 16.666%;
852}
853.uk-width-5-6 {
854 width: 83.333%;
855}
856/* Tenths */
857.uk-width-1-10 {
858 width: 10%;
859}
860.uk-width-3-10 {
861 width: 30%;
862}
863.uk-width-7-10 {
864 width: 70%;
865}
866.uk-width-9-10 {
867 width: 90%;
868}
869/* Phone landscape and bigger */
870@media (min-width: 480px) {
871 /* Whole */
872 .uk-width-small-1-1 {
873 width: 100%;
874 }
875 /* Halves */
876 .uk-width-small-1-2,
877 .uk-width-small-2-4,
878 .uk-width-small-3-6,
879 .uk-width-small-5-10 {
880 width: 50%;
881 }
882 /* Thirds */
883 .uk-width-small-1-3,
884 .uk-width-small-2-6 {
885 width: 33.333%;
886 }
887 .uk-width-small-2-3,
888 .uk-width-small-4-6 {
889 width: 66.666%;
890 }
891 /* Quarters */
892 .uk-width-small-1-4 {
893 width: 25%;
894 }
895 .uk-width-small-3-4 {
896 width: 75%;
897 }
898 /* Fifths */
899 .uk-width-small-1-5,
900 .uk-width-small-2-10 {
901 width: 20%;
902 }
903 .uk-width-small-2-5,
904 .uk-width-small-4-10 {
905 width: 40%;
906 }
907 .uk-width-small-3-5,
908 .uk-width-small-6-10 {
909 width: 60%;
910 }
911 .uk-width-small-4-5,
912 .uk-width-small-8-10 {
913 width: 80%;
914 }
915 /* Sixths */
916 .uk-width-small-1-6 {
917 width: 16.666%;
918 }
919 .uk-width-small-5-6 {
920 width: 83.333%;
921 }
922 /* Tenths */
923 .uk-width-small-1-10 {
924 width: 10%;
925 }
926 .uk-width-small-3-10 {
927 width: 30%;
928 }
929 .uk-width-small-7-10 {
930 width: 70%;
931 }
932 .uk-width-small-9-10 {
933 width: 90%;
934 }
935}
936/* Tablet and bigger */
937@media (min-width: 768px) {
938 /* Whole */
939 .uk-width-medium-1-1 {
940 width: 100%;
941 }
942 /* Halves */
943 .uk-width-medium-1-2,
944 .uk-width-medium-2-4,
945 .uk-width-medium-3-6,
946 .uk-width-medium-5-10 {
947 width: 50%;
948 }
949 /* Thirds */
950 .uk-width-medium-1-3,
951 .uk-width-medium-2-6 {
952 width: 33.333%;
953 }
954 .uk-width-medium-2-3,
955 .uk-width-medium-4-6 {
956 width: 66.666%;
957 }
958 /* Quarters */
959 .uk-width-medium-1-4 {
960 width: 25%;
961 }
962 .uk-width-medium-3-4 {
963 width: 75%;
964 }
965 /* Fifths */
966 .uk-width-medium-1-5,
967 .uk-width-medium-2-10 {
968 width: 20%;
969 }
970 .uk-width-medium-2-5,
971 .uk-width-medium-4-10 {
972 width: 40%;
973 }
974 .uk-width-medium-3-5,
975 .uk-width-medium-6-10 {
976 width: 60%;
977 }
978 .uk-width-medium-4-5,
979 .uk-width-medium-8-10 {
980 width: 80%;
981 }
982 /* Sixths */
983 .uk-width-medium-1-6 {
984 width: 16.666%;
985 }
986 .uk-width-medium-5-6 {
987 width: 83.333%;
988 }
989 /* Tenths */
990 .uk-width-medium-1-10 {
991 width: 10%;
992 }
993 .uk-width-medium-3-10 {
994 width: 30%;
995 }
996 .uk-width-medium-7-10 {
997 width: 70%;
998 }
999 .uk-width-medium-9-10 {
1000 width: 90%;
1001 }
1002}
1003/* Desktop and bigger */
1004@media (min-width: 960px) {
1005 /* Whole */
1006 .uk-width-large-1-1 {
1007 width: 100%;
1008 }
1009 /* Halves */
1010 .uk-width-large-1-2,
1011 .uk-width-large-2-4,
1012 .uk-width-large-3-6,
1013 .uk-width-large-5-10 {
1014 width: 50%;
1015 }
1016 /* Thirds */
1017 .uk-width-large-1-3,
1018 .uk-width-large-2-6 {
1019 width: 33.333%;
1020 }
1021 .uk-width-large-2-3,
1022 .uk-width-large-4-6 {
1023 width: 66.666%;
1024 }
1025 /* Quarters */
1026 .uk-width-large-1-4 {
1027 width: 25%;
1028 }
1029 .uk-width-large-3-4 {
1030 width: 75%;
1031 }
1032 /* Fifths */
1033 .uk-width-large-1-5,
1034 .uk-width-large-2-10 {
1035 width: 20%;
1036 }
1037 .uk-width-large-2-5,
1038 .uk-width-large-4-10 {
1039 width: 40%;
1040 }
1041 .uk-width-large-3-5,
1042 .uk-width-large-6-10 {
1043 width: 60%;
1044 }
1045 .uk-width-large-4-5,
1046 .uk-width-large-8-10 {
1047 width: 80%;
1048 }
1049 /* Sixths */
1050 .uk-width-large-1-6 {
1051 width: 16.666%;
1052 }
1053 .uk-width-large-5-6 {
1054 width: 83.333%;
1055 }
1056 /* Tenths */
1057 .uk-width-large-1-10 {
1058 width: 10%;
1059 }
1060 .uk-width-large-3-10 {
1061 width: 30%;
1062 }
1063 .uk-width-large-7-10 {
1064 width: 70%;
1065 }
1066 .uk-width-large-9-10 {
1067 width: 90%;
1068 }
1069}
1070/* Large screen and bigger */
1071@media (min-width: 1220px) {
1072 /* Whole */
1073 .uk-width-xlarge-1-1 {
1074 width: 100%;
1075 }
1076 /* Halves */
1077 .uk-width-xlarge-1-2,
1078 .uk-width-xlarge-2-4,
1079 .uk-width-xlarge-3-6,
1080 .uk-width-xlarge-5-10 {
1081 width: 50%;
1082 }
1083 /* Thirds */
1084 .uk-width-xlarge-1-3,
1085 .uk-width-xlarge-2-6 {
1086 width: 33.333%;
1087 }
1088 .uk-width-xlarge-2-3,
1089 .uk-width-xlarge-4-6 {
1090 width: 66.666%;
1091 }
1092 /* Quarters */
1093 .uk-width-xlarge-1-4 {
1094 width: 25%;
1095 }
1096 .uk-width-xlarge-3-4 {
1097 width: 75%;
1098 }
1099 /* Fifths */
1100 .uk-width-xlarge-1-5,
1101 .uk-width-xlarge-2-10 {
1102 width: 20%;
1103 }
1104 .uk-width-xlarge-2-5,
1105 .uk-width-xlarge-4-10 {
1106 width: 40%;
1107 }
1108 .uk-width-xlarge-3-5,
1109 .uk-width-xlarge-6-10 {
1110 width: 60%;
1111 }
1112 .uk-width-xlarge-4-5,
1113 .uk-width-xlarge-8-10 {
1114 width: 80%;
1115 }
1116 /* Sixths */
1117 .uk-width-xlarge-1-6 {
1118 width: 16.666%;
1119 }
1120 .uk-width-xlarge-5-6 {
1121 width: 83.333%;
1122 }
1123 /* Tenths */
1124 .uk-width-xlarge-1-10 {
1125 width: 10%;
1126 }
1127 .uk-width-xlarge-3-10 {
1128 width: 30%;
1129 }
1130 .uk-width-xlarge-7-10 {
1131 width: 70%;
1132 }
1133 .uk-width-xlarge-9-10 {
1134 width: 90%;
1135 }
1136}
1137/* Sub-object: `uk-push-*` and `uk-pull-*`
1138 ========================================================================== */
1139/*
1140 * Source ordering
1141 * Works only with `uk-width-medium-*`
1142 */
1143/* Tablet and bigger */
1144@media (min-width: 768px) {
1145 [class*='uk-push-'],
1146 [class*='uk-pull-'] {
1147 position: relative;
1148 }
1149 /*
1150 * Push
1151 */
1152 /* Halves */
1153 .uk-push-1-2,
1154 .uk-push-2-4,
1155 .uk-push-3-6,
1156 .uk-push-5-10 {
1157 left: 50%;
1158 }
1159 /* Thirds */
1160 .uk-push-1-3,
1161 .uk-push-2-6 {
1162 left: 33.333%;
1163 }
1164 .uk-push-2-3,
1165 .uk-push-4-6 {
1166 left: 66.666%;
1167 }
1168 /* Quarters */
1169 .uk-push-1-4 {
1170 left: 25%;
1171 }
1172 .uk-push-3-4 {
1173 left: 75%;
1174 }
1175 /* Fifths */
1176 .uk-push-1-5,
1177 .uk-push-2-10 {
1178 left: 20%;
1179 }
1180 .uk-push-2-5,
1181 .uk-push-4-10 {
1182 left: 40%;
1183 }
1184 .uk-push-3-5,
1185 .uk-push-6-10 {
1186 left: 60%;
1187 }
1188 .uk-push-4-5,
1189 .uk-push-8-10 {
1190 left: 80%;
1191 }
1192 /* Sixths */
1193 .uk-push-1-6 {
1194 left: 16.666%;
1195 }
1196 .uk-push-5-6 {
1197 left: 83.333%;
1198 }
1199 /* Tenths */
1200 .uk-push-1-10 {
1201 left: 10%;
1202 }
1203 .uk-push-3-10 {
1204 left: 30%;
1205 }
1206 .uk-push-7-10 {
1207 left: 70%;
1208 }
1209 .uk-push-9-10 {
1210 left: 90%;
1211 }
1212 /*
1213 * Pull
1214 */
1215 /* Halves */
1216 .uk-pull-1-2,
1217 .uk-pull-2-4,
1218 .uk-pull-3-6,
1219 .uk-pull-5-10 {
1220 left: -50%;
1221 }
1222 /* Thirds */
1223 .uk-pull-1-3,
1224 .uk-pull-2-6 {
1225 left: -33.333%;
1226 }
1227 .uk-pull-2-3,
1228 .uk-pull-4-6 {
1229 left: -66.666%;
1230 }
1231 /* Quarters */
1232 .uk-pull-1-4 {
1233 left: -25%;
1234 }
1235 .uk-pull-3-4 {
1236 left: -75%;
1237 }
1238 /* Fifths */
1239 .uk-pull-1-5,
1240 .uk-pull-2-10 {
1241 left: -20%;
1242 }
1243 .uk-pull-2-5,
1244 .uk-pull-4-10 {
1245 left: -40%;
1246 }
1247 .uk-pull-3-5,
1248 .uk-pull-6-10 {
1249 left: -60%;
1250 }
1251 .uk-pull-4-5,
1252 .uk-pull-8-10 {
1253 left: -80%;
1254 }
1255 /* Sixths */
1256 .uk-pull-1-6 {
1257 left: -16.666%;
1258 }
1259 .uk-pull-5-6 {
1260 left: -83.333%;
1261 }
1262 /* Tenths */
1263 .uk-pull-1-10 {
1264 left: -10%;
1265 }
1266 .uk-pull-3-10 {
1267 left: -30%;
1268 }
1269 .uk-pull-7-10 {
1270 left: -70%;
1271 }
1272 .uk-pull-9-10 {
1273 left: -90%;
1274 }
1275}
1276/* ========================================================================
1277 Component: Panel
1278 ========================================================================== */
1279/*
1280 * 1. Needed for `a` elements
1281 * 2. Create position context for badges
1282 */
1283.uk-panel {
1284 /* 1 */
1285 display: block;
1286 /* 2 */
1287 position: relative;
1288}
1289/*
1290 * Allow panels to be anchors
1291 */
1292.uk-panel,
1293.uk-panel:hover {
1294 text-decoration: none;
1295}
1296/*
1297 * Micro clearfix to make panels more robust
1298 */
1299.uk-panel:before,
1300.uk-panel:after {
1301 content: "";
1302 display: table;
1303}
1304.uk-panel:after {
1305 clear: both;
1306}
1307/*
1308 * Remove margin from the last-child if not `uk-widget-title`
1309 */
1310.uk-panel > :not(.uk-panel-title):last-child {
1311 margin-bottom: 0;
1312}
1313/* Sub-object: `uk-panel-title`
1314 ========================================================================== */
1315.uk-panel-title {
1316 margin-top: 0;
1317 margin-bottom: 15px;
1318 font-size: 18px;
1319 line-height: 24px;
1320 font-weight: normal;
1321 text-transform: none;
1322 color: #444;
1323}
1324/* Sub-object: `uk-panel-badge`
1325 ========================================================================== */
1326.uk-panel-badge {
1327 position: absolute;
1328 top: 0;
1329 right: 0;
1330 z-index: 1;
1331}
1332/* Sub-object: `uk-panel-teaser`
1333 ========================================================================== */
1334.uk-panel-teaser {
1335 margin-bottom: 15px;
1336}
1337/* Sub-object: `uk-panel-body`
1338 ========================================================================== */
1339.uk-panel-body {
1340 padding: 15px;
1341}
1342/* Modifier: `uk-panel-box`
1343 ========================================================================== */
1344.uk-panel-box {
1345 padding: 15px;
1346 background: #fafafa;
1347 color: #444;
1348 border: 1px solid #ddd;
1349 border-radius: 4px;
1350}
1351.uk-panel-box-hover:hover {
1352 color: #444;
1353}
1354.uk-panel-box .uk-panel-title {
1355 color: #444;
1356}
1357.uk-panel-box .uk-panel-badge {
1358 top: 10px;
1359 right: 10px;
1360}
1361.uk-panel-box > .uk-panel-teaser {
1362 margin-top: -16px;
1363 margin-left: -16px;
1364 margin-right: -16px;
1365}
1366/*
1367 * Nav in panel
1368 */
1369.uk-panel-box > .uk-nav-side {
1370 margin: 0 -15px;
1371}
1372/*
1373 * Sub-modifier: `uk-panel-box-primary`
1374 */
1375.uk-panel-box-primary {
1376 background-color: #ebf7fd;
1377 color: #2d7091;
1378 border-color: rgba(45, 112, 145, 0.3);
1379}
1380.uk-panel-box-primary-hover:hover {
1381 color: #2d7091;
1382}
1383.uk-panel-box-primary .uk-panel-title {
1384 color: #2d7091;
1385}
1386/*
1387 * Sub-modifier: `uk-panel-box-secondary`
1388 */
1389.uk-panel-box-secondary {
1390 background-color: #fff;
1391 color: #444;
1392}
1393.uk-panel-box-secondary-hover:hover {
1394 color: #444;
1395}
1396.uk-panel-box-secondary .uk-panel-title {
1397 color: #444;
1398}
1399/* Modifier: `uk-panel-hover`
1400 ========================================================================== */
1401.uk-panel-hover {
1402 padding: 15px;
1403 color: #444;
1404 border: 1px solid transparent;
1405 border-radius: 4px;
1406}
1407.uk-panel-hover:hover {
1408 background: #fafafa;
1409 color: #444;
1410 border-color: #ddd;
1411}
1412.uk-panel-hover .uk-panel-badge {
1413 top: 10px;
1414 right: 10px;
1415}
1416.uk-panel-hover > .uk-panel-teaser {
1417 margin-top: -16px;
1418 margin-left: -16px;
1419 margin-right: -16px;
1420}
1421/* Modifier: `uk-panel-header`
1422 ========================================================================== */
1423.uk-panel-header .uk-panel-title {
1424 padding-bottom: 10px;
1425 border-bottom: 1px solid #ddd;
1426 color: #444;
1427}
1428/* Modifier: `uk-panel-space`
1429 ========================================================================== */
1430.uk-panel-space {
1431 padding: 30px;
1432}
1433.uk-panel-space .uk-panel-badge {
1434 top: 30px;
1435 right: 30px;
1436}
1437/* Modifier: `uk-panel-divider`
1438 ========================================================================== */
1439.uk-panel + .uk-panel-divider {
1440 margin-top: 50px !important;
1441}
1442.uk-panel + .uk-panel-divider:before {
1443 content: "";
1444 display: block;
1445 position: absolute;
1446 top: -25px;
1447 left: 0;
1448 right: 0;
1449 border-top: 1px solid #ddd;
1450}
1451/* Large screen and bigger */
1452@media (min-width: 1220px) {
1453 .uk-panel + .uk-panel-divider {
1454 margin-top: 70px !important;
1455 }
1456 .uk-panel + .uk-panel-divider:before {
1457 top: -35px;
1458 }
1459}
1460.uk-panel-box .uk-panel-teaser {
1461 border-top-left-radius: 4px;
1462 border-top-right-radius: 4px;
1463 overflow: hidden;
1464 -webkit-transform: translateZ(0);
1465}
1466/* ========================================================================
1467 Component: Block
1468 ========================================================================== */
1469.uk-block {
1470 position: relative;
1471 box-sizing: border-box;
1472 padding-top: 20px;
1473 padding-bottom: 20px;
1474}
1475/* Phone landscape and bigger */
1476@media (min-width: 768px) {
1477 .uk-block {
1478 padding-top: 50px;
1479 padding-bottom: 50px;
1480 }
1481}
1482/*
1483 * Micro clearfix to make blocks more robust
1484 */
1485.uk-block:before,
1486.uk-block:after {
1487 content: "";
1488 display: table;
1489}
1490.uk-block:after {
1491 clear: both;
1492}
1493/*
1494 * Remove margin from the last-child
1495 */
1496.uk-block > :last-child {
1497 margin-bottom: 0;
1498}
1499/* Padding Modifier
1500 ========================================================================== */
1501/*
1502 * Large padding
1503 */
1504.uk-block-large {
1505 padding-top: 20px;
1506 padding-bottom: 20px;
1507}
1508/* Tablets and bigger */
1509@media (min-width: 768px) {
1510 .uk-block-large {
1511 padding-top: 50px;
1512 padding-bottom: 50px;
1513 }
1514}
1515/* Desktop and bigger */
1516@media (min-width: 960px) {
1517 .uk-block-large {
1518 padding-top: 100px;
1519 padding-bottom: 100px;
1520 }
1521}
1522/* Color Modifier
1523 ========================================================================== */
1524/*
1525 * Default
1526 */
1527.uk-block-default {
1528 background: #fff;
1529}
1530/*
1531 * Muted
1532 */
1533.uk-block-muted {
1534 background: #f9f9f9;
1535}
1536/*
1537 * Primary
1538 */
1539.uk-block-primary {
1540 background: #00a8e6;
1541}
1542/*
1543 * Secondary
1544 */
1545.uk-block-secondary {
1546 background: #222;
1547}
1548/*
1549 * Adjust padding between equal colored blocks
1550 */
1551.uk-block-default + .uk-block-default,
1552.uk-block-muted + .uk-block-muted,
1553.uk-block-primary + .uk-block-primary,
1554.uk-block-secondary + .uk-block-secondary {
1555 padding-top: 0;
1556}
1557/* ========================================================================
1558 Component: Article
1559 ========================================================================== */
1560/*
1561 * Micro clearfix to make articles more robust
1562 */
1563.uk-article:before,
1564.uk-article:after {
1565 content: "";
1566 display: table;
1567}
1568.uk-article:after {
1569 clear: both;
1570}
1571/*
1572 * Remove margin from the last-child
1573 */
1574.uk-article > :last-child {
1575 margin-bottom: 0;
1576}
1577/*
1578 * Vertical gutter for articles
1579 */
1580.uk-article + .uk-article {
1581 margin-top: 25px;
1582}
1583/* Sub-object `uk-article-title`
1584 ========================================================================== */
1585.uk-article-title {
1586 font-size: 36px;
1587 line-height: 42px;
1588 font-weight: normal;
1589 text-transform: none;
1590}
1591.uk-article-title a {
1592 color: inherit;
1593 text-decoration: none;
1594}
1595/* Sub-object `uk-article-meta`
1596 ========================================================================== */
1597.uk-article-meta {
1598 font-size: 12px;
1599 line-height: 18px;
1600 color: #999;
1601}
1602/* Sub-object `uk-article-lead`
1603 ========================================================================== */
1604.uk-article-lead {
1605 color: #444;
1606 font-size: 18px;
1607 line-height: 24px;
1608 font-weight: normal;
1609}
1610/* Sub-object `uk-article-divider`
1611 ========================================================================== */
1612.uk-article-divider {
1613 margin-bottom: 25px;
1614 border-color: #ddd;
1615}
1616* + .uk-article-divider {
1617 margin-top: 25px;
1618}
1619.uk-article + .uk-article {
1620 padding-top: 25px;
1621 border-top: 1px solid #ddd;
1622}
1623/* ========================================================================
1624 Component: Comment
1625 ========================================================================== */
1626/* Sub-object `uk-comment-header`
1627 ========================================================================== */
1628.uk-comment-header {
1629 margin-bottom: 15px;
1630 padding: 10px;
1631 border: 1px solid #ddd;
1632 border-radius: 4px;
1633 background: #fafafa;
1634}
1635/*
1636 * Micro clearfix
1637 */
1638.uk-comment-header:before,
1639.uk-comment-header:after {
1640 content: "";
1641 display: table;
1642}
1643.uk-comment-header:after {
1644 clear: both;
1645}
1646/* Sub-object `uk-comment-avatar`
1647 ========================================================================== */
1648.uk-comment-avatar {
1649 margin-right: 15px;
1650 float: left;
1651}
1652/* Sub-object `uk-comment-title`
1653 ========================================================================== */
1654.uk-comment-title {
1655 margin: 5px 0 0 0;
1656 font-size: 16px;
1657 line-height: 22px;
1658}
1659/* Sub-object `uk-comment-meta`
1660 ========================================================================== */
1661.uk-comment-meta {
1662 margin: 2px 0 0 0;
1663 font-size: 11px;
1664 line-height: 16px;
1665 color: #999;
1666}
1667/* Sub-object `uk-comment-body`
1668 ========================================================================== */
1669.uk-comment-body {
1670 padding-left: 10px;
1671 padding-right: 10px;
1672}
1673/*
1674 * Remove margin from the last-child
1675 */
1676.uk-comment-body > :last-child {
1677 margin-bottom: 0;
1678}
1679/* Sub-object `uk-comment-list`
1680 ========================================================================== */
1681.uk-comment-list {
1682 padding: 0;
1683 list-style: none;
1684}
1685.uk-comment-list .uk-comment + ul {
1686 margin: 25px 0 0 0;
1687 list-style: none;
1688}
1689.uk-comment-list > li:nth-child(n+2),
1690.uk-comment-list .uk-comment + ul > li:nth-child(n+2) {
1691 margin-top: 25px;
1692}
1693/* Tablet and bigger */
1694@media (min-width: 768px) {
1695 .uk-comment-list .uk-comment + ul {
1696 padding-left: 100px;
1697 }
1698}
1699/* Modifier `uk-comment-primary`
1700 ========================================================================== */
1701.uk-comment-primary .uk-comment-header {
1702 border-color: rgba(45, 112, 145, 0.3);
1703 background-color: #ebf7fd;
1704 color: #2d7091;
1705 text-shadow: 0 1px 0 #fff;
1706}
1707/* ========================================================================
1708 Component: Cover
1709 ========================================================================== */
1710/*
1711 * Background image always covers and centers its element
1712 */
1713.uk-cover-background {
1714 background-position: 50% 50%;
1715 background-size: cover;
1716 background-repeat: no-repeat;
1717}
1718/*
1719 * Emulates image cover, works with video and image elements
1720 * 1. Parent container which clips resized object
1721 * 2. Resizes the object to always covers its container
1722 * 3. Reset the responsive image CSS
1723 * 4. Center object
1724 */
1725/* 1 */
1726.uk-cover {
1727 overflow: hidden;
1728}
1729.uk-cover-object {
1730 /* 2 */
1731 width: auto;
1732 height: auto;
1733 min-width: 100%;
1734 min-height: 100%;
1735 /* 3 */
1736 max-width: none;
1737 /* 4 */
1738 position: relative;
1739 left: 50%;
1740 top: 50%;
1741 -webkit-transform: translate(-50%, -50%);
1742 transform: translate(-50%, -50%);
1743}
1744/*
1745 * To center iframes use `data-uk-cover` JavaScript
1746 */
1747[data-uk-cover] {
1748 position: relative;
1749 left: 50%;
1750 top: 50%;
1751 -webkit-transform: translate(-50%, -50%);
1752 transform: translate(-50%, -50%);
1753}
1754/* ========================================================================
1755 Component: Nav
1756 ========================================================================== */
1757.uk-nav,
1758.uk-nav ul {
1759 margin: 0;
1760 padding: 0;
1761 list-style: none;
1762}
1763/*
1764 * Items
1765 */
1766.uk-nav li > a {
1767 display: block;
1768 text-decoration: none;
1769}
1770.uk-nav > li > a {
1771 padding: 5px 15px;
1772}
1773/*
1774 * Nested items
1775 */
1776.uk-nav ul {
1777 padding-left: 15px;
1778}
1779.uk-nav ul a {
1780 padding: 2px 0;
1781}
1782/*
1783 * Item subtitle
1784 */
1785.uk-nav li > a > div {
1786 font-size: 12px;
1787 line-height: 18px;
1788}
1789/* Sub-object: `uk-nav-header`
1790 ========================================================================== */
1791.uk-nav-header {
1792 padding: 5px 15px;
1793 text-transform: uppercase;
1794 font-weight: bold;
1795 font-size: 12px;
1796}
1797.uk-nav-header:not(:first-child) {
1798 margin-top: 15px;
1799}
1800/* Sub-object: `uk-nav-divider`
1801 ========================================================================== */
1802.uk-nav-divider {
1803 margin: 9px 15px;
1804}
1805/* Sub-object: `uk-nav-sub`
1806 ========================================================================== */
1807/*
1808 * `ul` needed for higher specificity to override padding
1809 */
1810ul.uk-nav-sub {
1811 padding: 5px 0 5px 15px;
1812}
1813/* Modifier: `uk-nav-parent-icon`
1814 ========================================================================== */
1815.uk-nav-parent-icon > .uk-parent > a:after {
1816 content: "\f104";
1817 width: 20px;
1818 margin-right: -10px;
1819 float: right;
1820 font-family: FontAwesome;
1821 text-align: center;
1822}
1823.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
1824 content: "\f107";
1825}
1826/* Modifier `uk-nav-side`
1827 ========================================================================== */
1828/*
1829 * Items
1830 */
1831.uk-nav-side > li > a {
1832 color: #444;
1833}
1834/*
1835 * Hover
1836 * 1. Apply hover style also to focus state
1837 * 2. Remove default focus style
1838 */
1839.uk-nav-side > li > a:hover,
1840.uk-nav-side > li > a:focus {
1841 background: rgba(0, 0, 0, 0.03);
1842 color: #444;
1843 /* 2 */
1844 outline: none;
1845 box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.06);
1846 text-shadow: 0 -1px 0 #fff;
1847}
1848/* Active */
1849.uk-nav-side > li.uk-active > a {
1850 background: #00a8e6;
1851 color: #fff;
1852 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
1853 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
1854}
1855/*
1856 * Sub-object: `uk-nav-header`
1857 */
1858.uk-nav-side .uk-nav-header {
1859 color: #444;
1860}
1861/*
1862 * Sub-object: `uk-nav-divider`
1863 */
1864.uk-nav-side .uk-nav-divider {
1865 border-top: 1px solid #ddd;
1866 box-shadow: 0 1px 0 #fff;
1867}
1868/*
1869 * Nested items
1870 */
1871.uk-nav-side ul a {
1872 color: #07D;
1873}
1874.uk-nav-side ul a:hover {
1875 color: #059;
1876}
1877/* Modifier `uk-nav-dropdown`
1878 ========================================================================== */
1879/*
1880 * Items
1881 */
1882.uk-nav-dropdown > li > a {
1883 color: #444;
1884}
1885/*
1886 * Hover
1887 * 1. Apply hover style also to focus state
1888 * 2. Remove default focus style
1889 */
1890.uk-nav-dropdown > li > a:hover,
1891.uk-nav-dropdown > li > a:focus {
1892 background: #00a8e6;
1893 color: #fff;
1894 /* 2 */
1895 outline: none;
1896 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
1897 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
1898}
1899/*
1900 * Sub-object: `uk-nav-header`
1901 */
1902.uk-nav-dropdown .uk-nav-header {
1903 color: #999;
1904}
1905/*
1906 * Sub-object: `uk-nav-divider`
1907 */
1908.uk-nav-dropdown .uk-nav-divider {
1909 border-top: 1px solid #ddd;
1910}
1911/*
1912 * Nested items
1913 */
1914.uk-nav-dropdown ul a {
1915 color: #07D;
1916}
1917.uk-nav-dropdown ul a:hover {
1918 color: #059;
1919}
1920/* Modifier `uk-nav-navbar`
1921 ========================================================================== */
1922/*
1923 * Items
1924 */
1925.uk-nav-navbar > li > a {
1926 color: #444;
1927}
1928/*
1929 * Hover
1930 * 1. Apply hover style also to focus state
1931 * 2. Remove default focus style
1932 */
1933.uk-nav-navbar > li > a:hover,
1934.uk-nav-navbar > li > a:focus {
1935 background: #00a8e6;
1936 color: #fff;
1937 /* 2 */
1938 outline: none;
1939 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
1940 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
1941}
1942/*
1943 * Sub-object: `uk-nav-header`
1944 */
1945.uk-nav-navbar .uk-nav-header {
1946 color: #999;
1947}
1948/*
1949 * Sub-object: `uk-nav-divider`
1950 */
1951.uk-nav-navbar .uk-nav-divider {
1952 border-top: 1px solid #ddd;
1953}
1954/*
1955 * Nested items
1956 */
1957.uk-nav-navbar ul a {
1958 color: #07D;
1959}
1960.uk-nav-navbar ul a:hover {
1961 color: #059;
1962}
1963/* Modifier `uk-nav-offcanvas`
1964 ========================================================================== */
1965/*
1966 * Items
1967 */
1968.uk-nav-offcanvas > li > a {
1969 color: #ccc;
1970 padding: 10px 15px;
1971 border-top: 1px solid rgba(0, 0, 0, 0.3);
1972 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
1973 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
1974}
1975/*
1976 * Hover
1977 * No hover on touch devices because it behaves buggy in fixed offcanvas
1978 * 1. Apply hover style also to focus state
1979 * 2. Remove default focus style
1980 */
1981.uk-nav-offcanvas > .uk-open > a,
1982html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
1983html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
1984 background: #404040;
1985 color: #fff;
1986 /* 2 */
1987 outline: none;
1988}
1989/*
1990 * Active
1991 * `html .uk-nav` needed for higher specificity to override hover
1992 */
1993html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
1994 background: #1a1a1a;
1995 color: #fff;
1996 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
1997}
1998/*
1999 * Sub-object: `uk-nav-header`
2000 */
2001.uk-nav-offcanvas .uk-nav-header {
2002 color: #777;
2003 margin-top: 0;
2004 border-top: 1px solid rgba(0, 0, 0, 0.3);
2005 background: #404040;
2006 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
2007 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
2008}
2009/*
2010 * Sub-object: `uk-nav-divider`
2011 */
2012.uk-nav-offcanvas .uk-nav-divider {
2013 border-top: 1px solid rgba(255, 255, 255, 0.01);
2014 margin: 0;
2015 height: 4px;
2016 background: rgba(0, 0, 0, 0.2);
2017 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
2018}
2019/*
2020 * Nested items
2021 * No hover on touch devices because it behaves buggy in fixed offcanvas
2022 */
2023.uk-nav-offcanvas ul a {
2024 color: #ccc;
2025}
2026html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
2027 color: #fff;
2028}
2029/*
2030 * Modifier `uk-nav-offcanvas`
2031 */
2032.uk-nav-offcanvas {
2033 border-bottom: 1px solid rgba(0, 0, 0, 0.3);
2034 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
2035}
2036/*
2037 * Sub-object: `uk-nav-sub`
2038 */
2039.uk-nav-offcanvas .uk-nav-sub {
2040 border-top: 1px solid rgba(0, 0, 0, 0.3);
2041 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
2042}
2043/* ========================================================================
2044 Component: Navbar
2045 ========================================================================== */
2046.uk-navbar {
2047 background: #f5f5f5;
2048 color: #444;
2049 border: 1px solid rgba(0, 0, 0, 0.06);
2050 border-radius: 4px;
2051}
2052/*
2053 * Micro clearfix
2054 */
2055.uk-navbar:before,
2056.uk-navbar:after {
2057 content: "";
2058 display: table;
2059}
2060.uk-navbar:after {
2061 clear: both;
2062}
2063/* Sub-object: `uk-navbar-nav`
2064 ========================================================================== */
2065.uk-navbar-nav {
2066 margin: 0;
2067 padding: 0;
2068 list-style: none;
2069 float: left;
2070}
2071/*
2072 * 1. Create position context for dropdowns
2073 */
2074.uk-navbar-nav > li {
2075 float: left;
2076 /* 1 */
2077 position: relative;
2078}
2079/*
2080 * 1. Dimensions
2081 * 2. Style
2082 */
2083.uk-navbar-nav > li > a {
2084 display: block;
2085 box-sizing: border-box;
2086 text-decoration: none;
2087 /* 1 */
2088 height: 41px;
2089 padding: 0 15px;
2090 line-height: 40px;
2091 /* 2 */
2092 color: #444;
2093 font-size: 14px;
2094 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
2095 font-weight: normal;
2096 margin-top: -1px;
2097 margin-left: -1px;
2098 border: 1px solid transparent;
2099 border-bottom-width: 0;
2100 text-shadow: 0 1px 0 #fff;
2101}
2102/* Appear not as link */
2103.uk-navbar-nav > li > a[href='#'] {
2104 cursor: text;
2105}
2106/*
2107 * Hover
2108 * 1. Apply hover style also to focus state
2109 * 2. Also apply if dropdown is opened
2110 * 3. Remove default focus style
2111 */
2112.uk-navbar-nav > li:hover > a,
2113.uk-navbar-nav > li > a:focus,
2114.uk-navbar-nav > li.uk-open > a {
2115 background-color: #fafafa;
2116 color: #444;
2117 /* 3 */
2118 outline: none;
2119 position: relative;
2120 z-index: 1;
2121 border-left-color: rgba(0, 0, 0, 0.1);
2122 border-right-color: rgba(0, 0, 0, 0.1);
2123 border-top-color: rgba(0, 0, 0, 0.1);
2124}
2125/* OnClick */
2126.uk-navbar-nav > li > a:active {
2127 background-color: #eee;
2128 color: #444;
2129 border-left-color: rgba(0, 0, 0, 0.1);
2130 border-right-color: rgba(0, 0, 0, 0.1);
2131 border-top-color: rgba(0, 0, 0, 0.2);
2132}
2133/* Active */
2134.uk-navbar-nav > li.uk-active > a {
2135 background-color: #fafafa;
2136 color: #444;
2137 border-left-color: rgba(0, 0, 0, 0.1);
2138 border-right-color: rgba(0, 0, 0, 0.1);
2139 border-top-color: rgba(0, 0, 0, 0.1);
2140}
2141/* Sub-objects: `uk-navbar-nav-subtitle`
2142 ========================================================================== */
2143.uk-navbar-nav .uk-navbar-nav-subtitle {
2144 line-height: 28px;
2145}
2146.uk-navbar-nav-subtitle > div {
2147 margin-top: -6px;
2148 font-size: 10px;
2149 line-height: 12px;
2150}
2151/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
2152 ========================================================================== */
2153/*
2154 * Imitate navbar items
2155 */
2156.uk-navbar-content,
2157.uk-navbar-brand,
2158.uk-navbar-toggle {
2159 box-sizing: border-box;
2160 display: block;
2161 height: 41px;
2162 padding: 0 15px;
2163 float: left;
2164 margin-top: -1px;
2165 text-shadow: 0 1px 0 #fff;
2166}
2167/*
2168 * Helper to center all child elements vertically
2169 */
2170.uk-navbar-content:before,
2171.uk-navbar-brand:before,
2172.uk-navbar-toggle:before {
2173 content: '';
2174 display: inline-block;
2175 height: 100%;
2176 vertical-align: middle;
2177}
2178/* Sub-objects: `uk-navbar-content`
2179 ========================================================================== */
2180/*
2181 * Better sibling spacing
2182 */
2183.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
2184 padding-left: 0;
2185}
2186/*
2187 * Link colors
2188 */
2189.uk-navbar-content > a:not([class]) {
2190 color: #07D;
2191}
2192.uk-navbar-content > a:not([class]):hover {
2193 color: #059;
2194}
2195/* Sub-objects: `uk-navbar-brand`
2196 ========================================================================== */
2197.uk-navbar-brand {
2198 font-size: 18px;
2199 color: #444;
2200 text-decoration: none;
2201}
2202/*
2203 * 1. Apply hover style also to focus state
2204 * 2. Remove default focus style
2205 */
2206.uk-navbar-brand:hover,
2207.uk-navbar-brand:focus {
2208 color: #444;
2209 text-decoration: none;
2210 /* 2 */
2211 outline: none;
2212}
2213/* Sub-object: `uk-navbar-toggle`
2214 ========================================================================== */
2215.uk-navbar-toggle {
2216 font-size: 18px;
2217 color: #444;
2218 text-decoration: none;
2219}
2220/*
2221 * 1. Apply hover style also to focus state
2222 * 2. Remove default focus style
2223 */
2224.uk-navbar-toggle:hover,
2225.uk-navbar-toggle:focus {
2226 color: #444;
2227 text-decoration: none;
2228 /* 2 */
2229 outline: none;
2230}
2231/*
2232 * 1. Center icon vertically
2233 */
2234.uk-navbar-toggle:after {
2235 content: "\f0c9";
2236 font-family: FontAwesome;
2237 /* 1 */
2238 vertical-align: middle;
2239}
2240.uk-navbar-toggle-alt:after {
2241 content: "\f002";
2242}
2243/* Sub-object: `uk-navbar-center`
2244 ========================================================================== */
2245/*
2246 * The element with this class needs to be last child in the navbar
2247 * 1. This hack is needed because other float elements shift centered text
2248 */
2249.uk-navbar-center {
2250 float: none;
2251 text-align: center;
2252 /* 1 */
2253 max-width: 50%;
2254 margin-left: auto;
2255 margin-right: auto;
2256}
2257/* Sub-object: `uk-navbar-flip`
2258 ========================================================================== */
2259.uk-navbar-flip {
2260 float: right;
2261}
2262/*
2263 * Apply same `border-radius` as `uk-navbar`
2264 */
2265.uk-navbar-nav:first-child > li:first-child > a {
2266 border-top-left-radius: 4px;
2267 border-bottom-left-radius: 4px;
2268}
2269/*
2270 * Sub-modifier `uk-navbar-flip`
2271 */
2272/* Collapse border */
2273.uk-navbar-flip .uk-navbar-nav > li > a {
2274 margin-left: 0;
2275 margin-right: -1px;
2276}
2277/* Apply same `border-radius` as `uk-navbar` */
2278.uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a {
2279 border-top-left-radius: 0;
2280 border-bottom-left-radius: 0;
2281}
2282.uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a {
2283 border-top-right-radius: 4px;
2284 border-bottom-right-radius: 4px;
2285}
2286/*
2287 * Sub-modifier `uk-navbar-attached`
2288 */
2289.uk-navbar-attached {
2290 border-top-color: transparent;
2291 border-left-color: transparent;
2292 border-right-color: transparent;
2293 border-radius: 0;
2294}
2295.uk-navbar-attached .uk-navbar-nav > li > a {
2296 border-radius: 0 !important;
2297}
2298/* ========================================================================
2299 Component: Subnav
2300 ========================================================================== */
2301/*
2302 * 1. Gutter
2303 * 2. Remove default list style
2304 */
2305.uk-subnav {
2306 display: -ms-flexbox;
2307 display: -webkit-flex;
2308 display: flex;
2309 -ms-flex-wrap: wrap;
2310 -webkit-flex-wrap: wrap;
2311 flex-wrap: wrap;
2312 /* 1 */
2313 margin-left: -10px;
2314 margin-top: -10px;
2315 /* 2 */
2316 padding: 0;
2317 list-style: none;
2318}
2319/*
2320 * 1. Space is allocated solely based on content dimensions
2321 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
2322 * 3. Create position context for dropdowns
2323 */
2324.uk-subnav > * {
2325 /* 1 */
2326 -ms-flex: none;
2327 -webkit-flex: none;
2328 flex: none;
2329 /* 2 */
2330 padding-left: 10px;
2331 margin-top: 10px;
2332 /* 3 */
2333 position: relative;
2334}
2335/*
2336 * DEPRECATED IE9 Support
2337 */
2338.uk-subnav:before,
2339.uk-subnav:after {
2340 content: "";
2341 display: block;
2342 overflow: hidden;
2343}
2344.uk-subnav:after {
2345 clear: both;
2346}
2347.uk-subnav > * {
2348 float: left;
2349}
2350/* Items
2351 ========================================================================== */
2352.uk-subnav > * > * {
2353 display: inline-block;
2354 color: #444;
2355}
2356/*
2357 * Hover
2358 * 1. Apply hover style also to focus state
2359 */
2360.uk-subnav > * > :hover,
2361.uk-subnav > * > :focus {
2362 color: #07D;
2363 text-decoration: none;
2364}
2365/*
2366 * Active
2367 */
2368.uk-subnav > .uk-active > * {
2369 color: #07D;
2370}
2371/* Modifier: 'subnav-line'
2372 ========================================================================== */
2373.uk-subnav-line > :before {
2374 content: "";
2375 display: inline-block;
2376 height: 10px;
2377 vertical-align: middle;
2378}
2379.uk-subnav-line > :nth-child(n+2):before {
2380 margin-right: 10px;
2381 border-left: 1px solid #ddd;
2382}
2383/* Modifier: 'subnav-pill'
2384 ========================================================================== */
2385.uk-subnav-pill > * > * {
2386 padding: 3px 9px;
2387 border-radius: 4px;
2388}
2389/*
2390 * Hover
2391 * 1. Apply hover style also to focus state
2392 * 2. Remove default focus style
2393 */
2394.uk-subnav-pill > * > :hover,
2395.uk-subnav-pill > * > :focus {
2396 background: #fafafa;
2397 color: #444;
2398 text-decoration: none;
2399 /* 2 */
2400 outline: none;
2401 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
2402}
2403/*
2404 * Active
2405 * `li` needed for higher specificity to override hover
2406 */
2407.uk-subnav-pill > .uk-active > * {
2408 background: #00a8e6;
2409 color: #fff;
2410 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
2411}
2412/* Disabled state
2413 ========================================================================== */
2414.uk-subnav > .uk-disabled > * {
2415 background: none;
2416 color: #999;
2417 text-decoration: none;
2418 cursor: text;
2419 box-shadow: none;
2420}
2421/* ========================================================================
2422 Component: Breadcrumb
2423 ========================================================================== */
2424/*
2425 * 1. Remove default list style
2426 * 2. Remove whitespace between child elements when using `inline-block`
2427 */
2428.uk-breadcrumb {
2429 /* 1 */
2430 padding: 0;
2431 list-style: none;
2432 /* 2 */
2433 font-size: 0.001px;
2434}
2435/* Items
2436 ========================================================================== */
2437/*
2438 * Reset whitespace hack
2439 */
2440.uk-breadcrumb > li {
2441 font-size: 1rem;
2442 vertical-align: top;
2443}
2444.uk-breadcrumb > li,
2445.uk-breadcrumb > li > a,
2446.uk-breadcrumb > li > span {
2447 display: inline-block;
2448}
2449.uk-breadcrumb > li:nth-child(n+2):before {
2450 content: "/";
2451 display: inline-block;
2452 margin: 0 8px;
2453}
2454/*
2455 * Disabled
2456 */
2457.uk-breadcrumb > li:not(.uk-active) > span {
2458 color: #999;
2459}
2460/* ========================================================================
2461 Component: Pagination
2462 ========================================================================== */
2463/*
2464 * 1. Remove default list style
2465 * 2. Center pagination by default
2466 * 3. Remove whitespace between child elements when using `inline-block`
2467 */
2468.uk-pagination {
2469 /* 1 */
2470 padding: 0;
2471 list-style: none;
2472 /* 2 */
2473 text-align: center;
2474 /* 3 */
2475 font-size: 0.001px;
2476}
2477/*
2478 * Micro clearfix
2479 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
2480 */
2481.uk-pagination:before,
2482.uk-pagination:after {
2483 content: "";
2484 display: table;
2485}
2486.uk-pagination:after {
2487 clear: both;
2488}
2489/* Items
2490 ========================================================================== */
2491/*
2492 * 1. Reset whitespace hack
2493 * 2. Remove the gap at the bottom of it container
2494 */
2495.uk-pagination > li {
2496 display: inline-block;
2497 /* 1 */
2498 font-size: 1rem;
2499 /* 2 */
2500 vertical-align: top;
2501}
2502.uk-pagination > li:nth-child(n+2) {
2503 margin-left: 5px;
2504}
2505/*
2506 * 1. Makes pagination more robust against different box-sizing use
2507 * 2. Reset text-align to center if alignment modifier is used
2508 */
2509.uk-pagination > li > a,
2510.uk-pagination > li > span {
2511 display: inline-block;
2512 min-width: 16px;
2513 padding: 3px 5px;
2514 line-height: 20px;
2515 text-decoration: none;
2516 /* 1 */
2517 box-sizing: content-box;
2518 /* 2 */
2519 text-align: center;
2520 border: 1px solid rgba(0, 0, 0, 0.06);
2521 border-radius: 4px;
2522}
2523/*
2524 * Links
2525 */
2526.uk-pagination > li > a {
2527 background: #f5f5f5;
2528 color: #444;
2529 text-shadow: 0 1px 0 #fff;
2530}
2531/*
2532 * Hover
2533 * 1. Apply hover style also to focus state
2534 * 2. Remove default focus style
2535 */
2536.uk-pagination > li > a:hover,
2537.uk-pagination > li > a:focus {
2538 background-color: #fafafa;
2539 color: #444;
2540 /* 2 */
2541 outline: none;
2542 border-color: rgba(0, 0, 0, 0.16);
2543}
2544/* OnClick */
2545.uk-pagination > li > a:active {
2546 background-color: #eee;
2547 color: #444;
2548}
2549/*
2550 * Active
2551 */
2552.uk-pagination > .uk-active > span {
2553 background: #00a8e6;
2554 color: #fff;
2555 border-color: transparent;
2556 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
2557 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
2558}
2559/*
2560 * Disabled
2561 */
2562.uk-pagination > .uk-disabled > span {
2563 background-color: #fafafa;
2564 color: #999;
2565 border: 1px solid rgba(0, 0, 0, 0.06);
2566 text-shadow: 0 1px 0 #fff;
2567}
2568/* Previous and next navigation
2569 ========================================================================== */
2570.uk-pagination-previous {
2571 float: left;
2572}
2573.uk-pagination-next {
2574 float: right;
2575}
2576/* Alignment modifiers
2577 ========================================================================== */
2578.uk-pagination-left {
2579 text-align: left;
2580}
2581.uk-pagination-right {
2582 text-align: right;
2583}
2584/* ========================================================================
2585 Component: Tab
2586 ========================================================================== */
2587.uk-tab {
2588 margin: 0;
2589 padding: 0;
2590 list-style: none;
2591 border-bottom: 1px solid #ddd;
2592}
2593/*
2594 * Micro clearfix on the deepest container
2595 */
2596.uk-tab:before,
2597.uk-tab:after {
2598 content: "";
2599 display: table;
2600}
2601.uk-tab:after {
2602 clear: both;
2603}
2604/*
2605 * Items
2606 * 1. Create position context for dropdowns
2607 */
2608.uk-tab > li {
2609 margin-bottom: -1px;
2610 float: left;
2611 /* 1 */
2612 position: relative;
2613}
2614.uk-tab > li > a {
2615 display: block;
2616 padding: 8px 12px 8px 12px;
2617 border: 1px solid transparent;
2618 border-bottom-width: 0;
2619 color: #07D;
2620 text-decoration: none;
2621 border-radius: 4px 4px 0 0;
2622 text-shadow: 0 1px 0 #fff;
2623}
2624.uk-tab > li:nth-child(n+2) > a {
2625 margin-left: 5px;
2626}
2627/*
2628 * Hover
2629 * 1. Apply hover style also to focus state
2630 * 2. Also apply if dropdown is opened
2631 * 3. Remove default focus style
2632 */
2633.uk-tab > li > a:hover,
2634.uk-tab > li > a:focus,
2635.uk-tab > li.uk-open > a {
2636 border-color: rgba(0, 0, 0, 0.06);
2637 background: #f5f5f5;
2638 color: #059;
2639 /* 2 */
2640 outline: none;
2641}
2642.uk-tab > li:not(.uk-active) > a:hover,
2643.uk-tab > li:not(.uk-active) > a:focus,
2644.uk-tab > li.uk-open:not(.uk-active) > a {
2645 margin-bottom: 1px;
2646 padding-bottom: 7px;
2647}
2648/* Active */
2649.uk-tab > li.uk-active > a {
2650 border-color: #ddd;
2651 border-bottom-color: transparent;
2652 background: #fff;
2653 color: #444;
2654}
2655/* Disabled */
2656.uk-tab > li.uk-disabled > a {
2657 color: #999;
2658 cursor: text;
2659}
2660.uk-tab > li.uk-disabled > a:hover,
2661.uk-tab > li.uk-disabled > a:focus,
2662.uk-tab > li.uk-disabled.uk-active > a {
2663 background: none;
2664 border-color: transparent;
2665}
2666/* Modifier: 'tab-flip'
2667 ========================================================================== */
2668.uk-tab-flip > li {
2669 float: right;
2670}
2671.uk-tab-flip > li:nth-child(n+2) > a {
2672 margin-left: 0;
2673 margin-right: 5px;
2674}
2675/* Modifier: 'tab-responsive'
2676 ========================================================================== */
2677.uk-tab > li.uk-tab-responsive > a {
2678 margin-left: 0;
2679 margin-right: 0;
2680}
2681/*
2682 * Icon
2683 */
2684.uk-tab-responsive > a:before {
2685 content: "\f0c9\00a0";
2686 font-family: FontAwesome;
2687}
2688/* Modifier: 'tab-center'
2689 ========================================================================== */
2690.uk-tab-center {
2691 border-bottom: 1px solid #ddd;
2692}
2693.uk-tab-center-bottom {
2694 border-bottom: none;
2695 border-top: 1px solid #ddd;
2696}
2697.uk-tab-center:before,
2698.uk-tab-center:after {
2699 content: "";
2700 display: table;
2701}
2702.uk-tab-center:after {
2703 clear: both;
2704}
2705/*
2706 * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs
2707 */
2708.uk-tab-center .uk-tab {
2709 position: relative;
2710 right: 50%;
2711 border: none;
2712 float: right;
2713}
2714.uk-tab-center .uk-tab > li {
2715 position: relative;
2716 right: -50%;
2717}
2718.uk-tab-center .uk-tab > li > a {
2719 text-align: center;
2720}
2721/* Modifier: 'tab-bottom'
2722 ========================================================================== */
2723.uk-tab-bottom {
2724 border-top: 1px solid #ddd;
2725 border-bottom: none;
2726}
2727.uk-tab-bottom > li {
2728 margin-top: -1px;
2729 margin-bottom: 0;
2730}
2731.uk-tab-bottom > li > a {
2732 padding-top: 8px;
2733 padding-bottom: 8px;
2734 border-bottom-width: 1px;
2735 border-top-width: 0;
2736}
2737.uk-tab-bottom > li:not(.uk-active) > a:hover,
2738.uk-tab-bottom > li:not(.uk-active) > a:focus,
2739.uk-tab-bottom > li.uk-open:not(.uk-active) > a {
2740 margin-bottom: 0;
2741 margin-top: 1px;
2742 padding-bottom: 8px;
2743 padding-top: 7px;
2744}
2745.uk-tab-bottom > li.uk-active > a {
2746 border-top-color: transparent;
2747 border-bottom-color: #ddd;
2748}
2749/* Modifier: 'tab-grid'
2750 ========================================================================== */
2751/*
2752 * 1. Create position context to prevent hidden border because of negative `z-index`
2753 */
2754.uk-tab-grid {
2755 margin-left: -5px;
2756 border-bottom: none;
2757 /* 1 */
2758 position: relative;
2759 z-index: 0;
2760}
2761.uk-tab-grid:before {
2762 display: block;
2763 position: absolute;
2764 left: 5px;
2765 right: 0;
2766 bottom: -1px;
2767 border-top: 1px solid #ddd;
2768 /* 1 */
2769 z-index: -1;
2770}
2771.uk-tab-grid > li:first-child > a {
2772 margin-left: 5px;
2773}
2774.uk-tab-grid > li > a {
2775 text-align: center;
2776}
2777/*
2778 * If `uk-tab-bottom`
2779 */
2780.uk-tab-grid.uk-tab-bottom {
2781 border-top: none;
2782}
2783.uk-tab-grid.uk-tab-bottom:before {
2784 top: -1px;
2785 bottom: auto;
2786}
2787/* Modifier: 'tab-left', 'tab-right'
2788 ========================================================================== */
2789/* Tablet and bigger */
2790@media (min-width: 768px) {
2791 .uk-tab-left,
2792 .uk-tab-right {
2793 border-bottom: none;
2794 }
2795 .uk-tab-left > li,
2796 .uk-tab-right > li {
2797 margin-bottom: 0;
2798 float: none;
2799 }
2800 .uk-tab-left > li > a,
2801 .uk-tab-right > li > a {
2802 padding-top: 8px;
2803 padding-bottom: 8px;
2804 }
2805 .uk-tab-left > li:nth-child(n+2) > a,
2806 .uk-tab-right > li:nth-child(n+2) > a {
2807 margin-left: 0;
2808 margin-top: 5px;
2809 }
2810 .uk-tab-left > li.uk-active > a,
2811 .uk-tab-right > li.uk-active > a {
2812 border-color: #ddd;
2813 }
2814 /*
2815 * Modifier: 'tab-left'
2816 */
2817 .uk-tab-left {
2818 border-right: 1px solid #ddd;
2819 }
2820 .uk-tab-left > li {
2821 margin-right: -1px;
2822 }
2823 .uk-tab-left > li > a {
2824 border-bottom-width: 1px;
2825 border-right-width: 0;
2826 }
2827 .uk-tab-left > li:not(.uk-active) > a:hover,
2828 .uk-tab-left > li:not(.uk-active) > a:focus {
2829 margin-bottom: 0;
2830 margin-right: 1px;
2831 padding-bottom: 8px;
2832 padding-right: 11px;
2833 }
2834 .uk-tab-left > li.uk-active > a {
2835 border-right-color: transparent;
2836 }
2837 /*
2838 * Modifier: 'tab-right'
2839 */
2840 .uk-tab-right {
2841 border-left: 1px solid #ddd;
2842 }
2843 .uk-tab-right > li {
2844 margin-left: -1px;
2845 }
2846 .uk-tab-right > li > a {
2847 border-bottom-width: 1px;
2848 border-left-width: 0;
2849 }
2850 .uk-tab-right > li:not(.uk-active) > a:hover,
2851 .uk-tab-right > li:not(.uk-active) > a:focus {
2852 margin-bottom: 0;
2853 margin-left: 1px;
2854 padding-bottom: 8px;
2855 padding-left: 11px;
2856 }
2857 .uk-tab-right > li.uk-active > a {
2858 border-left-color: transparent;
2859 }
2860}
2861/* Modifier: `uk-tab-bottom'
2862 ========================================================================== */
2863.uk-tab-bottom > li > a {
2864 border-radius: 0 0 4px 4px;
2865}
2866/* Modifier: `uk-tab-left', `uk-tab-right'
2867 ========================================================================== */
2868/* Tablet and bigger */
2869@media (min-width: 768px) {
2870 /*
2871 * Modifier: `uk-tab-left'
2872 */
2873 .uk-tab-left > li > a {
2874 border-radius: 4px 0 0 4px;
2875 }
2876 /*
2877 * Modifier: `uk-tab-right'
2878 */
2879 .uk-tab-right > li > a {
2880 border-radius: 0 4px 4px 0;
2881 }
2882}
2883/* ========================================================================
2884 Component: Thumbnav
2885 ========================================================================== */
2886/*
2887 * 1. Gutter
2888 * 2. Remove default list style
2889 */
2890.uk-thumbnav {
2891 display: -ms-flexbox;
2892 display: -webkit-flex;
2893 display: flex;
2894 -ms-flex-wrap: wrap;
2895 -webkit-flex-wrap: wrap;
2896 flex-wrap: wrap;
2897 /* 1 */
2898 margin-left: -10px;
2899 margin-top: -10px;
2900 /* 2 */
2901 padding: 0;
2902 list-style: none;
2903}
2904/*
2905 * 1. Space is allocated solely based on content dimensions
2906 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
2907 */
2908.uk-thumbnav > * {
2909 /* 1 */
2910 -ms-flex: none;
2911 -webkit-flex: none;
2912 flex: none;
2913 /* 2 */
2914 padding-left: 10px;
2915 margin-top: 10px;
2916}
2917/*
2918 * DEPRECATED IE9 Support
2919 */
2920.uk-thumbnav:before,
2921.uk-thumbnav:after {
2922 content: "";
2923 display: block;
2924 overflow: hidden;
2925}
2926.uk-thumbnav:after {
2927 clear: both;
2928}
2929.uk-thumbnav > * {
2930 float: left;
2931}
2932/* Items
2933 ========================================================================== */
2934.uk-thumbnav > * > * {
2935 display: block;
2936 background: #fff;
2937}
2938.uk-thumbnav > * > * > img {
2939 opacity: 0.7;
2940 -webkit-transition: opacity 0.15s linear;
2941 transition: opacity 0.15s linear;
2942}
2943/*
2944 * Hover
2945 */
2946.uk-thumbnav > * > :hover > img,
2947.uk-thumbnav > * > :focus > img {
2948 opacity: 1;
2949}
2950/*
2951 * Active
2952 */
2953.uk-thumbnav > .uk-active > * > img {
2954 opacity: 1;
2955}
2956/* ========================================================================
2957 Component: List
2958 ========================================================================== */
2959.uk-list {
2960 padding: 0;
2961 list-style: none;
2962}
2963/*
2964 * Micro clearfix to make list more robust
2965 */
2966.uk-list > li:before,
2967.uk-list > li:after {
2968 content: "";
2969 display: table;
2970}
2971.uk-list > li:after {
2972 clear: both;
2973}
2974/*
2975 * Remove margin from the last-child
2976 */
2977.uk-list > li > :last-child {
2978 margin-bottom: 0;
2979}
2980/*
2981 * Nested lists
2982 */
2983.uk-list ul {
2984 margin: 0;
2985 padding-left: 20px;
2986 list-style: none;
2987}
2988/* Modifier: `uk-list-line`
2989 ========================================================================== */
2990.uk-list-line > li:nth-child(n+2) {
2991 margin-top: 5px;
2992 padding-top: 5px;
2993 border-top: 1px solid #ddd;
2994}
2995/* Modifier: `uk-list-striped`
2996 ========================================================================== */
2997.uk-list-striped > li {
2998 padding: 5px 5px;
2999 border-bottom: 1px solid #ddd;
3000}
3001.uk-list-striped > li:nth-of-type(odd) {
3002 background: #fafafa;
3003}
3004/* Modifier: `uk-list-space`
3005 ========================================================================== */
3006.uk-list-space > li:nth-child(n+2) {
3007 margin-top: 10px;
3008}
3009.uk-list-striped > li:first-child {
3010 border-top: 1px solid #ddd;
3011}
3012/* ========================================================================
3013 Component: Description list
3014 ========================================================================== */
3015/* Modifier: `uk-description-list-horizontal`
3016 ========================================================================== */
3017/* Tablet and bigger */
3018@media (min-width: 768px) {
3019 .uk-description-list-horizontal {
3020 overflow: hidden;
3021 }
3022 .uk-description-list-horizontal > dt {
3023 width: 160px;
3024 float: left;
3025 clear: both;
3026 overflow: hidden;
3027 text-overflow: ellipsis;
3028 white-space: nowrap;
3029 }
3030 .uk-description-list-horizontal > dd {
3031 margin-left: 180px;
3032 }
3033}
3034/* Modifier: `uk-description-list-line`
3035 ========================================================================== */
3036.uk-description-list-line > dt {
3037 font-weight: normal;
3038}
3039.uk-description-list-line > dt:nth-child(n+2) {
3040 margin-top: 5px;
3041 padding-top: 5px;
3042 border-top: 1px solid #ddd;
3043}
3044.uk-description-list-line > dd {
3045 color: #999;
3046}
3047/* ========================================================================
3048 Component: Table
3049 ========================================================================== */
3050/*
3051 * 1. Remove most spacing between table cells.
3052 * 2. Block element behavior
3053 * 3. Style
3054 */
3055.uk-table {
3056 /* 1 */
3057 border-collapse: collapse;
3058 border-spacing: 0;
3059 /* 2 */
3060 width: 100%;
3061 /* 3 */
3062 margin-bottom: 15px;
3063}
3064/*
3065 * Add margin if adjacent element
3066 */
3067* + .uk-table {
3068 margin-top: 15px;
3069}
3070.uk-table th,
3071.uk-table td {
3072 padding: 8px 8px;
3073 border-bottom: 1px solid #ddd;
3074}
3075/*
3076 * Set alignment
3077 */
3078.uk-table th {
3079 text-align: left;
3080}
3081.uk-table td {
3082 vertical-align: top;
3083}
3084.uk-table thead th {
3085 vertical-align: bottom;
3086}
3087/*
3088 * Caption and footer
3089 */
3090.uk-table caption,
3091.uk-table tfoot {
3092 font-size: 12px;
3093 font-style: italic;
3094}
3095.uk-table caption {
3096 text-align: left;
3097 color: #999;
3098}
3099/*
3100 * Active State
3101 */
3102.uk-table tbody tr.uk-active {
3103 background: #f0f0f0;
3104}
3105/* Sub-modifier: `uk-table-middle`
3106 ========================================================================== */
3107.uk-table-middle,
3108.uk-table-middle td {
3109 vertical-align: middle !important;
3110}
3111/* Modifier: `uk-table-striped`
3112 ========================================================================== */
3113.uk-table-striped tbody tr:nth-of-type(odd) {
3114 background: #fafafa;
3115}
3116/* Modifier: `uk-table-condensed`
3117 ========================================================================== */
3118.uk-table-condensed td {
3119 padding: 4px 8px;
3120}
3121/* Modifier: `uk-table-hover`
3122 ========================================================================== */
3123.uk-table-hover tbody tr:hover {
3124 background: #f0f0f0;
3125}
3126/* ========================================================================
3127 Component: Form
3128 ========================================================================== */
3129/*
3130 * 1. Define consistent box sizing.
3131 * Default is `content-box` with following exceptions set to `border-box`
3132 * `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]`
3133 * `input[type="search"]` in Chrome, Safari and Opera
3134 * `input[type="color"]` in Firefox
3135 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
3136 * 3. Remove `border-radius` in iOS.
3137 * 4. Correct `font` properties and `color` not being inherited.
3138 */
3139.uk-form input,
3140.uk-form select,
3141.uk-form textarea {
3142 /* 1 */
3143 box-sizing: border-box;
3144 /* 2 */
3145 margin: 0;
3146 /* 3 */
3147 border-radius: 0;
3148 /* 4 */
3149 font: inherit;
3150 color: inherit;
3151}
3152/*
3153 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
3154 */
3155.uk-form select {
3156 text-transform: none;
3157}
3158/*
3159 * 1. Correct `font` properties not being inherited.
3160 * 2. Don't inherit the `font-weight` and use `bold` instead.
3161 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
3162 */
3163.uk-form optgroup {
3164 /* 1 */
3165 font: inherit;
3166 /* 2 */
3167 font-weight: bold;
3168}
3169/*
3170 * Removes inner padding and border in Firefox 4+.
3171 */
3172.uk-form input::-moz-focus-inner {
3173 border: 0;
3174 padding: 0;
3175}
3176/*
3177 * Removes excess padding in IE 8/9/10.
3178 */
3179.uk-form input[type="checkbox"],
3180.uk-form input[type="radio"] {
3181 padding: 0;
3182}
3183/*
3184 * Improves consistency of cursor style for clickable elements
3185 */
3186.uk-form input[type="checkbox"]:not(:disabled),
3187.uk-form input[type="radio"]:not(:disabled) {
3188 cursor: pointer;
3189}
3190/*
3191 * Remove default style in iOS.
3192 */
3193.uk-form textarea,
3194.uk-form input:not([type]),
3195.uk-form input[type="text"],
3196.uk-form input[type="password"],
3197.uk-form input[type="email"],
3198.uk-form input[type="url"],
3199.uk-form input[type="search"],
3200.uk-form input[type="tel"],
3201.uk-form input[type="number"],
3202.uk-form input[type="datetime"] {
3203 -webkit-appearance: none;
3204}
3205/*
3206 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
3207 */
3208.uk-form input[type="search"]::-webkit-search-cancel-button,
3209.uk-form input[type="search"]::-webkit-search-decoration {
3210 -webkit-appearance: none;
3211}
3212/*
3213 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
3214 * `font-size` values of the `input`, it causes the cursor style of the
3215 * decrement button to change from `default` to `text`.
3216 */
3217.uk-form input[type="number"]::-webkit-inner-spin-button,
3218.uk-form input[type="number"]::-webkit-outer-spin-button {
3219 height: auto;
3220}
3221/*
3222 * Define consistent border, margin, and padding.
3223 */
3224.uk-form fieldset {
3225 border: none;
3226 margin: 0;
3227 padding: 0;
3228}
3229/*
3230 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
3231 * 2. Improve readability and alignment in all browsers.
3232 */
3233.uk-form textarea {
3234 /* 1 */
3235 overflow: auto;
3236 /* 2 */
3237 vertical-align: top;
3238}
3239/*
3240 * Removes placeholder transparency in Firefox.
3241 */
3242.uk-form ::-moz-placeholder {
3243 opacity: 1;
3244}
3245/*
3246 * Removes `box-shadow` for invalid controls in Firefox.
3247 */
3248.uk-form :invalid {
3249 box-shadow: none;
3250}
3251/*
3252 * Vertical alignment
3253 */
3254.uk-form input:not([type="radio"]):not([type="checkbox"]),
3255.uk-form select {
3256 vertical-align: middle;
3257}
3258/* Style
3259 ========================================================================== */
3260/*
3261 * Remove margin from the last-child
3262 */
3263.uk-form > :last-child {
3264 margin-bottom: 0;
3265}
3266/*
3267 * Controls
3268 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
3269 * 1. Must be `height` because `min-height` is not working in OSX
3270 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
3271 * 3. Vertical `padding` needed for `select` elements in Firefox
3272 * 4. Style
3273 */
3274.uk-form select,
3275.uk-form textarea,
3276.uk-form input:not([type]),
3277.uk-form input[type="text"],
3278.uk-form input[type="password"],
3279.uk-form input[type="datetime"],
3280.uk-form input[type="datetime-local"],
3281.uk-form input[type="date"],
3282.uk-form input[type="month"],
3283.uk-form input[type="time"],
3284.uk-form input[type="week"],
3285.uk-form input[type="number"],
3286.uk-form input[type="email"],
3287.uk-form input[type="url"],
3288.uk-form input[type="search"],
3289.uk-form input[type="tel"],
3290.uk-form input[type="color"] {
3291 /* 1 */
3292 height: 30px;
3293 /* 2 */
3294 max-width: 100%;
3295 /* 3 */
3296 padding: 4px 6px;
3297 /* 4 */
3298 border: 1px solid #ddd;
3299 background: #fff;
3300 color: #444;
3301 -webkit-transition: all 0.2s linear;
3302 -webkit-transition-property: border, background, color, box-shadow, padding;
3303 transition: all 0.2s linear;
3304 transition-property: border, background, color, box-shadow, padding;
3305 border-radius: 4px;
3306}
3307.uk-form select:focus,
3308.uk-form textarea:focus,
3309.uk-form input:not([type]):focus,
3310.uk-form input[type="text"]:focus,
3311.uk-form input[type="password"]:focus,
3312.uk-form input[type="datetime"]:focus,
3313.uk-form input[type="datetime-local"]:focus,
3314.uk-form input[type="date"]:focus,
3315.uk-form input[type="month"]:focus,
3316.uk-form input[type="time"]:focus,
3317.uk-form input[type="week"]:focus,
3318.uk-form input[type="number"]:focus,
3319.uk-form input[type="email"]:focus,
3320.uk-form input[type="url"]:focus,
3321.uk-form input[type="search"]:focus,
3322.uk-form input[type="tel"]:focus,
3323.uk-form input[type="color"]:focus {
3324 border-color: #99baca;
3325 outline: 0;
3326 background: #f5fbfe;
3327 color: #444;
3328}
3329.uk-form select:disabled,
3330.uk-form textarea:disabled,
3331.uk-form input:not([type]):disabled,
3332.uk-form input[type="text"]:disabled,
3333.uk-form input[type="password"]:disabled,
3334.uk-form input[type="datetime"]:disabled,
3335.uk-form input[type="datetime-local"]:disabled,
3336.uk-form input[type="date"]:disabled,
3337.uk-form input[type="month"]:disabled,
3338.uk-form input[type="time"]:disabled,
3339.uk-form input[type="week"]:disabled,
3340.uk-form input[type="number"]:disabled,
3341.uk-form input[type="email"]:disabled,
3342.uk-form input[type="url"]:disabled,
3343.uk-form input[type="search"]:disabled,
3344.uk-form input[type="tel"]:disabled,
3345.uk-form input[type="color"]:disabled {
3346 border-color: #ddd;
3347 background-color: #fafafa;
3348 color: #999;
3349}
3350/*
3351 * Placeholder
3352 */
3353.uk-form :-ms-input-placeholder {
3354 color: #999 !important;
3355}
3356.uk-form ::-moz-placeholder {
3357 color: #999;
3358}
3359.uk-form ::-webkit-input-placeholder {
3360 color: #999;
3361}
3362.uk-form :disabled:-ms-input-placeholder {
3363 color: #999 !important;
3364}
3365.uk-form :disabled::-moz-placeholder {
3366 color: #999;
3367}
3368.uk-form :disabled::-webkit-input-placeholder {
3369 color: #999;
3370}
3371/*
3372 * Legend
3373 * 1. Behave like block element
3374 * 2. Correct `color` not being inherited in IE 8/9/10/11.
3375 * 3. Remove padding
3376 * 4. `margin-bottom` is not working in Safari and Opera.
3377 * Using `padding` and :after instead to create the border
3378 * 5. Style
3379 */
3380.uk-form legend {
3381 /* 1 */
3382 width: 100%;
3383 /* 2 */
3384 border: 0;
3385 /* 3 */
3386 padding: 0;
3387 /* 4 */
3388 padding-bottom: 15px;
3389 /* 5 */
3390 font-size: 18px;
3391 line-height: 30px;
3392}
3393/*
3394 * 1. Fixes IE9
3395 */
3396.uk-form legend:after {
3397 content: "";
3398 display: block;
3399 border-bottom: 1px solid #ddd;
3400 /* 1 */
3401 width: 100%;
3402}
3403/* Size modifiers
3404 * Higher specificity needed to override defaults
3405 ========================================================================== */
3406select.uk-form-small,
3407textarea.uk-form-small,
3408input[type].uk-form-small,
3409input:not([type]).uk-form-small {
3410 height: 25px;
3411 padding: 3px 3px;
3412 font-size: 12px;
3413}
3414select.uk-form-large,
3415textarea.uk-form-large,
3416input[type].uk-form-large,
3417input:not([type]).uk-form-large {
3418 height: 40px;
3419 padding: 8px 6px;
3420 font-size: 16px;
3421}
3422/* Reset height
3423 * Must be after size modifiers
3424 ========================================================================== */
3425.uk-form textarea,
3426.uk-form select[multiple],
3427.uk-form select[size] {
3428 height: auto;
3429}
3430/* Validation states
3431 * Using !important to keep the selector simple
3432 ========================================================================== */
3433/*
3434 * Error state
3435 */
3436.uk-form-danger {
3437 border-color: #dc8d99 !important;
3438 background: #fff7f8 !important;
3439 color: #d85030 !important;
3440}
3441/*
3442 * Success state
3443 */
3444.uk-form-success {
3445 border-color: #8ec73b !important;
3446 background: #fafff2 !important;
3447 color: #659f13 !important;
3448}
3449/* Style modifiers
3450 * Using !important to keep the selector simple
3451 ========================================================================== */
3452/*
3453 * Blank form
3454 */
3455.uk-form-blank {
3456 border-color: transparent !important;
3457 border-style: dashed !important;
3458 background: none !important;
3459}
3460.uk-form-blank:focus {
3461 border-color: #ddd !important;
3462}
3463/* Size sub-modifiers
3464 ========================================================================== */
3465/*
3466 * Fixed widths
3467 * Different widths for mini sized `input` and `select` elements
3468 */
3469input.uk-form-width-mini {
3470 width: 40px;
3471}
3472select.uk-form-width-mini {
3473 width: 65px;
3474}
3475.uk-form-width-small {
3476 width: 130px;
3477}
3478.uk-form-width-medium {
3479 width: 200px;
3480}
3481.uk-form-width-large {
3482 width: 500px;
3483}
3484/* Sub-objects: `uk-form-row`
3485 * Groups labels and controls in rows
3486 ========================================================================== */
3487/*
3488 * Micro clearfix
3489 * Needed for `uk-form-horizontal` modifier
3490 */
3491.uk-form-row:before,
3492.uk-form-row:after {
3493 content: "";
3494 display: table;
3495}
3496.uk-form-row:after {
3497 clear: both;
3498}
3499/*
3500 * Vertical gutter
3501 */
3502.uk-form-row + .uk-form-row {
3503 margin-top: 15px;
3504}
3505/* Help text
3506 * Sub-object: `uk-form-help-inline`, `uk-form-help-block`
3507 ========================================================================== */
3508.uk-form-help-inline {
3509 display: inline-block;
3510 margin: 0 0 0 10px;
3511}
3512.uk-form-help-block {
3513 margin: 5px 0 0 0;
3514}
3515/* Controls content
3516 * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`
3517 ========================================================================== */
3518/*
3519 * Remove margins
3520 */
3521.uk-form-controls > :first-child {
3522 margin-top: 0;
3523}
3524.uk-form-controls > :last-child {
3525 margin-bottom: 0;
3526}
3527/*
3528 * Group controls and text into blocks with a small spacing between blocks
3529 */
3530.uk-form-controls-condensed {
3531 margin: 5px 0;
3532}
3533/* Modifier: `uk-form-stacked`
3534 * Requires sub-object: `uk-form-label`
3535 ========================================================================== */
3536.uk-form-stacked .uk-form-label {
3537 display: block;
3538 margin-bottom: 5px;
3539 font-weight: bold;
3540}
3541/* Modifier: `uk-form-horizontal`
3542 * Requires sub-objects: `uk-form-label`, `uk-form-controls`
3543 ========================================================================== */
3544/* Tablet portrait and smaller */
3545@media (max-width: 959px) {
3546 /* Behave like `uk-form-stacked` */
3547 .uk-form-horizontal .uk-form-label {
3548 display: block;
3549 margin-bottom: 5px;
3550 font-weight: bold;
3551 }
3552}
3553/* Desktop and bigger */
3554@media (min-width: 960px) {
3555 .uk-form-horizontal .uk-form-label {
3556 width: 200px;
3557 margin-top: 5px;
3558 float: left;
3559 }
3560 .uk-form-horizontal .uk-form-controls {
3561 margin-left: 215px;
3562 }
3563 /* Better vertical alignment if controls are checkboxes and radio buttons with text */
3564 .uk-form-horizontal .uk-form-controls-text {
3565 padding-top: 5px;
3566 }
3567}
3568/* Sub-object: `uk-form-icon`
3569 ========================================================================== */
3570/*
3571 * 1. Container width fits its content
3572 * 2. Create position context
3573 * 3. Prevent `inline-block` consequences
3574 */
3575.uk-form-icon {
3576 /* 1 */
3577 display: inline-block;
3578 /* 2 */
3579 position: relative;
3580 /* 3 */
3581 max-width: 100%;
3582}
3583/*
3584 * 1. Make form element clickable through icon
3585 */
3586.uk-form-icon > [class*='uk-icon-'] {
3587 position: absolute;
3588 top: 50%;
3589 width: 30px;
3590 margin-top: -7px;
3591 font-size: 14px;
3592 color: #999;
3593 text-align: center;
3594 /* 1 */
3595 pointer-events: none;
3596}
3597.uk-form-icon:not(.uk-form-icon-flip) > input {
3598 padding-left: 30px !important;
3599}
3600/*
3601 * Sub-modifier: `uk-form-icon-flip`
3602 */
3603.uk-form-icon-flip > [class*='uk-icon-'] {
3604 right: 0;
3605}
3606.uk-form-icon-flip > input {
3607 padding-right: 30px !important;
3608}
3609/* ========================================================================
3610 Component: Button
3611 ========================================================================== */
3612/*
3613 * Removes inner padding and border in Firefox 4+.
3614 */
3615.uk-button::-moz-focus-inner {
3616 border: 0;
3617 padding: 0;
3618}
3619/*
3620 * 1. Correct inability to style clickable `input` types in iOS.
3621 * 2. Remove margins in Chrome, Safari and Opera.
3622 * 3. Remove borders for `button`.
3623 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
3624 * 5. Correct `font` properties and `color` not being inherited for `button`.
3625 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
3626 * 7. Style
3627 * 8. `line-height` is used to create a height
3628 * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
3629 * 10. Reset button group whitespace hack
3630 * 11. Required for `a`.
3631 */
3632.uk-button {
3633 /* 1 */
3634 -webkit-appearance: none;
3635 /* 2 */
3636 margin: 0;
3637 /* 3 */
3638 border: none;
3639 /* 4 */
3640 overflow: visible;
3641 /* 5 */
3642 font: inherit;
3643 color: #444;
3644 /* 6 */
3645 text-transform: none;
3646 /* 7 */
3647 display: inline-block;
3648 box-sizing: border-box;
3649 padding: 0 12px;
3650 background: #f5f5f5;
3651 vertical-align: middle;
3652 /* 8 */
3653 line-height: 28px;
3654 /* 9 */
3655 min-height: 30px;
3656 /* 10 */
3657 font-size: 1rem;
3658 /* 11 */
3659 text-decoration: none;
3660 text-align: center;
3661 border: 1px solid rgba(0, 0, 0, 0.06);
3662 border-radius: 4px;
3663 text-shadow: 0 1px 0 #fff;
3664}
3665.uk-button:not(:disabled) {
3666 cursor: pointer;
3667}
3668/*
3669 * Hover
3670 * 1. Apply hover style also to focus state
3671 * 2. Remove default focus style
3672 * 3. Required for `a` elements
3673 */
3674.uk-button:hover,
3675.uk-button:focus {
3676 background-color: #fafafa;
3677 color: #444;
3678 /* 2 */
3679 outline: none;
3680 /* 3 */
3681 text-decoration: none;
3682 border-color: rgba(0, 0, 0, 0.16);
3683}
3684/* Active */
3685.uk-button:active,
3686.uk-button.uk-active {
3687 background-color: #eee;
3688 color: #444;
3689}
3690/* Color modifiers
3691 ========================================================================== */
3692/*
3693 * Modifier: `uk-button-primary`
3694 */
3695.uk-button-primary {
3696 background-color: #00a8e6;
3697 color: #fff;
3698}
3699/* Hover */
3700.uk-button-primary:hover,
3701.uk-button-primary:focus {
3702 background-color: #35b3ee;
3703 color: #fff;
3704}
3705/* Active */
3706.uk-button-primary:active,
3707.uk-button-primary.uk-active {
3708 background-color: #0091ca;
3709 color: #fff;
3710}
3711/*
3712 * Modifier: `uk-button-success`
3713 */
3714.uk-button-success {
3715 background-color: #8cc14c;
3716 color: #fff;
3717}
3718/* Hover */
3719.uk-button-success:hover,
3720.uk-button-success:focus {
3721 background-color: #8ec73b;
3722 color: #fff;
3723}
3724/* Active */
3725.uk-button-success:active,
3726.uk-button-success.uk-active {
3727 background-color: #72ae41;
3728 color: #fff;
3729}
3730/*
3731 * Modifier: `uk-button-danger`
3732 */
3733.uk-button-danger {
3734 background-color: #da314b;
3735 color: #fff;
3736}
3737/* Hover */
3738.uk-button-danger:hover,
3739.uk-button-danger:focus {
3740 background-color: #e4354f;
3741 color: #fff;
3742}
3743/* Active */
3744.uk-button-danger:active,
3745.uk-button-danger.uk-active {
3746 background-color: #c91032;
3747 color: #fff;
3748}
3749/* Disabled state
3750 * Overrides also the color modifiers
3751 ========================================================================== */
3752/* Equal for all button types */
3753.uk-button:disabled {
3754 background-color: #fafafa;
3755 color: #999;
3756 border-color: rgba(0, 0, 0, 0.06);
3757 box-shadow: none;
3758 text-shadow: 0 1px 0 #fff;
3759}
3760/* Modifier: `uk-button-link`
3761 ========================================================================== */
3762/* Reset */
3763.uk-button-link,
3764.uk-button-link:hover,
3765.uk-button-link:focus,
3766.uk-button-link:active,
3767.uk-button-link.uk-active,
3768.uk-button-link:disabled {
3769 border-color: transparent;
3770 background: none;
3771 box-shadow: none;
3772 text-shadow: none;
3773}
3774/* Color */
3775.uk-button-link {
3776 color: #07D;
3777}
3778.uk-button-link:hover,
3779.uk-button-link:focus,
3780.uk-button-link:active,
3781.uk-button-link.uk-active {
3782 color: #059;
3783 text-decoration: underline;
3784}
3785.uk-button-link:disabled {
3786 color: #999;
3787}
3788/* Focus */
3789.uk-button-link:focus {
3790 outline: 1px dotted;
3791}
3792/* Size modifiers
3793 ========================================================================== */
3794.uk-button-mini {
3795 min-height: 20px;
3796 padding: 0 6px;
3797 line-height: 18px;
3798 font-size: 11px;
3799}
3800.uk-button-small {
3801 min-height: 25px;
3802 padding: 0 10px;
3803 line-height: 23px;
3804 font-size: 12px;
3805}
3806.uk-button-large {
3807 min-height: 40px;
3808 padding: 0 15px;
3809 line-height: 38px;
3810 font-size: 16px;
3811 border-radius: 5px;
3812}
3813/* Sub-object `uk-button-group`
3814 ========================================================================== */
3815/*
3816 * 1. Behave like buttons
3817 * 2. Create position context for dropdowns
3818 * 3. Remove whitespace between child elements when using `inline-block`
3819 * 4. Prevent buttons from wrapping
3820 * 5. Remove whitespace between child elements when using `inline-block`
3821 */
3822.uk-button-group {
3823 /* 1 */
3824 display: inline-block;
3825 vertical-align: middle;
3826 /* 2 */
3827 position: relative;
3828 /* 3 */
3829 font-size: 0.001px;
3830 /* 4 */
3831 white-space: nowrap;
3832}
3833.uk-button-group > * {
3834 display: inline-block;
3835}
3836/* 5 */
3837.uk-button-group .uk-button {
3838 vertical-align: top;
3839}
3840/* Sub-object: `uk-button-dropdown`
3841 ========================================================================== */
3842/*
3843 * 1. Behave like buttons
3844 * 2. Create position context for dropdowns
3845 */
3846.uk-button-dropdown {
3847 /* 1 */
3848 display: inline-block;
3849 vertical-align: middle;
3850 /* 2 */
3851 position: relative;
3852}
3853/* Color modifiers
3854 ========================================================================== */
3855.uk-button-primary,
3856.uk-button-success,
3857.uk-button-danger {
3858 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
3859 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
3860}
3861.uk-button-primary:hover,
3862.uk-button-primary:focus,
3863.uk-button-success:hover,
3864.uk-button-success:focus,
3865.uk-button-danger:hover,
3866.uk-button-danger:focus {
3867 border-color: rgba(0, 0, 0, 0.21);
3868}
3869/* Sub-object `uk-button-group`
3870 ========================================================================== */
3871/*
3872 * Reset border-radius
3873 */
3874.uk-button-group > .uk-button:not(:first-child):not(:last-child),
3875.uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
3876 border-left-color: rgba(0, 0, 0, 0.1);
3877 border-right-color: rgba(0, 0, 0, 0.1);
3878 border-radius: 0;
3879}
3880.uk-button-group > .uk-button:first-child,
3881.uk-button-group > div:first-child .uk-button {
3882 border-right-color: rgba(0, 0, 0, 0.1);
3883 border-top-right-radius: 0;
3884 border-bottom-right-radius: 0;
3885}
3886.uk-button-group > .uk-button:last-child,
3887.uk-button-group > div:last-child .uk-button {
3888 border-left-color: rgba(0, 0, 0, 0.1);
3889 border-top-left-radius: 0;
3890 border-bottom-left-radius: 0;
3891}
3892/*
3893 * Collapse border
3894 */
3895.uk-button-group > .uk-button:nth-child(n+2),
3896.uk-button-group > div:nth-child(n+2) .uk-button {
3897 margin-left: -1px;
3898}
3899/*
3900 * Create position context to superimpose the successor elements border
3901 * Known issue: If you use an `a` element as button and an icon inside,
3902 * the active state will not work if you click the icon inside the button
3903 * Workaround: Just use a `button` or `input` element as button
3904 */
3905.uk-button-group .uk-button:hover,
3906.uk-button-group .uk-button:active,
3907.uk-button-group .uk-button.uk-active {
3908 position: relative;
3909}
3910/* ========================================================================
3911 Component: Icon
3912 ========================================================================== */
3913@font-face {
3914 font-family: 'FontAwesome';
3915 src: url("../fonts/fontawesome-webfont.woff2") format('woff2'), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
3916 font-weight: normal;
3917 font-style: normal;
3918}
3919/*
3920 * 1. Allow margin
3921 * 2. Prevent inherit font style
3922 * 4. Correct line-height
3923 * 5. Better font rendering
3924 * 6. Remove `text-decoration` for anchors
3925 */
3926[class*='uk-icon-'] {
3927 font-family: FontAwesome;
3928 /* 1 */
3929 display: inline-block;
3930 /* 2 */
3931 font-weight: normal;
3932 font-style: normal;
3933 /* 4 */
3934 line-height: 1;
3935 /* 5 */
3936 -webkit-font-smoothing: antialiased;
3937 -moz-osx-font-smoothing: grayscale;
3938}
3939/* 6 */
3940[class*='uk-icon-'],
3941[class*='uk-icon-']:hover,
3942[class*='uk-icon-']:focus {
3943 text-decoration: none;
3944}
3945/* Size modifiers
3946 ========================================================================== */
3947.uk-icon-small {
3948 font-size: 150%;
3949 vertical-align: -10%;
3950}
3951.uk-icon-medium {
3952 font-size: 200%;
3953 vertical-align: -16%;
3954}
3955.uk-icon-large {
3956 font-size: 250%;
3957 vertical-align: -22%;
3958}
3959/* Modifier: `uk-icon-justify`
3960 ========================================================================== */
3961.uk-icon-justify {
3962 width: 1em;
3963 text-align: center;
3964}
3965/* Modifier: `uk-icon-spin`
3966 ========================================================================== */
3967.uk-icon-spin {
3968 display: inline-block;
3969 -webkit-animation: uk-rotate 2s infinite linear;
3970 animation: uk-rotate 2s infinite linear;
3971}
3972/* Modifier: `uk-icon-hover`
3973 ========================================================================== */
3974.uk-icon-hover {
3975 color: #999;
3976}
3977/*
3978 * Hover
3979 */
3980.uk-icon-hover:hover {
3981 color: #444;
3982}
3983/* Modifier: `uk-icon-button`
3984 ========================================================================== */
3985.uk-icon-button {
3986 box-sizing: border-box;
3987 display: inline-block;
3988 width: 35px;
3989 height: 35px;
3990 border-radius: 100%;
3991 background: #f5f5f5;
3992 line-height: 35px;
3993 color: #444;
3994 font-size: 18px;
3995 text-align: center;
3996 border: 1px solid #e7e7e7;
3997 text-shadow: 0 1px 0 #fff;
3998}
3999/*
4000 * Hover
4001 * 1. Apply hover style also to focus state
4002 * 2. Remove default focus style
4003 */
4004.uk-icon-button:hover,
4005.uk-icon-button:focus {
4006 background-color: #fafafa;
4007 color: #444;
4008 /* 2 */
4009 outline: none;
4010 border-color: #d3d3d3;
4011}
4012/* Active */
4013.uk-icon-button:active {
4014 background-color: #eee;
4015 color: #444;
4016}
4017/* Icon mapping
4018 ========================================================================== */
4019.uk-icon-glass:before {
4020 content: "\f000";
4021}
4022.uk-icon-music:before {
4023 content: "\f001";
4024}
4025.uk-icon-search:before {
4026 content: "\f002";
4027}
4028.uk-icon-envelope-o:before {
4029 content: "\f003";
4030}
4031.uk-icon-heart:before {
4032 content: "\f004";
4033}
4034.uk-icon-star:before {
4035 content: "\f005";
4036}
4037.uk-icon-star-o:before {
4038 content: "\f006";
4039}
4040.uk-icon-user:before {
4041 content: "\f007";
4042}
4043.uk-icon-film:before {
4044 content: "\f008";
4045}
4046.uk-icon-th-large:before {
4047 content: "\f009";
4048}
4049.uk-icon-th:before {
4050 content: "\f00a";
4051}
4052.uk-icon-th-list:before {
4053 content: "\f00b";
4054}
4055.uk-icon-check:before {
4056 content: "\f00c";
4057}
4058.uk-icon-remove:before,
4059.uk-icon-close:before,
4060.uk-icon-times:before {
4061 content: "\f00d";
4062}
4063.uk-icon-search-plus:before {
4064 content: "\f00e";
4065}
4066.uk-icon-search-minus:before {
4067 content: "\f010";
4068}
4069.uk-icon-power-off:before {
4070 content: "\f011";
4071}
4072.uk-icon-signal:before {
4073 content: "\f012";
4074}
4075.uk-icon-gear:before,
4076.uk-icon-cog:before {
4077 content: "\f013";
4078}
4079.uk-icon-trash-o:before {
4080 content: "\f014";
4081}
4082.uk-icon-home:before {
4083 content: "\f015";
4084}
4085.uk-icon-file-o:before {
4086 content: "\f016";
4087}
4088.uk-icon-clock-o:before {
4089 content: "\f017";
4090}
4091.uk-icon-road:before {
4092 content: "\f018";
4093}
4094.uk-icon-download:before {
4095 content: "\f019";
4096}
4097.uk-icon-arrow-circle-o-down:before {
4098 content: "\f01a";
4099}
4100.uk-icon-arrow-circle-o-up:before {
4101 content: "\f01b";
4102}
4103.uk-icon-inbox:before {
4104 content: "\f01c";
4105}
4106.uk-icon-play-circle-o:before {
4107 content: "\f01d";
4108}
4109.uk-icon-rotate-right:before,
4110.uk-icon-repeat:before {
4111 content: "\f01e";
4112}
4113.uk-icon-refresh:before {
4114 content: "\f021";
4115}
4116.uk-icon-list-alt:before {
4117 content: "\f022";
4118}
4119.uk-icon-lock:before {
4120 content: "\f023";
4121}
4122.uk-icon-flag:before {
4123 content: "\f024";
4124}
4125.uk-icon-headphones:before {
4126 content: "\f025";
4127}
4128.uk-icon-volume-off:before {
4129 content: "\f026";
4130}
4131.uk-icon-volume-down:before {
4132 content: "\f027";
4133}
4134.uk-icon-volume-up:before {
4135 content: "\f028";
4136}
4137.uk-icon-qrcode:before {
4138 content: "\f029";
4139}
4140.uk-icon-barcode:before {
4141 content: "\f02a";
4142}
4143.uk-icon-tag:before {
4144 content: "\f02b";
4145}
4146.uk-icon-tags:before {
4147 content: "\f02c";
4148}
4149.uk-icon-book:before {
4150 content: "\f02d";
4151}
4152.uk-icon-bookmark:before {
4153 content: "\f02e";
4154}
4155.uk-icon-print:before {
4156 content: "\f02f";
4157}
4158.uk-icon-camera:before {
4159 content: "\f030";
4160}
4161.uk-icon-font:before {
4162 content: "\f031";
4163}
4164.uk-icon-bold:before {
4165 content: "\f032";
4166}
4167.uk-icon-italic:before {
4168 content: "\f033";
4169}
4170.uk-icon-text-height:before {
4171 content: "\f034";
4172}
4173.uk-icon-text-width:before {
4174 content: "\f035";
4175}
4176.uk-icon-align-left:before {
4177 content: "\f036";
4178}
4179.uk-icon-align-center:before {
4180 content: "\f037";
4181}
4182.uk-icon-align-right:before {
4183 content: "\f038";
4184}
4185.uk-icon-align-justify:before {
4186 content: "\f039";
4187}
4188.uk-icon-list:before {
4189 content: "\f03a";
4190}
4191.uk-icon-dedent:before,
4192.uk-icon-outdent:before {
4193 content: "\f03b";
4194}
4195.uk-icon-indent:before {
4196 content: "\f03c";
4197}
4198.uk-icon-video-camera:before {
4199 content: "\f03d";
4200}
4201.uk-icon-photo:before,
4202.uk-icon-image:before,
4203.uk-icon-picture-o:before {
4204 content: "\f03e";
4205}
4206.uk-icon-pencil:before {
4207 content: "\f040";
4208}
4209.uk-icon-map-marker:before {
4210 content: "\f041";
4211}
4212.uk-icon-adjust:before {
4213 content: "\f042";
4214}
4215.uk-icon-tint:before {
4216 content: "\f043";
4217}
4218.uk-icon-edit:before,
4219.uk-icon-pencil-square-o:before {
4220 content: "\f044";
4221}
4222.uk-icon-share-square-o:before {
4223 content: "\f045";
4224}
4225.uk-icon-check-square-o:before {
4226 content: "\f046";
4227}
4228.uk-icon-arrows:before {
4229 content: "\f047";
4230}
4231.uk-icon-step-backward:before {
4232 content: "\f048";
4233}
4234.uk-icon-fast-backward:before {
4235 content: "\f049";
4236}
4237.uk-icon-backward:before {
4238 content: "\f04a";
4239}
4240.uk-icon-play:before {
4241 content: "\f04b";
4242}
4243.uk-icon-pause:before {
4244 content: "\f04c";
4245}
4246.uk-icon-stop:before {
4247 content: "\f04d";
4248}
4249.uk-icon-forward:before {
4250 content: "\f04e";
4251}
4252.uk-icon-fast-forward:before {
4253 content: "\f050";
4254}
4255.uk-icon-step-forward:before {
4256 content: "\f051";
4257}
4258.uk-icon-eject:before {
4259 content: "\f052";
4260}
4261.uk-icon-chevron-left:before {
4262 content: "\f053";
4263}
4264.uk-icon-chevron-right:before {
4265 content: "\f054";
4266}
4267.uk-icon-plus-circle:before {
4268 content: "\f055";
4269}
4270.uk-icon-minus-circle:before {
4271 content: "\f056";
4272}
4273.uk-icon-times-circle:before {
4274 content: "\f057";
4275}
4276.uk-icon-check-circle:before {
4277 content: "\f058";
4278}
4279.uk-icon-question-circle:before {
4280 content: "\f059";
4281}
4282.uk-icon-info-circle:before {
4283 content: "\f05a";
4284}
4285.uk-icon-crosshairs:before {
4286 content: "\f05b";
4287}
4288.uk-icon-times-circle-o:before {
4289 content: "\f05c";
4290}
4291.uk-icon-check-circle-o:before {
4292 content: "\f05d";
4293}
4294.uk-icon-ban:before {
4295 content: "\f05e";
4296}
4297.uk-icon-arrow-left:before {
4298 content: "\f060";
4299}
4300.uk-icon-arrow-right:before {
4301 content: "\f061";
4302}
4303.uk-icon-arrow-up:before {
4304 content: "\f062";
4305}
4306.uk-icon-arrow-down:before {
4307 content: "\f063";
4308}
4309.uk-icon-mail-forward:before,
4310.uk-icon-share:before {
4311 content: "\f064";
4312}
4313.uk-icon-expand:before {
4314 content: "\f065";
4315}
4316.uk-icon-compress:before {
4317 content: "\f066";
4318}
4319.uk-icon-plus:before {
4320 content: "\f067";
4321}
4322.uk-icon-minus:before {
4323 content: "\f068";
4324}
4325.uk-icon-asterisk:before {
4326 content: "\f069";
4327}
4328.uk-icon-exclamation-circle:before {
4329 content: "\f06a";
4330}
4331.uk-icon-gift:before {
4332 content: "\f06b";
4333}
4334.uk-icon-leaf:before {
4335 content: "\f06c";
4336}
4337.uk-icon-fire:before {
4338 content: "\f06d";
4339}
4340.uk-icon-eye:before {
4341 content: "\f06e";
4342}
4343.uk-icon-eye-slash:before {
4344 content: "\f070";
4345}
4346.uk-icon-warning:before,
4347.uk-icon-exclamation-triangle:before {
4348 content: "\f071";
4349}
4350.uk-icon-plane:before {
4351 content: "\f072";
4352}
4353.uk-icon-calendar:before {
4354 content: "\f073";
4355}
4356.uk-icon-random:before {
4357 content: "\f074";
4358}
4359.uk-icon-comment:before {
4360 content: "\f075";
4361}
4362.uk-icon-magnet:before {
4363 content: "\f076";
4364}
4365.uk-icon-chevron-up:before {
4366 content: "\f077";
4367}
4368.uk-icon-chevron-down:before {
4369 content: "\f078";
4370}
4371.uk-icon-retweet:before {
4372 content: "\f079";
4373}
4374.uk-icon-shopping-cart:before {
4375 content: "\f07a";
4376}
4377.uk-icon-folder:before {
4378 content: "\f07b";
4379}
4380.uk-icon-folder-open:before {
4381 content: "\f07c";
4382}
4383.uk-icon-arrows-v:before {
4384 content: "\f07d";
4385}
4386.uk-icon-arrows-h:before {
4387 content: "\f07e";
4388}
4389.uk-icon-bar-chart-o:before,
4390.uk-icon-bar-chart:before {
4391 content: "\f080";
4392}
4393.uk-icon-twitter-square:before {
4394 content: "\f081";
4395}
4396.uk-icon-facebook-square:before {
4397 content: "\f082";
4398}
4399.uk-icon-camera-retro:before {
4400 content: "\f083";
4401}
4402.uk-icon-key:before {
4403 content: "\f084";
4404}
4405.uk-icon-gears:before,
4406.uk-icon-cogs:before {
4407 content: "\f085";
4408}
4409.uk-icon-comments:before {
4410 content: "\f086";
4411}
4412.uk-icon-thumbs-o-up:before {
4413 content: "\f087";
4414}
4415.uk-icon-thumbs-o-down:before {
4416 content: "\f088";
4417}
4418.uk-icon-star-half:before {
4419 content: "\f089";
4420}
4421.uk-icon-heart-o:before {
4422 content: "\f08a";
4423}
4424.uk-icon-sign-out:before {
4425 content: "\f08b";
4426}
4427.uk-icon-linkedin-square:before {
4428 content: "\f08c";
4429}
4430.uk-icon-thumb-tack:before {
4431 content: "\f08d";
4432}
4433.uk-icon-external-link:before {
4434 content: "\f08e";
4435}
4436.uk-icon-sign-in:before {
4437 content: "\f090";
4438}
4439.uk-icon-trophy:before {
4440 content: "\f091";
4441}
4442.uk-icon-github-square:before {
4443 content: "\f092";
4444}
4445.uk-icon-upload:before {
4446 content: "\f093";
4447}
4448.uk-icon-lemon-o:before {
4449 content: "\f094";
4450}
4451.uk-icon-phone:before {
4452 content: "\f095";
4453}
4454.uk-icon-square-o:before {
4455 content: "\f096";
4456}
4457.uk-icon-bookmark-o:before {
4458 content: "\f097";
4459}
4460.uk-icon-phone-square:before {
4461 content: "\f098";
4462}
4463.uk-icon-twitter:before {
4464 content: "\f099";
4465}
4466.uk-icon-facebook-f:before,
4467.uk-icon-facebook:before {
4468 content: "\f09a";
4469}
4470.uk-icon-github:before {
4471 content: "\f09b";
4472}
4473.uk-icon-unlock:before {
4474 content: "\f09c";
4475}
4476.uk-icon-credit-card:before {
4477 content: "\f09d";
4478}
4479.uk-icon-rss:before {
4480 content: "\f09e";
4481}
4482.uk-icon-hdd-o:before {
4483 content: "\f0a0";
4484}
4485.uk-icon-bullhorn:before {
4486 content: "\f0a1";
4487}
4488.uk-icon-bell:before {
4489 content: "\f0f3";
4490}
4491.uk-icon-certificate:before {
4492 content: "\f0a3";
4493}
4494.uk-icon-hand-o-right:before {
4495 content: "\f0a4";
4496}
4497.uk-icon-hand-o-left:before {
4498 content: "\f0a5";
4499}
4500.uk-icon-hand-o-up:before {
4501 content: "\f0a6";
4502}
4503.uk-icon-hand-o-down:before {
4504 content: "\f0a7";
4505}
4506.uk-icon-arrow-circle-left:before {
4507 content: "\f0a8";
4508}
4509.uk-icon-arrow-circle-right:before {
4510 content: "\f0a9";
4511}
4512.uk-icon-arrow-circle-up:before {
4513 content: "\f0aa";
4514}
4515.uk-icon-arrow-circle-down:before {
4516 content: "\f0ab";
4517}
4518.uk-icon-globe:before {
4519 content: "\f0ac";
4520}
4521.uk-icon-wrench:before {
4522 content: "\f0ad";
4523}
4524.uk-icon-tasks:before {
4525 content: "\f0ae";
4526}
4527.uk-icon-filter:before {
4528 content: "\f0b0";
4529}
4530.uk-icon-briefcase:before {
4531 content: "\f0b1";
4532}
4533.uk-icon-arrows-alt:before {
4534 content: "\f0b2";
4535}
4536.uk-icon-group:before,
4537.uk-icon-users:before {
4538 content: "\f0c0";
4539}
4540.uk-icon-chain:before,
4541.uk-icon-link:before {
4542 content: "\f0c1";
4543}
4544.uk-icon-cloud:before {
4545 content: "\f0c2";
4546}
4547.uk-icon-flask:before {
4548 content: "\f0c3";
4549}
4550.uk-icon-cut:before,
4551.uk-icon-scissors:before {
4552 content: "\f0c4";
4553}
4554.uk-icon-copy:before,
4555.uk-icon-files-o:before {
4556 content: "\f0c5";
4557}
4558.uk-icon-paperclip:before {
4559 content: "\f0c6";
4560}
4561.uk-icon-save:before,
4562.uk-icon-floppy-o:before {
4563 content: "\f0c7";
4564}
4565.uk-icon-square:before {
4566 content: "\f0c8";
4567}
4568.uk-icon-navicon:before,
4569.uk-icon-reorder:before,
4570.uk-icon-bars:before {
4571 content: "\f0c9";
4572}
4573.uk-icon-list-ul:before {
4574 content: "\f0ca";
4575}
4576.uk-icon-list-ol:before {
4577 content: "\f0cb";
4578}
4579.uk-icon-strikethrough:before {
4580 content: "\f0cc";
4581}
4582.uk-icon-underline:before {
4583 content: "\f0cd";
4584}
4585.uk-icon-table:before {
4586 content: "\f0ce";
4587}
4588.uk-icon-magic:before {
4589 content: "\f0d0";
4590}
4591.uk-icon-truck:before {
4592 content: "\f0d1";
4593}
4594.uk-icon-pinterest:before {
4595 content: "\f0d2";
4596}
4597.uk-icon-pinterest-square:before {
4598 content: "\f0d3";
4599}
4600.uk-icon-google-plus-square:before {
4601 content: "\f0d4";
4602}
4603.uk-icon-google-plus:before {
4604 content: "\f0d5";
4605}
4606.uk-icon-money:before {
4607 content: "\f0d6";
4608}
4609.uk-icon-caret-down:before {
4610 content: "\f0d7";
4611}
4612.uk-icon-caret-up:before {
4613 content: "\f0d8";
4614}
4615.uk-icon-caret-left:before {
4616 content: "\f0d9";
4617}
4618.uk-icon-caret-right:before {
4619 content: "\f0da";
4620}
4621.uk-icon-columns:before {
4622 content: "\f0db";
4623}
4624.uk-icon-unsorted:before,
4625.uk-icon-sort:before {
4626 content: "\f0dc";
4627}
4628.uk-icon-sort-down:before,
4629.uk-icon-sort-desc:before {
4630 content: "\f0dd";
4631}
4632.uk-icon-sort-up:before,
4633.uk-icon-sort-asc:before {
4634 content: "\f0de";
4635}
4636.uk-icon-envelope:before {
4637 content: "\f0e0";
4638}
4639.uk-icon-linkedin:before {
4640 content: "\f0e1";
4641}
4642.uk-icon-rotate-left:before,
4643.uk-icon-undo:before {
4644 content: "\f0e2";
4645}
4646.uk-icon-legal:before,
4647.uk-icon-gavel:before {
4648 content: "\f0e3";
4649}
4650.uk-icon-dashboard:before,
4651.uk-icon-tachometer:before {
4652 content: "\f0e4";
4653}
4654.uk-icon-comment-o:before {
4655 content: "\f0e5";
4656}
4657.uk-icon-comments-o:before {
4658 content: "\f0e6";
4659}
4660.uk-icon-flash:before,
4661.uk-icon-bolt:before {
4662 content: "\f0e7";
4663}
4664.uk-icon-sitemap:before {
4665 content: "\f0e8";
4666}
4667.uk-icon-umbrella:before {
4668 content: "\f0e9";
4669}
4670.uk-icon-paste:before,
4671.uk-icon-clipboard:before {
4672 content: "\f0ea";
4673}
4674.uk-icon-lightbulb-o:before {
4675 content: "\f0eb";
4676}
4677.uk-icon-exchange:before {
4678 content: "\f0ec";
4679}
4680.uk-icon-cloud-download:before {
4681 content: "\f0ed";
4682}
4683.uk-icon-cloud-upload:before {
4684 content: "\f0ee";
4685}
4686.uk-icon-user-md:before {
4687 content: "\f0f0";
4688}
4689.uk-icon-stethoscope:before {
4690 content: "\f0f1";
4691}
4692.uk-icon-suitcase:before {
4693 content: "\f0f2";
4694}
4695.uk-icon-bell-o:before {
4696 content: "\f0a2";
4697}
4698.uk-icon-coffee:before {
4699 content: "\f0f4";
4700}
4701.uk-icon-cutlery:before {
4702 content: "\f0f5";
4703}
4704.uk-icon-file-text-o:before {
4705 content: "\f0f6";
4706}
4707.uk-icon-building-o:before {
4708 content: "\f0f7";
4709}
4710.uk-icon-hospital-o:before {
4711 content: "\f0f8";
4712}
4713.uk-icon-ambulance:before {
4714 content: "\f0f9";
4715}
4716.uk-icon-medkit:before {
4717 content: "\f0fa";
4718}
4719.uk-icon-fighter-jet:before {
4720 content: "\f0fb";
4721}
4722.uk-icon-beer:before {
4723 content: "\f0fc";
4724}
4725.uk-icon-h-square:before {
4726 content: "\f0fd";
4727}
4728.uk-icon-plus-square:before {
4729 content: "\f0fe";
4730}
4731.uk-icon-angle-double-left:before {
4732 content: "\f100";
4733}
4734.uk-icon-angle-double-right:before {
4735 content: "\f101";
4736}
4737.uk-icon-angle-double-up:before {
4738 content: "\f102";
4739}
4740.uk-icon-angle-double-down:before {
4741 content: "\f103";
4742}
4743.uk-icon-angle-left:before {
4744 content: "\f104";
4745}
4746.uk-icon-angle-right:before {
4747 content: "\f105";
4748}
4749.uk-icon-angle-up:before {
4750 content: "\f106";
4751}
4752.uk-icon-angle-down:before {
4753 content: "\f107";
4754}
4755.uk-icon-desktop:before {
4756 content: "\f108";
4757}
4758.uk-icon-laptop:before {
4759 content: "\f109";
4760}
4761.uk-icon-tablet:before {
4762 content: "\f10a";
4763}
4764.uk-icon-mobile-phone:before,
4765.uk-icon-mobile:before {
4766 content: "\f10b";
4767}
4768.uk-icon-circle-o:before {
4769 content: "\f10c";
4770}
4771.uk-icon-quote-left:before {
4772 content: "\f10d";
4773}
4774.uk-icon-quote-right:before {
4775 content: "\f10e";
4776}
4777.uk-icon-spinner:before {
4778 content: "\f110";
4779}
4780.uk-icon-circle:before {
4781 content: "\f111";
4782}
4783.uk-icon-mail-reply:before,
4784.uk-icon-reply:before {
4785 content: "\f112";
4786}
4787.uk-icon-github-alt:before {
4788 content: "\f113";
4789}
4790.uk-icon-folder-o:before {
4791 content: "\f114";
4792}
4793.uk-icon-folder-open-o:before {
4794 content: "\f115";
4795}
4796.uk-icon-smile-o:before {
4797 content: "\f118";
4798}
4799.uk-icon-frown-o:before {
4800 content: "\f119";
4801}
4802.uk-icon-meh-o:before {
4803 content: "\f11a";
4804}
4805.uk-icon-gamepad:before {
4806 content: "\f11b";
4807}
4808.uk-icon-keyboard-o:before {
4809 content: "\f11c";
4810}
4811.uk-icon-flag-o:before {
4812 content: "\f11d";
4813}
4814.uk-icon-flag-checkered:before {
4815 content: "\f11e";
4816}
4817.uk-icon-terminal:before {
4818 content: "\f120";
4819}
4820.uk-icon-code:before {
4821 content: "\f121";
4822}
4823.uk-icon-mail-reply-all:before,
4824.uk-icon-reply-all:before {
4825 content: "\f122";
4826}
4827.uk-icon-star-half-empty:before,
4828.uk-icon-star-half-full:before,
4829.uk-icon-star-half-o:before {
4830 content: "\f123";
4831}
4832.uk-icon-location-arrow:before {
4833 content: "\f124";
4834}
4835.uk-icon-crop:before {
4836 content: "\f125";
4837}
4838.uk-icon-code-fork:before {
4839 content: "\f126";
4840}
4841.uk-icon-unlink:before,
4842.uk-icon-chain-broken:before {
4843 content: "\f127";
4844}
4845.uk-icon-question:before {
4846 content: "\f128";
4847}
4848.uk-icon-info:before {
4849 content: "\f129";
4850}
4851.uk-icon-exclamation:before {
4852 content: "\f12a";
4853}
4854.uk-icon-superscript:before {
4855 content: "\f12b";
4856}
4857.uk-icon-subscript:before {
4858 content: "\f12c";
4859}
4860.uk-icon-eraser:before {
4861 content: "\f12d";
4862}
4863.uk-icon-puzzle-piece:before {
4864 content: "\f12e";
4865}
4866.uk-icon-microphone:before {
4867 content: "\f130";
4868}
4869.uk-icon-microphone-slash:before {
4870 content: "\f131";
4871}
4872.uk-icon-shield:before {
4873 content: "\f132";
4874}
4875.uk-icon-calendar-o:before {
4876 content: "\f133";
4877}
4878.uk-icon-fire-extinguisher:before {
4879 content: "\f134";
4880}
4881.uk-icon-rocket:before {
4882 content: "\f135";
4883}
4884.uk-icon-maxcdn:before {
4885 content: "\f136";
4886}
4887.uk-icon-chevron-circle-left:before {
4888 content: "\f137";
4889}
4890.uk-icon-chevron-circle-right:before {
4891 content: "\f138";
4892}
4893.uk-icon-chevron-circle-up:before {
4894 content: "\f139";
4895}
4896.uk-icon-chevron-circle-down:before {
4897 content: "\f13a";
4898}
4899.uk-icon-html5:before {
4900 content: "\f13b";
4901}
4902.uk-icon-css3:before {
4903 content: "\f13c";
4904}
4905.uk-icon-anchor:before {
4906 content: "\f13d";
4907}
4908.uk-icon-unlock-alt:before {
4909 content: "\f13e";
4910}
4911.uk-icon-bullseye:before {
4912 content: "\f140";
4913}
4914.uk-icon-ellipsis-h:before {
4915 content: "\f141";
4916}
4917.uk-icon-ellipsis-v:before {
4918 content: "\f142";
4919}
4920.uk-icon-rss-square:before {
4921 content: "\f143";
4922}
4923.uk-icon-play-circle:before {
4924 content: "\f144";
4925}
4926.uk-icon-ticket:before {
4927 content: "\f145";
4928}
4929.uk-icon-minus-square:before {
4930 content: "\f146";
4931}
4932.uk-icon-minus-square-o:before {
4933 content: "\f147";
4934}
4935.uk-icon-level-up:before {
4936 content: "\f148";
4937}
4938.uk-icon-level-down:before {
4939 content: "\f149";
4940}
4941.uk-icon-check-square:before {
4942 content: "\f14a";
4943}
4944.uk-icon-pencil-square:before {
4945 content: "\f14b";
4946}
4947.uk-icon-external-link-square:before {
4948 content: "\f14c";
4949}
4950.uk-icon-share-square:before {
4951 content: "\f14d";
4952}
4953.uk-icon-compass:before {
4954 content: "\f14e";
4955}
4956.uk-icon-toggle-down:before,
4957.uk-icon-caret-square-o-down:before {
4958 content: "\f150";
4959}
4960.uk-icon-toggle-up:before,
4961.uk-icon-caret-square-o-up:before {
4962 content: "\f151";
4963}
4964.uk-icon-toggle-right:before,
4965.uk-icon-caret-square-o-right:before {
4966 content: "\f152";
4967}
4968.uk-icon-euro:before,
4969.uk-icon-eur:before {
4970 content: "\f153";
4971}
4972.uk-icon-gbp:before {
4973 content: "\f154";
4974}
4975.uk-icon-dollar:before,
4976.uk-icon-usd:before {
4977 content: "\f155";
4978}
4979.uk-icon-rupee:before,
4980.uk-icon-inr:before {
4981 content: "\f156";
4982}
4983.uk-icon-cny:before,
4984.uk-icon-rmb:before,
4985.uk-icon-yen:before,
4986.uk-icon-jpy:before {
4987 content: "\f157";
4988}
4989.uk-icon-ruble:before,
4990.uk-icon-rouble:before,
4991.uk-icon-rub:before {
4992 content: "\f158";
4993}
4994.uk-icon-won:before,
4995.uk-icon-krw:before {
4996 content: "\f159";
4997}
4998.uk-icon-bitcoin:before,
4999.uk-icon-btc:before {
5000 content: "\f15a";
5001}
5002.uk-icon-file:before {
5003 content: "\f15b";
5004}
5005.uk-icon-file-text:before {
5006 content: "\f15c";
5007}
5008.uk-icon-sort-alpha-asc:before {
5009 content: "\f15d";
5010}
5011.uk-icon-sort-alpha-desc:before {
5012 content: "\f15e";
5013}
5014.uk-icon-sort-amount-asc:before {
5015 content: "\f160";
5016}
5017.uk-icon-sort-amount-desc:before {
5018 content: "\f161";
5019}
5020.uk-icon-sort-numeric-asc:before {
5021 content: "\f162";
5022}
5023.uk-icon-sort-numeric-desc:before {
5024 content: "\f163";
5025}
5026.uk-icon-thumbs-up:before {
5027 content: "\f164";
5028}
5029.uk-icon-thumbs-down:before {
5030 content: "\f165";
5031}
5032.uk-icon-youtube-square:before {
5033 content: "\f166";
5034}
5035.uk-icon-youtube:before {
5036 content: "\f167";
5037}
5038.uk-icon-xing:before {
5039 content: "\f168";
5040}
5041.uk-icon-xing-square:before {
5042 content: "\f169";
5043}
5044.uk-icon-youtube-play:before {
5045 content: "\f16a";
5046}
5047.uk-icon-dropbox:before {
5048 content: "\f16b";
5049}
5050.uk-icon-stack-overflow:before {
5051 content: "\f16c";
5052}
5053.uk-icon-instagram:before {
5054 content: "\f16d";
5055}
5056.uk-icon-flickr:before {
5057 content: "\f16e";
5058}
5059.uk-icon-adn:before {
5060 content: "\f170";
5061}
5062.uk-icon-bitbucket:before {
5063 content: "\f171";
5064}
5065.uk-icon-bitbucket-square:before {
5066 content: "\f172";
5067}
5068.uk-icon-tumblr:before {
5069 content: "\f173";
5070}
5071.uk-icon-tumblr-square:before {
5072 content: "\f174";
5073}
5074.uk-icon-long-arrow-down:before {
5075 content: "\f175";
5076}
5077.uk-icon-long-arrow-up:before {
5078 content: "\f176";
5079}
5080.uk-icon-long-arrow-left:before {
5081 content: "\f177";
5082}
5083.uk-icon-long-arrow-right:before {
5084 content: "\f178";
5085}
5086.uk-icon-apple:before {
5087 content: "\f179";
5088}
5089.uk-icon-windows:before {
5090 content: "\f17a";
5091}
5092.uk-icon-android:before {
5093 content: "\f17b";
5094}
5095.uk-icon-linux:before {
5096 content: "\f17c";
5097}
5098.uk-icon-dribbble:before {
5099 content: "\f17d";
5100}
5101.uk-icon-skype:before {
5102 content: "\f17e";
5103}
5104.uk-icon-foursquare:before {
5105 content: "\f180";
5106}
5107.uk-icon-trello:before {
5108 content: "\f181";
5109}
5110.uk-icon-female:before {
5111 content: "\f182";
5112}
5113.uk-icon-male:before {
5114 content: "\f183";
5115}
5116.uk-icon-gittip:before,
5117.uk-icon-gratipay:before {
5118 content: "\f184";
5119}
5120.uk-icon-sun-o:before {
5121 content: "\f185";
5122}
5123.uk-icon-moon-o:before {
5124 content: "\f186";
5125}
5126.uk-icon-archive:before {
5127 content: "\f187";
5128}
5129.uk-icon-bug:before {
5130 content: "\f188";
5131}
5132.uk-icon-vk:before {
5133 content: "\f189";
5134}
5135.uk-icon-weibo:before {
5136 content: "\f18a";
5137}
5138.uk-icon-renren:before {
5139 content: "\f18b";
5140}
5141.uk-icon-pagelines:before {
5142 content: "\f18c";
5143}
5144.uk-icon-stack-exchange:before {
5145 content: "\f18d";
5146}
5147.uk-icon-arrow-circle-o-right:before {
5148 content: "\f18e";
5149}
5150.uk-icon-arrow-circle-o-left:before {
5151 content: "\f190";
5152}
5153.uk-icon-toggle-left:before,
5154.uk-icon-caret-square-o-left:before {
5155 content: "\f191";
5156}
5157.uk-icon-dot-circle-o:before {
5158 content: "\f192";
5159}
5160.uk-icon-wheelchair:before {
5161 content: "\f193";
5162}
5163.uk-icon-vimeo-square:before {
5164 content: "\f194";
5165}
5166.uk-icon-turkish-lira:before,
5167.uk-icon-try:before {
5168 content: "\f195";
5169}
5170.uk-icon-plus-square-o:before {
5171 content: "\f196";
5172}
5173.uk-icon-space-shuttle:before {
5174 content: "\f197";
5175}
5176.uk-icon-slack:before {
5177 content: "\f198";
5178}
5179.uk-icon-envelope-square:before {
5180 content: "\f199";
5181}
5182.uk-icon-wordpress:before {
5183 content: "\f19a";
5184}
5185.uk-icon-openid:before {
5186 content: "\f19b";
5187}
5188.uk-icon-institution:before,
5189.uk-icon-bank:before,
5190.uk-icon-university:before {
5191 content: "\f19c";
5192}
5193.uk-icon-mortar-board:before,
5194.uk-icon-graduation-cap:before {
5195 content: "\f19d";
5196}
5197.uk-icon-yahoo:before {
5198 content: "\f19e";
5199}
5200.uk-icon-google:before {
5201 content: "\f1a0";
5202}
5203.uk-icon-reddit:before {
5204 content: "\f1a1";
5205}
5206.uk-icon-reddit-square:before {
5207 content: "\f1a2";
5208}
5209.uk-icon-stumbleupon-circle:before {
5210 content: "\f1a3";
5211}
5212.uk-icon-stumbleupon:before {
5213 content: "\f1a4";
5214}
5215.uk-icon-delicious:before {
5216 content: "\f1a5";
5217}
5218.uk-icon-digg:before {
5219 content: "\f1a6";
5220}
5221.uk-icon-pied-piper:before {
5222 content: "\f1a7";
5223}
5224.uk-icon-pied-piper-alt:before {
5225 content: "\f1a8";
5226}
5227.uk-icon-drupal:before {
5228 content: "\f1a9";
5229}
5230.uk-icon-joomla:before {
5231 content: "\f1aa";
5232}
5233.uk-icon-language:before {
5234 content: "\f1ab";
5235}
5236.uk-icon-fax:before {
5237 content: "\f1ac";
5238}
5239.uk-icon-building:before {
5240 content: "\f1ad";
5241}
5242.uk-icon-child:before {
5243 content: "\f1ae";
5244}
5245.uk-icon-paw:before {
5246 content: "\f1b0";
5247}
5248.uk-icon-spoon:before {
5249 content: "\f1b1";
5250}
5251.uk-icon-cube:before {
5252 content: "\f1b2";
5253}
5254.uk-icon-cubes:before {
5255 content: "\f1b3";
5256}
5257.uk-icon-behance:before {
5258 content: "\f1b4";
5259}
5260.uk-icon-behance-square:before {
5261 content: "\f1b5";
5262}
5263.uk-icon-steam:before {
5264 content: "\f1b6";
5265}
5266.uk-icon-steam-square:before {
5267 content: "\f1b7";
5268}
5269.uk-icon-recycle:before {
5270 content: "\f1b8";
5271}
5272.uk-icon-automobile:before,
5273.uk-icon-car:before {
5274 content: "\f1b9";
5275}
5276.uk-icon-cab:before,
5277.uk-icon-taxi:before {
5278 content: "\f1ba";
5279}
5280.uk-icon-tree:before {
5281 content: "\f1bb";
5282}
5283.uk-icon-spotify:before {
5284 content: "\f1bc";
5285}
5286.uk-icon-deviantart:before {
5287 content: "\f1bd";
5288}
5289.uk-icon-soundcloud:before {
5290 content: "\f1be";
5291}
5292.uk-icon-database:before {
5293 content: "\f1c0";
5294}
5295.uk-icon-file-pdf-o:before {
5296 content: "\f1c1";
5297}
5298.uk-icon-file-word-o:before {
5299 content: "\f1c2";
5300}
5301.uk-icon-file-excel-o:before {
5302 content: "\f1c3";
5303}
5304.uk-icon-file-powerpoint-o:before {
5305 content: "\f1c4";
5306}
5307.uk-icon-file-photo-o:before,
5308.uk-icon-file-picture-o:before,
5309.uk-icon-file-image-o:before {
5310 content: "\f1c5";
5311}
5312.uk-icon-file-zip-o:before,
5313.uk-icon-file-archive-o:before {
5314 content: "\f1c6";
5315}
5316.uk-icon-file-sound-o:before,
5317.uk-icon-file-audio-o:before {
5318 content: "\f1c7";
5319}
5320.uk-icon-file-movie-o:before,
5321.uk-icon-file-video-o:before {
5322 content: "\f1c8";
5323}
5324.uk-icon-file-code-o:before {
5325 content: "\f1c9";
5326}
5327.uk-icon-vine:before {
5328 content: "\f1ca";
5329}
5330.uk-icon-codepen:before {
5331 content: "\f1cb";
5332}
5333.uk-icon-jsfiddle:before {
5334 content: "\f1cc";
5335}
5336.uk-icon-life-bouy:before,
5337.uk-icon-life-buoy:before,
5338.uk-icon-life-saver:before,
5339.uk-icon-support:before,
5340.uk-icon-life-ring:before {
5341 content: "\f1cd";
5342}
5343.uk-icon-circle-o-notch:before {
5344 content: "\f1ce";
5345}
5346.uk-icon-ra:before,
5347.uk-icon-rebel:before {
5348 content: "\f1d0";
5349}
5350.uk-icon-ge:before,
5351.uk-icon-empire:before {
5352 content: "\f1d1";
5353}
5354.uk-icon-git-square:before {
5355 content: "\f1d2";
5356}
5357.uk-icon-git:before {
5358 content: "\f1d3";
5359}
5360.uk-icon-hacker-news:before {
5361 content: "\f1d4";
5362}
5363.uk-icon-tencent-weibo:before {
5364 content: "\f1d5";
5365}
5366.uk-icon-qq:before {
5367 content: "\f1d6";
5368}
5369.uk-icon-wechat:before,
5370.uk-icon-weixin:before {
5371 content: "\f1d7";
5372}
5373.uk-icon-send:before,
5374.uk-icon-paper-plane:before {
5375 content: "\f1d8";
5376}
5377.uk-icon-send-o:before,
5378.uk-icon-paper-plane-o:before {
5379 content: "\f1d9";
5380}
5381.uk-icon-history:before {
5382 content: "\f1da";
5383}
5384.uk-icon-genderless:before,
5385.uk-icon-circle-thin:before {
5386 content: "\f1db";
5387}
5388.uk-icon-header:before {
5389 content: "\f1dc";
5390}
5391.uk-icon-paragraph:before {
5392 content: "\f1dd";
5393}
5394.uk-icon-sliders:before {
5395 content: "\f1de";
5396}
5397.uk-icon-share-alt:before {
5398 content: "\f1e0";
5399}
5400.uk-icon-share-alt-square:before {
5401 content: "\f1e1";
5402}
5403.uk-icon-bomb:before {
5404 content: "\f1e2";
5405}
5406.uk-icon-soccer-ball-o:before,
5407.uk-icon-futbol-o:before {
5408 content: "\f1e3";
5409}
5410.uk-icon-tty:before {
5411 content: "\f1e4";
5412}
5413.uk-icon-binoculars:before {
5414 content: "\f1e5";
5415}
5416.uk-icon-plug:before {
5417 content: "\f1e6";
5418}
5419.uk-icon-slideshare:before {
5420 content: "\f1e7";
5421}
5422.uk-icon-twitch:before {
5423 content: "\f1e8";
5424}
5425.uk-icon-yelp:before {
5426 content: "\f1e9";
5427}
5428.uk-icon-newspaper-o:before {
5429 content: "\f1ea";
5430}
5431.uk-icon-wifi:before {
5432 content: "\f1eb";
5433}
5434.uk-icon-calculator:before {
5435 content: "\f1ec";
5436}
5437.uk-icon-paypal:before {
5438 content: "\f1ed";
5439}
5440.uk-icon-google-wallet:before {
5441 content: "\f1ee";
5442}
5443.uk-icon-cc-visa:before {
5444 content: "\f1f0";
5445}
5446.uk-icon-cc-mastercard:before {
5447 content: "\f1f1";
5448}
5449.uk-icon-cc-discover:before {
5450 content: "\f1f2";
5451}
5452.uk-icon-cc-amex:before {
5453 content: "\f1f3";
5454}
5455.uk-icon-cc-paypal:before {
5456 content: "\f1f4";
5457}
5458.uk-icon-cc-stripe:before {
5459 content: "\f1f5";
5460}
5461.uk-icon-bell-slash:before {
5462 content: "\f1f6";
5463}
5464.uk-icon-bell-slash-o:before {
5465 content: "\f1f7";
5466}
5467.uk-icon-trash:before {
5468 content: "\f1f8";
5469}
5470.uk-icon-copyright:before {
5471 content: "\f1f9";
5472}
5473.uk-icon-at:before {
5474 content: "\f1fa";
5475}
5476.uk-icon-eyedropper:before {
5477 content: "\f1fb";
5478}
5479.uk-icon-paint-brush:before {
5480 content: "\f1fc";
5481}
5482.uk-icon-birthday-cake:before {
5483 content: "\f1fd";
5484}
5485.uk-icon-area-chart:before {
5486 content: "\f1fe";
5487}
5488.uk-icon-pie-chart:before {
5489 content: "\f200";
5490}
5491.uk-icon-line-chart:before {
5492 content: "\f201";
5493}
5494.uk-icon-lastfm:before {
5495 content: "\f202";
5496}
5497.uk-icon-lastfm-square:before {
5498 content: "\f203";
5499}
5500.uk-icon-toggle-off:before {
5501 content: "\f204";
5502}
5503.uk-icon-toggle-on:before {
5504 content: "\f205";
5505}
5506.uk-icon-bicycle:before {
5507 content: "\f206";
5508}
5509.uk-icon-bus:before {
5510 content: "\f207";
5511}
5512.uk-icon-ioxhost:before {
5513 content: "\f208";
5514}
5515.uk-icon-angellist:before {
5516 content: "\f209";
5517}
5518.uk-icon-cc:before {
5519 content: "\f20a";
5520}
5521.uk-icon-shekel:before,
5522.uk-icon-sheqel:before,
5523.uk-icon-ils:before {
5524 content: "\f20b";
5525}
5526.uk-icon-meanpath:before {
5527 content: "\f20c";
5528}
5529.uk-icon-buysellads:before {
5530 content: "\f20d";
5531}
5532.uk-icon-connectdevelop:before {
5533 content: "\f20e";
5534}
5535.uk-icon-dashcube:before {
5536 content: "\f210";
5537}
5538.uk-icon-forumbee:before {
5539 content: "\f211";
5540}
5541.uk-icon-leanpub:before {
5542 content: "\f212";
5543}
5544.uk-icon-sellsy:before {
5545 content: "\f213";
5546}
5547.uk-icon-shirtsinbulk:before {
5548 content: "\f214";
5549}
5550.uk-icon-simplybuilt:before {
5551 content: "\f215";
5552}
5553.uk-icon-skyatlas:before {
5554 content: "\f216";
5555}
5556.uk-icon-cart-plus:before {
5557 content: "\f217";
5558}
5559.uk-icon-cart-arrow-down:before {
5560 content: "\f218";
5561}
5562.uk-icon-diamond:before {
5563 content: "\f219";
5564}
5565.uk-icon-ship:before {
5566 content: "\f21a";
5567}
5568.uk-icon-user-secret:before {
5569 content: "\f21b";
5570}
5571.uk-icon-motorcycle:before {
5572 content: "\f21c";
5573}
5574.uk-icon-street-view:before {
5575 content: "\f21d";
5576}
5577.uk-icon-heartbeat:before {
5578 content: "\f21e";
5579}
5580.uk-icon-venus:before {
5581 content: "\f221";
5582}
5583.uk-icon-mars:before {
5584 content: "\f222";
5585}
5586.uk-icon-mercury:before {
5587 content: "\f223";
5588}
5589.uk-icon-transgender:before {
5590 content: "\f224";
5591}
5592.uk-icon-transgender-alt:before {
5593 content: "\f225";
5594}
5595.uk-icon-venus-double:before {
5596 content: "\f226";
5597}
5598.uk-icon-mars-double:before {
5599 content: "\f227";
5600}
5601.uk-icon-venus-mars:before {
5602 content: "\f228";
5603}
5604.uk-icon-mars-stroke:before {
5605 content: "\f229";
5606}
5607.uk-icon-mars-stroke-v:before {
5608 content: "\f22a";
5609}
5610.uk-icon-mars-stroke-h:before {
5611 content: "\f22b";
5612}
5613.uk-icon-neuter:before {
5614 content: "\f22c";
5615}
5616.uk-icon-facebook-official:before {
5617 content: "\f230";
5618}
5619.uk-icon-pinterest-p:before {
5620 content: "\f231";
5621}
5622.uk-icon-whatsapp:before {
5623 content: "\f232";
5624}
5625.uk-icon-server:before {
5626 content: "\f233";
5627}
5628.uk-icon-user-plus:before {
5629 content: "\f234";
5630}
5631.uk-icon-user-times:before {
5632 content: "\f235";
5633}
5634.uk-icon-hotel:before,
5635.uk-icon-bed:before {
5636 content: "\f236";
5637}
5638.uk-icon-viacoin:before {
5639 content: "\f237";
5640}
5641.uk-icon-train:before {
5642 content: "\f238";
5643}
5644.uk-icon-subway:before {
5645 content: "\f239";
5646}
5647.uk-icon-medium-logo:before {
5648 content: "\f23a";
5649}
5650.uk-icon-500px:before {
5651 content: "\f26e";
5652}
5653.uk-icon-amazon:before {
5654 content: "\f270";
5655}
5656.uk-icon-balance-scale:before {
5657 content: "\f24e";
5658}
5659.uk-icon-battery-empty:before,
5660.uk-icon-battery-0:before {
5661 content: "\f244";
5662}
5663.uk-icon-battery-quarter:before,
5664.uk-icon-battery-1:before {
5665 content: "\f243";
5666}
5667.uk-icon-battery-half:before,
5668.uk-icon-battery-2:before {
5669 content: "\f242";
5670}
5671.uk-icon-battery-three-quarters:before,
5672.uk-icon-battery-3:before {
5673 content: "\f241";
5674}
5675.uk-icon-battery-full:before,
5676.uk-icon-battery-4:before {
5677 content: "\f240";
5678}
5679.uk-icon-black-tie:before {
5680 content: "\f27e";
5681}
5682.uk-icon-calendar-check-o:before {
5683 content: "\f274";
5684}
5685.uk-icon-calendar-minus-o:before {
5686 content: "\f272";
5687}
5688.uk-icon-calendar-plus-o:before {
5689 content: "\f271";
5690}
5691.uk-icon-calendar-times-o:before {
5692 content: "\f273";
5693}
5694.uk-icon-cc-diners-club:before {
5695 content: "\f24c";
5696}
5697.uk-icon-cc-jcb:before {
5698 content: "\f24b";
5699}
5700.uk-icon-chrome:before {
5701 content: "\f268";
5702}
5703.uk-icon-clone:before {
5704 content: "\f24d";
5705}
5706.uk-icon-commenting:before {
5707 content: "\f27a";
5708}
5709.uk-icon-commenting-o:before {
5710 content: "\f27b";
5711}
5712.uk-icon-contao:before {
5713 content: "\f26d";
5714}
5715.uk-icon-creative-commons:before {
5716 content: "\f25e";
5717}
5718.uk-icon-expeditedssl:before {
5719 content: "\f23e";
5720}
5721.uk-icon-firefox:before {
5722 content: "\f269";
5723}
5724.uk-icon-fonticons:before {
5725 content: "\f280";
5726}
5727.uk-icon-get-pocket:before {
5728 content: "\f265";
5729}
5730.uk-icon-gg:before {
5731 content: "\f260";
5732}
5733.uk-icon-gg-circle:before {
5734 content: "\f261";
5735}
5736.uk-icon-hand-lizard-o:before {
5737 content: "\f258";
5738}
5739.uk-icon-hand-stop-o:before,
5740.uk-icon-hand-paper-o:before {
5741 content: "\f256";
5742}
5743.uk-icon-hand-peace-o:before {
5744 content: "\f25b";
5745}
5746.uk-icon-hand-pointer-o:before {
5747 content: "\f25a";
5748}
5749.uk-icon-hand-grab-o:before,
5750.uk-icon-hand-rock-o:before {
5751 content: "\f255";
5752}
5753.uk-icon-hand-scissors-o:before {
5754 content: "\f257";
5755}
5756.uk-icon-hand-spock-o:before {
5757 content: "\f259";
5758}
5759.uk-icon-hourglass:before {
5760 content: "\f254";
5761}
5762.uk-icon-hourglass-o:before {
5763 content: "\f250";
5764}
5765.uk-icon-hourglass-1:before,
5766.uk-icon-hourglass-start:before {
5767 content: "\f251";
5768}
5769.uk-icon-hourglass-2:before,
5770.uk-icon-hourglass-half:before {
5771 content: "\f252";
5772}
5773.uk-icon-hourglass-3:before,
5774.uk-icon-hourglass-end:before {
5775 content: "\f253";
5776}
5777.uk-icon-houzz:before {
5778 content: "\f27c";
5779}
5780.uk-icon-i-cursor:before {
5781 content: "\f246";
5782}
5783.uk-icon-industry:before {
5784 content: "\f275";
5785}
5786.uk-icon-internet-explorer:before {
5787 content: "\f26b";
5788}
5789.uk-icon-map:before {
5790 content: "\f279";
5791}
5792.uk-icon-map-o:before {
5793 content: "\f278";
5794}
5795.uk-icon-map-pin:before {
5796 content: "\f276";
5797}
5798.uk-icon-map-signs:before {
5799 content: "\f277";
5800}
5801.uk-icon-mouse-pointer:before {
5802 content: "\f245";
5803}
5804.uk-icon-object-group:before {
5805 content: "\f247";
5806}
5807.uk-icon-object-ungroup:before {
5808 content: "\f248";
5809}
5810.uk-icon-odnoklassniki:before {
5811 content: "\f263";
5812}
5813.uk-icon-odnoklassniki-square:before {
5814 content: "\f264";
5815}
5816.uk-icon-opencart:before {
5817 content: "\f23d";
5818}
5819.uk-icon-opera:before {
5820 content: "\f26a";
5821}
5822.uk-icon-optin-monster:before {
5823 content: "\f23c";
5824}
5825.uk-icon-registered:before {
5826 content: "\f25d";
5827}
5828.uk-icon-safari:before {
5829 content: "\f267";
5830}
5831.uk-icon-sticky-note:before {
5832 content: "\f249";
5833}
5834.uk-icon-sticky-note-o:before {
5835 content: "\f24a";
5836}
5837.uk-icon-tv:before,
5838.uk-icon-television:before {
5839 content: "\f26c";
5840}
5841.uk-icon-trademark:before {
5842 content: "\f25c";
5843}
5844.uk-icon-tripadvisor:before {
5845 content: "\f262";
5846}
5847.uk-icon-vimeo:before {
5848 content: "\f27d";
5849}
5850.uk-icon-wikipedia-w:before {
5851 content: "\f266";
5852}
5853.uk-icon-yc:before,
5854.uk-icon-y-combinator:before {
5855 content: "\f23b";
5856}
5857.uk-icon-yc-square:before,
5858.uk-icon-y-combinator-square:before {
5859 content: "\f1d4";
5860}
5861.uk-icon-bluetooth:before {
5862 content: "\f293";
5863}
5864.uk-icon-bluetooth-b:before {
5865 content: "\f294";
5866}
5867.uk-icon-codiepie:before {
5868 content: "\f284";
5869}
5870.uk-icon-credit-card-alt:before {
5871 content: "\f283";
5872}
5873.uk-icon-edge:before {
5874 content: "\f282";
5875}
5876.uk-icon-fort-awesome:before {
5877 content: "\f286";
5878}
5879.uk-icon-hashtag:before {
5880 content: "\f292";
5881}
5882.uk-icon-mixcloud:before {
5883 content: "\f289";
5884}
5885.uk-icon-modx:before {
5886 content: "\f285";
5887}
5888.uk-icon-pause-circle:before {
5889 content: "\f28b";
5890}
5891.uk-icon-pause-circle-o:before {
5892 content: "\f28c";
5893}
5894.uk-icon-percent:before {
5895 content: "\f295";
5896}
5897.uk-icon-product-hunt:before {
5898 content: "\f288";
5899}
5900.uk-icon-reddit-alien:before {
5901 content: "\f281";
5902}
5903.uk-icon-scribd:before {
5904 content: "\f28a";
5905}
5906.uk-icon-shopping-bag:before {
5907 content: "\f290";
5908}
5909.uk-icon-shopping-basket:before {
5910 content: "\f291";
5911}
5912.uk-icon-stop-circle:before {
5913 content: "\f28d";
5914}
5915.uk-icon-stop-circle-o:before {
5916 content: "\f28e";
5917}
5918.uk-icon-usb:before {
5919 content: "\f287";
5920}
5921.uk-icon-american-sign-language-interpreting:before,
5922.uk-icon-asl-interpreting:before {
5923 content: "\f2a3";
5924}
5925.uk-icon-assistive-listening-systems:before {
5926 content: "\f2a2";
5927}
5928.uk-icon-audio-description:before {
5929 content: "\f29e";
5930}
5931.uk-icon-blind:before {
5932 content: "\f29d";
5933}
5934.uk-icon-braille:before {
5935 content: "\f2a1";
5936}
5937.uk-icon-deaf:before {
5938 content: "\f2a4";
5939}
5940.uk-icon-deafness:before {
5941 content: "\f2a4";
5942}
5943.uk-icon-envira:before {
5944 content: "\f299";
5945}
5946.uk-icon-gitlab:before {
5947 content: "\f296";
5948}
5949.uk-icon-glide:before {
5950 content: "\f2a5";
5951}
5952.uk-icon-glide-g:before {
5953 content: "\f2a6";
5954}
5955.uk-icon-hard-of-hearing:before {
5956 content: "\f2a4";
5957}
5958.uk-icon-low-vision:before {
5959 content: "\f2a8";
5960}
5961.uk-icon-question-circle-o:before {
5962 content: "\f29c";
5963}
5964.uk-icon-sign-language:before,
5965.uk-icon-signing:before {
5966 content: "\f2a7";
5967}
5968.uk-icon-snapchat:before {
5969 content: "\f2ab";
5970}
5971.uk-icon-snapchat-ghost:before {
5972 content: "\f2ac";
5973}
5974.uk-icon-snapchat-square:before {
5975 content: "\f2ad";
5976}
5977.uk-icon-universal-access:before {
5978 content: "\f29a";
5979}
5980.uk-icon-viadeo:before {
5981 content: "\f2a9";
5982}
5983.uk-icon-viadeo-square:before {
5984 content: "\f2aa";
5985}
5986.uk-icon-volume-control-phone:before {
5987 content: "\f2a0";
5988}
5989.uk-icon-wheelchair-alt:before {
5990 content: "\f29b";
5991}
5992.uk-icon-wpbeginner:before {
5993 content: "\f297";
5994}
5995.uk-icon-wpforms:before {
5996 content: "\f298";
5997}
5998/* ========================================================================
5999 Component: Close
6000 ========================================================================== */
6001/*
6002 * Removes inner padding and border in Firefox 4+.
6003 */
6004.uk-close::-moz-focus-inner {
6005 border: 0;
6006 padding: 0;
6007}
6008/*
6009 * 1. Correct inability to style clickable `input` types in iOS.
6010 * 2. Remove margins in Chrome, Safari and Opera.
6011 * 3. Remove borders for `button`.
6012 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
6013 * 5. Correct `font` properties and `color` not being inherited for `button`.
6014 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
6015 * 7. Remove default `button` padding and background color
6016 * 8. Style
6017 */
6018.uk-close {
6019 /* 1 */
6020 -webkit-appearance: none;
6021 /* 2 */
6022 margin: 0;
6023 /* 3 */
6024 border: none;
6025 /* 4 */
6026 overflow: visible;
6027 /* 5 */
6028 font: inherit;
6029 color: inherit;
6030 /* 6 */
6031 text-transform: none;
6032 /* 7. */
6033 padding: 0;
6034 background: transparent;
6035 /* 8 */
6036 display: inline-block;
6037 box-sizing: content-box;
6038 width: 20px;
6039 line-height: 20px;
6040 text-align: center;
6041 vertical-align: middle;
6042 opacity: 0.3;
6043}
6044/* Icon */
6045.uk-close:after {
6046 display: block;
6047 content: "\f00d";
6048 font-family: FontAwesome;
6049}
6050/*
6051 * Hover
6052 * 1. Apply hover style also to focus state
6053 * 2. Remove default focus style
6054 * 3. Required for `a` elements
6055 */
6056.uk-close:hover,
6057.uk-close:focus {
6058 opacity: 0.5;
6059 /* 2 */
6060 outline: none;
6061 /* 3 */
6062 color: inherit;
6063 text-decoration: none;
6064 cursor: pointer;
6065}
6066/* Modifier
6067 ========================================================================== */
6068.uk-close-alt {
6069 padding: 2px;
6070 border-radius: 50%;
6071 background: #fff;
6072 opacity: 1;
6073 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3);
6074}
6075/* Hover */
6076.uk-close-alt:hover,
6077.uk-close-alt:focus {
6078 opacity: 1;
6079}
6080/* Icon */
6081.uk-close-alt:after {
6082 opacity: 0.5;
6083}
6084.uk-close-alt:hover:after,
6085.uk-close-alt:focus:after {
6086 opacity: 0.8;
6087}
6088/* ========================================================================
6089 Component: Badge
6090 ========================================================================== */
6091.uk-badge {
6092 display: inline-block;
6093 padding: 0 5px;
6094 background: #00a8e6;
6095 font-size: 10px;
6096 font-weight: bold;
6097 line-height: 14px;
6098 color: #fff;
6099 text-align: center;
6100 vertical-align: middle;
6101 text-transform: none;
6102 border: 1px solid rgba(0, 0, 0, 0.06);
6103 border-radius: 2px;
6104 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
6105}
6106/*
6107 * Keep color when badge is a link
6108 */
6109a.uk-badge:hover {
6110 color: #fff;
6111}
6112/* Modifier: `uk-badge-notification`;
6113 ========================================================================== */
6114.uk-badge-notification {
6115 box-sizing: border-box;
6116 min-width: 18px;
6117 border-radius: 500px;
6118 font-size: 12px;
6119 line-height: 18px;
6120}
6121/* Color modifier
6122 ========================================================================== */
6123/*
6124 * Modifier: `uk-badge-success`
6125 */
6126.uk-badge-success {
6127 background-color: #8cc14c;
6128}
6129/*
6130 * Modifier: `uk-badge-warning`
6131 */
6132.uk-badge-warning {
6133 background-color: #faa732;
6134}
6135/*
6136 * Modifier: `uk-badge-danger`
6137 */
6138.uk-badge-danger {
6139 background-color: #da314b;
6140}
6141/* ========================================================================
6142 Component: Alert
6143 ========================================================================== */
6144.uk-alert {
6145 margin-bottom: 15px;
6146 padding: 10px;
6147 background: #ebf7fd;
6148 color: #2d7091;
6149 border: 1px solid rgba(45, 112, 145, 0.3);
6150 border-radius: 4px;
6151 text-shadow: 0 1px 0 #fff;
6152}
6153/*
6154 * Add margin if adjacent element
6155 */
6156* + .uk-alert {
6157 margin-top: 15px;
6158}
6159/*
6160 * Remove margin from the last-child
6161 */
6162.uk-alert > :last-child {
6163 margin-bottom: 0;
6164}
6165/*
6166 * Keep color for headings if the default heading color is changed
6167 */
6168.uk-alert h1,
6169.uk-alert h2,
6170.uk-alert h3,
6171.uk-alert h4,
6172.uk-alert h5,
6173.uk-alert h6 {
6174 color: inherit;
6175}
6176/* Close in alert
6177 ========================================================================== */
6178.uk-alert > .uk-close:first-child {
6179 float: right;
6180}
6181/*
6182 * Remove margin from adjacent element
6183 */
6184.uk-alert > .uk-close:first-child + * {
6185 margin-top: 0;
6186}
6187/* Modifier: `uk-alert-success`
6188 ========================================================================== */
6189.uk-alert-success {
6190 background: #f2fae3;
6191 color: #659f13;
6192 border-color: rgba(101, 159, 19, 0.3);
6193}
6194/* Modifier: `uk-alert-warning`
6195 ========================================================================== */
6196.uk-alert-warning {
6197 background: #fffceb;
6198 color: #e28327;
6199 border-color: rgba(226, 131, 39, 0.3);
6200}
6201/* Modifier: `uk-alert-danger`
6202 ========================================================================== */
6203.uk-alert-danger {
6204 background: #fff1f0;
6205 color: #d85030;
6206 border-color: rgba(216, 80, 48, 0.3);
6207}
6208/* Modifier: `uk-alert-large`
6209 ========================================================================== */
6210.uk-alert-large {
6211 padding: 20px;
6212}
6213.uk-alert-large > .uk-close:first-child {
6214 margin: -10px -10px 0 0;
6215}
6216/* ========================================================================
6217 Component: Thumbnail
6218 ========================================================================== */
6219/*
6220 * 1. Container width fits its content
6221 * 2. Responsive behavior
6222 * 3. Corrects `max-width` behavior sed
6223 * 4. Required for `figure` element
6224 * 5. Style
6225 */
6226.uk-thumbnail {
6227 /* 1 */
6228 display: inline-block;
6229 /* 2 */
6230 max-width: 100%;
6231 /* 3 */
6232 box-sizing: border-box;
6233 /* 3 */
6234 margin: 0;
6235 /* 4 */
6236 padding: 4px;
6237 border: 1px solid #ddd;
6238 background: #fff;
6239 border-radius: 4px;
6240}
6241/*
6242 * Hover state for `a` elements
6243 * 1. Apply hover style also to focus state
6244 * 2. Needed for caption
6245 * 3. Remove default focus style
6246 */
6247a.uk-thumbnail:hover,
6248a.uk-thumbnail:focus {
6249 border-color: #aaaaaa;
6250 background-color: #fff;
6251 /* 2 */
6252 text-decoration: none;
6253 /* 3 */
6254 outline: none;
6255}
6256/* Caption
6257 ========================================================================== */
6258.uk-thumbnail-caption {
6259 padding-top: 4px;
6260 text-align: center;
6261 color: #444;
6262}
6263/* Sizes
6264 ========================================================================== */
6265.uk-thumbnail-mini {
6266 width: 150px;
6267}
6268.uk-thumbnail-small {
6269 width: 200px;
6270}
6271.uk-thumbnail-medium {
6272 width: 300px;
6273}
6274.uk-thumbnail-large {
6275 width: 400px;
6276}
6277.uk-thumbnail-expand,
6278.uk-thumbnail-expand > img {
6279 width: 100%;
6280}
6281/* ========================================================================
6282 Component: Overlay
6283 ========================================================================== */
6284/*
6285 * 1. Container width fits its content
6286 * 2. Create position context
6287 * 3. Set max-width for responsive images to prevent `inline-block` consequences
6288 * 4. Remove the gap between the container and its child element
6289 * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome
6290 * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
6291 * 7. Reset margin
6292 */
6293.uk-overlay {
6294 /* 1 */
6295 display: inline-block;
6296 /* 2 */
6297 position: relative;
6298 /* 3 */
6299 max-width: 100%;
6300 /* 4 */
6301 vertical-align: middle;
6302 /* 5 */
6303 overflow: hidden;
6304 /* 6 */
6305 -webkit-transform: translateZ(0);
6306 /* 7 */
6307 margin: 0;
6308}
6309/* 6 for Safari */
6310.uk-overlay.uk-border-circle {
6311 -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
6312}
6313/*
6314 * Remove margin from content
6315 */
6316.uk-overlay > :first-child {
6317 margin-bottom: 0;
6318}
6319/* Sub-object `uk-overlay-panel`
6320 ========================================================================== */
6321/*
6322 * 1. Position cover
6323 * 2. Style
6324 */
6325.uk-overlay-panel {
6326 /* 1 */
6327 position: absolute;
6328 top: 0;
6329 bottom: 0;
6330 left: 0;
6331 right: 0;
6332 /* 2 */
6333 padding: 20px;
6334 color: #fff;
6335}
6336/*
6337 * Remove margin from the last-child
6338 */
6339.uk-overlay-panel > :last-child,
6340.uk-overlay-panel.uk-flex > * > :last-child {
6341 margin-bottom: 0;
6342}
6343/*
6344 * Keep color for headings if the default heading color is changed
6345 */
6346.uk-overlay-panel h1,
6347.uk-overlay-panel h2,
6348.uk-overlay-panel h3,
6349.uk-overlay-panel h4,
6350.uk-overlay-panel h5,
6351.uk-overlay-panel h6 {
6352 color: inherit;
6353}
6354.uk-overlay-panel a:not([class]) {
6355 color: inherit;
6356 text-decoration: underline;
6357}
6358.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) {
6359 color: inherit;
6360}
6361/* Sub-object `uk-overlay-hover` and `uk-overlay-active`
6362 ========================================================================== */
6363.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
6364 opacity: 0;
6365}
6366.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) {
6367 opacity: 0;
6368}
6369/* Modifier `uk-overlay-background`
6370 ========================================================================== */
6371.uk-overlay-background {
6372 background: rgba(0, 0, 0, 0.5);
6373}
6374/* Modifier `uk-overlay-image`
6375 ========================================================================== */
6376/*
6377 * Reset panel
6378 */
6379.uk-overlay-image {
6380 padding: 0;
6381}
6382/* Position modifiers
6383 ========================================================================== */
6384.uk-overlay-top {
6385 bottom: auto;
6386}
6387.uk-overlay-bottom {
6388 top: auto;
6389}
6390.uk-overlay-left {
6391 right: auto;
6392}
6393.uk-overlay-right {
6394 left: auto;
6395}
6396/* Sub-object `uk-overlay-icon`
6397 ========================================================================== */
6398.uk-overlay-icon:before {
6399 content: "\f002";
6400 position: absolute;
6401 top: 50%;
6402 left: 50%;
6403 width: 50px;
6404 height: 50px;
6405 margin-top: -25px;
6406 margin-left: -25px;
6407 font-size: 50px;
6408 line-height: 1;
6409 font-family: FontAwesome;
6410 text-align: center;
6411 color: #fff;
6412}
6413/* Transitions
6414 ========================================================================== */
6415.uk-overlay-fade,
6416.uk-overlay-scale,
6417.uk-overlay-spin,
6418.uk-overlay-grayscale,
6419.uk-overlay-blur,
6420[class*='uk-overlay-slide'] {
6421 transition-duration: 0.3s;
6422 transition-timing-function: ease-out;
6423 transition-property: opacity, transform, filter;
6424}
6425.uk-overlay-active .uk-overlay-fade,
6426.uk-overlay-active .uk-overlay-scale,
6427.uk-overlay-active .uk-overlay-spin,
6428.uk-overlay-active [class*='uk-overlay-slide'] {
6429 transition-duration: 0.8s;
6430}
6431/*
6432 * Fade
6433 */
6434.uk-overlay-fade {
6435 opacity: 0.7;
6436}
6437.uk-overlay-hover:hover .uk-overlay-fade,
6438.uk-overlay-hover.uk-hover .uk-overlay-fade,
6439.uk-overlay-active .uk-active > .uk-overlay-fade {
6440 opacity: 1;
6441}
6442/*
6443 * Scale
6444 */
6445.uk-overlay-scale {
6446 -webkit-transform: scale(1);
6447 transform: scale(1);
6448}
6449.uk-overlay-hover:hover .uk-overlay-scale,
6450.uk-overlay-hover.uk-hover .uk-overlay-scale,
6451.uk-overlay-active .uk-active > .uk-overlay-scale {
6452 -webkit-transform: scale(1.1);
6453 transform: scale(1.1);
6454}
6455/*
6456 * Spin
6457 */
6458.uk-overlay-spin {
6459 -webkit-transform: scale(1) rotate(0deg);
6460 transform: scale(1) rotate(0deg);
6461}
6462.uk-overlay-hover:hover .uk-overlay-spin,
6463.uk-overlay-hover.uk-hover .uk-overlay-spin,
6464.uk-overlay-active .uk-active > .uk-overlay-spin {
6465 -webkit-transform: scale(1.1) rotate(3deg);
6466 transform: scale(1.1) rotate(3deg);
6467}
6468/*
6469 * Grayscale
6470 */
6471.uk-overlay-grayscale {
6472 -webkit-filter: grayscale(100%);
6473 filter: grayscale(100%);
6474}
6475.uk-overlay-hover:hover .uk-overlay-grayscale,
6476.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
6477.uk-overlay-active .uk-active > .uk-overlay-grayscale {
6478 -webkit-filter: grayscale(0%);
6479 filter: grayscale(0%);
6480}
6481/*
6482 * Slide
6483 */
6484[class*='uk-overlay-slide'] {
6485 opacity: 0;
6486}
6487/* Top */
6488.uk-overlay-slide-top {
6489 -webkit-transform: translateY(-100%);
6490 transform: translateY(-100%);
6491}
6492/* Bottom */
6493.uk-overlay-slide-bottom {
6494 -webkit-transform: translateY(100%);
6495 transform: translateY(100%);
6496}
6497/* Left */
6498.uk-overlay-slide-left {
6499 -webkit-transform: translateX(-100%);
6500 transform: translateX(-100%);
6501}
6502/* Right */
6503.uk-overlay-slide-right {
6504 -webkit-transform: translateX(100%);
6505 transform: translateX(100%);
6506}
6507/* Hover */
6508.uk-overlay-hover:hover [class*='uk-overlay-slide'],
6509.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'],
6510.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {
6511 opacity: 1;
6512 -webkit-transform: translateX(0) translateY(0);
6513 transform: translateX(0) translateY(0);
6514}
6515/* DEPRECATED
6516 * Sub-object `uk-overlay-area`
6517 ========================================================================== */
6518/*
6519 * 1. Set position
6520 * 2. Set style
6521 * 3. Fade-in transition
6522 */
6523.uk-overlay-area {
6524 /* 1 */
6525 position: absolute;
6526 top: 0;
6527 bottom: 0;
6528 left: 0;
6529 right: 0;
6530 /* 2 */
6531 background: rgba(0, 0, 0, 0.3);
6532 /* 3 */
6533 opacity: 0;
6534 -webkit-transition: opacity 0.15s linear;
6535 transition: opacity 0.15s linear;
6536 -webkit-transform: translate3d(0, 0, 0);
6537}
6538/*
6539 * Hover
6540 * 1. `uk-hover` to support touch devices
6541 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
6542 */
6543.uk-overlay:hover .uk-overlay-area,
6544.uk-overlay.uk-hover .uk-overlay-area,
6545.uk-overlay-toggle:hover .uk-overlay-area,
6546.uk-overlay-toggle.uk-hover .uk-overlay-area {
6547 opacity: 1;
6548}
6549/*
6550 * Icon
6551 */
6552.uk-overlay-area:empty:before {
6553 content: "\f002";
6554 position: absolute;
6555 top: 50%;
6556 left: 50%;
6557 width: 50px;
6558 height: 50px;
6559 margin-top: -25px;
6560 margin-left: -25px;
6561 font-size: 50px;
6562 line-height: 1;
6563 font-family: FontAwesome;
6564 text-align: center;
6565 color: #fff;
6566}
6567/* DEPRECATED
6568 * Sub-object `uk-overlay-area-content`
6569 ========================================================================== */
6570/*
6571 * Remove whitespace between child elements when using `inline-block`
6572 * Needed for Firefox
6573 */
6574.uk-overlay-area:not(:empty) {
6575 font-size: 0.001px;
6576}
6577/*
6578 * 1. Needed for vertical alignment
6579 */
6580.uk-overlay-area:not(:empty):before {
6581 content: '';
6582 display: inline-block;
6583 height: 100%;
6584 vertical-align: middle;
6585}
6586/*
6587 * 1. Set vertical alignment
6588 * 2. Reset whitespace hack
6589 * 3. Set horizontal alignment
6590 * 4. Set style
6591 */
6592.uk-overlay-area-content {
6593 /* 1 */
6594 display: inline-block;
6595 box-sizing: border-box;
6596 width: 100%;
6597 vertical-align: middle;
6598 /* 2 */
6599 font-size: 1rem;
6600 /* 3 */
6601 text-align: center;
6602 /* 4 */
6603 padding: 0 15px;
6604 color: #fff;
6605}
6606/*
6607 * Remove margin from the last-child
6608 */
6609.uk-overlay-area-content > :last-child {
6610 margin-bottom: 0;
6611}
6612/*
6613 * Links in overlay area
6614 */
6615.uk-overlay-area-content a:not([class]),
6616.uk-overlay-area-content a:not([class]):hover {
6617 color: inherit;
6618}
6619/* DEPRECATED
6620 * Sub-object `uk-overlay-caption`
6621 ========================================================================== */
6622/*
6623 * 1. Set position
6624 * 2. Set style
6625 * 3. Fade-in transition
6626 */
6627.uk-overlay-caption {
6628 /* 1 */
6629 position: absolute;
6630 bottom: 0;
6631 left: 0;
6632 right: 0;
6633 /* 2 */
6634 padding: 15px;
6635 background: rgba(0, 0, 0, 0.5);
6636 color: #fff;
6637 /* 3 */
6638 opacity: 0;
6639 -webkit-transition: opacity 0.15s linear;
6640 transition: opacity 0.15s linear;
6641 -webkit-transform: translate3d(0, 0, 0);
6642}
6643/*
6644 * Hover
6645 * 1. `uk-hover` to support touch devices
6646 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
6647 */
6648.uk-overlay:hover .uk-overlay-caption,
6649.uk-overlay.uk-hover .uk-overlay-caption,
6650.uk-overlay-toggle:hover .uk-overlay-caption,
6651.uk-overlay-toggle.uk-hover .uk-overlay-caption {
6652 opacity: 1;
6653}
6654/* ========================================================================
6655 Component: Column
6656 ========================================================================== */
6657[class*='uk-column-'] {
6658 -webkit-column-gap: 25px;
6659 -moz-column-gap: 25px;
6660 column-gap: 25px;
6661}
6662/* Width modifiers
6663 ========================================================================== */
6664.uk-column-1-2 {
6665 -webkit-column-count: 2;
6666 -moz-column-count: 2;
6667 column-count: 2;
6668}
6669.uk-column-1-3 {
6670 -webkit-column-count: 3;
6671 -moz-column-count: 3;
6672 column-count: 3;
6673}
6674.uk-column-1-4 {
6675 -webkit-column-count: 4;
6676 -moz-column-count: 4;
6677 column-count: 4;
6678}
6679.uk-column-1-5 {
6680 -webkit-column-count: 5;
6681 -moz-column-count: 5;
6682 column-count: 5;
6683}
6684.uk-column-1-6 {
6685 -webkit-column-count: 6;
6686 -moz-column-count: 6;
6687 column-count: 6;
6688}
6689/* Phone landscape and bigger */
6690@media (min-width: 480px) {
6691 .uk-column-small-1-2 {
6692 -webkit-column-count: 2;
6693 -moz-column-count: 2;
6694 column-count: 2;
6695 }
6696 .uk-column-small-1-3 {
6697 -webkit-column-count: 3;
6698 -moz-column-count: 3;
6699 column-count: 3;
6700 }
6701 .uk-column-small-1-4 {
6702 -webkit-column-count: 4;
6703 -moz-column-count: 4;
6704 column-count: 4;
6705 }
6706 .uk-column-small-1-5 {
6707 -webkit-column-count: 5;
6708 -moz-column-count: 5;
6709 column-count: 5;
6710 }
6711 .uk-column-small-1-6 {
6712 -webkit-column-count: 6;
6713 -moz-column-count: 6;
6714 column-count: 6;
6715 }
6716}
6717/* Tablet and bigger */
6718@media (min-width: 768px) {
6719 .uk-column-medium-1-2 {
6720 -webkit-column-count: 2;
6721 -moz-column-count: 2;
6722 column-count: 2;
6723 }
6724 .uk-column-medium-1-3 {
6725 -webkit-column-count: 3;
6726 -moz-column-count: 3;
6727 column-count: 3;
6728 }
6729 .uk-column-medium-1-4 {
6730 -webkit-column-count: 4;
6731 -moz-column-count: 4;
6732 column-count: 4;
6733 }
6734 .uk-column-medium-1-5 {
6735 -webkit-column-count: 5;
6736 -moz-column-count: 5;
6737 column-count: 5;
6738 }
6739 .uk-column-medium-1-6 {
6740 -webkit-column-count: 6;
6741 -moz-column-count: 6;
6742 column-count: 6;
6743 }
6744}
6745/* Desktop and bigger */
6746@media (min-width: 960px) {
6747 .uk-column-large-1-2 {
6748 -webkit-column-count: 2;
6749 -moz-column-count: 2;
6750 column-count: 2;
6751 }
6752 .uk-column-large-1-3 {
6753 -webkit-column-count: 3;
6754 -moz-column-count: 3;
6755 column-count: 3;
6756 }
6757 .uk-column-large-1-4 {
6758 -webkit-column-count: 4;
6759 -moz-column-count: 4;
6760 column-count: 4;
6761 }
6762 .uk-column-large-1-5 {
6763 -webkit-column-count: 5;
6764 -moz-column-count: 5;
6765 column-count: 5;
6766 }
6767 .uk-column-large-1-6 {
6768 -webkit-column-count: 6;
6769 -moz-column-count: 6;
6770 column-count: 6;
6771 }
6772}
6773/* Large screen and bigger */
6774@media (min-width: 1220px) {
6775 .uk-column-xlarge-1-2 {
6776 -webkit-column-count: 2;
6777 -moz-column-count: 2;
6778 column-count: 2;
6779 }
6780 .uk-column-xlarge-1-3 {
6781 -webkit-column-count: 3;
6782 -moz-column-count: 3;
6783 column-count: 3;
6784 }
6785 .uk-column-xlarge-1-4 {
6786 -webkit-column-count: 4;
6787 -moz-column-count: 4;
6788 column-count: 4;
6789 }
6790 .uk-column-xlarge-1-5 {
6791 -webkit-column-count: 5;
6792 -moz-column-count: 5;
6793 column-count: 5;
6794 }
6795 .uk-column-xlarge-1-6 {
6796 -webkit-column-count: 6;
6797 -moz-column-count: 6;
6798 column-count: 6;
6799 }
6800}
6801/* ========================================================================
6802 Component: Animation
6803 ========================================================================== */
6804[class*='uk-animation-'] {
6805 -webkit-animation-duration: 0.5s;
6806 animation-duration: 0.5s;
6807 -webkit-animation-timing-function: ease-out;
6808 animation-timing-function: ease-out;
6809 -webkit-animation-fill-mode: both;
6810 animation-fill-mode: both;
6811}
6812/* Hide animated element if scrollspy is used */
6813@media screen {
6814 [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {
6815 opacity: 0;
6816 }
6817}
6818/*
6819 * Fade
6820 * Higher specificity (!important) needed because of reverse modifier
6821 */
6822.uk-animation-fade {
6823 -webkit-animation-name: uk-fade;
6824 animation-name: uk-fade;
6825 -webkit-animation-duration: 0.8s;
6826 animation-duration: 0.8s;
6827 -webkit-animation-timing-function: linear !important;
6828 animation-timing-function: linear !important;
6829}
6830/*
6831 * Fade with scale
6832 */
6833.uk-animation-scale-up {
6834 -webkit-animation-name: uk-fade-scale-02;
6835 animation-name: uk-fade-scale-02;
6836}
6837.uk-animation-scale-down {
6838 -webkit-animation-name: uk-fade-scale-18;
6839 animation-name: uk-fade-scale-18;
6840}
6841/*
6842 * Fade with slide
6843 */
6844.uk-animation-slide-top {
6845 -webkit-animation-name: uk-fade-top;
6846 animation-name: uk-fade-top;
6847}
6848.uk-animation-slide-bottom {
6849 -webkit-animation-name: uk-fade-bottom;
6850 animation-name: uk-fade-bottom;
6851}
6852.uk-animation-slide-left {
6853 -webkit-animation-name: uk-fade-left;
6854 animation-name: uk-fade-left;
6855}
6856.uk-animation-slide-right {
6857 -webkit-animation-name: uk-fade-right;
6858 animation-name: uk-fade-right;
6859}
6860/*
6861 * Scale
6862 */
6863.uk-animation-scale {
6864 -webkit-animation-name: uk-scale-12;
6865 animation-name: uk-scale-12;
6866}
6867/*
6868 * Shake
6869 */
6870.uk-animation-shake {
6871 -webkit-animation-name: uk-shake;
6872 animation-name: uk-shake;
6873}
6874/* Direction modifiers
6875 ========================================================================== */
6876.uk-animation-reverse {
6877 -webkit-animation-direction: reverse;
6878 animation-direction: reverse;
6879 -webkit-animation-timing-function: ease-in;
6880 animation-timing-function: ease-in;
6881}
6882/* Duration modifiers
6883========================================================================== */
6884.uk-animation-15 {
6885 -webkit-animation-duration: 15s;
6886 animation-duration: 15s;
6887}
6888/* Origin modifiers
6889========================================================================== */
6890.uk-animation-top-left {
6891 -webkit-transform-origin: 0 0;
6892 transform-origin: 0 0;
6893}
6894.uk-animation-top-center {
6895 -webkit-transform-origin: 50% 0;
6896 transform-origin: 50% 0;
6897}
6898.uk-animation-top-right {
6899 -webkit-transform-origin: 100% 0;
6900 transform-origin: 100% 0;
6901}
6902.uk-animation-middle-left {
6903 -webkit-transform-origin: 0 50%;
6904 transform-origin: 0 50%;
6905}
6906.uk-animation-middle-right {
6907 -webkit-transform-origin: 100% 50%;
6908 transform-origin: 100% 50%;
6909}
6910.uk-animation-bottom-left {
6911 -webkit-transform-origin: 0 100%;
6912 transform-origin: 0 100%;
6913}
6914.uk-animation-bottom-center {
6915 -webkit-transform-origin: 50% 100%;
6916 transform-origin: 50% 100%;
6917}
6918.uk-animation-bottom-right {
6919 -webkit-transform-origin: 100% 100%;
6920 transform-origin: 100% 100%;
6921}
6922/* Sub-object: `uk-animation-hover`
6923========================================================================== */
6924/*
6925 * Enable animation only on hover
6926 * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`
6927 */
6928.uk-animation-hover:not(:hover),
6929.uk-animation-hover:not(:hover) [class*='uk-animation-'],
6930.uk-touch .uk-animation-hover:not(.uk-hover),
6931.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
6932 -webkit-animation-name: none;
6933 animation-name: none;
6934}
6935/* Keyframes: Fade
6936 * Used by dropdown, datepicker and slideshow component
6937 ========================================================================== */
6938@-webkit-keyframes uk-fade {
6939 0% {
6940 opacity: 0;
6941 }
6942 100% {
6943 opacity: 1;
6944 }
6945}
6946@keyframes uk-fade {
6947 0% {
6948 opacity: 0;
6949 }
6950 100% {
6951 opacity: 1;
6952 }
6953}
6954/* Keyframes: Fade with slide
6955 ========================================================================== */
6956/*
6957 * Top
6958 */
6959@-webkit-keyframes uk-fade-top {
6960 0% {
6961 opacity: 0;
6962 -webkit-transform: translateY(-100%);
6963 }
6964 100% {
6965 opacity: 1;
6966 -webkit-transform: translateY(0);
6967 }
6968}
6969@keyframes uk-fade-top {
6970 0% {
6971 opacity: 0;
6972 transform: translateY(-100%);
6973 }
6974 100% {
6975 opacity: 1;
6976 transform: translateY(0);
6977 }
6978}
6979/*
6980 * Bottom
6981 */
6982@-webkit-keyframes uk-fade-bottom {
6983 0% {
6984 opacity: 0;
6985 -webkit-transform: translateY(100%);
6986 }
6987 100% {
6988 opacity: 1;
6989 -webkit-transform: translateY(0);
6990 }
6991}
6992@keyframes uk-fade-bottom {
6993 0% {
6994 opacity: 0;
6995 transform: translateY(100%);
6996 }
6997 100% {
6998 opacity: 1;
6999 transform: translateY(0);
7000 }
7001}
7002/*
7003 * Left
7004 */
7005@-webkit-keyframes uk-fade-left {
7006 0% {
7007 opacity: 0;
7008 -webkit-transform: translateX(-100%);
7009 }
7010 100% {
7011 opacity: 1;
7012 -webkit-transform: translateX(0);
7013 }
7014}
7015@keyframes uk-fade-left {
7016 0% {
7017 opacity: 0;
7018 transform: translateX(-100%);
7019 }
7020 100% {
7021 opacity: 1;
7022 transform: translateX(0);
7023 }
7024}
7025/*
7026 * Right
7027 */
7028@-webkit-keyframes uk-fade-right {
7029 0% {
7030 opacity: 0;
7031 -webkit-transform: translateX(100%);
7032 }
7033 100% {
7034 opacity: 1;
7035 -webkit-transform: translateX(0);
7036 }
7037}
7038@keyframes uk-fade-right {
7039 0% {
7040 opacity: 0;
7041 transform: translateX(100%);
7042 }
7043 100% {
7044 opacity: 1;
7045 transform: translateX(0);
7046 }
7047}
7048/* Keyframes: Fade with scale
7049 ========================================================================== */
7050/*
7051 * Scale by 0.2
7052 */
7053@-webkit-keyframes uk-fade-scale-02 {
7054 0% {
7055 opacity: 0;
7056 -webkit-transform: scale(0.2);
7057 }
7058 100% {
7059 opacity: 1;
7060 -webkit-transform: scale(1);
7061 }
7062}
7063@keyframes uk-fade-scale-02 {
7064 0% {
7065 opacity: 0;
7066 transform: scale(0.2);
7067 }
7068 100% {
7069 opacity: 1;
7070 transform: scale(1);
7071 }
7072}
7073/*
7074 * Scale by 1.5
7075 * Used by slideshow component
7076 */
7077@-webkit-keyframes uk-fade-scale-15 {
7078 0% {
7079 opacity: 0;
7080 -webkit-transform: scale(1.5);
7081 }
7082 100% {
7083 opacity: 1;
7084 -webkit-transform: scale(1);
7085 }
7086}
7087@keyframes uk-fade-scale-15 {
7088 0% {
7089 opacity: 0;
7090 transform: scale(1.5);
7091 }
7092 100% {
7093 opacity: 1;
7094 transform: scale(1);
7095 }
7096}
7097/*
7098 * Scale by 1.8
7099 */
7100@-webkit-keyframes uk-fade-scale-18 {
7101 0% {
7102 opacity: 0;
7103 -webkit-transform: scale(1.8);
7104 }
7105 100% {
7106 opacity: 1;
7107 -webkit-transform: scale(1);
7108 }
7109}
7110@keyframes uk-fade-scale-18 {
7111 0% {
7112 opacity: 0;
7113 transform: scale(1.8);
7114 }
7115 100% {
7116 opacity: 1;
7117 transform: scale(1);
7118 }
7119}
7120/* Keyframes: Slide
7121 * Used by slideshow component
7122 ========================================================================== */
7123/*
7124 * Left
7125 */
7126@-webkit-keyframes uk-slide-left {
7127 0% {
7128 -webkit-transform: translateX(-100%);
7129 }
7130 100% {
7131 -webkit-transform: translateX(0);
7132 }
7133}
7134@keyframes uk-slide-left {
7135 0% {
7136 transform: translateX(-100%);
7137 }
7138 100% {
7139 transform: translateX(0);
7140 }
7141}
7142/*
7143 * Right
7144 */
7145@-webkit-keyframes uk-slide-right {
7146 0% {
7147 -webkit-transform: translateX(100%);
7148 }
7149 100% {
7150 -webkit-transform: translateX(0);
7151 }
7152}
7153@keyframes uk-slide-right {
7154 0% {
7155 transform: translateX(100%);
7156 }
7157 100% {
7158 transform: translateX(0);
7159 }
7160}
7161/*
7162 * Left third
7163 */
7164@-webkit-keyframes uk-slide-left-33 {
7165 0% {
7166 -webkit-transform: translateX(33%);
7167 }
7168 100% {
7169 -webkit-transform: translateX(0);
7170 }
7171}
7172@keyframes uk-slide-left-33 {
7173 0% {
7174 transform: translateX(33%);
7175 }
7176 100% {
7177 transform: translateX(0);
7178 }
7179}
7180/*
7181 * Right third
7182 */
7183@-webkit-keyframes uk-slide-right-33 {
7184 0% {
7185 -webkit-transform: translateX(-33%);
7186 }
7187 100% {
7188 -webkit-transform: translateX(0);
7189 }
7190}
7191@keyframes uk-slide-right-33 {
7192 0% {
7193 transform: translateX(-33%);
7194 }
7195 100% {
7196 transform: translateX(0);
7197 }
7198}
7199/* Keyframes: Scale
7200 ========================================================================== */
7201@-webkit-keyframes uk-scale-12 {
7202 0% {
7203 -webkit-transform: scale(1.2);
7204 }
7205 100% {
7206 -webkit-transform: scale(1);
7207 }
7208}
7209@keyframes uk-scale-12 {
7210 0% {
7211 transform: scale(1.2);
7212 }
7213 100% {
7214 transform: scale(1);
7215 }
7216}
7217/* Keyframes: Rotate
7218 * Used by icon component
7219 ========================================================================== */
7220@-webkit-keyframes uk-rotate {
7221 0% {
7222 -webkit-transform: rotate(0deg);
7223 }
7224 100% {
7225 -webkit-transform: rotate(359deg);
7226 }
7227}
7228@keyframes uk-rotate {
7229 0% {
7230 transform: rotate(0deg);
7231 }
7232 100% {
7233 transform: rotate(359deg);
7234 }
7235}
7236/* Keyframes: Shake
7237 ========================================================================== */
7238@-webkit-keyframes uk-shake {
7239 0%,
7240 100% {
7241 -webkit-transform: translateX(0);
7242 }
7243 10% {
7244 -webkit-transform: translateX(-9px);
7245 }
7246 20% {
7247 -webkit-transform: translateX(8px);
7248 }
7249 30% {
7250 -webkit-transform: translateX(-7px);
7251 }
7252 40% {
7253 -webkit-transform: translateX(6px);
7254 }
7255 50% {
7256 -webkit-transform: translateX(-5px);
7257 }
7258 60% {
7259 -webkit-transform: translateX(4px);
7260 }
7261 70% {
7262 -webkit-transform: translateX(-3px);
7263 }
7264 80% {
7265 -webkit-transform: translateX(2px);
7266 }
7267 90% {
7268 -webkit-transform: translateX(-1px);
7269 }
7270}
7271@keyframes uk-shake {
7272 0%,
7273 100% {
7274 transform: translateX(0);
7275 }
7276 10% {
7277 transform: translateX(-9px);
7278 }
7279 20% {
7280 transform: translateX(8px);
7281 }
7282 30% {
7283 transform: translateX(-7px);
7284 }
7285 40% {
7286 transform: translateX(6px);
7287 }
7288 50% {
7289 transform: translateX(-5px);
7290 }
7291 60% {
7292 transform: translateX(4px);
7293 }
7294 70% {
7295 transform: translateX(-3px);
7296 }
7297 80% {
7298 transform: translateX(2px);
7299 }
7300 90% {
7301 transform: translateX(-1px);
7302 }
7303}
7304/* Keyframes: Fade with slide fixed
7305 * Used by dropdown and search component
7306 ========================================================================== */
7307/*
7308 * Top fixed
7309 */
7310@-webkit-keyframes uk-slide-top-fixed {
7311 0% {
7312 opacity: 0;
7313 -webkit-transform: translateY(-10px);
7314 }
7315 100% {
7316 opacity: 1;
7317 -webkit-transform: translateY(0);
7318 }
7319}
7320@keyframes uk-slide-top-fixed {
7321 0% {
7322 opacity: 0;
7323 transform: translateY(-10px);
7324 }
7325 100% {
7326 opacity: 1;
7327 transform: translateY(0);
7328 }
7329}
7330/*
7331 * Bottom fixed
7332 */
7333@-webkit-keyframes uk-slide-bottom-fixed {
7334 0% {
7335 opacity: 0;
7336 -webkit-transform: translateY(10px);
7337 }
7338 100% {
7339 opacity: 1;
7340 -webkit-transform: translateY(0);
7341 }
7342}
7343@keyframes uk-slide-bottom-fixed {
7344 0% {
7345 opacity: 0;
7346 transform: translateY(10px);
7347 }
7348 100% {
7349 opacity: 1;
7350 transform: translateY(0);
7351 }
7352}
7353/* ========================================================================
7354 Component: Dropdown
7355 ========================================================================== */
7356/*
7357 * 1. Hide by default
7358 * 2. Set position
7359 * 3. Box-sizing is needed for `uk-dropdown-justify`
7360 * 4. Set width
7361 */
7362.uk-dropdown,
7363.uk-dropdown-blank {
7364 /* 1 */
7365 display: none;
7366 /* 2 */
7367 position: absolute;
7368 z-index: 1020;
7369 /* 3 */
7370 box-sizing: border-box;
7371 /* 4 */
7372 width: 200px;
7373}
7374/*
7375 * Dropdown style
7376 * 1. Reset button group whitespace hack
7377 */
7378.uk-dropdown {
7379 padding: 15px;
7380 background: #fff;
7381 color: #444;
7382 /* 1 */
7383 font-size: 1rem;
7384 vertical-align: top;
7385 border: 1px solid #ddd;
7386 border-radius: 4px;
7387}
7388/*
7389 * 1. Show dropdown
7390 * 2. Set animation
7391 * 3. Needed for scale animation
7392 */
7393.uk-open > .uk-dropdown,
7394.uk-open > .uk-dropdown-blank {
7395 /* 1 */
7396 display: block;
7397 /* 2 */
7398 -webkit-animation: uk-fade 0.2s ease-in-out;
7399 animation: uk-fade 0.2s ease-in-out;
7400 /* 3 */
7401 -webkit-transform-origin: 0 0;
7402 transform-origin: 0 0;
7403}
7404/* Alignment modifiers
7405 ========================================================================== */
7406/*
7407 * Modifier
7408 */
7409.uk-dropdown-top {
7410 margin-top: -5px;
7411}
7412.uk-dropdown-bottom {
7413 margin-top: 5px;
7414}
7415.uk-dropdown-left {
7416 margin-left: -5px;
7417}
7418.uk-dropdown-right {
7419 margin-left: 5px;
7420}
7421/* Nav in dropdown
7422 ========================================================================== */
7423.uk-dropdown .uk-nav {
7424 margin: 0 -15px;
7425}
7426/* Grid and panel in dropdown
7427 ========================================================================== */
7428/*
7429* Vertical gutter
7430*/
7431/*
7432 * Grid
7433 * Higher specificity to override large gutter
7434 */
7435.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
7436 margin-top: 15px;
7437}
7438/* Panels */
7439.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
7440 margin-top: 15px;
7441}
7442/* Tablet and bigger */
7443@media (min-width: 768px) {
7444 /*
7445 * Horizontal gutter
7446 */
7447 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
7448 margin-left: -15px;
7449 margin-right: -15px;
7450 }
7451 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {
7452 padding-left: 15px;
7453 padding-right: 15px;
7454 }
7455 /*
7456 * Column divider
7457 */
7458 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
7459 border-left: 1px solid #ddd;
7460 }
7461 /*
7462 * Width multiplier for dropdown columns
7463 */
7464 .uk-dropdown-width-2:not(.uk-dropdown-stack) {
7465 width: 400px;
7466 }
7467 .uk-dropdown-width-3:not(.uk-dropdown-stack) {
7468 width: 600px;
7469 }
7470 .uk-dropdown-width-4:not(.uk-dropdown-stack) {
7471 width: 800px;
7472 }
7473 .uk-dropdown-width-5:not(.uk-dropdown-stack) {
7474 width: 1000px;
7475 }
7476}
7477/* Phone landscape and smaller */
7478@media (max-width: 767px) {
7479 /*
7480 * Stack columns and take full width
7481 */
7482 .uk-dropdown-grid > [class*='uk-width-'] {
7483 width: 100%;
7484 }
7485 /*
7486 * Vertical gutter
7487 */
7488 .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
7489 margin-top: 15px;
7490 }
7491}
7492/*
7493* Stack grid columns
7494*/
7495.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] {
7496 width: 100%;
7497}
7498.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
7499 margin-top: 15px;
7500}
7501/* Modifier `uk-dropdown-small`
7502 ========================================================================== */
7503/*
7504 * Set min-width and text expands dropdown if needed
7505 */
7506.uk-dropdown-small {
7507 min-width: 150px;
7508 width: auto;
7509 padding: 5px;
7510 white-space: nowrap;
7511}
7512/*
7513 * Nav in dropdown
7514 */
7515.uk-dropdown-small .uk-nav {
7516 margin: 0 -5px;
7517}
7518/* Modifier: `uk-dropdown-navbar`
7519 ========================================================================== */
7520.uk-dropdown-navbar {
7521 margin-top: 6px;
7522 background: #fff;
7523 color: #444;
7524 left: -1px;
7525}
7526.uk-open > .uk-dropdown-navbar {
7527 -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
7528 animation: uk-slide-top-fixed 0.2s ease-in-out;
7529}
7530/* Modifier `uk-dropdown-scrollable`
7531 ========================================================================== */
7532/*
7533 * Usefull for long lists
7534 */
7535.uk-dropdown-scrollable {
7536 overflow-y: auto;
7537 max-height: 200px;
7538}
7539/* Sub-object: `uk-dropdown-overlay`
7540 ========================================================================== */
7541.uk-dropdown-navbar.uk-dropdown-flip {
7542 left: auto;
7543}
7544/* ========================================================================
7545 Component: Modal
7546 ========================================================================== */
7547/*
7548 * This is the modal overlay and modal dialog container
7549 * 1. Hide by default
7550 * 2. Set fixed position
7551 * 3. Allow scrolling for the modal dialog
7552 * 4. Mask the background page
7553 * 5. Fade-in transition
7554 * 6. Deactivate browser history navigation in IE11
7555 * 7. force hardware acceleration to prevent browser rendering hiccups
7556 */
7557.uk-modal {
7558 /* 1 */
7559 display: none;
7560 /* 2 */
7561 position: fixed;
7562 top: 0;
7563 right: 0;
7564 bottom: 0;
7565 left: 0;
7566 z-index: 1010;
7567 /* 3 */
7568 overflow-y: auto;
7569 -webkit-overflow-scrolling: touch;
7570 /* 4 */
7571 background: rgba(0, 0, 0, 0.6);
7572 /* 5 */
7573 opacity: 0;
7574 -webkit-transition: opacity 0.15s linear;
7575 transition: opacity 0.15s linear;
7576 /* 6 */
7577 touch-action: cross-slide-y pinch-zoom double-tap-zoom;
7578 /* 7 */
7579 -webkit-transform: translateZ(0);
7580 transform: translateZ(0);
7581}
7582/*
7583 * Open state
7584 */
7585.uk-modal.uk-open {
7586 opacity: 1;
7587}
7588/*
7589 * Prevents duplicated scrollbar caused by 4.
7590 */
7591.uk-modal-page,
7592.uk-modal-page body {
7593 overflow: hidden;
7594}
7595/* Sub-object: `uk-modal-dialog`
7596 ========================================================================== */
7597/*
7598 * 1. Create position context for caption, spinner and close button
7599 * 2. Set box sizing
7600 * 3. Set style
7601 * 4. Slide-in transition
7602 */
7603.uk-modal-dialog {
7604 /* 1 */
7605 position: relative;
7606 /* 2 */
7607 box-sizing: border-box;
7608 margin: 50px auto;
7609 padding: 20px;
7610 width: 600px;
7611 max-width: 100%;
7612 max-width: calc(100% - 20px);
7613 /* 3 */
7614 background: #fff;
7615 /* 4 */
7616 opacity: 0;
7617 -webkit-transform: translateY(-100px);
7618 transform: translateY(-100px);
7619 -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
7620 transition: opacity 0.3s linear, transform 0.3s ease-out;
7621 border-radius: 4px;
7622 box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
7623}
7624/* Phone landscape and smaller */
7625@media (max-width: 767px) {
7626 /*
7627 * Fit in small screen
7628 */
7629 .uk-modal-dialog {
7630 width: auto;
7631 margin: 10px auto;
7632 }
7633}
7634/*
7635 * Open state
7636 */
7637.uk-open .uk-modal-dialog {
7638 /* 4 */
7639 opacity: 1;
7640 -webkit-transform: translateY(0);
7641 transform: translateY(0);
7642}
7643/*
7644 * Remove margin from the last-child
7645 */
7646.uk-modal-dialog > :not([class*='uk-modal-']):last-child {
7647 margin-bottom: 0;
7648}
7649/* Close in modal
7650 ========================================================================== */
7651.uk-modal-dialog > .uk-close:first-child {
7652 margin: -10px -10px 0 0;
7653 float: right;
7654}
7655/*
7656 * Remove margin from adjacent element
7657 */
7658.uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) {
7659 margin-top: 0;
7660}
7661/* Modifier: `uk-modal-dialog-lightbox`
7662 ========================================================================== */
7663.uk-modal-dialog-lightbox {
7664 margin: 15px auto;
7665 padding: 0;
7666 max-width: 95%;
7667 max-width: calc(100% - 30px);
7668 min-height: 50px;
7669 border-radius: 0;
7670}
7671/*
7672 * Close button
7673 */
7674.uk-modal-dialog-lightbox > .uk-close:first-child {
7675 position: absolute;
7676 top: -12px;
7677 right: -12px;
7678 margin: 0;
7679 float: none;
7680}
7681/* Phone landscape and smaller */
7682@media (max-width: 767px) {
7683 .uk-modal-dialog-lightbox > .uk-close:first-child {
7684 top: -7px;
7685 right: -7px;
7686 }
7687}
7688/* Modifier: `uk-modal-dialog-blank`
7689 ========================================================================== */
7690.uk-modal-dialog-blank {
7691 margin: 0;
7692 padding: 0;
7693 width: 100%;
7694 max-width: 100%;
7695 -webkit-transition: opacity 0.3s linear;
7696 transition: opacity 0.3s linear;
7697}
7698/*
7699* Close button
7700*/
7701.uk-modal-dialog-blank > .uk-close:first-child {
7702 position: absolute;
7703 top: 20px;
7704 right: 20px;
7705 z-index: 1;
7706 margin: 0;
7707 float: none;
7708}
7709/* Modifier: `uk-modal-dialog-large`
7710 ========================================================================== */
7711/* Tablet and bigger */
7712@media (min-width: 768px) {
7713 .uk-modal-dialog-large {
7714 width: 930px;
7715 }
7716}
7717/* Large screen and bigger */
7718@media (min-width: 1220px) {
7719 .uk-modal-dialog-large {
7720 width: 1130px;
7721 }
7722}
7723/* Sub-Object: `uk-modal-header` and `uk-modal-footer`
7724 ========================================================================== */
7725.uk-modal-header {
7726 margin-bottom: 15px;
7727 margin: -20px -20px 15px -20px;
7728 padding: 20px;
7729 border-bottom: 1px solid #ddd;
7730 border-radius: 4px 4px 0 0;
7731 background: #fafafa;
7732}
7733.uk-modal-footer {
7734 margin-top: 15px;
7735 margin: 15px -20px -20px -20px;
7736 padding: 20px;
7737 border-top: 1px solid #ddd;
7738 border-radius: 0 0 4px 4px;
7739 background: #fafafa;
7740}
7741/*
7742 * Remove margin from the last-child
7743 */
7744.uk-modal-header > :last-child,
7745.uk-modal-footer > :last-child {
7746 margin-bottom: 0;
7747}
7748/* Sub-Object: `uk-modal-caption`
7749 ========================================================================== */
7750.uk-modal-caption {
7751 position: absolute;
7752 left: 0;
7753 right: 0;
7754 bottom: -20px;
7755 margin-bottom: -10px;
7756 color: #fff;
7757 text-align: center;
7758 overflow: hidden;
7759 text-overflow: ellipsis;
7760 white-space: nowrap;
7761}
7762/* Sub-Object: `uk-modal-spinner`
7763 ========================================================================== */
7764.uk-modal-spinner {
7765 position: absolute;
7766 top: 50%;
7767 left: 50%;
7768 -webkit-transform: translate(-50%, -50%);
7769 transform: translate(-50%, -50%);
7770 font-size: 25px;
7771 color: #ddd;
7772}
7773.uk-modal-spinner:after {
7774 content: "\f110";
7775 display: block;
7776 font-family: FontAwesome;
7777 -webkit-animation: uk-rotate 2s infinite linear;
7778 animation: uk-rotate 2s infinite linear;
7779}
7780/* ========================================================================
7781 Component: Off-canvas
7782 ========================================================================== */
7783/*
7784 * This is the offcanvas overlay and bar container
7785 * 1. Hide by default
7786 * 2. Set fixed position
7787 * 3. Deactivate browser touch actions in IE11
7788 * 4. Mask the background page
7789 */
7790.uk-offcanvas {
7791 /* 1 */
7792 display: none;
7793 /* 2 */
7794 position: fixed;
7795 top: 0;
7796 right: 0;
7797 bottom: 0;
7798 left: 0;
7799 z-index: 1000;
7800 /* 3 */
7801 touch-action: none;
7802 /* 4 */
7803 background: rgba(0, 0, 0, 0.1);
7804}
7805.uk-offcanvas.uk-active {
7806 display: block;
7807}
7808/* Sub-object `uk-offcanvas-page`
7809 ========================================================================== */
7810/*
7811 * Prepares the whole HTML page to slide-out
7812 * 1. Fix the main page and disallow scrolling
7813 * 2. Side-out transition
7814 */
7815.uk-offcanvas-page {
7816 /* 1 */
7817 position: fixed;
7818 /* 2 */
7819 -webkit-transition: margin-left 0.3s ease-in-out;
7820 transition: margin-left 0.3s ease-in-out;
7821}
7822/* Sub-object `uk-offcanvas-bar`
7823 ========================================================================== */
7824/*
7825 * This is the offcanvas bar
7826 * 1. Set fixed position
7827 * 2. Size and style
7828 * 3. Allow scrolling
7829 * 4. Side-out transition
7830 * 5. Deactivate scroll chaining in IE11
7831 */
7832.uk-offcanvas-bar {
7833 /* 1 */
7834 position: fixed;
7835 top: 0;
7836 bottom: 0;
7837 left: 0;
7838 -webkit-transform: translateX(-100%);
7839 transform: translateX(-100%);
7840 z-index: 1001;
7841 /* 2 */
7842 width: 270px;
7843 max-width: 100%;
7844 background: #333;
7845 /* 3 */
7846 overflow-y: auto;
7847 -webkit-overflow-scrolling: touch;
7848 /* 4 */
7849 -webkit-transition: -webkit-transform 0.3s ease-in-out;
7850 transition: transform 0.3s ease-in-out;
7851 /* 5 */
7852 -ms-scroll-chaining: none;
7853}
7854.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
7855 -webkit-transform: translateX(0%);
7856 transform: translateX(0%);
7857}
7858/* Modifier `uk-offcanvas-bar-flip`
7859 ========================================================================== */
7860.uk-offcanvas-bar-flip {
7861 left: auto;
7862 right: 0;
7863 -webkit-transform: translateX(100%);
7864 transform: translateX(100%);
7865}
7866/* Panel in offcanvas
7867 ========================================================================== */
7868.uk-offcanvas .uk-panel {
7869 margin: 20px 15px;
7870 color: #777;
7871 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
7872}
7873.uk-offcanvas .uk-panel-title {
7874 color: #ccc;
7875}
7876.uk-offcanvas .uk-panel a:not([class]) {
7877 color: #ccc;
7878}
7879.uk-offcanvas .uk-panel a:not([class]):hover {
7880 color: #fff;
7881}
7882.uk-offcanvas-bar:after {
7883 content: "";
7884 display: block;
7885 position: absolute;
7886 top: 0;
7887 bottom: 0;
7888 right: 0;
7889 width: 1px;
7890 background: rgba(0, 0, 0, 0.6);
7891 box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
7892}
7893.uk-offcanvas-bar-flip:after {
7894 right: auto;
7895 left: 0;
7896 width: 1px;
7897 background: rgba(0, 0, 0, 0.6);
7898 box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
7899}
7900/* ========================================================================
7901 Component: Switcher
7902 ========================================================================== */
7903/*
7904 * 1. Deactivate browser history navigation in IE11
7905 */
7906.uk-switcher {
7907 margin: 0;
7908 padding: 0;
7909 list-style: none;
7910 /* 1 */
7911 touch-action: cross-slide-y pinch-zoom double-tap-zoom;
7912}
7913/*
7914 * Items
7915 */
7916.uk-switcher > :not(.uk-active) {
7917 display: none;
7918}
7919/* ========================================================================
7920 Component: Text
7921 ========================================================================== */
7922/* Size modifiers
7923 ========================================================================== */
7924.uk-text-small {
7925 font-size: 11px;
7926 line-height: 16px;
7927}
7928.uk-text-large {
7929 font-size: 18px;
7930 line-height: 24px;
7931 font-weight: normal;
7932}
7933/* Weight modifiers
7934 ========================================================================== */
7935.uk-text-bold {
7936 font-weight: bold;
7937}
7938/* Color modifiers
7939 ========================================================================== */
7940.uk-text-muted {
7941 color: #999 !important;
7942}
7943.uk-text-primary {
7944 color: #2d7091 !important;
7945}
7946.uk-text-success {
7947 color: #659f13 !important;
7948}
7949.uk-text-warning {
7950 color: #e28327 !important;
7951}
7952.uk-text-danger {
7953 color: #d85030 !important;
7954}
7955.uk-text-contrast {
7956 color: #fff !important;
7957}
7958/* Alignment modifiers
7959 ========================================================================== */
7960.uk-text-left {
7961 text-align: left !important;
7962}
7963.uk-text-right {
7964 text-align: right !important;
7965}
7966.uk-text-center {
7967 text-align: center !important;
7968}
7969.uk-text-justify {
7970 text-align: justify !important;
7971}
7972.uk-text-top {
7973 vertical-align: top !important;
7974}
7975.uk-text-middle {
7976 vertical-align: middle !important;
7977}
7978.uk-text-bottom {
7979 vertical-align: bottom !important;
7980}
7981/* Only tablets portrait and smaller */
7982@media (max-width: 959px) {
7983 .uk-text-center-medium {
7984 text-align: center !important;
7985 }
7986 .uk-text-left-medium {
7987 text-align: left !important;
7988 }
7989}
7990/* Phone landscape and smaller */
7991@media (max-width: 767px) {
7992 .uk-text-center-small {
7993 text-align: center !important;
7994 }
7995 .uk-text-left-small {
7996 text-align: left !important;
7997 }
7998}
7999/* Wrap modifiers
8000 ========================================================================== */
8001/*
8002 * Prevent text from wrapping onto multiple lines
8003 */
8004.uk-text-nowrap {
8005 white-space: nowrap;
8006}
8007/*
8008 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
8009 */
8010.uk-text-truncate {
8011 overflow: hidden;
8012 text-overflow: ellipsis;
8013 white-space: nowrap;
8014}
8015/*
8016 * Break strings if their length exceeds the width of their container
8017 */
8018.uk-text-break {
8019 word-wrap: break-word;
8020 -webkit-hyphens: auto;
8021 -ms-hyphens: auto;
8022 -moz-hyphens: auto;
8023 hyphens: auto;
8024}
8025/* ========================================================================
8026 Component: Utility
8027 ========================================================================== */
8028/* Container
8029 ========================================================================== */
8030.uk-container {
8031 box-sizing: border-box;
8032 max-width: 980px;
8033 padding: 0 25px;
8034}
8035/* Large screen and bigger */
8036@media (min-width: 1220px) {
8037 .uk-container {
8038 max-width: 1200px;
8039 padding: 0 35px;
8040 }
8041}
8042/*
8043 * Micro clearfix
8044 */
8045.uk-container:before,
8046.uk-container:after {
8047 content: "";
8048 display: table;
8049}
8050.uk-container:after {
8051 clear: both;
8052}
8053/*
8054 * Center container
8055 */
8056.uk-container-center {
8057 margin-left: auto;
8058 margin-right: auto;
8059}
8060/* Clearing
8061 ========================================================================== */
8062/*
8063 * Micro clearfix
8064* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
8065 * `table` is used again with `:after` because `clear` only works with block elements.
8066 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
8067 */
8068.uk-clearfix:before {
8069 content: "";
8070 display: table-cell;
8071}
8072.uk-clearfix:after {
8073 content: "";
8074 display: table;
8075 clear: both;
8076}
8077/*
8078 * Create a new block formatting context
8079 */
8080.uk-nbfc {
8081 overflow: hidden;
8082}
8083.uk-nbfc-alt {
8084 display: table-cell;
8085 width: 10000px;
8086}
8087/* Alignment of block elements
8088 ========================================================================== */
8089/*
8090 * Float blocks
8091 * 1. Prevent content overflow on small devices
8092 */
8093.uk-float-left {
8094 float: left;
8095}
8096.uk-float-right {
8097 float: right;
8098}
8099/* 1 */
8100[class*='uk-float-'] {
8101 max-width: 100%;
8102}
8103/* Alignment of images and objects
8104 ========================================================================== */
8105/*
8106 * Alignment
8107 */
8108[class*='uk-align-'] {
8109 display: block;
8110 margin-bottom: 15px;
8111}
8112.uk-align-left {
8113 margin-right: 15px;
8114 float: left;
8115}
8116.uk-align-right {
8117 margin-left: 15px;
8118 float: right;
8119}
8120/* Tablet and bigger */
8121@media (min-width: 768px) {
8122 .uk-align-medium-left {
8123 margin-right: 15px;
8124 float: left;
8125 }
8126 .uk-align-medium-right {
8127 margin-left: 15px;
8128 float: right;
8129 }
8130}
8131.uk-align-center {
8132 margin-left: auto;
8133 margin-right: auto;
8134}
8135/* Vertical alignment
8136 ========================================================================== */
8137/*
8138 * Remove whitespace between child elements when using `inline-block`
8139 */
8140.uk-vertical-align {
8141 font-size: 0.001px;
8142}
8143/*
8144 * The `uk-vertical-align` container needs a specific height
8145 */
8146.uk-vertical-align:before {
8147 content: '';
8148 display: inline-block;
8149 height: 100%;
8150 vertical-align: middle;
8151}
8152/*
8153 * Sub-object which can have any height
8154 * 1. Reset whitespace hack
8155 */
8156.uk-vertical-align-middle,
8157.uk-vertical-align-bottom {
8158 display: inline-block;
8159 max-width: 100%;
8160 /* 1 */
8161 font-size: 1rem;
8162}
8163.uk-vertical-align-middle {
8164 vertical-align: middle;
8165}
8166.uk-vertical-align-bottom {
8167 vertical-align: bottom;
8168}
8169/* Height
8170 ========================================================================== */
8171/*
8172 * More robust if padding and border are used
8173 */
8174[class*='uk-height'] {
8175 box-sizing: border-box;
8176}
8177/*
8178 * Useful to extend the `html` and `body` element to the full height of the page.
8179 */
8180.uk-height-1-1 {
8181 height: 100%;
8182}
8183/*
8184 * Useful to create image teasers
8185 */
8186.uk-height-viewport {
8187 height: 100vh;
8188 min-height: 600px;
8189}
8190/* Responsive objects
8191 * Note: Images are already responsive by default, see Base component
8192 ========================================================================== */
8193/*
8194 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used
8195 */
8196.uk-responsive-width,
8197.uk-responsive-height {
8198 box-sizing: border-box;
8199}
8200/*
8201 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height
8202 * `important` needed to override `uk-img-preserve img`
8203 */
8204.uk-responsive-width {
8205 max-width: 100% !important;
8206 height: auto;
8207}
8208/*
8209 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width
8210 * Only works if the parent element has a fixed height.
8211 */
8212.uk-responsive-height {
8213 max-height: 100%;
8214 width: auto;
8215}
8216/* Margin
8217 ========================================================================== */
8218/*
8219 * Create a block with the same margin of a paragraph
8220 * Add margin if adjacent element
8221 */
8222.uk-margin {
8223 margin-bottom: 15px;
8224}
8225* + .uk-margin {
8226 margin-top: 15px;
8227}
8228.uk-margin-top {
8229 margin-top: 15px !important;
8230}
8231.uk-margin-bottom {
8232 margin-bottom: 15px !important;
8233}
8234.uk-margin-left {
8235 margin-left: 15px !important;
8236}
8237.uk-margin-right {
8238 margin-right: 15px !important;
8239}
8240/*
8241 * Larger margins
8242 */
8243.uk-margin-large {
8244 margin-bottom: 50px;
8245}
8246* + .uk-margin-large {
8247 margin-top: 50px;
8248}
8249.uk-margin-large-top {
8250 margin-top: 50px !important;
8251}
8252.uk-margin-large-bottom {
8253 margin-bottom: 50px !important;
8254}
8255.uk-margin-large-left {
8256 margin-left: 50px !important;
8257}
8258.uk-margin-large-right {
8259 margin-right: 50px !important;
8260}
8261/*
8262 * Smaller margins
8263 */
8264.uk-margin-small {
8265 margin-bottom: 5px;
8266}
8267* + .uk-margin-small {
8268 margin-top: 5px;
8269}
8270.uk-margin-small-top {
8271 margin-top: 5px !important;
8272}
8273.uk-margin-small-bottom {
8274 margin-bottom: 5px !important;
8275}
8276.uk-margin-small-left {
8277 margin-left: 5px !important;
8278}
8279.uk-margin-small-right {
8280 margin-right: 5px !important;
8281}
8282/*
8283 * Remove margins
8284 */
8285.uk-margin-remove {
8286 margin: 0 !important;
8287}
8288.uk-margin-top-remove {
8289 margin-top: 0 !important;
8290}
8291.uk-margin-bottom-remove {
8292 margin-bottom: 0 !important;
8293}
8294/* Padding
8295 ========================================================================== */
8296.uk-padding-remove {
8297 padding: 0 !important;
8298}
8299.uk-padding-top-remove {
8300 padding-top: 0 !important;
8301}
8302.uk-padding-bottom-remove {
8303 padding-bottom: 0 !important;
8304}
8305.uk-padding-vertical-remove {
8306 padding-top: 0 !important;
8307 padding-bottom: 0 !important;
8308}
8309/* Border
8310 ========================================================================== */
8311.uk-border-circle {
8312 border-radius: 50%;
8313}
8314.uk-border-rounded {
8315 border-radius: 5px;
8316}
8317/* Headings
8318 ========================================================================== */
8319.uk-heading-large {
8320 font-size: 36px;
8321 line-height: 42px;
8322}
8323/* Tablet and bigger */
8324@media (min-width: 768px) {
8325 .uk-heading-large {
8326 font-size: 52px;
8327 line-height: 64px;
8328 }
8329}
8330/* Link
8331 ========================================================================== */
8332/*
8333 * Let links appear in default text color
8334 */
8335.uk-link-muted,
8336.uk-link-muted a {
8337 color: #444;
8338}
8339.uk-link-muted:hover,
8340.uk-link-muted a:hover {
8341 color: #444;
8342}
8343/*
8344 * Reset link style
8345 */
8346.uk-link-reset,
8347.uk-link-reset a,
8348.uk-link-reset:hover,
8349.uk-link-reset a:hover,
8350.uk-link-reset:focus,
8351.uk-link-reset a:focus {
8352 color: inherit;
8353 text-decoration: none;
8354}
8355/* Scrollable
8356 ========================================================================== */
8357/*
8358 * Enable scrolling for preformatted text
8359 */
8360.uk-scrollable-text {
8361 height: 300px;
8362 overflow-y: scroll;
8363 -webkit-overflow-scrolling: touch;
8364 resize: both;
8365}
8366/*
8367 * Box with scrolling enabled
8368 */
8369.uk-scrollable-box {
8370 box-sizing: border-box;
8371 height: 170px;
8372 padding: 10px;
8373 border: 1px solid #ddd;
8374 overflow: auto;
8375 -webkit-overflow-scrolling: touch;
8376 resize: both;
8377 border-radius: 3px;
8378}
8379.uk-scrollable-box > :last-child {
8380 margin-bottom: 0;
8381}
8382/* Overflow
8383 ========================================================================== */
8384.uk-overflow-hidden {
8385 overflow: hidden;
8386}
8387/*
8388 * Enable scrollbars if content is clipped
8389 */
8390.uk-overflow-container {
8391 overflow: auto;
8392 -webkit-overflow-scrolling: touch;
8393}
8394.uk-overflow-container > :last-child {
8395 margin-bottom: 0;
8396}
8397/* Position
8398 ========================================================================== */
8399.uk-position-absolute,
8400[class*='uk-position-top'],
8401[class*='uk-position-bottom'] {
8402 position: absolute !important;
8403}
8404/* Don't use `width: 100%` because it is wrong if the parent has padding. */
8405.uk-position-top {
8406 top: 0;
8407 left: 0;
8408 right: 0;
8409}
8410.uk-position-bottom {
8411 bottom: 0;
8412 left: 0;
8413 right: 0;
8414}
8415.uk-position-top-left {
8416 top: 0;
8417 left: 0;
8418}
8419.uk-position-top-right {
8420 top: 0;
8421 right: 0;
8422}
8423.uk-position-bottom-left {
8424 bottom: 0;
8425 left: 0;
8426}
8427.uk-position-bottom-right {
8428 bottom: 0;
8429 right: 0;
8430}
8431/*
8432 * Cover
8433 */
8434.uk-position-cover {
8435 position: absolute;
8436 top: 0;
8437 bottom: 0;
8438 left: 0;
8439 right: 0;
8440}
8441/*
8442 * Relative
8443 */
8444.uk-position-relative {
8445 position: relative !important;
8446}
8447/*
8448 * Z-index
8449 */
8450.uk-position-z-index {
8451 z-index: 1;
8452}
8453/* Display
8454 ========================================================================== */
8455/*
8456 * Display
8457 * 1. Required if child is a responsive image
8458 */
8459.uk-display-block {
8460 display: block !important;
8461}
8462.uk-display-inline {
8463 display: inline !important;
8464}
8465.uk-display-inline-block {
8466 display: inline-block !important;
8467 /* 1 */
8468 max-width: 100%;
8469}
8470/*
8471 * Visibility
8472 * Avoids setting display to `block` so it works also with `inline-block` and `table`
8473 */
8474/* Desktop and bigger */
8475@media (min-width: 960px) {
8476 .uk-visible-small {
8477 display: none !important;
8478 }
8479 .uk-visible-medium {
8480 display: none !important;
8481 }
8482 .uk-hidden-large {
8483 display: none !important;
8484 }
8485}
8486/* Tablets portrait */
8487@media (min-width: 768px) and (max-width: 959px) {
8488 .uk-visible-small {
8489 display: none !important;
8490 }
8491 .uk-visible-large {
8492 display: none !important ;
8493 }
8494 .uk-hidden-medium {
8495 display: none !important;
8496 }
8497}
8498/* Phone landscape and smaller*/
8499@media (max-width: 767px) {
8500 .uk-visible-medium {
8501 display: none !important;
8502 }
8503 .uk-visible-large {
8504 display: none !important;
8505 }
8506 .uk-hidden-small {
8507 display: none !important;
8508 }
8509}
8510/* Remove from the flow and screen readers on any device */
8511.uk-hidden {
8512 display: none !important;
8513 visibility: hidden !important;
8514}
8515/* It's hidden, but still affects layout */
8516.uk-invisible {
8517 visibility: hidden !important;
8518}
8519/* Show on hover */
8520.uk-visible-hover:hover .uk-hidden,
8521.uk-visible-hover:hover .uk-invisible {
8522 display: block !important;
8523 visibility: visible !important;
8524}
8525.uk-visible-hover-inline:hover .uk-hidden,
8526.uk-visible-hover-inline:hover .uk-invisible {
8527 display: inline-block !important;
8528 visibility: visible !important;
8529}
8530/* Hide on touch */
8531.uk-touch .uk-hidden-touch,
8532.uk-notouch .uk-hidden-notouch {
8533 display: none !important;
8534}
8535/* ========================================================================
8536 Component: Flex
8537 ========================================================================== */
8538.uk-flex {
8539 display: -ms-flexbox;
8540 display: -webkit-flex;
8541 display: flex;
8542}
8543.uk-flex-inline {
8544 display: -ms-inline-flexbox;
8545 display: -webkit-inline-flex;
8546 display: inline-flex;
8547}
8548/*
8549 * Fixes initial flex-shrink value in IE10
8550 */
8551.uk-flex > *,
8552.uk-flex-inline > * {
8553 -ms-flex-negative: 1;
8554}
8555/* Alignment
8556 ========================================================================== */
8557/*
8558 * Vertical alignment
8559 * Default value is `stretch`
8560 */
8561.uk-flex-top {
8562 -ms-flex-align: start;
8563 -webkit-align-items: flex-start;
8564 align-items: flex-start;
8565}
8566.uk-flex-middle {
8567 -ms-flex-align: center;
8568 -webkit-align-items: center;
8569 align-items: center;
8570}
8571.uk-flex-bottom {
8572 -ms-flex-align: end;
8573 -webkit-align-items: flex-end;
8574 align-items: flex-end;
8575}
8576/*
8577 * Horizontal alignment
8578 * Default value is `flex-start`
8579 */
8580.uk-flex-center {
8581 -ms-flex-pack: center;
8582 -webkit-justify-content: center;
8583 justify-content: center;
8584}
8585.uk-flex-right {
8586 -ms-flex-pack: end;
8587 -webkit-justify-content: flex-end;
8588 justify-content: flex-end;
8589}
8590.uk-flex-space-between {
8591 -ms-flex-pack: justify;
8592 -webkit-justify-content: space-between;
8593 justify-content: space-between;
8594}
8595.uk-flex-space-around {
8596 -ms-flex-pack: distribute;
8597 -webkit-justify-content: space-around;
8598 justify-content: space-around;
8599}
8600/* Direction
8601 ========================================================================== */
8602.uk-flex-row-reverse {
8603 -ms-flex-direction: row-reverse;
8604 -webkit-flex-direction: row-reverse;
8605 flex-direction: row-reverse;
8606}
8607.uk-flex-column {
8608 -ms-flex-direction: column;
8609 -webkit-flex-direction: column;
8610 flex-direction: column;
8611}
8612.uk-flex-column-reverse {
8613 -ms-flex-direction: column-reverse;
8614 -webkit-flex-direction: column-reverse;
8615 flex-direction: column-reverse;
8616}
8617/* Wrap
8618 ========================================================================== */
8619.uk-flex-nowrap {
8620 -ms-flex-wrap: nowrap;
8621 -webkit-flex-wrap: nowrap;
8622 flex-wrap: nowrap;
8623}
8624.uk-flex-wrap {
8625 -ms-flex-wrap: wrap;
8626 -webkit-flex-wrap: wrap;
8627 flex-wrap: wrap;
8628}
8629.uk-flex-wrap-reverse {
8630 -ms-flex-wrap: wrap-reverse;
8631 -webkit-flex-wrap: wrap-reverse;
8632 flex-wrap: wrap-reverse;
8633}
8634/*
8635 * Horizontal alignment
8636 * Default value is `stretch`
8637 */
8638.uk-flex-wrap-top {
8639 -ms-flex-line-pack: start;
8640 -webkit-align-content: flex-start;
8641 align-content: flex-start;
8642}
8643.uk-flex-wrap-middle {
8644 -ms-flex-line-pack: center;
8645 -webkit-align-content: center;
8646 align-content: center;
8647}
8648.uk-flex-wrap-bottom {
8649 -ms-flex-line-pack: end;
8650 -webkit-align-content: flex-end;
8651 align-content: flex-end;
8652}
8653.uk-flex-wrap-space-between {
8654 -ms-flex-line-pack: justify;
8655 -webkit-align-content: space-between;
8656 align-content: space-between;
8657}
8658.uk-flex-wrap-space-around {
8659 -ms-flex-line-pack: distribute;
8660 -webkit-align-content: space-around;
8661 align-content: space-around;
8662}
8663/* Item ordering
8664 ========================================================================== */
8665/*
8666 * Default is 0
8667 */
8668.uk-flex-order-first {
8669 -ms-flex-order: -1;
8670 -webkit-order: -1;
8671 order: -1;
8672}
8673.uk-flex-order-last {
8674 -ms-flex-order: 99;
8675 -webkit-order: 99;
8676 order: 99;
8677}
8678/* Phone landscape and bigger */
8679@media (min-width: 480px) {
8680 .uk-flex-order-first-small {
8681 -ms-flex-order: -1;
8682 -webkit-order: -1;
8683 order: -1;
8684 }
8685 .uk-flex-order-last-small {
8686 -ms-flex-order: 99;
8687 -webkit-order: 99;
8688 order: 99;
8689 }
8690}
8691/* Tablet and bigger */
8692@media (min-width: 768px) {
8693 .uk-flex-order-first-medium {
8694 -ms-flex-order: -1;
8695 -webkit-order: -1;
8696 order: -1;
8697 }
8698 .uk-flex-order-last-medium {
8699 -ms-flex-order: 99;
8700 -webkit-order: 99;
8701 order: 99;
8702 }
8703}
8704/* Desktop and bigger */
8705@media (min-width: 960px) {
8706 .uk-flex-order-first-large {
8707 -ms-flex-order: -1;
8708 -webkit-order: -1;
8709 order: -1;
8710 }
8711 .uk-flex-order-last-large {
8712 -ms-flex-order: 99;
8713 -webkit-order: 99;
8714 order: 99;
8715 }
8716}
8717/* Large screen and bigger */
8718@media (min-width: 1220px) {
8719 .uk-flex-order-first-xlarge {
8720 -ms-flex-order: -1;
8721 -webkit-order: -1;
8722 order: -1;
8723 }
8724 .uk-flex-order-last-xlarge {
8725 -ms-flex-order: 99;
8726 -webkit-order: 99;
8727 order: 99;
8728 }
8729}
8730/* Item dimensions
8731 ========================================================================== */
8732/*
8733 * Initial: 0 1 auto
8734 * Content dimensions, but shrinks
8735 */
8736/*
8737 * No Flex: 0 0 auto
8738 * Content dimensions
8739 */
8740.uk-flex-item-none {
8741 -ms-flex: none;
8742 -webkit-flex: none;
8743 flex: none;
8744}
8745/*
8746 * Relative Flex: 1 1 auto
8747 * Space is allocated considering content
8748 * 1. Fixes flex-shrink value in IE10
8749 */
8750.uk-flex-item-auto {
8751 -ms-flex: auto;
8752 -webkit-flex: auto;
8753 flex: auto;
8754 /* 1 */
8755 -ms-flex-negative: 1;
8756}
8757/*
8758 * Absolute Flex: 1 1 0%
8759 * Space is allocated solely based on flex
8760 */
8761.uk-flex-item-1 {
8762 -ms-flex: 1;
8763 -webkit-flex: 1;
8764 flex: 1;
8765}
8766/* ========================================================================
8767 Component: Contrast
8768 ========================================================================== */
8769.uk-contrast {
8770 color: #fff;
8771 /* Active */
8772}
8773.uk-contrast a:not([class]),
8774.uk-contrast .uk-link {
8775 color: rgba(255, 255, 255, 0.7);
8776 text-decoration: none;
8777}
8778.uk-contrast a:not([class]):hover,
8779.uk-contrast .uk-link:hover {
8780 color: #fff;
8781 text-decoration: underline;
8782}
8783.uk-contrast :not(pre) > code,
8784.uk-contrast :not(pre) > kbd,
8785.uk-contrast :not(pre) > samp {
8786 color: #fff;
8787 border-color: rgba(255, 255, 255, 0.2);
8788 background: rgba(255, 255, 255, 0.1);
8789}
8790.uk-contrast em {
8791 color: #fff;
8792}
8793.uk-contrast h1,
8794.uk-contrast h2,
8795.uk-contrast h3,
8796.uk-contrast h4,
8797.uk-contrast h5,
8798.uk-contrast h6 {
8799 color: #fff;
8800}
8801.uk-contrast hr {
8802 border-top-color: rgba(255, 255, 255, 0.2);
8803}
8804.uk-contrast .uk-nav li > a,
8805.uk-contrast .uk-nav li > a:hover {
8806 text-decoration: none;
8807}
8808.uk-contrast .uk-nav-side > li > a {
8809 color: #fff;
8810}
8811.uk-contrast .uk-nav-side > li > a:hover,
8812.uk-contrast .uk-nav-side > li > a:focus {
8813 background: rgba(255, 255, 255, 0.1);
8814 color: #fff;
8815 text-shadow: none;
8816}
8817.uk-contrast .uk-nav-side > li.uk-active > a {
8818 background: #fff;
8819 color: #444;
8820 text-shadow: none;
8821}
8822.uk-contrast .uk-nav-side .uk-nav-header {
8823 color: #fff;
8824}
8825.uk-contrast .uk-nav-side .uk-nav-divider {
8826 border-top-color: rgba(255, 255, 255, 0.2);
8827}
8828.uk-contrast .uk-nav-side ul a {
8829 color: rgba(255, 255, 255, 0.7);
8830}
8831.uk-contrast .uk-nav-side ul a:hover {
8832 color: #fff;
8833}
8834.uk-contrast .uk-subnav > * > a {
8835 color: rgba(255, 255, 255, 0.7);
8836 text-decoration: none;
8837}
8838.uk-contrast .uk-subnav > * > a:hover,
8839.uk-contrast .uk-subnav > * > a:focus {
8840 color: #fff;
8841 text-decoration: none;
8842}
8843.uk-contrast .uk-subnav > .uk-active > a {
8844 color: #fff;
8845}
8846.uk-contrast .uk-subnav-line > :nth-child(n+2):before {
8847 border-left-color: rgba(255, 255, 255, 0.2);
8848}
8849.uk-contrast .uk-subnav-pill > * > a:hover,
8850.uk-contrast .uk-subnav-pill > * > a:focus {
8851 background: rgba(255, 255, 255, 0.7);
8852 color: #444;
8853 text-decoration: none;
8854}
8855.uk-contrast .uk-subnav-pill > .uk-active > a {
8856 background: #fff;
8857 color: #444;
8858}
8859.uk-contrast .uk-tab {
8860 border-bottom-color: rgba(255, 255, 255, 0.2);
8861}
8862.uk-contrast .uk-tab > li > a {
8863 border-color: transparent;
8864 color: rgba(255, 255, 255, 0.7);
8865 text-shadow: none;
8866}
8867.uk-contrast .uk-tab > li > a:hover,
8868.uk-contrast .uk-tab > li > a:focus,
8869.uk-contrast .uk-tab > li.uk-open > a {
8870 border-color: rgba(255, 255, 255, 0.7);
8871 background: rgba(255, 255, 255, 0.7);
8872 color: #444;
8873 text-decoration: none;
8874}
8875.uk-contrast .uk-tab > li.uk-active > a {
8876 border-color: rgba(255, 255, 255, 0.2);
8877 border-bottom-color: transparent;
8878 background: #fff;
8879 color: #444;
8880}
8881.uk-contrast .uk-tab-center {
8882 border-bottom-color: rgba(255, 255, 255, 0.2);
8883}
8884.uk-contrast .uk-tab-grid:before {
8885 border-top-color: rgba(255, 255, 255, 0.2);
8886}
8887.uk-contrast .uk-list-line > li:nth-child(n+2) {
8888 border-top-color: rgba(255, 255, 255, 0.2);
8889}
8890.uk-contrast .uk-form select,
8891.uk-contrast .uk-form textarea,
8892.uk-contrast .uk-form input:not([type]),
8893.uk-contrast .uk-form input[type="text"],
8894.uk-contrast .uk-form input[type="password"],
8895.uk-contrast .uk-form input[type="datetime"],
8896.uk-contrast .uk-form input[type="datetime-local"],
8897.uk-contrast .uk-form input[type="date"],
8898.uk-contrast .uk-form input[type="month"],
8899.uk-contrast .uk-form input[type="time"],
8900.uk-contrast .uk-form input[type="week"],
8901.uk-contrast .uk-form input[type="number"],
8902.uk-contrast .uk-form input[type="email"],
8903.uk-contrast .uk-form input[type="url"],
8904.uk-contrast .uk-form input[type="search"],
8905.uk-contrast .uk-form input[type="tel"],
8906.uk-contrast .uk-form input[type="color"] {
8907 border-color: rgba(255, 255, 255, 0.8);
8908 background: rgba(255, 255, 255, 0.8);
8909 color: #444;
8910 background-clip: padding-box;
8911}
8912.uk-contrast .uk-form select:focus,
8913.uk-contrast .uk-form textarea:focus,
8914.uk-contrast .uk-form input:not([type]):focus,
8915.uk-contrast .uk-form input[type="text"]:focus,
8916.uk-contrast .uk-form input[type="password"]:focus,
8917.uk-contrast .uk-form input[type="datetime"]:focus,
8918.uk-contrast .uk-form input[type="datetime-local"]:focus,
8919.uk-contrast .uk-form input[type="date"]:focus,
8920.uk-contrast .uk-form input[type="month"]:focus,
8921.uk-contrast .uk-form input[type="time"]:focus,
8922.uk-contrast .uk-form input[type="week"]:focus,
8923.uk-contrast .uk-form input[type="number"]:focus,
8924.uk-contrast .uk-form input[type="email"]:focus,
8925.uk-contrast .uk-form input[type="url"]:focus,
8926.uk-contrast .uk-form input[type="search"]:focus,
8927.uk-contrast .uk-form input[type="tel"]:focus,
8928.uk-contrast .uk-form input[type="color"]:focus {
8929 border-color: #fff;
8930 background: #fff;
8931 color: #444;
8932}
8933.uk-contrast .uk-form :-ms-input-placeholder {
8934 color: rgba(68, 68, 68, 0.7) !important;
8935}
8936.uk-contrast .uk-form ::-moz-placeholder {
8937 color: rgba(68, 68, 68, 0.7);
8938}
8939.uk-contrast .uk-form ::-webkit-input-placeholder {
8940 color: rgba(68, 68, 68, 0.7);
8941}
8942.uk-contrast .uk-button {
8943 color: #444;
8944 background: #fff;
8945 border-color: transparent;
8946}
8947.uk-contrast .uk-button:hover,
8948.uk-contrast .uk-button:focus {
8949 background-color: rgba(255, 255, 255, 0.8);
8950 color: #444;
8951 border-color: transparent;
8952}
8953.uk-contrast .uk-button:active,
8954.uk-contrast .uk-button.uk-active {
8955 background-color: rgba(255, 255, 255, 0.7);
8956 color: #444;
8957}
8958.uk-contrast .uk-button-primary {
8959 background-color: #00a8e6;
8960 color: #fff;
8961}
8962.uk-contrast .uk-button-primary:hover,
8963.uk-contrast .uk-button-primary:focus {
8964 background-color: #35b3ee;
8965 color: #fff;
8966}
8967.uk-contrast .uk-button-primary:active,
8968.uk-contrast .uk-button-primary.uk-active {
8969 background-color: #0091ca;
8970 color: #fff;
8971}
8972.uk-contrast .uk-icon-hover {
8973 color: rgba(255, 255, 255, 0.7);
8974}
8975.uk-contrast .uk-icon-hover:hover {
8976 color: #fff;
8977}
8978.uk-contrast .uk-icon-button {
8979 background: #fff;
8980 color: #444;
8981 border-color: transparent;
8982}
8983.uk-contrast .uk-icon-button:hover,
8984.uk-contrast .uk-icon-button:focus {
8985 background-color: rgba(255, 255, 255, 0.8);
8986 color: #444;
8987 border-color: transparent;
8988}
8989.uk-contrast .uk-icon-button:active {
8990 background-color: rgba(255, 255, 255, 0.7);
8991 color: #444;
8992}
8993.uk-contrast .uk-text-muted {
8994 color: rgba(255, 255, 255, 0.6) !important;
8995}
8996.uk-contrast .uk-text-primary {
8997 color: #2d7091 !important;
8998}
8999/* ========================================================================
9000 Component: Print
9001 ========================================================================== */
9002@media print {
9003 *,
9004 *:before,
9005 *:after {
9006 background: transparent !important;
9007 color: black !important;
9008 box-shadow: none !important;
9009 text-shadow: none !important;
9010 }
9011 a,
9012 a:visited {
9013 text-decoration: underline;
9014 }
9015 pre,
9016 blockquote {
9017 border: 1px solid #999;
9018 page-break-inside: avoid;
9019 }
9020 thead {
9021 display: table-header-group;
9022 }
9023 tr,
9024 img {
9025 page-break-inside: avoid;
9026 }
9027 img {
9028 max-width: 100% !important;
9029 }
9030 @page {
9031 margin: 0.5cm;
9032 }
9033 p,
9034 h2,
9035 h3 {
9036 orphans: 3;
9037 widows: 3;
9038 }
9039 h2,
9040 h3 {
9041 page-break-after: avoid;
9042 }
9043}