UNPKG

1.52 MBCSSView Raw
1/*
2
3███████╗███████╗███╗ ███╗ █████╗ ███╗ ██╗████████╗██╗ ██████╗ ██╗ ██╗██╗
4██╔════╝██╔════╝████╗ ████║██╔══██╗████╗ ██║╚══██╔══╝██║██╔════╝ ██║ ██║██║
5███████╗█████╗ ██╔████╔██║███████║██╔██╗ ██║ ██║ ██║██║ ██║ ██║██║
6╚════██║██╔══╝ ██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║██║ ██║ ██║██║
7███████║███████╗██║ ╚═╝ ██║██║ ██║██║ ╚████║ ██║ ██║╚██████╗ ╚██████╔╝██║
8╚══════╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝
9
10 Import this file into your LESS project to use Semantic UI without build tools
11*/
12/* Global */
13/*!
14 * # Semantic UI - Reset
15 * http://github.com/semantic-org/semantic-ui/
16 *
17 *
18 * Released under the MIT license
19 * http://opensource.org/licenses/MIT
20 *
21 */
22/*******************************
23 Theme
24*******************************/
25/*
26
27████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
28╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
29 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
30 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
31 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
32 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
33
34*/
35/*******************************
36 Theme Selection
37*******************************/
38/* To override a theme for an individual element
39 specify theme name below
40*/
41/* Global */
42/* Elements */
43/* Collections */
44/* Modules */
45/* Views */
46/*******************************
47 Folders
48*******************************/
49/* Path to theme packages */
50/* Path to site override folder */
51/*******************************
52 Import Theme
53*******************************/
54/*******************************
55 Import Directives
56*******************************/
57/*------------------
58 Theme
59-------------------*/
60/*--------------------
61 Site Variables
62---------------------*/
63/* Default site.variables */
64/*******************************
65 Site Settings
66*******************************/
67/*-------------------
68 Fonts
69--------------------*/
70/*-------------------
71 Base Sizes
72--------------------*/
73/* This is the single variable that controls them all */
74/* The size of page text */
75/*-------------------
76 Border Radius
77--------------------*/
78/* See Power-user section below
79 for explanation of @px variables
80*/
81/*-------------------
82 Brand Colors
83--------------------*/
84/*--------------
85 Page Heading
86---------------*/
87/*--------------
88 Form Input
89---------------*/
90/* This adjusts the default form input across all elements */
91/* Input Text Color */
92/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
93/*-------------------
94 Focused Input
95--------------------*/
96/* Used on inputs, textarea etc */
97/* Used on dropdowns, other larger blocks */
98/*-------------------
99 Sizes
100--------------------*/
101/*
102 Sizes are all expressed in terms of 14px/em (default em)
103 This ensures these "ratios" remain constant despite changes in EM
104*/
105/*-------------------
106 Page
107--------------------*/
108/*-------------------
109 Paragraph
110--------------------*/
111/*-------------------
112 Links
113--------------------*/
114/*-------------------
115 Scroll Bars
116--------------------*/
117/* Inverted */
118/*-------------------
119 Highlighted Text
120--------------------*/
121/*-------------------
122 Loader
123--------------------*/
124/*-------------------
125 Grid
126--------------------*/
127/*-------------------
128 Transitions
129--------------------*/
130/*-------------------
131 Breakpoints
132--------------------*/
133/*-------------------
134 Site Colors
135--------------------*/
136/*--- Colors ---*/
137/*--- Light Colors ---*/
138/*--- Neutrals ---*/
139/*--- Colored Backgrounds ---*/
140/*--- Colored Headers ---*/
141/*--- Colored Text ---*/
142/*--- Colored Border ---*/
143/*-------------------
144 Alpha Colors
145--------------------*/
146/*-------------------
147 Accents
148--------------------*/
149/* Differentiating Neutrals */
150/* Differentiating Layers */
151/*******************************
152 Power-User
153*******************************/
154/*-------------------
155 Emotive Colors
156--------------------*/
157/* Positive */
158/* Negative */
159/* Info */
160/* Warning */
161/*-------------------
162 Paths
163--------------------*/
164/* For source only. Modified in gulp for dist */
165/*-------------------
166 Em Sizes
167--------------------*/
168/*
169 This rounds @size values to the closest pixel then expresses that value in (r)em.
170 This ensures all size values round to exact pixels
171*/
172/* em */
173/* rem */
174/*-------------------
175 Icons
176--------------------*/
177/* Maximum Glyph Width of Icon */
178/*-------------------
179 Neutral Text
180--------------------*/
181/*-------------------
182 Brand Colors
183--------------------*/
184/*-------------------
185 Borders
186--------------------*/
187/*-------------------
188 Derived Values
189--------------------*/
190/* Loaders Position Offset */
191/* Rendered Scrollbar Width */
192/* Maximum Single Character Glyph Width, aka Capital "W" */
193/* Used to match floats with text */
194/* Header Spacing */
195/* Minimum Mobile Width */
196/* Positive / Negative Dupes */
197/* Responsive */
198/*-------------------
199 Exact Pixel Values
200--------------------*/
201/*
202 These are used to specify exact pixel values in em
203 for things like borders that remain constantly
204 sized as emSize adjusts
205
206 Since there are many more sizes than names for sizes,
207 these are named by their original pixel values.
208
209*/
210/* Columns */
211/*******************************
212 States
213*******************************/
214/*-------------------
215 Disabled
216--------------------*/
217/*-------------------
218 Hover
219--------------------*/
220/*--- Shadows ---*/
221/*--- Colors ---*/
222/*--- Emotive ---*/
223/*--- Brand ---*/
224/*--- Dark Tones ---*/
225/*--- Light Tones ---*/
226/*-------------------
227 Focus
228--------------------*/
229/*--- Colors ---*/
230/*--- Emotive ---*/
231/*--- Brand ---*/
232/*--- Dark Tones ---*/
233/*--- Light Tones ---*/
234/*-------------------
235 Down (:active)
236--------------------*/
237/*--- Colors ---*/
238/*--- Emotive ---*/
239/*--- Brand ---*/
240/*--- Dark Tones ---*/
241/*--- Light Tones ---*/
242/*-------------------
243 Active
244--------------------*/
245/*--- Colors ---*/
246/*--- Emotive ---*/
247/*--- Brand ---*/
248/*--- Dark Tones ---*/
249/*--- Light Tones ---*/
250/* Packaged site.variables */
251/*******************************
252 Site Settings
253*******************************/
254/*-------------------
255 Fonts
256--------------------*/
257/*-------------------
258 Base Sizes
259--------------------*/
260/* This is the single variable that controls them all */
261/* The size of page text */
262/*-------------------
263 Border Radius
264--------------------*/
265/* See Power-user section below
266 for explanation of @px variables
267*/
268/*-------------------
269 Brand Colors
270--------------------*/
271/*--------------
272 Page Heading
273---------------*/
274/*--------------
275 Form Input
276---------------*/
277/* This adjusts the default form input across all elements */
278/* Input Text Color */
279/* Line Height Default For Inputs in Browser */
280/*-------------------
281 Focused Input
282--------------------*/
283/* Used on inputs, textarea etc */
284/* Used on dropdowns, other larger blocks */
285/*-------------------
286 Sizes
287--------------------*/
288/*
289 Sizes are all expressed in terms of 14px/em (default em)
290 This ensures these "ratios" remain constant despite changes in EM
291*/
292/*-------------------
293 Page
294--------------------*/
295/*-------------------
296 Paragraph
297--------------------*/
298/*-------------------
299 Links
300--------------------*/
301/*-------------------
302 Highlighted Text
303--------------------*/
304/*-------------------
305 Loader
306--------------------*/
307/*-------------------
308 Grid
309--------------------*/
310/*-------------------
311 Transitions
312--------------------*/
313/*-------------------
314 Breakpoints
315--------------------*/
316/*-------------------
317 Site Colors
318--------------------*/
319/*--- Colors ---*/
320/*--- Light Colors ---*/
321/*--- Neutrals ---*/
322/*--- Colored Backgrounds ---*/
323/*--- Colored Headers ---*/
324/*--- Colored Text ---*/
325/*--- Colored Border ---*/
326/*-------------------
327 Alpha Colors
328--------------------*/
329/*-------------------
330 Accents
331--------------------*/
332/* Differentiating Neutrals */
333/* Differentiating Layers */
334/*******************************
335 Power-User
336*******************************/
337/*-------------------
338 Emotive Colors
339--------------------*/
340/* Positive */
341/* Negative */
342/* Info */
343/* Warning */
344/*-------------------
345 Paths
346--------------------*/
347/* For source only. Modified in gulp for dist */
348/*-------------------
349 Em Sizes
350--------------------*/
351/*
352 This rounds @size values to the closest pixel then expresses that value in (r)em.
353 This ensures all size values round to exact pixels
354*/
355/* em */
356/* rem */
357/*-------------------
358 Icons
359--------------------*/
360/* Maximum Glyph Width of Icon */
361/*-------------------
362 Neutral Text
363--------------------*/
364/*-------------------
365 Brand Colors
366--------------------*/
367/*-------------------
368 Borders
369--------------------*/
370/*-------------------
371 Derived Values
372--------------------*/
373/* Loaders Position Offset */
374/* Rendered Scrollbar Width */
375/* Maximum Single Character Glyph Width, aka Capital "W" */
376/* Used to match floats with text */
377/* Header Spacing */
378/* Minimum Mobile Width */
379/* Positive / Negative Dupes */
380/* Responsive */
381/*-------------------
382 Exact Pixel Values
383--------------------*/
384/*
385 These are used to specify exact pixel values in em
386 for things like borders that remain constantly
387 sized as emSize adjusts
388
389 Since there are many more sizes than names for sizes,
390 these are named by their original pixel values.
391
392*/
393/* Columns */
394/*******************************
395 States
396*******************************/
397/*-------------------
398 Disabled
399--------------------*/
400/*-------------------
401 Hover
402--------------------*/
403/*--- Shadows ---*/
404/*--- Colors ---*/
405/* https://github.com/Tripwire/octagon/issues/144 */
406/*--- Emotive ---*/
407/*--- Brand ---*/
408/*--- Dark Tones ---*/
409/*--- Light Tones ---*/
410/*-------------------
411 Focus
412--------------------*/
413/*--- Colors ---*/
414/*--- Emotive ---*/
415/*--- Brand ---*/
416/*--- Dark Tones ---*/
417/*--- Light Tones ---*/
418/*-------------------
419 Down (:active)
420--------------------*/
421/*--- Colors ---*/
422/*--- Emotive ---*/
423/*--- Brand ---*/
424/*--- Dark Tones ---*/
425/*--- Light Tones ---*/
426/*-------------------
427 Active
428--------------------*/
429/*--- Colors ---*/
430/*--- Emotive ---*/
431/*--- Brand ---*/
432/*--- Dark Tones ---*/
433/*--- Light Tones ---*/
434/* Component's site.variables */
435/*******************************
436 Site Settings
437*******************************/
438/*-------------------
439 Fonts
440--------------------*/
441/*-------------------
442 Base Sizes
443--------------------*/
444/* This is the single variable that controls them all */
445/* The size of page text */
446/*-------------------
447 Border Radius
448--------------------*/
449/* See Power-user section below
450 for explanation of @px variables
451*/
452/*-------------------
453 Brand Colors
454--------------------*/
455/*--------------
456 Page Heading
457---------------*/
458/*--------------
459 Form Input
460---------------*/
461/* This adjusts the default form input across all elements */
462/* Input Text Color */
463/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
464/*-------------------
465 Focused Input
466--------------------*/
467/* Used on inputs, textarea etc */
468/* Used on dropdowns, other larger blocks */
469/*-------------------
470 Sizes
471--------------------*/
472/*
473 Sizes are all expressed in terms of 14px/em (default em)
474 This ensures these "ratios" remain constant despite changes in EM
475*/
476/*-------------------
477 Page
478--------------------*/
479/*-------------------
480 Paragraph
481--------------------*/
482/*-------------------
483 Links
484--------------------*/
485/*-------------------
486 Scroll Bars
487--------------------*/
488/* Inverted */
489/*-------------------
490 Highlighted Text
491--------------------*/
492/*-------------------
493 Loader
494--------------------*/
495/*-------------------
496 Grid
497--------------------*/
498/*-------------------
499 Transitions
500--------------------*/
501/*-------------------
502 Breakpoints
503--------------------*/
504/*-------------------
505 Site Colors
506--------------------*/
507/*--- Colors ---*/
508/*--- Light Colors ---*/
509/*--- Neutrals ---*/
510/*--- Colored Backgrounds ---*/
511/*--- Colored Headers ---*/
512/*--- Colored Text ---*/
513/*--- Colored Border ---*/
514/*-------------------
515 Alpha Colors
516--------------------*/
517/*-------------------
518 Accents
519--------------------*/
520/* Differentiating Neutrals */
521/* Differentiating Layers */
522/*******************************
523 Power-User
524*******************************/
525/*-------------------
526 Emotive Colors
527--------------------*/
528/* Positive */
529/* Negative */
530/* Info */
531/* Warning */
532/*-------------------
533 Paths
534--------------------*/
535/* For source only. Modified in gulp for dist */
536/*-------------------
537 Em Sizes
538--------------------*/
539/*
540 This rounds @size values to the closest pixel then expresses that value in (r)em.
541 This ensures all size values round to exact pixels
542*/
543/* em */
544/* rem */
545/*-------------------
546 Icons
547--------------------*/
548/* Maximum Glyph Width of Icon */
549/*-------------------
550 Neutral Text
551--------------------*/
552/*-------------------
553 Brand Colors
554--------------------*/
555/*-------------------
556 Borders
557--------------------*/
558/*-------------------
559 Derived Values
560--------------------*/
561/* Loaders Position Offset */
562/* Rendered Scrollbar Width */
563/* Maximum Single Character Glyph Width, aka Capital "W" */
564/* Used to match floats with text */
565/* Header Spacing */
566/* Minimum Mobile Width */
567/* Positive / Negative Dupes */
568/* Responsive */
569/*-------------------
570 Exact Pixel Values
571--------------------*/
572/*
573 These are used to specify exact pixel values in em
574 for things like borders that remain constantly
575 sized as emSize adjusts
576
577 Since there are many more sizes than names for sizes,
578 these are named by their original pixel values.
579
580*/
581/* Columns */
582/*******************************
583 States
584*******************************/
585/*-------------------
586 Disabled
587--------------------*/
588/*-------------------
589 Hover
590--------------------*/
591/*--- Shadows ---*/
592/*--- Colors ---*/
593/*--- Emotive ---*/
594/*--- Brand ---*/
595/*--- Dark Tones ---*/
596/*--- Light Tones ---*/
597/*-------------------
598 Focus
599--------------------*/
600/*--- Colors ---*/
601/*--- Emotive ---*/
602/*--- Brand ---*/
603/*--- Dark Tones ---*/
604/*--- Light Tones ---*/
605/*-------------------
606 Down (:active)
607--------------------*/
608/*--- Colors ---*/
609/*--- Emotive ---*/
610/*--- Brand ---*/
611/*--- Dark Tones ---*/
612/*--- Light Tones ---*/
613/*-------------------
614 Active
615--------------------*/
616/*--- Colors ---*/
617/*--- Emotive ---*/
618/*--- Brand ---*/
619/*--- Dark Tones ---*/
620/*--- Light Tones ---*/
621/* Site theme site.variables */
622/*-------------------
623 Component Variables
624---------------------*/
625/* Default */
626/*******************************
627 Reset
628*******************************/
629/* Packaged Theme */
630/*******************************
631 Reset
632*******************************/
633/* Site Theme */
634/*******************************
635 Mix-ins
636*******************************/
637/*------------------
638 Fonts
639-------------------*/
640/*------------------
641 Overrides
642-------------------*/
643/* End Config */
644/*******************************
645 Reset
646*******************************/
647/* Border-Box */
648*,
649*:before,
650*:after {
651 box-sizing: inherit;
652}
653html {
654 box-sizing: border-box;
655}
656/* iPad Input Shadows */
657input[type="text"],
658input[type="email"],
659input[type="search"],
660input[type="password"] {
661 -webkit-appearance: none;
662 -moz-appearance: none;
663 /* mobile firefox too! */
664}
665/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
666/* Document
667 ========================================================================== */
668/**
669 * 1. Correct the line height in all browsers.
670 * 2. Prevent adjustments of font size after orientation changes in
671 * IE on Windows Phone and in iOS.
672 */
673html {
674 line-height: 1.15;
675 /* 1 */
676 -ms-text-size-adjust: 100%;
677 /* 2 */
678 -webkit-text-size-adjust: 100%;
679 /* 2 */
680}
681/* Sections
682 ========================================================================== */
683/**
684 * Remove the margin in all browsers (opinionated).
685 */
686body {
687 margin: 0;
688}
689/**
690 * Add the correct display in IE 9-.
691 */
692article,
693aside,
694footer,
695header,
696nav,
697section {
698 display: block;
699}
700/**
701 * Correct the font size and margin on `h1` elements within `section` and
702 * `article` contexts in Chrome, Firefox, and Safari.
703 */
704h1 {
705 font-size: 2em;
706 margin: 0.67em 0;
707}
708/* Grouping content
709 ========================================================================== */
710/**
711 * Add the correct display in IE 9-.
712 * 1. Add the correct display in IE.
713 */
714figcaption,
715figure,
716main {
717 /* 1 */
718 display: block;
719}
720/**
721 * Add the correct margin in IE 8.
722 */
723figure {
724 margin: 1em 40px;
725}
726/**
727 * 1. Add the correct box sizing in Firefox.
728 * 2. Show the overflow in Edge and IE.
729 */
730hr {
731 box-sizing: content-box;
732 /* 1 */
733 height: 0;
734 /* 1 */
735 overflow: visible;
736 /* 2 */
737}
738/**
739 * 1. Correct the inheritance and scaling of font size in all browsers.
740 * 2. Correct the odd `em` font sizing in all browsers.
741 */
742pre {
743 font-family: monospace, monospace;
744 /* 1 */
745 font-size: 1em;
746 /* 2 */
747}
748/* Text-level semantics
749 ========================================================================== */
750/**
751 * 1. Remove the gray background on active links in IE 10.
752 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
753 */
754a {
755 background-color: transparent;
756 /* 1 */
757 -webkit-text-decoration-skip: objects;
758 /* 2 */
759}
760/**
761 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
762 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
763 */
764abbr[title] {
765 border-bottom: none;
766 /* 1 */
767 text-decoration: underline;
768 /* 2 */
769 text-decoration: underline dotted;
770 /* 2 */
771}
772/**
773 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
774 */
775b,
776strong {
777 font-weight: inherit;
778}
779/**
780 * Add the correct font weight in Chrome, Edge, and Safari.
781 */
782b,
783strong {
784 font-weight: bolder;
785}
786/**
787 * 1. Correct the inheritance and scaling of font size in all browsers.
788 * 2. Correct the odd `em` font sizing in all browsers.
789 */
790code,
791kbd,
792samp {
793 font-family: monospace, monospace;
794 /* 1 */
795 font-size: 1em;
796 /* 2 */
797}
798/**
799 * Add the correct font style in Android 4.3-.
800 */
801dfn {
802 font-style: italic;
803}
804/**
805 * Add the correct background and color in IE 9-.
806 */
807mark {
808 background-color: #ff0;
809 color: #000;
810}
811/**
812 * Add the correct font size in all browsers.
813 */
814small {
815 font-size: 80%;
816}
817/**
818 * Prevent `sub` and `sup` elements from affecting the line height in
819 * all browsers.
820 */
821sub,
822sup {
823 font-size: 75%;
824 line-height: 0;
825 position: relative;
826 vertical-align: baseline;
827}
828sub {
829 bottom: -0.25em;
830}
831sup {
832 top: -0.5em;
833}
834/* Embedded content
835 ========================================================================== */
836/**
837 * Add the correct display in IE 9-.
838 */
839audio,
840video {
841 display: inline-block;
842}
843/**
844 * Add the correct display in iOS 4-7.
845 */
846audio:not([controls]) {
847 display: none;
848 height: 0;
849}
850/**
851 * Remove the border on images inside links in IE 10-.
852 */
853img {
854 border-style: none;
855}
856/**
857 * Hide the overflow in IE.
858 */
859svg:not(:root) {
860 overflow: hidden;
861}
862/* Forms
863 ========================================================================== */
864/**
865 * 1. Change the font styles in all browsers (opinionated).
866 * 2. Remove the margin in Firefox and Safari.
867 */
868button,
869input,
870optgroup,
871select,
872textarea {
873 font-family: sans-serif;
874 /* 1 */
875 font-size: 100%;
876 /* 1 */
877 line-height: 1.15;
878 /* 1 */
879 margin: 0;
880 /* 2 */
881}
882/**
883 * Show the overflow in IE.
884 * 1. Show the overflow in Edge.
885 */
886button,
887input {
888 /* 1 */
889 overflow: visible;
890}
891/**
892 * Remove the inheritance of text transform in Edge, Firefox, and IE.
893 * 1. Remove the inheritance of text transform in Firefox.
894 */
895button,
896select {
897 /* 1 */
898 text-transform: none;
899}
900/**
901 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
902 * controls in Android 4.
903 * 2. Correct the inability to style clickable types in iOS and Safari.
904 */
905button,
906html [type="button"],
907[type="reset"],
908[type="submit"] {
909 -webkit-appearance: button;
910 /* 2 */
911}
912/**
913 * Remove the inner border and padding in Firefox.
914 */
915button::-moz-focus-inner,
916[type="button"]::-moz-focus-inner,
917[type="reset"]::-moz-focus-inner,
918[type="submit"]::-moz-focus-inner {
919 border-style: none;
920 padding: 0;
921}
922/**
923 * Restore the focus styles unset by the previous rule.
924 */
925button:-moz-focusring,
926[type="button"]:-moz-focusring,
927[type="reset"]:-moz-focusring,
928[type="submit"]:-moz-focusring {
929 outline: 1px dotted ButtonText;
930}
931/**
932 * Correct the padding in Firefox.
933 */
934fieldset {
935 padding: 0.35em 0.75em 0.625em;
936}
937/**
938 * 1. Correct the text wrapping in Edge and IE.
939 * 2. Correct the color inheritance from `fieldset` elements in IE.
940 * 3. Remove the padding so developers are not caught out when they zero out
941 * `fieldset` elements in all browsers.
942 */
943legend {
944 box-sizing: border-box;
945 /* 1 */
946 color: inherit;
947 /* 2 */
948 display: table;
949 /* 1 */
950 max-width: 100%;
951 /* 1 */
952 padding: 0;
953 /* 3 */
954 white-space: normal;
955 /* 1 */
956}
957/**
958 * 1. Add the correct display in IE 9-.
959 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
960 */
961progress {
962 display: inline-block;
963 /* 1 */
964 vertical-align: baseline;
965 /* 2 */
966}
967/**
968 * Remove the default vertical scrollbar in IE.
969 */
970textarea {
971 overflow: auto;
972}
973/**
974 * 1. Add the correct box sizing in IE 10-.
975 * 2. Remove the padding in IE 10-.
976 */
977[type="checkbox"],
978[type="radio"] {
979 box-sizing: border-box;
980 /* 1 */
981 padding: 0;
982 /* 2 */
983}
984/**
985 * Correct the cursor style of increment and decrement buttons in Chrome.
986 */
987[type="number"]::-webkit-inner-spin-button,
988[type="number"]::-webkit-outer-spin-button {
989 height: auto;
990}
991/**
992 * 1. Correct the odd appearance in Chrome and Safari.
993 * 2. Correct the outline style in Safari.
994 */
995[type="search"] {
996 -webkit-appearance: textfield;
997 /* 1 */
998 outline-offset: -2px;
999 /* 2 */
1000}
1001/**
1002 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
1003 */
1004[type="search"]::-webkit-search-cancel-button,
1005[type="search"]::-webkit-search-decoration {
1006 -webkit-appearance: none;
1007}
1008/**
1009 * 1. Correct the inability to style clickable types in iOS and Safari.
1010 * 2. Change font properties to `inherit` in Safari.
1011 */
1012::-webkit-file-upload-button {
1013 -webkit-appearance: button;
1014 /* 1 */
1015 font: inherit;
1016 /* 2 */
1017}
1018/* Interactive
1019 ========================================================================== */
1020/*
1021 * Add the correct display in IE 9-.
1022 * 1. Add the correct display in Edge, IE, and Firefox.
1023 */
1024details,
1025menu {
1026 display: block;
1027}
1028/*
1029 * Add the correct display in all browsers.
1030 */
1031summary {
1032 display: list-item;
1033}
1034/* Scripting
1035 ========================================================================== */
1036/**
1037 * Add the correct display in IE 9-.
1038 */
1039canvas {
1040 display: inline-block;
1041}
1042/**
1043 * Add the correct display in IE.
1044 */
1045template {
1046 display: none;
1047}
1048/* Hidden
1049 ========================================================================== */
1050/**
1051 * Add the correct display in IE 10-.
1052 */
1053[hidden] {
1054 display: none;
1055}
1056/*!
1057 * # Semantic UI - Site
1058 * http://github.com/semantic-org/semantic-ui/
1059 *
1060 *
1061 * Released under the MIT license
1062 * http://opensource.org/licenses/MIT
1063 *
1064 */
1065/*******************************
1066 Theme
1067*******************************/
1068/*
1069
1070████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
1071╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
1072 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
1073 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
1074 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
1075 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
1076
1077*/
1078/*******************************
1079 Theme Selection
1080*******************************/
1081/* To override a theme for an individual element
1082 specify theme name below
1083*/
1084/* Global */
1085/* Elements */
1086/* Collections */
1087/* Modules */
1088/* Views */
1089/*******************************
1090 Folders
1091*******************************/
1092/* Path to theme packages */
1093/* Path to site override folder */
1094/*******************************
1095 Import Theme
1096*******************************/
1097/*******************************
1098 Import Directives
1099*******************************/
1100/*------------------
1101 Theme
1102-------------------*/
1103/*--------------------
1104 Site Variables
1105---------------------*/
1106/* Default site.variables */
1107/*******************************
1108 Site Settings
1109*******************************/
1110/*-------------------
1111 Fonts
1112--------------------*/
1113/*-------------------
1114 Base Sizes
1115--------------------*/
1116/* This is the single variable that controls them all */
1117/* The size of page text */
1118/*-------------------
1119 Border Radius
1120--------------------*/
1121/* See Power-user section below
1122 for explanation of @px variables
1123*/
1124/*-------------------
1125 Brand Colors
1126--------------------*/
1127/*--------------
1128 Page Heading
1129---------------*/
1130/*--------------
1131 Form Input
1132---------------*/
1133/* This adjusts the default form input across all elements */
1134/* Input Text Color */
1135/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
1136/*-------------------
1137 Focused Input
1138--------------------*/
1139/* Used on inputs, textarea etc */
1140/* Used on dropdowns, other larger blocks */
1141/*-------------------
1142 Sizes
1143--------------------*/
1144/*
1145 Sizes are all expressed in terms of 14px/em (default em)
1146 This ensures these "ratios" remain constant despite changes in EM
1147*/
1148/*-------------------
1149 Page
1150--------------------*/
1151/*-------------------
1152 Paragraph
1153--------------------*/
1154/*-------------------
1155 Links
1156--------------------*/
1157/*-------------------
1158 Scroll Bars
1159--------------------*/
1160/* Inverted */
1161/*-------------------
1162 Highlighted Text
1163--------------------*/
1164/*-------------------
1165 Loader
1166--------------------*/
1167/*-------------------
1168 Grid
1169--------------------*/
1170/*-------------------
1171 Transitions
1172--------------------*/
1173/*-------------------
1174 Breakpoints
1175--------------------*/
1176/*-------------------
1177 Site Colors
1178--------------------*/
1179/*--- Colors ---*/
1180/*--- Light Colors ---*/
1181/*--- Neutrals ---*/
1182/*--- Colored Backgrounds ---*/
1183/*--- Colored Headers ---*/
1184/*--- Colored Text ---*/
1185/*--- Colored Border ---*/
1186/*-------------------
1187 Alpha Colors
1188--------------------*/
1189/*-------------------
1190 Accents
1191--------------------*/
1192/* Differentiating Neutrals */
1193/* Differentiating Layers */
1194/*******************************
1195 Power-User
1196*******************************/
1197/*-------------------
1198 Emotive Colors
1199--------------------*/
1200/* Positive */
1201/* Negative */
1202/* Info */
1203/* Warning */
1204/*-------------------
1205 Paths
1206--------------------*/
1207/* For source only. Modified in gulp for dist */
1208/*-------------------
1209 Em Sizes
1210--------------------*/
1211/*
1212 This rounds @size values to the closest pixel then expresses that value in (r)em.
1213 This ensures all size values round to exact pixels
1214*/
1215/* em */
1216/* rem */
1217/*-------------------
1218 Icons
1219--------------------*/
1220/* Maximum Glyph Width of Icon */
1221/*-------------------
1222 Neutral Text
1223--------------------*/
1224/*-------------------
1225 Brand Colors
1226--------------------*/
1227/*-------------------
1228 Borders
1229--------------------*/
1230/*-------------------
1231 Derived Values
1232--------------------*/
1233/* Loaders Position Offset */
1234/* Rendered Scrollbar Width */
1235/* Maximum Single Character Glyph Width, aka Capital "W" */
1236/* Used to match floats with text */
1237/* Header Spacing */
1238/* Minimum Mobile Width */
1239/* Positive / Negative Dupes */
1240/* Responsive */
1241/*-------------------
1242 Exact Pixel Values
1243--------------------*/
1244/*
1245 These are used to specify exact pixel values in em
1246 for things like borders that remain constantly
1247 sized as emSize adjusts
1248
1249 Since there are many more sizes than names for sizes,
1250 these are named by their original pixel values.
1251
1252*/
1253/* Columns */
1254/*******************************
1255 States
1256*******************************/
1257/*-------------------
1258 Disabled
1259--------------------*/
1260/*-------------------
1261 Hover
1262--------------------*/
1263/*--- Shadows ---*/
1264/*--- Colors ---*/
1265/*--- Emotive ---*/
1266/*--- Brand ---*/
1267/*--- Dark Tones ---*/
1268/*--- Light Tones ---*/
1269/*-------------------
1270 Focus
1271--------------------*/
1272/*--- Colors ---*/
1273/*--- Emotive ---*/
1274/*--- Brand ---*/
1275/*--- Dark Tones ---*/
1276/*--- Light Tones ---*/
1277/*-------------------
1278 Down (:active)
1279--------------------*/
1280/*--- Colors ---*/
1281/*--- Emotive ---*/
1282/*--- Brand ---*/
1283/*--- Dark Tones ---*/
1284/*--- Light Tones ---*/
1285/*-------------------
1286 Active
1287--------------------*/
1288/*--- Colors ---*/
1289/*--- Emotive ---*/
1290/*--- Brand ---*/
1291/*--- Dark Tones ---*/
1292/*--- Light Tones ---*/
1293/* Packaged site.variables */
1294/*******************************
1295 Site Settings
1296*******************************/
1297/*-------------------
1298 Fonts
1299--------------------*/
1300/*-------------------
1301 Base Sizes
1302--------------------*/
1303/* This is the single variable that controls them all */
1304/* The size of page text */
1305/*-------------------
1306 Border Radius
1307--------------------*/
1308/* See Power-user section below
1309 for explanation of @px variables
1310*/
1311/*-------------------
1312 Brand Colors
1313--------------------*/
1314/*--------------
1315 Page Heading
1316---------------*/
1317/*--------------
1318 Form Input
1319---------------*/
1320/* This adjusts the default form input across all elements */
1321/* Input Text Color */
1322/* Line Height Default For Inputs in Browser */
1323/*-------------------
1324 Focused Input
1325--------------------*/
1326/* Used on inputs, textarea etc */
1327/* Used on dropdowns, other larger blocks */
1328/*-------------------
1329 Sizes
1330--------------------*/
1331/*
1332 Sizes are all expressed in terms of 14px/em (default em)
1333 This ensures these "ratios" remain constant despite changes in EM
1334*/
1335/*-------------------
1336 Page
1337--------------------*/
1338/*-------------------
1339 Paragraph
1340--------------------*/
1341/*-------------------
1342 Links
1343--------------------*/
1344/*-------------------
1345 Highlighted Text
1346--------------------*/
1347/*-------------------
1348 Loader
1349--------------------*/
1350/*-------------------
1351 Grid
1352--------------------*/
1353/*-------------------
1354 Transitions
1355--------------------*/
1356/*-------------------
1357 Breakpoints
1358--------------------*/
1359/*-------------------
1360 Site Colors
1361--------------------*/
1362/*--- Colors ---*/
1363/*--- Light Colors ---*/
1364/*--- Neutrals ---*/
1365/*--- Colored Backgrounds ---*/
1366/*--- Colored Headers ---*/
1367/*--- Colored Text ---*/
1368/*--- Colored Border ---*/
1369/*-------------------
1370 Alpha Colors
1371--------------------*/
1372/*-------------------
1373 Accents
1374--------------------*/
1375/* Differentiating Neutrals */
1376/* Differentiating Layers */
1377/*******************************
1378 Power-User
1379*******************************/
1380/*-------------------
1381 Emotive Colors
1382--------------------*/
1383/* Positive */
1384/* Negative */
1385/* Info */
1386/* Warning */
1387/*-------------------
1388 Paths
1389--------------------*/
1390/* For source only. Modified in gulp for dist */
1391/*-------------------
1392 Em Sizes
1393--------------------*/
1394/*
1395 This rounds @size values to the closest pixel then expresses that value in (r)em.
1396 This ensures all size values round to exact pixels
1397*/
1398/* em */
1399/* rem */
1400/*-------------------
1401 Icons
1402--------------------*/
1403/* Maximum Glyph Width of Icon */
1404/*-------------------
1405 Neutral Text
1406--------------------*/
1407/*-------------------
1408 Brand Colors
1409--------------------*/
1410/*-------------------
1411 Borders
1412--------------------*/
1413/*-------------------
1414 Derived Values
1415--------------------*/
1416/* Loaders Position Offset */
1417/* Rendered Scrollbar Width */
1418/* Maximum Single Character Glyph Width, aka Capital "W" */
1419/* Used to match floats with text */
1420/* Header Spacing */
1421/* Minimum Mobile Width */
1422/* Positive / Negative Dupes */
1423/* Responsive */
1424/*-------------------
1425 Exact Pixel Values
1426--------------------*/
1427/*
1428 These are used to specify exact pixel values in em
1429 for things like borders that remain constantly
1430 sized as emSize adjusts
1431
1432 Since there are many more sizes than names for sizes,
1433 these are named by their original pixel values.
1434
1435*/
1436/* Columns */
1437/*******************************
1438 States
1439*******************************/
1440/*-------------------
1441 Disabled
1442--------------------*/
1443/*-------------------
1444 Hover
1445--------------------*/
1446/*--- Shadows ---*/
1447/*--- Colors ---*/
1448/* https://github.com/Tripwire/octagon/issues/144 */
1449/*--- Emotive ---*/
1450/*--- Brand ---*/
1451/*--- Dark Tones ---*/
1452/*--- Light Tones ---*/
1453/*-------------------
1454 Focus
1455--------------------*/
1456/*--- Colors ---*/
1457/*--- Emotive ---*/
1458/*--- Brand ---*/
1459/*--- Dark Tones ---*/
1460/*--- Light Tones ---*/
1461/*-------------------
1462 Down (:active)
1463--------------------*/
1464/*--- Colors ---*/
1465/*--- Emotive ---*/
1466/*--- Brand ---*/
1467/*--- Dark Tones ---*/
1468/*--- Light Tones ---*/
1469/*-------------------
1470 Active
1471--------------------*/
1472/*--- Colors ---*/
1473/*--- Emotive ---*/
1474/*--- Brand ---*/
1475/*--- Dark Tones ---*/
1476/*--- Light Tones ---*/
1477/* Component's site.variables */
1478/*******************************
1479 Site Settings
1480*******************************/
1481/*-------------------
1482 Fonts
1483--------------------*/
1484/*-------------------
1485 Base Sizes
1486--------------------*/
1487/* This is the single variable that controls them all */
1488/* The size of page text */
1489/*-------------------
1490 Border Radius
1491--------------------*/
1492/* See Power-user section below
1493 for explanation of @px variables
1494*/
1495/*-------------------
1496 Brand Colors
1497--------------------*/
1498/*--------------
1499 Page Heading
1500---------------*/
1501/*--------------
1502 Form Input
1503---------------*/
1504/* This adjusts the default form input across all elements */
1505/* Input Text Color */
1506/* Line Height Default For Inputs in Browser */
1507/*-------------------
1508 Focused Input
1509--------------------*/
1510/* Used on inputs, textarea etc */
1511/* Used on dropdowns, other larger blocks */
1512/*-------------------
1513 Sizes
1514--------------------*/
1515/*
1516 Sizes are all expressed in terms of 14px/em (default em)
1517 This ensures these "ratios" remain constant despite changes in EM
1518*/
1519/*-------------------
1520 Page
1521--------------------*/
1522/*-------------------
1523 Paragraph
1524--------------------*/
1525/*-------------------
1526 Links
1527--------------------*/
1528/*-------------------
1529 Highlighted Text
1530--------------------*/
1531/*-------------------
1532 Loader
1533--------------------*/
1534/*-------------------
1535 Grid
1536--------------------*/
1537/*-------------------
1538 Transitions
1539--------------------*/
1540/*-------------------
1541 Breakpoints
1542--------------------*/
1543/*-------------------
1544 Site Colors
1545--------------------*/
1546/*--- Colors ---*/
1547/*--- Light Colors ---*/
1548/*--- Neutrals ---*/
1549/*--- Colored Backgrounds ---*/
1550/*--- Colored Headers ---*/
1551/*--- Colored Text ---*/
1552/*--- Colored Border ---*/
1553/*-------------------
1554 Alpha Colors
1555--------------------*/
1556/*-------------------
1557 Accents
1558--------------------*/
1559/* Differentiating Neutrals */
1560/* Differentiating Layers */
1561/*******************************
1562 Power-User
1563*******************************/
1564/*-------------------
1565 Emotive Colors
1566--------------------*/
1567/* Positive */
1568/* Negative */
1569/* Info */
1570/* Warning */
1571/*-------------------
1572 Paths
1573--------------------*/
1574/* For source only. Modified in gulp for dist */
1575/*-------------------
1576 Em Sizes
1577--------------------*/
1578/*
1579 This rounds @size values to the closest pixel then expresses that value in (r)em.
1580 This ensures all size values round to exact pixels
1581*/
1582/* em */
1583/* rem */
1584/*-------------------
1585 Icons
1586--------------------*/
1587/* Maximum Glyph Width of Icon */
1588/*-------------------
1589 Neutral Text
1590--------------------*/
1591/*-------------------
1592 Brand Colors
1593--------------------*/
1594/*-------------------
1595 Borders
1596--------------------*/
1597/*-------------------
1598 Derived Values
1599--------------------*/
1600/* Loaders Position Offset */
1601/* Rendered Scrollbar Width */
1602/* Maximum Single Character Glyph Width, aka Capital "W" */
1603/* Used to match floats with text */
1604/* Header Spacing */
1605/* Minimum Mobile Width */
1606/* Positive / Negative Dupes */
1607/* Responsive */
1608/*-------------------
1609 Exact Pixel Values
1610--------------------*/
1611/*
1612 These are used to specify exact pixel values in em
1613 for things like borders that remain constantly
1614 sized as emSize adjusts
1615
1616 Since there are many more sizes than names for sizes,
1617 these are named by their original pixel values.
1618
1619*/
1620/* Columns */
1621/*******************************
1622 States
1623*******************************/
1624/*-------------------
1625 Disabled
1626--------------------*/
1627/*-------------------
1628 Hover
1629--------------------*/
1630/*--- Shadows ---*/
1631/*--- Colors ---*/
1632/* https://github.com/Tripwire/octagon/issues/144 */
1633/*--- Emotive ---*/
1634/*--- Brand ---*/
1635/*--- Dark Tones ---*/
1636/*--- Light Tones ---*/
1637/*-------------------
1638 Focus
1639--------------------*/
1640/*--- Colors ---*/
1641/*--- Emotive ---*/
1642/*--- Brand ---*/
1643/*--- Dark Tones ---*/
1644/*--- Light Tones ---*/
1645/*-------------------
1646 Down (:active)
1647--------------------*/
1648/*--- Colors ---*/
1649/*--- Emotive ---*/
1650/*--- Brand ---*/
1651/*--- Dark Tones ---*/
1652/*--- Light Tones ---*/
1653/*-------------------
1654 Active
1655--------------------*/
1656/*--- Colors ---*/
1657/*--- Emotive ---*/
1658/*--- Brand ---*/
1659/*--- Dark Tones ---*/
1660/*--- Light Tones ---*/
1661/* Site theme site.variables */
1662/*-------------------
1663 Component Variables
1664---------------------*/
1665/* Default */
1666/*******************************
1667 Site Settings
1668*******************************/
1669/*-------------------
1670 Fonts
1671--------------------*/
1672/*-------------------
1673 Base Sizes
1674--------------------*/
1675/* This is the single variable that controls them all */
1676/* The size of page text */
1677/*-------------------
1678 Border Radius
1679--------------------*/
1680/* See Power-user section below
1681 for explanation of @px variables
1682*/
1683/*-------------------
1684 Brand Colors
1685--------------------*/
1686/*--------------
1687 Page Heading
1688---------------*/
1689/*--------------
1690 Form Input
1691---------------*/
1692/* This adjusts the default form input across all elements */
1693/* Input Text Color */
1694/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
1695/*-------------------
1696 Focused Input
1697--------------------*/
1698/* Used on inputs, textarea etc */
1699/* Used on dropdowns, other larger blocks */
1700/*-------------------
1701 Sizes
1702--------------------*/
1703/*
1704 Sizes are all expressed in terms of 14px/em (default em)
1705 This ensures these "ratios" remain constant despite changes in EM
1706*/
1707/*-------------------
1708 Page
1709--------------------*/
1710/*-------------------
1711 Paragraph
1712--------------------*/
1713/*-------------------
1714 Links
1715--------------------*/
1716/*-------------------
1717 Scroll Bars
1718--------------------*/
1719/* Inverted */
1720/*-------------------
1721 Highlighted Text
1722--------------------*/
1723/*-------------------
1724 Loader
1725--------------------*/
1726/*-------------------
1727 Grid
1728--------------------*/
1729/*-------------------
1730 Transitions
1731--------------------*/
1732/*-------------------
1733 Breakpoints
1734--------------------*/
1735/*-------------------
1736 Site Colors
1737--------------------*/
1738/*--- Colors ---*/
1739/*--- Light Colors ---*/
1740/*--- Neutrals ---*/
1741/*--- Colored Backgrounds ---*/
1742/*--- Colored Headers ---*/
1743/*--- Colored Text ---*/
1744/*--- Colored Border ---*/
1745/*-------------------
1746 Alpha Colors
1747--------------------*/
1748/*-------------------
1749 Accents
1750--------------------*/
1751/* Differentiating Neutrals */
1752/* Differentiating Layers */
1753/*******************************
1754 Power-User
1755*******************************/
1756/*-------------------
1757 Emotive Colors
1758--------------------*/
1759/* Positive */
1760/* Negative */
1761/* Info */
1762/* Warning */
1763/*-------------------
1764 Paths
1765--------------------*/
1766/* For source only. Modified in gulp for dist */
1767/*-------------------
1768 Em Sizes
1769--------------------*/
1770/*
1771 This rounds @size values to the closest pixel then expresses that value in (r)em.
1772 This ensures all size values round to exact pixels
1773*/
1774/* em */
1775/* rem */
1776/*-------------------
1777 Icons
1778--------------------*/
1779/* Maximum Glyph Width of Icon */
1780/*-------------------
1781 Neutral Text
1782--------------------*/
1783/*-------------------
1784 Brand Colors
1785--------------------*/
1786/*-------------------
1787 Borders
1788--------------------*/
1789/*-------------------
1790 Derived Values
1791--------------------*/
1792/* Loaders Position Offset */
1793/* Rendered Scrollbar Width */
1794/* Maximum Single Character Glyph Width, aka Capital "W" */
1795/* Used to match floats with text */
1796/* Header Spacing */
1797/* Minimum Mobile Width */
1798/* Positive / Negative Dupes */
1799/* Responsive */
1800/*-------------------
1801 Exact Pixel Values
1802--------------------*/
1803/*
1804 These are used to specify exact pixel values in em
1805 for things like borders that remain constantly
1806 sized as emSize adjusts
1807
1808 Since there are many more sizes than names for sizes,
1809 these are named by their original pixel values.
1810
1811*/
1812/* Columns */
1813/*******************************
1814 States
1815*******************************/
1816/*-------------------
1817 Disabled
1818--------------------*/
1819/*-------------------
1820 Hover
1821--------------------*/
1822/*--- Shadows ---*/
1823/*--- Colors ---*/
1824/*--- Emotive ---*/
1825/*--- Brand ---*/
1826/*--- Dark Tones ---*/
1827/*--- Light Tones ---*/
1828/*-------------------
1829 Focus
1830--------------------*/
1831/*--- Colors ---*/
1832/*--- Emotive ---*/
1833/*--- Brand ---*/
1834/*--- Dark Tones ---*/
1835/*--- Light Tones ---*/
1836/*-------------------
1837 Down (:active)
1838--------------------*/
1839/*--- Colors ---*/
1840/*--- Emotive ---*/
1841/*--- Brand ---*/
1842/*--- Dark Tones ---*/
1843/*--- Light Tones ---*/
1844/*-------------------
1845 Active
1846--------------------*/
1847/*--- Colors ---*/
1848/*--- Emotive ---*/
1849/*--- Brand ---*/
1850/*--- Dark Tones ---*/
1851/*--- Light Tones ---*/
1852/* Packaged Theme */
1853/*******************************
1854 Site Settings
1855*******************************/
1856/*-------------------
1857 Fonts
1858--------------------*/
1859/*-------------------
1860 Base Sizes
1861--------------------*/
1862/* This is the single variable that controls them all */
1863/* The size of page text */
1864/*-------------------
1865 Border Radius
1866--------------------*/
1867/* See Power-user section below
1868 for explanation of @px variables
1869*/
1870/*-------------------
1871 Brand Colors
1872--------------------*/
1873/*--------------
1874 Page Heading
1875---------------*/
1876/*--------------
1877 Form Input
1878---------------*/
1879/* This adjusts the default form input across all elements */
1880/* Input Text Color */
1881/* Line Height Default For Inputs in Browser */
1882/*-------------------
1883 Focused Input
1884--------------------*/
1885/* Used on inputs, textarea etc */
1886/* Used on dropdowns, other larger blocks */
1887/*-------------------
1888 Sizes
1889--------------------*/
1890/*
1891 Sizes are all expressed in terms of 14px/em (default em)
1892 This ensures these "ratios" remain constant despite changes in EM
1893*/
1894/*-------------------
1895 Page
1896--------------------*/
1897/*-------------------
1898 Paragraph
1899--------------------*/
1900/*-------------------
1901 Links
1902--------------------*/
1903/*-------------------
1904 Highlighted Text
1905--------------------*/
1906/*-------------------
1907 Loader
1908--------------------*/
1909/*-------------------
1910 Grid
1911--------------------*/
1912/*-------------------
1913 Transitions
1914--------------------*/
1915/*-------------------
1916 Breakpoints
1917--------------------*/
1918/*-------------------
1919 Site Colors
1920--------------------*/
1921/*--- Colors ---*/
1922/*--- Light Colors ---*/
1923/*--- Neutrals ---*/
1924/*--- Colored Backgrounds ---*/
1925/*--- Colored Headers ---*/
1926/*--- Colored Text ---*/
1927/*--- Colored Border ---*/
1928/*-------------------
1929 Alpha Colors
1930--------------------*/
1931/*-------------------
1932 Accents
1933--------------------*/
1934/* Differentiating Neutrals */
1935/* Differentiating Layers */
1936/*******************************
1937 Power-User
1938*******************************/
1939/*-------------------
1940 Emotive Colors
1941--------------------*/
1942/* Positive */
1943/* Negative */
1944/* Info */
1945/* Warning */
1946/*-------------------
1947 Paths
1948--------------------*/
1949/* For source only. Modified in gulp for dist */
1950/*-------------------
1951 Em Sizes
1952--------------------*/
1953/*
1954 This rounds @size values to the closest pixel then expresses that value in (r)em.
1955 This ensures all size values round to exact pixels
1956*/
1957/* em */
1958/* rem */
1959/*-------------------
1960 Icons
1961--------------------*/
1962/* Maximum Glyph Width of Icon */
1963/*-------------------
1964 Neutral Text
1965--------------------*/
1966/*-------------------
1967 Brand Colors
1968--------------------*/
1969/*-------------------
1970 Borders
1971--------------------*/
1972/*-------------------
1973 Derived Values
1974--------------------*/
1975/* Loaders Position Offset */
1976/* Rendered Scrollbar Width */
1977/* Maximum Single Character Glyph Width, aka Capital "W" */
1978/* Used to match floats with text */
1979/* Header Spacing */
1980/* Minimum Mobile Width */
1981/* Positive / Negative Dupes */
1982/* Responsive */
1983/*-------------------
1984 Exact Pixel Values
1985--------------------*/
1986/*
1987 These are used to specify exact pixel values in em
1988 for things like borders that remain constantly
1989 sized as emSize adjusts
1990
1991 Since there are many more sizes than names for sizes,
1992 these are named by their original pixel values.
1993
1994*/
1995/* Columns */
1996/*******************************
1997 States
1998*******************************/
1999/*-------------------
2000 Disabled
2001--------------------*/
2002/*-------------------
2003 Hover
2004--------------------*/
2005/*--- Shadows ---*/
2006/*--- Colors ---*/
2007/* https://github.com/Tripwire/octagon/issues/144 */
2008/*--- Emotive ---*/
2009/*--- Brand ---*/
2010/*--- Dark Tones ---*/
2011/*--- Light Tones ---*/
2012/*-------------------
2013 Focus
2014--------------------*/
2015/*--- Colors ---*/
2016/*--- Emotive ---*/
2017/*--- Brand ---*/
2018/*--- Dark Tones ---*/
2019/*--- Light Tones ---*/
2020/*-------------------
2021 Down (:active)
2022--------------------*/
2023/*--- Colors ---*/
2024/*--- Emotive ---*/
2025/*--- Brand ---*/
2026/*--- Dark Tones ---*/
2027/*--- Light Tones ---*/
2028/*-------------------
2029 Active
2030--------------------*/
2031/*--- Colors ---*/
2032/*--- Emotive ---*/
2033/*--- Brand ---*/
2034/*--- Dark Tones ---*/
2035/*--- Light Tones ---*/
2036/* Site Theme */
2037/*******************************
2038 Mix-ins
2039*******************************/
2040/*------------------
2041 Fonts
2042-------------------*/
2043/*------------------
2044 Overrides
2045-------------------*/
2046/* End Config */
2047/*******************************
2048 Page
2049*******************************/
2050html,
2051body {
2052 height: 100%;
2053}
2054html {
2055 font-size: 14px;
2056}
2057body {
2058 margin: 0px;
2059 padding: 0px;
2060 overflow-x: hidden;
2061 min-width: 320px;
2062 background: #FFFFFF;
2063 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
2064 font-size: 14px;
2065 line-height: 1.4285em;
2066 color: rgba(0, 0, 0, 0.87);
2067 font-smoothing: antialiased;
2068}
2069/*******************************
2070 Headers
2071*******************************/
2072h1,
2073h2,
2074h3,
2075h4,
2076h5 {
2077 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
2078 line-height: 1.2857em;
2079 margin: calc(2rem - 0.14285em ) 0em 1rem;
2080 font-weight: bold;
2081 padding: 0em;
2082}
2083h1 {
2084 min-height: 1rem;
2085 font-size: 2rem;
2086}
2087h2 {
2088 font-size: 1.714rem;
2089}
2090h3 {
2091 font-size: 1.28rem;
2092}
2093h4 {
2094 font-size: 1.071rem;
2095}
2096h5 {
2097 font-size: 1rem;
2098}
2099h1:first-child,
2100h2:first-child,
2101h3:first-child,
2102h4:first-child,
2103h5:first-child {
2104 margin-top: 0em;
2105}
2106h1:last-child,
2107h2:last-child,
2108h3:last-child,
2109h4:last-child,
2110h5:last-child {
2111 margin-bottom: 0em;
2112}
2113/*******************************
2114 Text
2115*******************************/
2116p {
2117 margin: 0em 0em 1em;
2118 line-height: 1.4285em;
2119}
2120p:first-child {
2121 margin-top: 0em;
2122}
2123p:last-child {
2124 margin-bottom: 0em;
2125}
2126/*-------------------
2127 Links
2128--------------------*/
2129a {
2130 color: #4183C4;
2131 text-decoration: none;
2132}
2133a:hover {
2134 color: #1e70bf;
2135 text-decoration: none;
2136}
2137/*******************************
2138 Scrollbars
2139*******************************/
2140/*******************************
2141 Highlighting
2142*******************************/
2143/* Site */
2144::-webkit-selection {
2145 background-color: #CCE2FF;
2146 color: rgba(0, 0, 0, 0.87);
2147}
2148::-moz-selection {
2149 background-color: #CCE2FF;
2150 color: rgba(0, 0, 0, 0.87);
2151}
2152::selection {
2153 background-color: #CCE2FF;
2154 color: rgba(0, 0, 0, 0.87);
2155}
2156/* Form */
2157textarea::-webkit-selection,
2158input::-webkit-selection {
2159 background-color: rgba(100, 100, 100, 0.4);
2160 color: rgba(0, 0, 0, 0.87);
2161}
2162textarea::-moz-selection,
2163input::-moz-selection {
2164 background-color: rgba(100, 100, 100, 0.4);
2165 color: rgba(0, 0, 0, 0.87);
2166}
2167textarea::selection,
2168input::selection {
2169 background-color: rgba(100, 100, 100, 0.4);
2170 color: rgba(0, 0, 0, 0.87);
2171}
2172/* Force Simple Scrollbars */
2173body ::-webkit-scrollbar {
2174 -webkit-appearance: none;
2175 width: 10px;
2176 height: 10px;
2177}
2178body ::-webkit-scrollbar-track {
2179 background: rgba(0, 0, 0, 0.1);
2180 border-radius: 0px;
2181}
2182body ::-webkit-scrollbar-thumb {
2183 cursor: pointer;
2184 border-radius: 5px;
2185 background: rgba(0, 0, 0, 0.25);
2186 transition: color 0.2s ease;
2187}
2188body ::-webkit-scrollbar-thumb:window-inactive {
2189 background: rgba(0, 0, 0, 0.15);
2190}
2191body ::-webkit-scrollbar-thumb:hover {
2192 background: rgba(128, 135, 139, 0.8);
2193}
2194/* Inverted UI */
2195body .ui.inverted::-webkit-scrollbar-track {
2196 background: rgba(255, 255, 255, 0.1);
2197}
2198body .ui.inverted::-webkit-scrollbar-thumb {
2199 background: rgba(255, 255, 255, 0.25);
2200}
2201body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
2202 background: rgba(255, 255, 255, 0.15);
2203}
2204body .ui.inverted::-webkit-scrollbar-thumb:hover {
2205 background: rgba(255, 255, 255, 0.35);
2206}
2207/*******************************
2208 Global Overrides
2209*******************************/
2210/*!
2211 Lato font.
2212*/
2213/* Lato (hairline, regular) */
2214@font-face {
2215 font-family: Lato;
2216 src: url("themes/tripwire/assets/fonts/lato/lato-hairline/lato-hairline.woff") format("woff");
2217 font-weight: 100;
2218 font-style: normal;
2219 font-display: fallback;
2220}
2221/* Lato (hairline, italic) */
2222@font-face {
2223 font-family: Lato;
2224 src: url("themes/tripwire/assets/fonts/lato/lato-hairline-italic/lato-hairline-italic.woff") format("woff");
2225 font-weight: 100;
2226 font-style: italic;
2227 font-display: fallback;
2228}
2229/* Lato (thin, regular) */
2230@font-face {
2231 font-family: Lato;
2232 src: url("themes/tripwire/assets/fonts/lato/lato-thin/lato-thin.woff") format("woff");
2233 font-weight: 200;
2234 font-style: normal;
2235 font-display: fallback;
2236}
2237/* Lato (thin, italic) */
2238@font-face {
2239 font-family: Lato;
2240 src: url("themes/tripwire/assets/fonts/lato/lato-thin-italic/lato-thin-italic.woff") format("woff");
2241 font-weight: 200;
2242 font-style: italic;
2243 font-display: fallback;
2244}
2245/* Lato (light, regular) */
2246@font-face {
2247 font-family: Lato;
2248 src: url("themes/tripwire/assets/fonts/lato/lato-light/lato-light.woff") format("woff");
2249 font-weight: 300;
2250 font-style: normal;
2251 font-display: fallback;
2252}
2253/* Lato (light, italic) */
2254@font-face {
2255 font-family: Lato;
2256 src: url("themes/tripwire/assets/fonts/lato/lato-light-italic/lato-light-italic.woff") format("woff");
2257 font-weight: 300;
2258 font-style: italic;
2259 font-display: fallback;
2260}
2261/* Lato (normal, regular) */
2262@font-face {
2263 font-family: Lato;
2264 src: url("themes/tripwire/assets/fonts/lato/lato-normal/lato-normal.woff") format("woff");
2265 font-weight: 400;
2266 font-style: normal;
2267 font-display: fallback;
2268}
2269/* Lato (normal, italic) */
2270@font-face {
2271 font-family: Lato;
2272 src: url("themes/tripwire/assets/fonts/lato/lato-normal-italic/lato-normal-italic.woff") format("woff");
2273 font-weight: 400;
2274 font-style: italic;
2275 font-display: fallback;
2276}
2277/* Lato (medium, regular) */
2278@font-face {
2279 font-family: "Lato Medium";
2280 src: url("themes/tripwire/assets/fonts/lato/lato-medium/lato-medium.woff") format("woff");
2281 font-weight: 400;
2282 font-style: normal;
2283 font-display: fallback;
2284}
2285/* Lato (medium, italic) */
2286@font-face {
2287 font-family: "Lato Medium";
2288 src: url("themes/tripwire/assets/fonts/lato/lato-medium-italic/lato-medium-italic.woff") format("woff");
2289 font-weight: 400;
2290 font-style: italic;
2291 font-display: fallback;
2292}
2293/* Lato (semibold, regular) */
2294@font-face {
2295 font-family: Lato;
2296 src: url("themes/tripwire/assets/fonts/lato/lato-semibold/lato-semibold.woff") format("woff");
2297 font-weight: 500;
2298 font-style: normal;
2299 font-display: fallback;
2300}
2301/* Lato (semibold, italic) */
2302@font-face {
2303 font-family: Lato;
2304 src: url("themes/tripwire/assets/fonts/lato/lato-semibold-italic/lato-semibold-italic.woff") format("woff");
2305 font-weight: 500;
2306 font-style: italic;
2307 font-display: fallback;
2308}
2309/* Lato (bold, regular) */
2310@font-face {
2311 font-family: Lato;
2312 src: url("themes/tripwire/assets/fonts/lato/lato-bold/lato-bold.woff") format("woff");
2313 font-weight: 600;
2314 font-style: normal;
2315 font-display: fallback;
2316}
2317/* Lato (bold, italic) */
2318@font-face {
2319 font-family: Lato;
2320 src: url("themes/tripwire/assets/fonts/lato/lato-bold-italic/lato-bold-italic.woff") format("woff");
2321 font-weight: 600;
2322 font-style: italic;
2323 font-display: fallback;
2324}
2325/* Lato (heavy, regular) */
2326@font-face {
2327 font-family: Lato;
2328 src: url("themes/tripwire/assets/fonts/lato/lato-heavy/lato-heavy.woff") format("woff");
2329 font-weight: 800;
2330 font-style: normal;
2331 font-display: fallback;
2332}
2333/* Lato (heavy, italic) */
2334@font-face {
2335 font-family: Lato;
2336 src: url("themes/tripwire/assets/fonts/lato/lato-heavy-italic/lato-heavy-italic.woff") format("woff");
2337 font-weight: 800;
2338 font-style: italic;
2339 font-display: fallback;
2340}
2341/* Lato (black, regular) */
2342@font-face {
2343 font-family: Lato;
2344 src: url("themes/tripwire/assets/fonts/lato/lato-black/lato-black.woff") format("woff");
2345 font-weight: 900;
2346 font-style: normal;
2347 font-display: fallback;
2348}
2349/* Lato (black, italic) */
2350@font-face {
2351 font-family: Lato;
2352 src: url("themes/tripwire/assets/fonts/lato/lato-black-italic/lato-black-italic.woff") format("woff");
2353 font-weight: 900;
2354 font-style: italic;
2355 font-display: fallback;
2356}
2357@font-face {
2358 font-family: 'ElegantIcons';
2359 src: url('themes/tripwire/assets/fonts/elegant-icons/ElegantIcons.woff') format('woff'), url('themes/tripwire/assets/fonts/elegant-icons/ElegantIcons.svg#ElegantIcons') format('svg');
2360 font-weight: normal;
2361 font-style: normal;
2362}
2363/* Use the following CSS code if you want to use data attributes for inserting your icons */
2364[data-icon]:before {
2365 font-family: 'ElegantIcons';
2366 content: attr(data-icon);
2367 speak: none;
2368 font-weight: normal;
2369 font-variant: normal;
2370 text-transform: none;
2371 line-height: 1;
2372 -webkit-font-smoothing: antialiased;
2373 -moz-osx-font-smoothing: grayscale;
2374}
2375/* Use the following CSS code if you want to have a class per icon */
2376/*
2377Instead of a list of all class selectors,
2378you can use the generic selector below, but it's slower:
2379[class*="your-class-prefix"] {
2380*/
2381.arrow_up,
2382.arrow_down,
2383.arrow_left,
2384.arrow_right,
2385.arrow_left-up,
2386.arrow_right-up,
2387.arrow_right-down,
2388.arrow_left-down,
2389.arrow-up-down,
2390.arrow_up-down_alt,
2391.arrow_left-right_alt,
2392.arrow_left-right,
2393.arrow_expand_alt2,
2394.arrow_expand_alt,
2395.arrow_condense,
2396.arrow_expand,
2397.arrow_move,
2398.arrow_carrot-up,
2399.arrow_carrot-down,
2400.arrow_carrot-left,
2401.arrow_carrot-right,
2402.arrow_carrot-2up,
2403.arrow_carrot-2down,
2404.arrow_carrot-2left,
2405.arrow_carrot-2right,
2406.arrow_carrot-up_alt2,
2407.arrow_carrot-down_alt2,
2408.arrow_carrot-left_alt2,
2409.arrow_carrot-right_alt2,
2410.arrow_carrot-2up_alt2,
2411.arrow_carrot-2down_alt2,
2412.arrow_carrot-2left_alt2,
2413.arrow_carrot-2right_alt2,
2414.arrow_triangle-up,
2415.arrow_triangle-down,
2416.arrow_triangle-left,
2417.arrow_triangle-right,
2418.arrow_triangle-up_alt2,
2419.arrow_triangle-down_alt2,
2420.arrow_triangle-left_alt2,
2421.arrow_triangle-right_alt2,
2422.arrow_back,
2423.icon_minus-06,
2424.icon_plus,
2425.icon_close,
2426.icon_check,
2427.icon_minus_alt2,
2428.icon_plus_alt2,
2429.icon_close_alt2,
2430.icon_check_alt2,
2431.icon_zoom-out_alt,
2432.icon_zoom-in_alt,
2433.icon_search,
2434.icon_box-empty,
2435.icon_box-selected,
2436.icon_minus-box,
2437.icon_plus-box,
2438.icon_box-checked,
2439.icon_circle-empty,
2440.icon_circle-slelected,
2441.icon_stop_alt2,
2442.icon_stop,
2443.icon_pause_alt2,
2444.icon_pause,
2445.icon_menu,
2446.icon_menu-square_alt2,
2447.icon_menu-circle_alt2,
2448.icon_ul,
2449.icon_ol,
2450.icon_adjust-horiz,
2451.icon_adjust-vert,
2452.icon_document_alt,
2453.icon_documents_alt,
2454.icon_pencil,
2455.icon_pencil-edit_alt,
2456.icon_pencil-edit,
2457.icon_folder-alt,
2458.icon_folder-open_alt,
2459.icon_folder-add_alt,
2460.icon_info_alt,
2461.icon_error-oct_alt,
2462.icon_error-circle_alt,
2463.icon_error-triangle_alt,
2464.icon_question_alt2,
2465.icon_question,
2466.icon_comment_alt,
2467.icon_chat_alt,
2468.icon_vol-mute_alt,
2469.icon_volume-low_alt,
2470.icon_volume-high_alt,
2471.icon_quotations,
2472.icon_quotations_alt2,
2473.icon_clock_alt,
2474.icon_lock_alt,
2475.icon_lock-open_alt,
2476.icon_key_alt,
2477.icon_cloud_alt,
2478.icon_cloud-upload_alt,
2479.icon_cloud-download_alt,
2480.icon_image,
2481.icon_images,
2482.icon_lightbulb_alt,
2483.icon_gift_alt,
2484.icon_house_alt,
2485.icon_genius,
2486.icon_mobile,
2487.icon_tablet,
2488.icon_laptop,
2489.icon_desktop,
2490.icon_camera_alt,
2491.icon_mail_alt,
2492.icon_cone_alt,
2493.icon_ribbon_alt,
2494.icon_bag_alt,
2495.icon_creditcard,
2496.icon_cart_alt,
2497.icon_paperclip,
2498.icon_tag_alt,
2499.icon_tags_alt,
2500.icon_trash_alt,
2501.icon_cursor_alt,
2502.icon_mic_alt,
2503.icon_compass_alt,
2504.icon_pin_alt,
2505.icon_pushpin_alt,
2506.icon_map_alt,
2507.icon_drawer_alt,
2508.icon_toolbox_alt,
2509.icon_book_alt,
2510.icon_calendar,
2511.icon_film,
2512.icon_table,
2513.icon_contacts_alt,
2514.icon_headphones,
2515.icon_lifesaver,
2516.icon_piechart,
2517.icon_refresh,
2518.icon_link_alt,
2519.icon_link,
2520.icon_loading,
2521.icon_blocked,
2522.icon_archive_alt,
2523.icon_heart_alt,
2524.icon_star_alt,
2525.icon_star-half_alt,
2526.icon_star,
2527.icon_star-half,
2528.icon_tools,
2529.icon_tool,
2530.icon_cog,
2531.icon_cogs,
2532.arrow_up_alt,
2533.arrow_down_alt,
2534.arrow_left_alt,
2535.arrow_right_alt,
2536.arrow_left-up_alt,
2537.arrow_right-up_alt,
2538.arrow_right-down_alt,
2539.arrow_left-down_alt,
2540.arrow_condense_alt,
2541.arrow_expand_alt3,
2542.arrow_carrot_up_alt,
2543.arrow_carrot-down_alt,
2544.arrow_carrot-left_alt,
2545.arrow_carrot-right_alt,
2546.arrow_carrot-2up_alt,
2547.arrow_carrot-2dwnn_alt,
2548.arrow_carrot-2left_alt,
2549.arrow_carrot-2right_alt,
2550.arrow_triangle-up_alt,
2551.arrow_triangle-down_alt,
2552.arrow_triangle-left_alt,
2553.arrow_triangle-right_alt,
2554.icon_minus_alt,
2555.icon_plus_alt,
2556.icon_close_alt,
2557.icon_check_alt,
2558.icon_zoom-out,
2559.icon_zoom-in,
2560.icon_stop_alt,
2561.icon_menu-square_alt,
2562.icon_menu-circle_alt,
2563.icon_document,
2564.icon_documents,
2565.icon_pencil_alt,
2566.icon_folder,
2567.icon_folder-open,
2568.icon_folder-add,
2569.icon_folder_upload,
2570.icon_folder_download,
2571.icon_info,
2572.icon_error-circle,
2573.icon_error-oct,
2574.icon_error-triangle,
2575.icon_question_alt,
2576.icon_comment,
2577.icon_chat,
2578.icon_vol-mute,
2579.icon_volume-low,
2580.icon_volume-high,
2581.icon_quotations_alt,
2582.icon_clock,
2583.icon_lock,
2584.icon_lock-open,
2585.icon_key,
2586.icon_cloud,
2587.icon_cloud-upload,
2588.icon_cloud-download,
2589.icon_lightbulb,
2590.icon_gift,
2591.icon_house,
2592.icon_camera,
2593.icon_mail,
2594.icon_cone,
2595.icon_ribbon,
2596.icon_bag,
2597.icon_cart,
2598.icon_tag,
2599.icon_tags,
2600.icon_trash,
2601.icon_cursor,
2602.icon_mic,
2603.icon_compass,
2604.icon_pin,
2605.icon_pushpin,
2606.icon_map,
2607.icon_drawer,
2608.icon_toolbox,
2609.icon_book,
2610.icon_contacts,
2611.icon_archive,
2612.icon_heart,
2613.icon_profile,
2614.icon_group,
2615.icon_grid-2x2,
2616.icon_grid-3x3,
2617.icon_music,
2618.icon_pause_alt,
2619.icon_phone,
2620.icon_upload,
2621.icon_download,
2622.social_facebook,
2623.social_twitter,
2624.social_pinterest,
2625.social_googleplus,
2626.social_tumblr,
2627.social_tumbleupon,
2628.social_wordpress,
2629.social_instagram,
2630.social_dribbble,
2631.social_vimeo,
2632.social_linkedin,
2633.social_rss,
2634.social_deviantart,
2635.social_share,
2636.social_myspace,
2637.social_skype,
2638.social_youtube,
2639.social_picassa,
2640.social_googledrive,
2641.social_flickr,
2642.social_blogger,
2643.social_spotify,
2644.social_delicious,
2645.social_facebook_circle,
2646.social_twitter_circle,
2647.social_pinterest_circle,
2648.social_googleplus_circle,
2649.social_tumblr_circle,
2650.social_stumbleupon_circle,
2651.social_wordpress_circle,
2652.social_instagram_circle,
2653.social_dribbble_circle,
2654.social_vimeo_circle,
2655.social_linkedin_circle,
2656.social_rss_circle,
2657.social_deviantart_circle,
2658.social_share_circle,
2659.social_myspace_circle,
2660.social_skype_circle,
2661.social_youtube_circle,
2662.social_picassa_circle,
2663.social_googledrive_alt2,
2664.social_flickr_circle,
2665.social_blogger_circle,
2666.social_spotify_circle,
2667.social_delicious_circle,
2668.social_facebook_square,
2669.social_twitter_square,
2670.social_pinterest_square,
2671.social_googleplus_square,
2672.social_tumblr_square,
2673.social_stumbleupon_square,
2674.social_wordpress_square,
2675.social_instagram_square,
2676.social_dribbble_square,
2677.social_vimeo_square,
2678.social_linkedin_square,
2679.social_rss_square,
2680.social_deviantart_square,
2681.social_share_square,
2682.social_myspace_square,
2683.social_skype_square,
2684.social_youtube_square,
2685.social_picassa_square,
2686.social_googledrive_square,
2687.social_flickr_square,
2688.social_blogger_square,
2689.social_spotify_square,
2690.social_delicious_square,
2691.icon_printer,
2692.icon_calulator,
2693.icon_building,
2694.icon_floppy,
2695.icon_drive,
2696.icon_search-2,
2697.icon_id,
2698.icon_id-2,
2699.icon_puzzle,
2700.icon_like,
2701.icon_dislike,
2702.icon_mug,
2703.icon_currency,
2704.icon_wallet,
2705.icon_pens,
2706.icon_easel,
2707.icon_flowchart,
2708.icon_datareport,
2709.icon_briefcase,
2710.icon_shield,
2711.icon_percent,
2712.icon_globe,
2713.icon_globe-2,
2714.icon_target,
2715.icon_hourglass,
2716.icon_balance,
2717.icon_rook,
2718.icon_printer-alt,
2719.icon_calculator_alt,
2720.icon_building_alt,
2721.icon_floppy_alt,
2722.icon_drive_alt,
2723.icon_search_alt,
2724.icon_id_alt,
2725.icon_id-2_alt,
2726.icon_puzzle_alt,
2727.icon_like_alt,
2728.icon_dislike_alt,
2729.icon_mug_alt,
2730.icon_currency_alt,
2731.icon_wallet_alt,
2732.icon_pens_alt,
2733.icon_easel_alt,
2734.icon_flowchart_alt,
2735.icon_datareport_alt,
2736.icon_briefcase_alt,
2737.icon_shield_alt,
2738.icon_percent_alt,
2739.icon_globe_alt,
2740.icon_clipboard {
2741 font-family: 'ElegantIcons';
2742 speak: none;
2743 font-style: normal;
2744 font-weight: normal;
2745 font-variant: normal;
2746 text-transform: none;
2747 line-height: 1;
2748 -webkit-font-smoothing: antialiased;
2749}
2750.arrow_up:before {
2751 content: "\21";
2752}
2753.arrow_down:before {
2754 content: "\22";
2755}
2756.arrow_left:before {
2757 content: "\23";
2758}
2759.arrow_right:before {
2760 content: "\24";
2761}
2762.arrow_left-up:before {
2763 content: "\25";
2764}
2765.arrow_right-up:before {
2766 content: "\26";
2767}
2768.arrow_right-down:before {
2769 content: "\27";
2770}
2771.arrow_left-down:before {
2772 content: "\28";
2773}
2774.arrow-up-down:before {
2775 content: "\29";
2776}
2777.arrow_up-down_alt:before {
2778 content: "\2a";
2779}
2780.arrow_left-right_alt:before {
2781 content: "\2b";
2782}
2783.arrow_left-right:before {
2784 content: "\2c";
2785}
2786.arrow_expand_alt2:before {
2787 content: "\2d";
2788}
2789.arrow_expand_alt:before {
2790 content: "\2e";
2791}
2792.arrow_condense:before {
2793 content: "\2f";
2794}
2795.arrow_expand:before {
2796 content: "\30";
2797}
2798.arrow_move:before {
2799 content: "\31";
2800}
2801.arrow_carrot-up:before {
2802 content: "\32";
2803}
2804.arrow_carrot-down:before {
2805 content: "\33";
2806}
2807.arrow_carrot-left:before {
2808 content: "\34";
2809}
2810.arrow_carrot-right:before {
2811 content: "\35";
2812}
2813.arrow_carrot-2up:before {
2814 content: "\36";
2815}
2816.arrow_carrot-2down:before {
2817 content: "\37";
2818}
2819.arrow_carrot-2left:before {
2820 content: "\38";
2821}
2822.arrow_carrot-2right:before {
2823 content: "\39";
2824}
2825.arrow_carrot-up_alt2:before {
2826 content: "\3a";
2827}
2828.arrow_carrot-down_alt2:before {
2829 content: "\3b";
2830}
2831.arrow_carrot-left_alt2:before {
2832 content: "\3c";
2833}
2834.arrow_carrot-right_alt2:before {
2835 content: "\3d";
2836}
2837.arrow_carrot-2up_alt2:before {
2838 content: "\3e";
2839}
2840.arrow_carrot-2down_alt2:before {
2841 content: "\3f";
2842}
2843.arrow_carrot-2left_alt2:before {
2844 content: "\40";
2845}
2846.arrow_carrot-2right_alt2:before {
2847 content: "\41";
2848}
2849.arrow_triangle-up:before {
2850 content: "\42";
2851}
2852.arrow_triangle-down:before {
2853 content: "\43";
2854}
2855.arrow_triangle-left:before {
2856 content: "\44";
2857}
2858.arrow_triangle-right:before {
2859 content: "\45";
2860}
2861.arrow_triangle-up_alt2:before {
2862 content: "\46";
2863}
2864.arrow_triangle-down_alt2:before {
2865 content: "\47";
2866}
2867.arrow_triangle-left_alt2:before {
2868 content: "\48";
2869}
2870.arrow_triangle-right_alt2:before {
2871 content: "\49";
2872}
2873.arrow_back:before {
2874 content: "\4a";
2875}
2876.icon_minus-06:before {
2877 content: "\4b";
2878}
2879.icon_plus:before {
2880 content: "\4c";
2881}
2882.icon_close:before {
2883 content: "\4d";
2884}
2885.icon_check:before {
2886 content: "\4e";
2887}
2888.icon_minus_alt2:before {
2889 content: "\4f";
2890}
2891.icon_plus_alt2:before {
2892 content: "\50";
2893}
2894.icon_close_alt2:before {
2895 content: "\51";
2896}
2897.icon_check_alt2:before {
2898 content: "\52";
2899}
2900.icon_zoom-out_alt:before {
2901 content: "\53";
2902}
2903.icon_zoom-in_alt:before {
2904 content: "\54";
2905}
2906.icon_search:before {
2907 content: "\55";
2908}
2909.icon_box-empty:before {
2910 content: "\56";
2911}
2912.icon_box-selected:before {
2913 content: "\57";
2914}
2915.icon_minus-box:before {
2916 content: "\58";
2917}
2918.icon_plus-box:before {
2919 content: "\59";
2920}
2921.icon_box-checked:before {
2922 content: "\5a";
2923}
2924.icon_circle-empty:before {
2925 content: "\5b";
2926}
2927.icon_circle-slelected:before {
2928 content: "\5c";
2929}
2930.icon_stop_alt2:before {
2931 content: "\5d";
2932}
2933.icon_stop:before {
2934 content: "\5e";
2935}
2936.icon_pause_alt2:before {
2937 content: "\5f";
2938}
2939.icon_pause:before {
2940 content: "\60";
2941}
2942.icon_menu:before {
2943 content: "\61";
2944}
2945.icon_menu-square_alt2:before {
2946 content: "\62";
2947}
2948.icon_menu-circle_alt2:before {
2949 content: "\63";
2950}
2951.icon_ul:before {
2952 content: "\64";
2953}
2954.icon_ol:before {
2955 content: "\65";
2956}
2957.icon_adjust-horiz:before {
2958 content: "\66";
2959}
2960.icon_adjust-vert:before {
2961 content: "\67";
2962}
2963.icon_document_alt:before {
2964 content: "\68";
2965}
2966.icon_documents_alt:before {
2967 content: "\69";
2968}
2969.icon_pencil:before {
2970 content: "\6a";
2971}
2972.icon_pencil-edit_alt:before {
2973 content: "\6b";
2974}
2975.icon_pencil-edit:before {
2976 content: "\6c";
2977}
2978.icon_folder-alt:before {
2979 content: "\6d";
2980}
2981.icon_folder-open_alt:before {
2982 content: "\6e";
2983}
2984.icon_folder-add_alt:before {
2985 content: "\6f";
2986}
2987.icon_info_alt:before {
2988 content: "\70";
2989}
2990.icon_error-oct_alt:before {
2991 content: "\71";
2992}
2993.icon_error-circle_alt:before {
2994 content: "\72";
2995}
2996.icon_error-triangle_alt:before {
2997 content: "\73";
2998}
2999.icon_question_alt2:before {
3000 content: "\74";
3001}
3002.icon_question:before {
3003 content: "\75";
3004}
3005.icon_comment_alt:before {
3006 content: "\76";
3007}
3008.icon_chat_alt:before {
3009 content: "\77";
3010}
3011.icon_vol-mute_alt:before {
3012 content: "\78";
3013}
3014.icon_volume-low_alt:before {
3015 content: "\79";
3016}
3017.icon_volume-high_alt:before {
3018 content: "\7a";
3019}
3020.icon_quotations:before {
3021 content: "\7b";
3022}
3023.icon_quotations_alt2:before {
3024 content: "\7c";
3025}
3026.icon_clock_alt:before {
3027 content: "\7d";
3028}
3029.icon_lock_alt:before {
3030 content: "\7e";
3031}
3032.icon_lock-open_alt:before {
3033 content: "\e000";
3034}
3035.icon_key_alt:before {
3036 content: "\e001";
3037}
3038.icon_cloud_alt:before {
3039 content: "\e002";
3040}
3041.icon_cloud-upload_alt:before {
3042 content: "\e003";
3043}
3044.icon_cloud-download_alt:before {
3045 content: "\e004";
3046}
3047.icon_image:before {
3048 content: "\e005";
3049}
3050.icon_images:before {
3051 content: "\e006";
3052}
3053.icon_lightbulb_alt:before {
3054 content: "\e007";
3055}
3056.icon_gift_alt:before {
3057 content: "\e008";
3058}
3059.icon_house_alt:before {
3060 content: "\e009";
3061}
3062.icon_genius:before {
3063 content: "\e00a";
3064}
3065.icon_mobile:before {
3066 content: "\e00b";
3067}
3068.icon_tablet:before {
3069 content: "\e00c";
3070}
3071.icon_laptop:before {
3072 content: "\e00d";
3073}
3074.icon_desktop:before {
3075 content: "\e00e";
3076}
3077.icon_camera_alt:before {
3078 content: "\e00f";
3079}
3080.icon_mail_alt:before {
3081 content: "\e010";
3082}
3083.icon_cone_alt:before {
3084 content: "\e011";
3085}
3086.icon_ribbon_alt:before {
3087 content: "\e012";
3088}
3089.icon_bag_alt:before {
3090 content: "\e013";
3091}
3092.icon_creditcard:before {
3093 content: "\e014";
3094}
3095.icon_cart_alt:before {
3096 content: "\e015";
3097}
3098.icon_paperclip:before {
3099 content: "\e016";
3100}
3101.icon_tag_alt:before {
3102 content: "\e017";
3103}
3104.icon_tags_alt:before {
3105 content: "\e018";
3106}
3107.icon_trash_alt:before {
3108 content: "\e019";
3109}
3110.icon_cursor_alt:before {
3111 content: "\e01a";
3112}
3113.icon_mic_alt:before {
3114 content: "\e01b";
3115}
3116.icon_compass_alt:before {
3117 content: "\e01c";
3118}
3119.icon_pin_alt:before {
3120 content: "\e01d";
3121}
3122.icon_pushpin_alt:before {
3123 content: "\e01e";
3124}
3125.icon_map_alt:before {
3126 content: "\e01f";
3127}
3128.icon_drawer_alt:before {
3129 content: "\e020";
3130}
3131.icon_toolbox_alt:before {
3132 content: "\e021";
3133}
3134.icon_book_alt:before {
3135 content: "\e022";
3136}
3137.icon_calendar:before {
3138 content: "\e023";
3139}
3140.icon_film:before {
3141 content: "\e024";
3142}
3143.icon_table:before {
3144 content: "\e025";
3145}
3146.icon_contacts_alt:before {
3147 content: "\e026";
3148}
3149.icon_headphones:before {
3150 content: "\e027";
3151}
3152.icon_lifesaver:before {
3153 content: "\e028";
3154}
3155.icon_piechart:before {
3156 content: "\e029";
3157}
3158.icon_refresh:before {
3159 content: "\e02a";
3160}
3161.icon_link_alt:before {
3162 content: "\e02b";
3163}
3164.icon_link:before {
3165 content: "\e02c";
3166}
3167.icon_loading:before {
3168 content: "\e02d";
3169}
3170.icon_blocked:before {
3171 content: "\e02e";
3172}
3173.icon_archive_alt:before {
3174 content: "\e02f";
3175}
3176.icon_heart_alt:before {
3177 content: "\e030";
3178}
3179.icon_star_alt:before {
3180 content: "\e031";
3181}
3182.icon_star-half_alt:before {
3183 content: "\e032";
3184}
3185.icon_star:before {
3186 content: "\e033";
3187}
3188.icon_star-half:before {
3189 content: "\e034";
3190}
3191.icon_tools:before {
3192 content: "\e035";
3193}
3194.icon_tool:before {
3195 content: "\e036";
3196}
3197.icon_cog:before {
3198 content: "\e037";
3199}
3200.icon_cogs:before {
3201 content: "\e038";
3202}
3203.arrow_up_alt:before {
3204 content: "\e039";
3205}
3206.arrow_down_alt:before {
3207 content: "\e03a";
3208}
3209.arrow_left_alt:before {
3210 content: "\e03b";
3211}
3212.arrow_right_alt:before {
3213 content: "\e03c";
3214}
3215.arrow_left-up_alt:before {
3216 content: "\e03d";
3217}
3218.arrow_right-up_alt:before {
3219 content: "\e03e";
3220}
3221.arrow_right-down_alt:before {
3222 content: "\e03f";
3223}
3224.arrow_left-down_alt:before {
3225 content: "\e040";
3226}
3227.arrow_condense_alt:before {
3228 content: "\e041";
3229}
3230.arrow_expand_alt3:before {
3231 content: "\e042";
3232}
3233.arrow_carrot_up_alt:before {
3234 content: "\e043";
3235}
3236.arrow_carrot-down_alt:before {
3237 content: "\e044";
3238}
3239.arrow_carrot-left_alt:before {
3240 content: "\e045";
3241}
3242.arrow_carrot-right_alt:before {
3243 content: "\e046";
3244}
3245.arrow_carrot-2up_alt:before {
3246 content: "\e047";
3247}
3248.arrow_carrot-2dwnn_alt:before {
3249 content: "\e048";
3250}
3251.arrow_carrot-2left_alt:before {
3252 content: "\e049";
3253}
3254.arrow_carrot-2right_alt:before {
3255 content: "\e04a";
3256}
3257.arrow_triangle-up_alt:before {
3258 content: "\e04b";
3259}
3260.arrow_triangle-down_alt:before {
3261 content: "\e04c";
3262}
3263.arrow_triangle-left_alt:before {
3264 content: "\e04d";
3265}
3266.arrow_triangle-right_alt:before {
3267 content: "\e04e";
3268}
3269.icon_minus_alt:before {
3270 content: "\e04f";
3271}
3272.icon_plus_alt:before {
3273 content: "\e050";
3274}
3275.icon_close_alt:before {
3276 content: "\e051";
3277}
3278.icon_check_alt:before {
3279 content: "\e052";
3280}
3281.icon_zoom-out:before {
3282 content: "\e053";
3283}
3284.icon_zoom-in:before {
3285 content: "\e054";
3286}
3287.icon_stop_alt:before {
3288 content: "\e055";
3289}
3290.icon_menu-square_alt:before {
3291 content: "\e056";
3292}
3293.icon_menu-circle_alt:before {
3294 content: "\e057";
3295}
3296.icon_document:before {
3297 content: "\e058";
3298}
3299.icon_documents:before {
3300 content: "\e059";
3301}
3302.icon_pencil_alt:before {
3303 content: "\e05a";
3304}
3305.icon_folder:before {
3306 content: "\e05b";
3307}
3308.icon_folder-open:before {
3309 content: "\e05c";
3310}
3311.icon_folder-add:before {
3312 content: "\e05d";
3313}
3314.icon_folder_upload:before {
3315 content: "\e05e";
3316}
3317.icon_folder_download:before {
3318 content: "\e05f";
3319}
3320.icon_info:before {
3321 content: "\e060";
3322}
3323.icon_error-circle:before {
3324 content: "\e061";
3325}
3326.icon_error-oct:before {
3327 content: "\e062";
3328}
3329.icon_error-triangle:before {
3330 content: "\e063";
3331}
3332.icon_question_alt:before {
3333 content: "\e064";
3334}
3335.icon_comment:before {
3336 content: "\e065";
3337}
3338.icon_chat:before {
3339 content: "\e066";
3340}
3341.icon_vol-mute:before {
3342 content: "\e067";
3343}
3344.icon_volume-low:before {
3345 content: "\e068";
3346}
3347.icon_volume-high:before {
3348 content: "\e069";
3349}
3350.icon_quotations_alt:before {
3351 content: "\e06a";
3352}
3353.icon_clock:before {
3354 content: "\e06b";
3355}
3356.icon_lock:before {
3357 content: "\e06c";
3358}
3359.icon_lock-open:before {
3360 content: "\e06d";
3361}
3362.icon_key:before {
3363 content: "\e06e";
3364}
3365.icon_cloud:before {
3366 content: "\e06f";
3367}
3368.icon_cloud-upload:before {
3369 content: "\e070";
3370}
3371.icon_cloud-download:before {
3372 content: "\e071";
3373}
3374.icon_lightbulb:before {
3375 content: "\e072";
3376}
3377.icon_gift:before {
3378 content: "\e073";
3379}
3380.icon_house:before {
3381 content: "\e074";
3382}
3383.icon_camera:before {
3384 content: "\e075";
3385}
3386.icon_mail:before {
3387 content: "\e076";
3388}
3389.icon_cone:before {
3390 content: "\e077";
3391}
3392.icon_ribbon:before {
3393 content: "\e078";
3394}
3395.icon_bag:before {
3396 content: "\e079";
3397}
3398.icon_cart:before {
3399 content: "\e07a";
3400}
3401.icon_tag:before {
3402 content: "\e07b";
3403}
3404.icon_tags:before {
3405 content: "\e07c";
3406}
3407.icon_trash:before {
3408 content: "\e07d";
3409}
3410.icon_cursor:before {
3411 content: "\e07e";
3412}
3413.icon_mic:before {
3414 content: "\e07f";
3415}
3416.icon_compass:before {
3417 content: "\e080";
3418}
3419.icon_pin:before {
3420 content: "\e081";
3421}
3422.icon_pushpin:before {
3423 content: "\e082";
3424}
3425.icon_map:before {
3426 content: "\e083";
3427}
3428.icon_drawer:before {
3429 content: "\e084";
3430}
3431.icon_toolbox:before {
3432 content: "\e085";
3433}
3434.icon_book:before {
3435 content: "\e086";
3436}
3437.icon_contacts:before {
3438 content: "\e087";
3439}
3440.icon_archive:before {
3441 content: "\e088";
3442}
3443.icon_heart:before {
3444 content: "\e089";
3445}
3446.icon_profile:before {
3447 content: "\e08a";
3448}
3449.icon_group:before {
3450 content: "\e08b";
3451}
3452.icon_grid-2x2:before {
3453 content: "\e08c";
3454}
3455.icon_grid-3x3:before {
3456 content: "\e08d";
3457}
3458.icon_music:before {
3459 content: "\e08e";
3460}
3461.icon_pause_alt:before {
3462 content: "\e08f";
3463}
3464.icon_phone:before {
3465 content: "\e090";
3466}
3467.icon_upload:before {
3468 content: "\e091";
3469}
3470.icon_download:before {
3471 content: "\e092";
3472}
3473.social_facebook:before {
3474 content: "\e093";
3475}
3476.social_twitter:before {
3477 content: "\e094";
3478}
3479.social_pinterest:before {
3480 content: "\e095";
3481}
3482.social_googleplus:before {
3483 content: "\e096";
3484}
3485.social_tumblr:before {
3486 content: "\e097";
3487}
3488.social_tumbleupon:before {
3489 content: "\e098";
3490}
3491.social_wordpress:before {
3492 content: "\e099";
3493}
3494.social_instagram:before {
3495 content: "\e09a";
3496}
3497.social_dribbble:before {
3498 content: "\e09b";
3499}
3500.social_vimeo:before {
3501 content: "\e09c";
3502}
3503.social_linkedin:before {
3504 content: "\e09d";
3505}
3506.social_rss:before {
3507 content: "\e09e";
3508}
3509.social_deviantart:before {
3510 content: "\e09f";
3511}
3512.social_share:before {
3513 content: "\e0a0";
3514}
3515.social_myspace:before {
3516 content: "\e0a1";
3517}
3518.social_skype:before {
3519 content: "\e0a2";
3520}
3521.social_youtube:before {
3522 content: "\e0a3";
3523}
3524.social_picassa:before {
3525 content: "\e0a4";
3526}
3527.social_googledrive:before {
3528 content: "\e0a5";
3529}
3530.social_flickr:before {
3531 content: "\e0a6";
3532}
3533.social_blogger:before {
3534 content: "\e0a7";
3535}
3536.social_spotify:before {
3537 content: "\e0a8";
3538}
3539.social_delicious:before {
3540 content: "\e0a9";
3541}
3542.social_facebook_circle:before {
3543 content: "\e0aa";
3544}
3545.social_twitter_circle:before {
3546 content: "\e0ab";
3547}
3548.social_pinterest_circle:before {
3549 content: "\e0ac";
3550}
3551.social_googleplus_circle:before {
3552 content: "\e0ad";
3553}
3554.social_tumblr_circle:before {
3555 content: "\e0ae";
3556}
3557.social_stumbleupon_circle:before {
3558 content: "\e0af";
3559}
3560.social_wordpress_circle:before {
3561 content: "\e0b0";
3562}
3563.social_instagram_circle:before {
3564 content: "\e0b1";
3565}
3566.social_dribbble_circle:before {
3567 content: "\e0b2";
3568}
3569.social_vimeo_circle:before {
3570 content: "\e0b3";
3571}
3572.social_linkedin_circle:before {
3573 content: "\e0b4";
3574}
3575.social_rss_circle:before {
3576 content: "\e0b5";
3577}
3578.social_deviantart_circle:before {
3579 content: "\e0b6";
3580}
3581.social_share_circle:before {
3582 content: "\e0b7";
3583}
3584.social_myspace_circle:before {
3585 content: "\e0b8";
3586}
3587.social_skype_circle:before {
3588 content: "\e0b9";
3589}
3590.social_youtube_circle:before {
3591 content: "\e0ba";
3592}
3593.social_picassa_circle:before {
3594 content: "\e0bb";
3595}
3596.social_googledrive_alt2:before {
3597 content: "\e0bc";
3598}
3599.social_flickr_circle:before {
3600 content: "\e0bd";
3601}
3602.social_blogger_circle:before {
3603 content: "\e0be";
3604}
3605.social_spotify_circle:before {
3606 content: "\e0bf";
3607}
3608.social_delicious_circle:before {
3609 content: "\e0c0";
3610}
3611.social_facebook_square:before {
3612 content: "\e0c1";
3613}
3614.social_twitter_square:before {
3615 content: "\e0c2";
3616}
3617.social_pinterest_square:before {
3618 content: "\e0c3";
3619}
3620.social_googleplus_square:before {
3621 content: "\e0c4";
3622}
3623.social_tumblr_square:before {
3624 content: "\e0c5";
3625}
3626.social_stumbleupon_square:before {
3627 content: "\e0c6";
3628}
3629.social_wordpress_square:before {
3630 content: "\e0c7";
3631}
3632.social_instagram_square:before {
3633 content: "\e0c8";
3634}
3635.social_dribbble_square:before {
3636 content: "\e0c9";
3637}
3638.social_vimeo_square:before {
3639 content: "\e0ca";
3640}
3641.social_linkedin_square:before {
3642 content: "\e0cb";
3643}
3644.social_rss_square:before {
3645 content: "\e0cc";
3646}
3647.social_deviantart_square:before {
3648 content: "\e0cd";
3649}
3650.social_share_square:before {
3651 content: "\e0ce";
3652}
3653.social_myspace_square:before {
3654 content: "\e0cf";
3655}
3656.social_skype_square:before {
3657 content: "\e0d0";
3658}
3659.social_youtube_square:before {
3660 content: "\e0d1";
3661}
3662.social_picassa_square:before {
3663 content: "\e0d2";
3664}
3665.social_googledrive_square:before {
3666 content: "\e0d3";
3667}
3668.social_flickr_square:before {
3669 content: "\e0d4";
3670}
3671.social_blogger_square:before {
3672 content: "\e0d5";
3673}
3674.social_spotify_square:before {
3675 content: "\e0d6";
3676}
3677.social_delicious_square:before {
3678 content: "\e0d7";
3679}
3680.icon_printer:before {
3681 content: "\e103";
3682}
3683.icon_calulator:before {
3684 content: "\e0ee";
3685}
3686.icon_building:before {
3687 content: "\e0ef";
3688}
3689.icon_floppy:before {
3690 content: "\e0e8";
3691}
3692.icon_drive:before {
3693 content: "\e0ea";
3694}
3695.icon_search-2:before {
3696 content: "\e101";
3697}
3698.icon_id:before {
3699 content: "\e107";
3700}
3701.icon_id-2:before {
3702 content: "\e108";
3703}
3704.icon_puzzle:before {
3705 content: "\e102";
3706}
3707.icon_like:before {
3708 content: "\e106";
3709}
3710.icon_dislike:before {
3711 content: "\e0eb";
3712}
3713.icon_mug:before {
3714 content: "\e105";
3715}
3716.icon_currency:before {
3717 content: "\e0ed";
3718}
3719.icon_wallet:before {
3720 content: "\e100";
3721}
3722.icon_pens:before {
3723 content: "\e104";
3724}
3725.icon_easel:before {
3726 content: "\e0e9";
3727}
3728.icon_flowchart:before {
3729 content: "\e109";
3730}
3731.icon_datareport:before {
3732 content: "\e0ec";
3733}
3734.icon_briefcase:before {
3735 content: "\e0fe";
3736}
3737.icon_shield:before {
3738 content: "\e0f6";
3739}
3740.icon_percent:before {
3741 content: "\e0fb";
3742}
3743.icon_globe:before {
3744 content: "\e0e2";
3745}
3746.icon_globe-2:before {
3747 content: "\e0e3";
3748}
3749.icon_target:before {
3750 content: "\e0f5";
3751}
3752.icon_hourglass:before {
3753 content: "\e0e1";
3754}
3755.icon_balance:before {
3756 content: "\e0ff";
3757}
3758.icon_rook:before {
3759 content: "\e0f8";
3760}
3761.icon_printer-alt:before {
3762 content: "\e0fa";
3763}
3764.icon_calculator_alt:before {
3765 content: "\e0e7";
3766}
3767.icon_building_alt:before {
3768 content: "\e0fd";
3769}
3770.icon_floppy_alt:before {
3771 content: "\e0e4";
3772}
3773.icon_drive_alt:before {
3774 content: "\e0e5";
3775}
3776.icon_search_alt:before {
3777 content: "\e0f7";
3778}
3779.icon_id_alt:before {
3780 content: "\e0e0";
3781}
3782.icon_id-2_alt:before {
3783 content: "\e0fc";
3784}
3785.icon_puzzle_alt:before {
3786 content: "\e0f9";
3787}
3788.icon_like_alt:before {
3789 content: "\e0dd";
3790}
3791.icon_dislike_alt:before {
3792 content: "\e0f1";
3793}
3794.icon_mug_alt:before {
3795 content: "\e0dc";
3796}
3797.icon_currency_alt:before {
3798 content: "\e0f3";
3799}
3800.icon_wallet_alt:before {
3801 content: "\e0d8";
3802}
3803.icon_pens_alt:before {
3804 content: "\e0db";
3805}
3806.icon_easel_alt:before {
3807 content: "\e0f0";
3808}
3809.icon_flowchart_alt:before {
3810 content: "\e0df";
3811}
3812.icon_datareport_alt:before {
3813 content: "\e0f2";
3814}
3815.icon_briefcase_alt:before {
3816 content: "\e0f4";
3817}
3818.icon_shield_alt:before {
3819 content: "\e0d9";
3820}
3821.icon_percent_alt:before {
3822 content: "\e0da";
3823}
3824.icon_globe_alt:before {
3825 content: "\e0de";
3826}
3827.icon_clipboard:before {
3828 content: "\e0e6";
3829}
3830.glyph {
3831 float: left;
3832 text-align: center;
3833 padding: .75em;
3834 margin: .4em 1.5em .75em 0;
3835 width: 6em;
3836 text-shadow: none;
3837}
3838.glyph_big {
3839 font-size: 128px;
3840 color: #59c5dc;
3841 float: left;
3842 margin-right: 20px;
3843}
3844.glyph div {
3845 padding-bottom: 10px;
3846}
3847.glyph input {
3848 font-family: consolas, monospace;
3849 font-size: 12px;
3850 width: 100%;
3851 text-align: center;
3852 border: 0;
3853 box-shadow: 0 0 0 1px #ccc;
3854 padding: .2em;
3855 -moz-border-radius: 5px;
3856 -webkit-border-radius: 5px;
3857}
3858.centered {
3859 margin-left: auto;
3860 margin-right: auto;
3861}
3862.glyph .fs1 {
3863 font-size: 2em;
3864}
3865.svg-overflow-visible svg {
3866 overflow: visible;
3867}
3868/* Elements */
3869/*!
3870 * # Semantic UI - Button
3871 * http://github.com/semantic-org/semantic-ui/
3872 *
3873 *
3874 * Released under the MIT license
3875 * http://opensource.org/licenses/MIT
3876 *
3877 */
3878/*******************************
3879 Theme
3880*******************************/
3881/*
3882
3883████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
3884╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
3885 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
3886 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
3887 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
3888 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
3889
3890*/
3891/*******************************
3892 Theme Selection
3893*******************************/
3894/* To override a theme for an individual element
3895 specify theme name below
3896*/
3897/* Global */
3898/* Elements */
3899/* Collections */
3900/* Modules */
3901/* Views */
3902/*******************************
3903 Folders
3904*******************************/
3905/* Path to theme packages */
3906/* Path to site override folder */
3907/*******************************
3908 Import Theme
3909*******************************/
3910/*******************************
3911 Import Directives
3912*******************************/
3913/*------------------
3914 Theme
3915-------------------*/
3916/*--------------------
3917 Site Variables
3918---------------------*/
3919/* Default site.variables */
3920/*******************************
3921 Site Settings
3922*******************************/
3923/*-------------------
3924 Fonts
3925--------------------*/
3926/*-------------------
3927 Base Sizes
3928--------------------*/
3929/* This is the single variable that controls them all */
3930/* The size of page text */
3931/*-------------------
3932 Border Radius
3933--------------------*/
3934/* See Power-user section below
3935 for explanation of @px variables
3936*/
3937/*-------------------
3938 Brand Colors
3939--------------------*/
3940/*--------------
3941 Page Heading
3942---------------*/
3943/*--------------
3944 Form Input
3945---------------*/
3946/* This adjusts the default form input across all elements */
3947/* Input Text Color */
3948/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
3949/*-------------------
3950 Focused Input
3951--------------------*/
3952/* Used on inputs, textarea etc */
3953/* Used on dropdowns, other larger blocks */
3954/*-------------------
3955 Sizes
3956--------------------*/
3957/*
3958 Sizes are all expressed in terms of 14px/em (default em)
3959 This ensures these "ratios" remain constant despite changes in EM
3960*/
3961/*-------------------
3962 Page
3963--------------------*/
3964/*-------------------
3965 Paragraph
3966--------------------*/
3967/*-------------------
3968 Links
3969--------------------*/
3970/*-------------------
3971 Scroll Bars
3972--------------------*/
3973/* Inverted */
3974/*-------------------
3975 Highlighted Text
3976--------------------*/
3977/*-------------------
3978 Loader
3979--------------------*/
3980/*-------------------
3981 Grid
3982--------------------*/
3983/*-------------------
3984 Transitions
3985--------------------*/
3986/*-------------------
3987 Breakpoints
3988--------------------*/
3989/*-------------------
3990 Site Colors
3991--------------------*/
3992/*--- Colors ---*/
3993/*--- Light Colors ---*/
3994/*--- Neutrals ---*/
3995/*--- Colored Backgrounds ---*/
3996/*--- Colored Headers ---*/
3997/*--- Colored Text ---*/
3998/*--- Colored Border ---*/
3999/*-------------------
4000 Alpha Colors
4001--------------------*/
4002/*-------------------
4003 Accents
4004--------------------*/
4005/* Differentiating Neutrals */
4006/* Differentiating Layers */
4007/*******************************
4008 Power-User
4009*******************************/
4010/*-------------------
4011 Emotive Colors
4012--------------------*/
4013/* Positive */
4014/* Negative */
4015/* Info */
4016/* Warning */
4017/*-------------------
4018 Paths
4019--------------------*/
4020/* For source only. Modified in gulp for dist */
4021/*-------------------
4022 Em Sizes
4023--------------------*/
4024/*
4025 This rounds @size values to the closest pixel then expresses that value in (r)em.
4026 This ensures all size values round to exact pixels
4027*/
4028/* em */
4029/* rem */
4030/*-------------------
4031 Icons
4032--------------------*/
4033/* Maximum Glyph Width of Icon */
4034/*-------------------
4035 Neutral Text
4036--------------------*/
4037/*-------------------
4038 Brand Colors
4039--------------------*/
4040/*-------------------
4041 Borders
4042--------------------*/
4043/*-------------------
4044 Derived Values
4045--------------------*/
4046/* Loaders Position Offset */
4047/* Rendered Scrollbar Width */
4048/* Maximum Single Character Glyph Width, aka Capital "W" */
4049/* Used to match floats with text */
4050/* Header Spacing */
4051/* Minimum Mobile Width */
4052/* Positive / Negative Dupes */
4053/* Responsive */
4054/*-------------------
4055 Exact Pixel Values
4056--------------------*/
4057/*
4058 These are used to specify exact pixel values in em
4059 for things like borders that remain constantly
4060 sized as emSize adjusts
4061
4062 Since there are many more sizes than names for sizes,
4063 these are named by their original pixel values.
4064
4065*/
4066/* Columns */
4067/*******************************
4068 States
4069*******************************/
4070/*-------------------
4071 Disabled
4072--------------------*/
4073/*-------------------
4074 Hover
4075--------------------*/
4076/*--- Shadows ---*/
4077/*--- Colors ---*/
4078/*--- Emotive ---*/
4079/*--- Brand ---*/
4080/*--- Dark Tones ---*/
4081/*--- Light Tones ---*/
4082/*-------------------
4083 Focus
4084--------------------*/
4085/*--- Colors ---*/
4086/*--- Emotive ---*/
4087/*--- Brand ---*/
4088/*--- Dark Tones ---*/
4089/*--- Light Tones ---*/
4090/*-------------------
4091 Down (:active)
4092--------------------*/
4093/*--- Colors ---*/
4094/*--- Emotive ---*/
4095/*--- Brand ---*/
4096/*--- Dark Tones ---*/
4097/*--- Light Tones ---*/
4098/*-------------------
4099 Active
4100--------------------*/
4101/*--- Colors ---*/
4102/*--- Emotive ---*/
4103/*--- Brand ---*/
4104/*--- Dark Tones ---*/
4105/*--- Light Tones ---*/
4106/* Packaged site.variables */
4107/*******************************
4108 Site Settings
4109*******************************/
4110/*-------------------
4111 Fonts
4112--------------------*/
4113/*-------------------
4114 Base Sizes
4115--------------------*/
4116/* This is the single variable that controls them all */
4117/* The size of page text */
4118/*-------------------
4119 Border Radius
4120--------------------*/
4121/* See Power-user section below
4122 for explanation of @px variables
4123*/
4124/*-------------------
4125 Brand Colors
4126--------------------*/
4127/*--------------
4128 Page Heading
4129---------------*/
4130/*--------------
4131 Form Input
4132---------------*/
4133/* This adjusts the default form input across all elements */
4134/* Input Text Color */
4135/* Line Height Default For Inputs in Browser */
4136/*-------------------
4137 Focused Input
4138--------------------*/
4139/* Used on inputs, textarea etc */
4140/* Used on dropdowns, other larger blocks */
4141/*-------------------
4142 Sizes
4143--------------------*/
4144/*
4145 Sizes are all expressed in terms of 14px/em (default em)
4146 This ensures these "ratios" remain constant despite changes in EM
4147*/
4148/*-------------------
4149 Page
4150--------------------*/
4151/*-------------------
4152 Paragraph
4153--------------------*/
4154/*-------------------
4155 Links
4156--------------------*/
4157/*-------------------
4158 Highlighted Text
4159--------------------*/
4160/*-------------------
4161 Loader
4162--------------------*/
4163/*-------------------
4164 Grid
4165--------------------*/
4166/*-------------------
4167 Transitions
4168--------------------*/
4169/*-------------------
4170 Breakpoints
4171--------------------*/
4172/*-------------------
4173 Site Colors
4174--------------------*/
4175/*--- Colors ---*/
4176/*--- Light Colors ---*/
4177/*--- Neutrals ---*/
4178/*--- Colored Backgrounds ---*/
4179/*--- Colored Headers ---*/
4180/*--- Colored Text ---*/
4181/*--- Colored Border ---*/
4182/*-------------------
4183 Alpha Colors
4184--------------------*/
4185/*-------------------
4186 Accents
4187--------------------*/
4188/* Differentiating Neutrals */
4189/* Differentiating Layers */
4190/*******************************
4191 Power-User
4192*******************************/
4193/*-------------------
4194 Emotive Colors
4195--------------------*/
4196/* Positive */
4197/* Negative */
4198/* Info */
4199/* Warning */
4200/*-------------------
4201 Paths
4202--------------------*/
4203/* For source only. Modified in gulp for dist */
4204/*-------------------
4205 Em Sizes
4206--------------------*/
4207/*
4208 This rounds @size values to the closest pixel then expresses that value in (r)em.
4209 This ensures all size values round to exact pixels
4210*/
4211/* em */
4212/* rem */
4213/*-------------------
4214 Icons
4215--------------------*/
4216/* Maximum Glyph Width of Icon */
4217/*-------------------
4218 Neutral Text
4219--------------------*/
4220/*-------------------
4221 Brand Colors
4222--------------------*/
4223/*-------------------
4224 Borders
4225--------------------*/
4226/*-------------------
4227 Derived Values
4228--------------------*/
4229/* Loaders Position Offset */
4230/* Rendered Scrollbar Width */
4231/* Maximum Single Character Glyph Width, aka Capital "W" */
4232/* Used to match floats with text */
4233/* Header Spacing */
4234/* Minimum Mobile Width */
4235/* Positive / Negative Dupes */
4236/* Responsive */
4237/*-------------------
4238 Exact Pixel Values
4239--------------------*/
4240/*
4241 These are used to specify exact pixel values in em
4242 for things like borders that remain constantly
4243 sized as emSize adjusts
4244
4245 Since there are many more sizes than names for sizes,
4246 these are named by their original pixel values.
4247
4248*/
4249/* Columns */
4250/*******************************
4251 States
4252*******************************/
4253/*-------------------
4254 Disabled
4255--------------------*/
4256/*-------------------
4257 Hover
4258--------------------*/
4259/*--- Shadows ---*/
4260/*--- Colors ---*/
4261/* https://github.com/Tripwire/octagon/issues/144 */
4262/*--- Emotive ---*/
4263/*--- Brand ---*/
4264/*--- Dark Tones ---*/
4265/*--- Light Tones ---*/
4266/*-------------------
4267 Focus
4268--------------------*/
4269/*--- Colors ---*/
4270/*--- Emotive ---*/
4271/*--- Brand ---*/
4272/*--- Dark Tones ---*/
4273/*--- Light Tones ---*/
4274/*-------------------
4275 Down (:active)
4276--------------------*/
4277/*--- Colors ---*/
4278/*--- Emotive ---*/
4279/*--- Brand ---*/
4280/*--- Dark Tones ---*/
4281/*--- Light Tones ---*/
4282/*-------------------
4283 Active
4284--------------------*/
4285/*--- Colors ---*/
4286/*--- Emotive ---*/
4287/*--- Brand ---*/
4288/*--- Dark Tones ---*/
4289/*--- Light Tones ---*/
4290/* Component's site.variables */
4291/*******************************
4292 Site Settings
4293*******************************/
4294/*-------------------
4295 Fonts
4296--------------------*/
4297/*-------------------
4298 Base Sizes
4299--------------------*/
4300/* This is the single variable that controls them all */
4301/* The size of page text */
4302/*-------------------
4303 Border Radius
4304--------------------*/
4305/* See Power-user section below
4306 for explanation of @px variables
4307*/
4308/*-------------------
4309 Brand Colors
4310--------------------*/
4311/*--------------
4312 Page Heading
4313---------------*/
4314/*--------------
4315 Form Input
4316---------------*/
4317/* This adjusts the default form input across all elements */
4318/* Input Text Color */
4319/* Line Height Default For Inputs in Browser */
4320/*-------------------
4321 Focused Input
4322--------------------*/
4323/* Used on inputs, textarea etc */
4324/* Used on dropdowns, other larger blocks */
4325/*-------------------
4326 Sizes
4327--------------------*/
4328/*
4329 Sizes are all expressed in terms of 14px/em (default em)
4330 This ensures these "ratios" remain constant despite changes in EM
4331*/
4332/*-------------------
4333 Page
4334--------------------*/
4335/*-------------------
4336 Paragraph
4337--------------------*/
4338/*-------------------
4339 Links
4340--------------------*/
4341/*-------------------
4342 Highlighted Text
4343--------------------*/
4344/*-------------------
4345 Loader
4346--------------------*/
4347/*-------------------
4348 Grid
4349--------------------*/
4350/*-------------------
4351 Transitions
4352--------------------*/
4353/*-------------------
4354 Breakpoints
4355--------------------*/
4356/*-------------------
4357 Site Colors
4358--------------------*/
4359/*--- Colors ---*/
4360/*--- Light Colors ---*/
4361/*--- Neutrals ---*/
4362/*--- Colored Backgrounds ---*/
4363/*--- Colored Headers ---*/
4364/*--- Colored Text ---*/
4365/*--- Colored Border ---*/
4366/*-------------------
4367 Alpha Colors
4368--------------------*/
4369/*-------------------
4370 Accents
4371--------------------*/
4372/* Differentiating Neutrals */
4373/* Differentiating Layers */
4374/*******************************
4375 Power-User
4376*******************************/
4377/*-------------------
4378 Emotive Colors
4379--------------------*/
4380/* Positive */
4381/* Negative */
4382/* Info */
4383/* Warning */
4384/*-------------------
4385 Paths
4386--------------------*/
4387/* For source only. Modified in gulp for dist */
4388/*-------------------
4389 Em Sizes
4390--------------------*/
4391/*
4392 This rounds @size values to the closest pixel then expresses that value in (r)em.
4393 This ensures all size values round to exact pixels
4394*/
4395/* em */
4396/* rem */
4397/*-------------------
4398 Icons
4399--------------------*/
4400/* Maximum Glyph Width of Icon */
4401/*-------------------
4402 Neutral Text
4403--------------------*/
4404/*-------------------
4405 Brand Colors
4406--------------------*/
4407/*-------------------
4408 Borders
4409--------------------*/
4410/*-------------------
4411 Derived Values
4412--------------------*/
4413/* Loaders Position Offset */
4414/* Rendered Scrollbar Width */
4415/* Maximum Single Character Glyph Width, aka Capital "W" */
4416/* Used to match floats with text */
4417/* Header Spacing */
4418/* Minimum Mobile Width */
4419/* Positive / Negative Dupes */
4420/* Responsive */
4421/*-------------------
4422 Exact Pixel Values
4423--------------------*/
4424/*
4425 These are used to specify exact pixel values in em
4426 for things like borders that remain constantly
4427 sized as emSize adjusts
4428
4429 Since there are many more sizes than names for sizes,
4430 these are named by their original pixel values.
4431
4432*/
4433/* Columns */
4434/*******************************
4435 States
4436*******************************/
4437/*-------------------
4438 Disabled
4439--------------------*/
4440/*-------------------
4441 Hover
4442--------------------*/
4443/*--- Shadows ---*/
4444/*--- Colors ---*/
4445/* https://github.com/Tripwire/octagon/issues/144 */
4446/*--- Emotive ---*/
4447/*--- Brand ---*/
4448/*--- Dark Tones ---*/
4449/*--- Light Tones ---*/
4450/*-------------------
4451 Focus
4452--------------------*/
4453/*--- Colors ---*/
4454/*--- Emotive ---*/
4455/*--- Brand ---*/
4456/*--- Dark Tones ---*/
4457/*--- Light Tones ---*/
4458/*-------------------
4459 Down (:active)
4460--------------------*/
4461/*--- Colors ---*/
4462/*--- Emotive ---*/
4463/*--- Brand ---*/
4464/*--- Dark Tones ---*/
4465/*--- Light Tones ---*/
4466/*-------------------
4467 Active
4468--------------------*/
4469/*--- Colors ---*/
4470/*--- Emotive ---*/
4471/*--- Brand ---*/
4472/*--- Dark Tones ---*/
4473/*--- Light Tones ---*/
4474/* Site theme site.variables */
4475/*-------------------
4476 Component Variables
4477---------------------*/
4478/* Default */
4479/*******************************
4480 Button
4481*******************************/
4482/*-------------------
4483 Element
4484--------------------*/
4485/* Button */
4486/* Button defaults to using same height as input globally */
4487/* Text */
4488/* Internal Shadow */
4489/* Box Shadow */
4490/* Icon */
4491/* Loader */
4492/*
4493@willChange: box-shadow, transform, opacity, color, background;
4494*/
4495/*-------------------
4496 Group
4497--------------------*/
4498/*-------------------
4499 States
4500--------------------*/
4501/* Hovered */
4502/* Focused */
4503/* Disabled */
4504/* Pressed Down */
4505/* Active */
4506/* Active + Hovered */
4507/* Loading */
4508/*-------------------
4509 Types
4510--------------------*/
4511/* Or */
4512/* Icon */
4513/* Labeled */
4514/* hypotenuse of triangle */
4515/* Labeled Icon */
4516/* Inverted */
4517/* Basic */
4518/* Basic Hover */
4519/* Basic Focus */
4520/* Basic Down */
4521/* Basic Active */
4522/* Basic Inverted */
4523/* Basic Group */
4524/*-------------------
4525 Variations
4526--------------------*/
4527/* Colors */
4528/* Colored */
4529/* Inverted */
4530/* Ordinality */
4531/* Compact */
4532/* Attached */
4533/* Floated */
4534/* Animated */
4535/* Packaged Theme */
4536/*******************************
4537 Button
4538*******************************/
4539/*-------------------
4540 Element
4541--------------------*/
4542/* Button */
4543/* Button defaults to using same height as input globally */
4544/* Text */
4545/* Internal Shadow */
4546/* Box Shadow */
4547/* Icon */
4548/* Loader */
4549/*
4550@willChange: box-shadow, transform, opacity, color, background;
4551*/
4552/*-------------------
4553 Group
4554--------------------*/
4555/*-------------------
4556 States
4557--------------------*/
4558/* Hovered */
4559/* Focused */
4560/* Disabled */
4561/* Pressed Down */
4562/* Active */
4563/* Active + Hovered */
4564/* Loading */
4565/*
4566note that this double box shadow is a pretty good copy of the webkit default:
4567 outline: 5px auto @selectedSolidWhiteBorderColor 0;
4568
4569The alternative was
4570outline-color: @selectedSolidWhiteBorderColor;
4571outline-offset: 1px;
4572outline-style: solid;
4573outline-width: 2px;
4574
4575which ends out being a hard edged box rather than the slightly blurred outline
4576*/
4577/*-------------------
4578 Types
4579--------------------*/
4580/* Or */
4581/* Icon */
4582/* Labeled */
4583/* hypotenuse of triangle */
4584/* Labeled Icon */
4585/* Inverted */
4586/* Basic */
4587/* Basic Hover */
4588/* Basic Focus */
4589/* Basic Down */
4590/* Basic Active */
4591/* Basic Inverted */
4592/* Basic Group */
4593/*-------------------
4594 Variations
4595--------------------*/
4596/* Colors */
4597/* Colored */
4598/* Inverted */
4599/* Ordinality */
4600/* Compact */
4601/* Attached */
4602/* Floated */
4603/* Animated */
4604/* Site Theme */
4605/*******************************
4606 Mix-ins
4607*******************************/
4608/*------------------
4609 Fonts
4610-------------------*/
4611/*------------------
4612 Overrides
4613-------------------*/
4614/* End Config */
4615/*******************************
4616 Button
4617*******************************/
4618.ui.button {
4619 cursor: pointer;
4620 display: inline-block;
4621 min-height: 1em;
4622 outline: none;
4623 border: none;
4624 vertical-align: baseline;
4625 background: #E0E1E2 none;
4626 color: rgba(0, 0, 0, 0.6);
4627 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
4628 margin: 0em 0.8em 0em 0em;
4629 padding: 0.78571429em 1.5em 0.78571429em;
4630 text-transform: none;
4631 text-shadow: none;
4632 font-weight: 400;
4633 line-height: 1em;
4634 font-style: normal;
4635 text-align: center;
4636 text-decoration: none;
4637 border-radius: 0px;
4638 box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
4639 user-select: none;
4640 transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
4641 will-change: '';
4642 -webkit-tap-highlight-color: transparent;
4643}
4644/*******************************
4645 States
4646*******************************/
4647/*--------------
4648 Hover
4649---------------*/
4650.ui.button:hover {
4651 background-color: #999;
4652 background-image: none;
4653 box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
4654 color: rgba(0, 0, 0, 0.8);
4655}
4656.ui.button:hover .icon {
4657 opacity: 0.85;
4658}
4659/*--------------
4660 Focus
4661---------------*/
4662.ui.button:focus {
4663 background-color: #999;
4664 color: rgba(0, 0, 0, 0.8);
4665 background-image: '' !important;
4666 box-shadow: '' !important;
4667}
4668.ui.button:focus .icon {
4669 opacity: 0.85;
4670}
4671/*--------------
4672 Down
4673---------------*/
4674.ui.button:active,
4675.ui.active.button:active {
4676 background-color: #BABBBC;
4677 background-image: '';
4678 color: rgba(0, 0, 0, 0.9);
4679 box-shadow: 0px 0px 0px 1px transparent inset, none;
4680}
4681/*--------------
4682 Active
4683---------------*/
4684.ui.active.button {
4685 background-color: #C0C1C2;
4686 background-image: none;
4687 box-shadow: 0px 0px 0px 1px transparent inset;
4688 color: rgba(0, 0, 0, 0.95);
4689}
4690.ui.active.button:hover {
4691 background-color: #C0C1C2;
4692 background-image: none;
4693 color: rgba(0, 0, 0, 0.95);
4694}
4695.ui.active.button:active {
4696 background-color: #C0C1C2;
4697 background-image: none;
4698}
4699/*--------------
4700 Loading
4701---------------*/
4702/* Specificity hack */
4703.ui.loading.loading.loading.loading.loading.loading.button {
4704 position: relative;
4705 cursor: default;
4706 text-shadow: none !important;
4707 color: transparent !important;
4708 opacity: 1;
4709 pointer-events: auto;
4710 transition: all 0s linear, opacity 0.1s ease;
4711}
4712.ui.loading.button:before {
4713 position: absolute;
4714 content: '';
4715 top: 50%;
4716 left: 50%;
4717 margin: -0.64285714em 0em 0em -0.64285714em;
4718 width: 1.28571429em;
4719 height: 1.28571429em;
4720 border-radius: 500rem;
4721 border: 0.2em solid rgba(0, 0, 0, 0.15);
4722}
4723.ui.loading.button:after {
4724 position: absolute;
4725 content: '';
4726 top: 50%;
4727 left: 50%;
4728 margin: -0.64285714em 0em 0em -0.64285714em;
4729 width: 1.28571429em;
4730 height: 1.28571429em;
4731 animation: button-spin 0.6s linear;
4732 animation-iteration-count: infinite;
4733 border-radius: 500rem;
4734 border-color: #FFFFFF transparent transparent;
4735 border-style: solid;
4736 border-width: 0.2em;
4737 box-shadow: 0px 0px 0px 1px transparent;
4738}
4739.ui.labeled.icon.loading.button .icon {
4740 background-color: transparent;
4741 box-shadow: none;
4742}
4743@keyframes button-spin {
4744 from {
4745 transform: rotate(0deg);
4746 }
4747 to {
4748 transform: rotate(360deg);
4749 }
4750}
4751.ui.basic.loading.button:not(.inverted):before {
4752 border-color: rgba(0, 0, 0, 0.1);
4753}
4754.ui.basic.loading.button:not(.inverted):after {
4755 border-top-color: #586A7B;
4756}
4757/*-------------------
4758 Disabled
4759--------------------*/
4760.ui.buttons .disabled.button,
4761.ui.disabled.button,
4762.ui.button:disabled,
4763.ui.disabled.button:hover,
4764.ui.disabled.active.button {
4765 cursor: default;
4766 opacity: 0.45 !important;
4767 background-image: none !important;
4768 box-shadow: none !important;
4769 pointer-events: none !important;
4770}
4771/* Basic Group With Disabled */
4772.ui.basic.buttons .ui.disabled.button {
4773 border-color: rgba(34, 36, 38, 0.5);
4774}
4775/*******************************
4776 Types
4777*******************************/
4778/*-------------------
4779 Animated
4780--------------------*/
4781.ui.animated.button {
4782 position: relative;
4783 overflow: hidden;
4784 padding-right: 0em !important;
4785 vertical-align: middle;
4786 z-index: 1;
4787}
4788.ui.animated.button .content {
4789 will-change: transform, opacity;
4790}
4791.ui.animated.button .visible.content {
4792 position: relative;
4793 margin-right: 1.5em;
4794}
4795.ui.animated.button .hidden.content {
4796 position: absolute;
4797 width: 100%;
4798}
4799/* Horizontal */
4800.ui.animated.button .visible.content,
4801.ui.animated.button .hidden.content {
4802 transition: right 0.3s ease 0s;
4803}
4804.ui.animated.button .visible.content {
4805 left: auto;
4806 right: 0%;
4807}
4808.ui.animated.button .hidden.content {
4809 top: 50%;
4810 left: auto;
4811 right: -100%;
4812 margin-top: -0.5em;
4813}
4814.ui.animated.button:focus .visible.content,
4815.ui.animated.button:hover .visible.content {
4816 left: auto;
4817 right: 200%;
4818}
4819.ui.animated.button:focus .hidden.content,
4820.ui.animated.button:hover .hidden.content {
4821 left: auto;
4822 right: 0%;
4823}
4824/* Vertical */
4825.ui.vertical.animated.button .visible.content,
4826.ui.vertical.animated.button .hidden.content {
4827 transition: top 0.3s ease, transform 0.3s ease;
4828}
4829.ui.vertical.animated.button .visible.content {
4830 transform: translateY(0%);
4831 right: auto;
4832}
4833.ui.vertical.animated.button .hidden.content {
4834 top: -50%;
4835 left: 0%;
4836 right: auto;
4837}
4838.ui.vertical.animated.button:focus .visible.content,
4839.ui.vertical.animated.button:hover .visible.content {
4840 transform: translateY(200%);
4841 right: auto;
4842}
4843.ui.vertical.animated.button:focus .hidden.content,
4844.ui.vertical.animated.button:hover .hidden.content {
4845 top: 50%;
4846 right: auto;
4847}
4848/* Fade */
4849.ui.fade.animated.button .visible.content,
4850.ui.fade.animated.button .hidden.content {
4851 transition: opacity 0.3s ease, transform 0.3s ease;
4852}
4853.ui.fade.animated.button .visible.content {
4854 left: auto;
4855 right: auto;
4856 opacity: 1;
4857 transform: scale(1);
4858}
4859.ui.fade.animated.button .hidden.content {
4860 opacity: 0;
4861 left: 0%;
4862 right: auto;
4863 transform: scale(1.5);
4864}
4865.ui.fade.animated.button:focus .visible.content,
4866.ui.fade.animated.button:hover .visible.content {
4867 left: auto;
4868 right: auto;
4869 opacity: 0;
4870 transform: scale(0.75);
4871}
4872.ui.fade.animated.button:focus .hidden.content,
4873.ui.fade.animated.button:hover .hidden.content {
4874 left: 0%;
4875 right: auto;
4876 opacity: 1;
4877 transform: scale(1);
4878}
4879/*-------------------
4880 Inverted
4881--------------------*/
4882.ui.inverted.button {
4883 box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
4884 background: transparent none;
4885 color: #FFFFFF;
4886 text-shadow: none !important;
4887}
4888/* Group */
4889.ui.inverted.buttons .button {
4890 margin: 0px 0px 0px -2px;
4891}
4892.ui.inverted.buttons .button:first-child {
4893 margin-left: 0em;
4894}
4895.ui.inverted.vertical.buttons .button {
4896 margin: 0px 0px -2px 0px;
4897}
4898.ui.inverted.vertical.buttons .button:first-child {
4899 margin-top: 0em;
4900}
4901/* States */
4902/* Hover */
4903.ui.inverted.button:hover {
4904 background: #FFFFFF;
4905 box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
4906 color: rgba(0, 0, 0, 0.8);
4907}
4908/* Active / Focus */
4909.ui.inverted.button:focus,
4910.ui.inverted.button.active {
4911 background: #FFFFFF;
4912 box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
4913 color: rgba(0, 0, 0, 0.8);
4914}
4915/* Active Focus */
4916.ui.inverted.button.active:focus {
4917 background: #DCDDDE;
4918 box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;
4919 color: rgba(0, 0, 0, 0.8);
4920}
4921/*-------------------
4922 Labeled Button
4923--------------------*/
4924.ui.labeled.button:not(.icon) {
4925 display: inline-flex;
4926 flex-direction: row;
4927 background: none !important;
4928 padding: 0px !important;
4929 border: none !important;
4930 box-shadow: none !important;
4931}
4932.ui.labeled.button > .button {
4933 margin: 0px;
4934}
4935.ui.labeled.button > .label {
4936 display: flex;
4937 align-items: center;
4938 margin: 0px 0px 0px -1px !important;
4939 padding: '';
4940 font-size: 1em;
4941 border-color: rgba(34, 36, 38, 0.15);
4942}
4943/* Tag */
4944.ui.labeled.button > .tag.label:before {
4945 width: 1.85em;
4946 height: 1.85em;
4947}
4948/* Right */
4949.ui.labeled.button:not([class*="left labeled"]) > .button {
4950 border-top-right-radius: 0px;
4951 border-bottom-right-radius: 0px;
4952}
4953.ui.labeled.button:not([class*="left labeled"]) > .label {
4954 border-top-left-radius: 0px;
4955 border-bottom-left-radius: 0px;
4956}
4957/* Left Side */
4958.ui[class*="left labeled"].button > .button {
4959 border-top-left-radius: 0px;
4960 border-bottom-left-radius: 0px;
4961}
4962.ui[class*="left labeled"].button > .label {
4963 border-top-right-radius: 0px;
4964 border-bottom-right-radius: 0px;
4965}
4966/*-------------------
4967 Social
4968--------------------*/
4969/* Facebook */
4970.ui.facebook.button {
4971 background-color: #3B5998;
4972 color: #FFFFFF;
4973 text-shadow: none;
4974 background-image: none;
4975 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
4976}
4977.ui.facebook.button:hover {
4978 background-color: #304d8a;
4979 color: #FFFFFF;
4980 text-shadow: none;
4981}
4982.ui.facebook.button:active {
4983 background-color: #2d4373;
4984 color: #FFFFFF;
4985 text-shadow: none;
4986}
4987/* Twitter */
4988.ui.twitter.button {
4989 background-color: #55ACEE;
4990 color: #FFFFFF;
4991 text-shadow: none;
4992 background-image: none;
4993 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
4994}
4995.ui.twitter.button:hover {
4996 background-color: #35a2f4;
4997 color: #FFFFFF;
4998 text-shadow: none;
4999}
5000.ui.twitter.button:active {
5001 background-color: #2795e9;
5002 color: #FFFFFF;
5003 text-shadow: none;
5004}
5005/* Google Plus */
5006.ui.google.plus.button {
5007 background-color: #DD4B39;
5008 color: #FFFFFF;
5009 text-shadow: none;
5010 background-image: none;
5011 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
5012}
5013.ui.google.plus.button:hover {
5014 background-color: #e0321c;
5015 color: #FFFFFF;
5016 text-shadow: none;
5017}
5018.ui.google.plus.button:active {
5019 background-color: #c23321;
5020 color: #FFFFFF;
5021 text-shadow: none;
5022}
5023/* Linked In */
5024.ui.linkedin.button {
5025 background-color: #1F88BE;
5026 color: #FFFFFF;
5027 text-shadow: none;
5028}
5029.ui.linkedin.button:hover {
5030 background-color: #147baf;
5031 color: #FFFFFF;
5032 text-shadow: none;
5033}
5034.ui.linkedin.button:active {
5035 background-color: #186992;
5036 color: #FFFFFF;
5037 text-shadow: none;
5038}
5039/* YouTube */
5040.ui.youtube.button {
5041 background-color: #CC181E;
5042 color: #FFFFFF;
5043 text-shadow: none;
5044 background-image: none;
5045 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
5046}
5047.ui.youtube.button:hover {
5048 background-color: #bd0d13;
5049 color: #FFFFFF;
5050 text-shadow: none;
5051}
5052.ui.youtube.button:active {
5053 background-color: #9e1317;
5054 color: #FFFFFF;
5055 text-shadow: none;
5056}
5057/* Instagram */
5058.ui.instagram.button {
5059 background-color: #49769C;
5060 color: #FFFFFF;
5061 text-shadow: none;
5062 background-image: none;
5063 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
5064}
5065.ui.instagram.button:hover {
5066 background-color: #3d698e;
5067 color: #FFFFFF;
5068 text-shadow: none;
5069}
5070.ui.instagram.button:active {
5071 background-color: #395c79;
5072 color: #FFFFFF;
5073 text-shadow: none;
5074}
5075/* Pinterest */
5076.ui.pinterest.button {
5077 background-color: #BD081C;
5078 color: #FFFFFF;
5079 text-shadow: none;
5080 background-image: none;
5081 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
5082}
5083.ui.pinterest.button:hover {
5084 background-color: #ac0013;
5085 color: #FFFFFF;
5086 text-shadow: none;
5087}
5088.ui.pinterest.button:active {
5089 background-color: #8c0615;
5090 color: #FFFFFF;
5091 text-shadow: none;
5092}
5093/* VK */
5094.ui.vk.button {
5095 background-color: #4D7198;
5096 color: #FFFFFF;
5097 background-image: none;
5098 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
5099}
5100.ui.vk.button:hover {
5101 background-color: #41648a;
5102 color: #FFFFFF;
5103}
5104.ui.vk.button:active {
5105 background-color: #3c5876;
5106 color: #FFFFFF;
5107}
5108/*--------------
5109 Icon
5110---------------*/
5111.ui.button > .icon:not(.button) {
5112 height: 0.85714286em;
5113 opacity: 0.8;
5114 margin: 0em 0.42857143em 0em -0.21428571em;
5115 transition: opacity 0.1s ease;
5116 vertical-align: '';
5117 color: '';
5118}
5119.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
5120 margin: 0em 0.42857143em 0em -0.21428571em;
5121}
5122.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
5123 margin: 0em -0.21428571em 0em 0.42857143em;
5124}
5125/*******************************
5126 Variations
5127*******************************/
5128/*-------------------
5129 Floated
5130--------------------*/
5131.ui[class*="left floated"].buttons,
5132.ui[class*="left floated"].button {
5133 float: left;
5134 margin-left: 0em;
5135 margin-right: 0.25em;
5136}
5137.ui[class*="right floated"].buttons,
5138.ui[class*="right floated"].button {
5139 float: right;
5140 margin-right: 0em;
5141 margin-left: 0.25em;
5142}
5143/*-------------------
5144 Compact
5145--------------------*/
5146.ui.compact.buttons .button,
5147.ui.compact.button {
5148 padding: 0.58928571em 1.125em 0.58928571em;
5149}
5150.ui.compact.icon.buttons .button,
5151.ui.compact.icon.button {
5152 padding: 0.58928571em 0.58928571em 0.58928571em;
5153}
5154.ui.compact.labeled.icon.buttons .button,
5155.ui.compact.labeled.icon.button {
5156 padding: 0.58928571em 3.69642857em 0.58928571em;
5157}
5158/*-------------------
5159 Sizes
5160--------------------*/
5161.ui.mini.buttons .button,
5162.ui.mini.buttons .or,
5163.ui.mini.button {
5164 font-size: 0.78571429rem;
5165}
5166.ui.tiny.buttons .button,
5167.ui.tiny.buttons .or,
5168.ui.tiny.button {
5169 font-size: 0.85714286rem;
5170}
5171.ui.small.buttons .button,
5172.ui.small.buttons .or,
5173.ui.small.button {
5174 font-size: 0.92857143rem;
5175}
5176.ui.buttons .button,
5177.ui.buttons .or,
5178.ui.button {
5179 font-size: 1rem;
5180}
5181.ui.large.buttons .button,
5182.ui.large.buttons .or,
5183.ui.large.button {
5184 font-size: 1.14285714rem;
5185}
5186.ui.big.buttons .button,
5187.ui.big.buttons .or,
5188.ui.big.button {
5189 font-size: 1.28571429rem;
5190}
5191.ui.huge.buttons .button,
5192.ui.huge.buttons .or,
5193.ui.huge.button {
5194 font-size: 1.42857143rem;
5195}
5196.ui.massive.buttons .button,
5197.ui.massive.buttons .or,
5198.ui.massive.button {
5199 font-size: 1.71428571rem;
5200}
5201/*--------------
5202 Icon Only
5203---------------*/
5204.ui.icon.buttons .button,
5205.ui.icon.button {
5206 padding: 0.78571429em 0.78571429em 0.78571429em;
5207}
5208.ui.icon.buttons .button > .icon,
5209.ui.icon.button > .icon {
5210 opacity: 0.9;
5211 margin: 0em !important;
5212 vertical-align: top;
5213}
5214/*-------------------
5215 Basic
5216--------------------*/
5217.ui.basic.buttons .button,
5218.ui.basic.button {
5219 background: transparent none !important;
5220 color: rgba(0, 0, 0, 0.6) !important;
5221 font-weight: normal;
5222 border-radius: 0px;
5223 text-transform: none;
5224 text-shadow: none !important;
5225 box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
5226}
5227.ui.basic.buttons {
5228 box-shadow: none;
5229 border: 1px solid rgba(34, 36, 38, 0.15);
5230 border-radius: 0px;
5231}
5232.ui.basic.buttons .button {
5233 border-radius: 0em;
5234}
5235.ui.basic.buttons .button:hover,
5236.ui.basic.button:hover {
5237 background: #FFFFFF !important;
5238 color: rgba(0, 0, 0, 0.8) !important;
5239 box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
5240}
5241.ui.basic.buttons .button:focus,
5242.ui.basic.button:focus {
5243 background: #FFFFFF !important;
5244 color: rgba(0, 0, 0, 0.8) !important;
5245 box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
5246}
5247.ui.basic.buttons .button:active,
5248.ui.basic.button:active {
5249 background: #F8F8F8 !important;
5250 color: rgba(0, 0, 0, 0.9) !important;
5251 box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;
5252}
5253.ui.basic.buttons .active.button,
5254.ui.basic.active.button {
5255 background: rgba(0, 0, 0, 0.05) !important;
5256 box-shadow: '' !important;
5257 color: rgba(0, 0, 0, 0.95) !important;
5258}
5259.ui.basic.buttons .active.button:hover,
5260.ui.basic.active.button:hover {
5261 background-color: rgba(0, 0, 0, 0.05);
5262}
5263/* Vertical */
5264.ui.basic.buttons .button:hover {
5265 box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset;
5266}
5267.ui.basic.buttons .button:active {
5268 box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset;
5269}
5270.ui.basic.buttons .active.button {
5271 box-shadow: '' !important;
5272}
5273/* Standard Basic Inverted */
5274.ui.basic.inverted.buttons .button,
5275.ui.basic.inverted.button {
5276 background-color: transparent !important;
5277 color: #F9FAFB !important;
5278 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
5279}
5280.ui.basic.inverted.buttons .button:hover,
5281.ui.basic.inverted.button:hover {
5282 color: #FFFFFF !important;
5283 box-shadow: 0px 0px 0px 2px #ffffff inset !important;
5284}
5285.ui.basic.inverted.buttons .button:focus,
5286.ui.basic.inverted.button:focus {
5287 color: #FFFFFF !important;
5288 box-shadow: 0px 0px 0px 2px #ffffff inset !important;
5289}
5290.ui.basic.inverted.buttons .button:active,
5291.ui.basic.inverted.button:active {
5292 background-color: rgba(255, 255, 255, 0.08) !important;
5293 color: #FFFFFF !important;
5294 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;
5295}
5296.ui.basic.inverted.buttons .active.button,
5297.ui.basic.inverted.active.button {
5298 background-color: rgba(255, 255, 255, 0.08);
5299 color: #FFFFFF;
5300 text-shadow: none;
5301 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;
5302}
5303.ui.basic.inverted.buttons .active.button:hover,
5304.ui.basic.inverted.active.button:hover {
5305 background-color: rgba(255, 255, 255, 0.15);
5306 box-shadow: 0px 0px 0px 2px #ffffff inset !important;
5307}
5308/* Basic Group */
5309.ui.basic.buttons .button {
5310 border-left: 1px solid rgba(34, 36, 38, 0.15);
5311 box-shadow: none;
5312}
5313.ui.basic.vertical.buttons .button {
5314 border-left: none;
5315}
5316.ui.basic.vertical.buttons .button {
5317 border-left-width: 0px;
5318 border-top: 1px solid rgba(34, 36, 38, 0.15);
5319}
5320.ui.basic.vertical.buttons .button:first-child {
5321 border-top-width: 0px;
5322}
5323/*--------------
5324 Labeled Icon
5325---------------*/
5326.ui.labeled.icon.buttons .button,
5327.ui.labeled.icon.button {
5328 position: relative;
5329 padding-left: 4.07142857em !important;
5330 padding-right: 1.5em !important;
5331}
5332/* Left Labeled */
5333.ui.labeled.icon.buttons > .button > .icon,
5334.ui.labeled.icon.button > .icon {
5335 position: absolute;
5336 height: 100%;
5337 line-height: 1;
5338 border-radius: 0px;
5339 border-top-left-radius: inherit;
5340 border-bottom-left-radius: inherit;
5341 text-align: center;
5342 margin: 0em;
5343 width: 2.57142857em;
5344 background-color: rgba(0, 0, 0, 0.05);
5345 color: '';
5346 box-shadow: -1px 0px 0px 0px transparent inset;
5347}
5348/* Left Labeled */
5349.ui.labeled.icon.buttons > .button > .icon,
5350.ui.labeled.icon.button > .icon {
5351 top: 0em;
5352 left: 0em;
5353}
5354/* Right Labeled */
5355.ui[class*="right labeled"].icon.button {
5356 padding-right: 4.07142857em !important;
5357 padding-left: 1.5em !important;
5358}
5359.ui[class*="right labeled"].icon.button > .icon {
5360 left: auto;
5361 right: 0em;
5362 border-radius: 0px;
5363 border-top-right-radius: inherit;
5364 border-bottom-right-radius: inherit;
5365 box-shadow: 1px 0px 0px 0px transparent inset;
5366}
5367.ui.labeled.icon.buttons > .button > .icon:before,
5368.ui.labeled.icon.button > .icon:before,
5369.ui.labeled.icon.buttons > .button > .icon:after,
5370.ui.labeled.icon.button > .icon:after {
5371 display: block;
5372 position: absolute;
5373 width: 100%;
5374 top: 50%;
5375 text-align: center;
5376 transform: translateY(-50%);
5377}
5378.ui.labeled.icon.buttons .button > .icon {
5379 border-radius: 0em;
5380}
5381.ui.labeled.icon.buttons .button:first-child > .icon {
5382 border-top-left-radius: 0px;
5383 border-bottom-left-radius: 0px;
5384}
5385.ui.labeled.icon.buttons .button:last-child > .icon {
5386 border-top-right-radius: 0px;
5387 border-bottom-right-radius: 0px;
5388}
5389.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
5390 border-radius: 0em;
5391 border-top-left-radius: 0px;
5392}
5393.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
5394 border-radius: 0em;
5395 border-bottom-left-radius: 0px;
5396}
5397/* Fluid Labeled */
5398.ui.fluid[class*="left labeled"].icon.button,
5399.ui.fluid[class*="right labeled"].icon.button {
5400 padding-left: 1.5em !important;
5401 padding-right: 1.5em !important;
5402}
5403/*--------------
5404 Toggle
5405---------------*/
5406/* Toggle (Modifies active state to give affordances) */
5407.ui.toggle.buttons .active.button,
5408.ui.buttons .button.toggle.active,
5409.ui.button.toggle.active {
5410 background-color: #21BA45 !important;
5411 box-shadow: none !important;
5412 text-shadow: none;
5413 color: #FFFFFF !important;
5414}
5415.ui.button.toggle.active:hover {
5416 background-color: #16ab39 !important;
5417 text-shadow: none;
5418 color: #FFFFFF !important;
5419}
5420/*--------------
5421 Circular
5422---------------*/
5423.ui.circular.button {
5424 border-radius: 10em;
5425}
5426.ui.circular.button > .icon {
5427 width: 1em;
5428 vertical-align: baseline;
5429}
5430/*-------------------
5431 Or Buttons
5432--------------------*/
5433.ui.buttons .or {
5434 position: relative;
5435 width: 0.3em;
5436 height: 2.57142857em;
5437 z-index: 3;
5438}
5439.ui.buttons .or:before {
5440 position: absolute;
5441 text-align: center;
5442 border-radius: 500rem;
5443 content: 'or';
5444 top: 50%;
5445 left: 50%;
5446 background-color: #FFFFFF;
5447 text-shadow: none;
5448 margin-top: -0.89285714em;
5449 margin-left: -0.89285714em;
5450 width: 1.78571429em;
5451 height: 1.78571429em;
5452 line-height: 1.78571429em;
5453 color: rgba(0, 0, 0, 0.4);
5454 font-style: normal;
5455 font-weight: bold;
5456 box-shadow: 0px 0px 0px 1px transparent inset;
5457}
5458.ui.buttons .or[data-text]:before {
5459 content: attr(data-text);
5460}
5461/* Fluid Or */
5462.ui.fluid.buttons .or {
5463 width: 0em !important;
5464}
5465.ui.fluid.buttons .or:after {
5466 display: none;
5467}
5468/*-------------------
5469 Attached
5470--------------------*/
5471/* Singular */
5472.ui.attached.button {
5473 position: relative;
5474 display: block;
5475 margin: 0em;
5476 border-radius: 0em;
5477 box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;
5478}
5479/* Top / Bottom */
5480.ui.attached.top.button {
5481 border-radius: 0px 0px 0em 0em;
5482}
5483.ui.attached.bottom.button {
5484 border-radius: 0em 0em 0px 0px;
5485}
5486/* Left / Right */
5487.ui.left.attached.button {
5488 display: inline-block;
5489 border-left: none;
5490 text-align: right;
5491 padding-right: 0.75em;
5492 border-radius: 0px 0em 0em 0px;
5493}
5494.ui.right.attached.button {
5495 display: inline-block;
5496 text-align: left;
5497 padding-left: 0.75em;
5498 border-radius: 0em 0px 0px 0em;
5499}
5500/* Plural */
5501.ui.attached.buttons {
5502 position: relative;
5503 display: flex;
5504 border-radius: 0em;
5505 width: auto !important;
5506 z-index: 2;
5507 margin-left: -1px;
5508 margin-right: -1px;
5509}
5510.ui.attached.buttons .button {
5511 margin: 0em;
5512}
5513.ui.attached.buttons .button:first-child {
5514 border-radius: 0em;
5515}
5516.ui.attached.buttons .button:last-child {
5517 border-radius: 0em;
5518}
5519/* Top / Bottom */
5520.ui[class*="top attached"].buttons {
5521 margin-bottom: -1px;
5522 border-radius: 0px 0px 0em 0em;
5523}
5524.ui[class*="top attached"].buttons .button:first-child {
5525 border-radius: 0px 0em 0em 0em;
5526}
5527.ui[class*="top attached"].buttons .button:last-child {
5528 border-radius: 0em 0px 0em 0em;
5529}
5530.ui[class*="bottom attached"].buttons {
5531 margin-top: -1px;
5532 border-radius: 0em 0em 0px 0px;
5533}
5534.ui[class*="bottom attached"].buttons .button:first-child {
5535 border-radius: 0em 0em 0em 0px;
5536}
5537.ui[class*="bottom attached"].buttons .button:last-child {
5538 border-radius: 0em 0em 0px 0em;
5539}
5540/* Left / Right */
5541.ui[class*="left attached"].buttons {
5542 display: inline-flex;
5543 margin-right: 0em;
5544 margin-left: -1px;
5545 border-radius: 0em 0px 0px 0em;
5546}
5547.ui[class*="left attached"].buttons .button:first-child {
5548 margin-left: -1px;
5549 border-radius: 0em 0px 0em 0em;
5550}
5551.ui[class*="left attached"].buttons .button:last-child {
5552 margin-left: -1px;
5553 border-radius: 0em 0em 0px 0em;
5554}
5555.ui[class*="right attached"].buttons {
5556 display: inline-flex;
5557 margin-left: 0em;
5558 margin-right: -1px;
5559 border-radius: 0px 0em 0em 0px;
5560}
5561.ui[class*="right attached"].buttons .button:first-child {
5562 margin-left: -1px;
5563 border-radius: 0px 0em 0em 0em;
5564}
5565.ui[class*="right attached"].buttons .button:last-child {
5566 margin-left: -1px;
5567 border-radius: 0em 0em 0em 0px;
5568}
5569/*-------------------
5570 Fluid
5571--------------------*/
5572.ui.fluid.buttons,
5573.ui.fluid.button {
5574 width: 100%;
5575}
5576.ui.fluid.button {
5577 display: block;
5578}
5579.ui.two.buttons {
5580 width: 100%;
5581}
5582.ui.two.buttons > .button {
5583 width: 50%;
5584}
5585.ui.three.buttons {
5586 width: 100%;
5587}
5588.ui.three.buttons > .button {
5589 width: 33.333%;
5590}
5591.ui.four.buttons {
5592 width: 100%;
5593}
5594.ui.four.buttons > .button {
5595 width: 25%;
5596}
5597.ui.five.buttons {
5598 width: 100%;
5599}
5600.ui.five.buttons > .button {
5601 width: 20%;
5602}
5603.ui.six.buttons {
5604 width: 100%;
5605}
5606.ui.six.buttons > .button {
5607 width: 16.666%;
5608}
5609.ui.seven.buttons {
5610 width: 100%;
5611}
5612.ui.seven.buttons > .button {
5613 width: 14.285%;
5614}
5615.ui.eight.buttons {
5616 width: 100%;
5617}
5618.ui.eight.buttons > .button {
5619 width: 12.500%;
5620}
5621.ui.nine.buttons {
5622 width: 100%;
5623}
5624.ui.nine.buttons > .button {
5625 width: 11.11%;
5626}
5627.ui.ten.buttons {
5628 width: 100%;
5629}
5630.ui.ten.buttons > .button {
5631 width: 10%;
5632}
5633.ui.eleven.buttons {
5634 width: 100%;
5635}
5636.ui.eleven.buttons > .button {
5637 width: 9.09%;
5638}
5639.ui.twelve.buttons {
5640 width: 100%;
5641}
5642.ui.twelve.buttons > .button {
5643 width: 8.3333%;
5644}
5645/* Fluid Vertical Buttons */
5646.ui.fluid.vertical.buttons,
5647.ui.fluid.vertical.buttons > .button {
5648 display: flex;
5649 width: auto;
5650}
5651.ui.two.vertical.buttons > .button {
5652 height: 50%;
5653}
5654.ui.three.vertical.buttons > .button {
5655 height: 33.333%;
5656}
5657.ui.four.vertical.buttons > .button {
5658 height: 25%;
5659}
5660.ui.five.vertical.buttons > .button {
5661 height: 20%;
5662}
5663.ui.six.vertical.buttons > .button {
5664 height: 16.666%;
5665}
5666.ui.seven.vertical.buttons > .button {
5667 height: 14.285%;
5668}
5669.ui.eight.vertical.buttons > .button {
5670 height: 12.500%;
5671}
5672.ui.nine.vertical.buttons > .button {
5673 height: 11.11%;
5674}
5675.ui.ten.vertical.buttons > .button {
5676 height: 10%;
5677}
5678.ui.eleven.vertical.buttons > .button {
5679 height: 9.09%;
5680}
5681.ui.twelve.vertical.buttons > .button {
5682 height: 8.3333%;
5683}
5684/*-------------------
5685 Colors
5686--------------------*/
5687/*--- Black ---*/
5688.ui.black.buttons .button,
5689.ui.black.button {
5690 background-color: #1B1C1D;
5691 color: #FFFFFF;
5692 text-shadow: none;
5693 background-image: none;
5694}
5695.ui.black.button {
5696 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
5697}
5698.ui.black.buttons .button:hover,
5699.ui.black.button:hover {
5700 background-color: #27292a;
5701 color: #FFFFFF;
5702 text-shadow: none;
5703}
5704.ui.black.buttons .button:focus,
5705.ui.black.button:focus {
5706 background-color: #2f3032;
5707 color: #FFFFFF;
5708 text-shadow: none;
5709}
5710.ui.black.buttons .button:active,
5711.ui.black.button:active {
5712 background-color: #343637;
5713 color: #FFFFFF;
5714 text-shadow: none;
5715}
5716.ui.black.buttons .active.button,
5717.ui.black.buttons .active.button:active,
5718.ui.black.active.button,
5719.ui.black.button .active.button:active {
5720 background-color: #0f0f10;
5721 color: #FFFFFF;
5722 text-shadow: none;
5723}
5724/* Basic */
5725.ui.basic.black.buttons .button,
5726.ui.basic.black.button {
5727 box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
5728 color: #1B1C1D !important;
5729}
5730.ui.basic.black.buttons .button:hover,
5731.ui.basic.black.button:hover {
5732 background: transparent !important;
5733 box-shadow: 0px 0px 0px 1px #27292a inset !important;
5734 color: #27292a !important;
5735}
5736.ui.basic.black.buttons .button:focus,
5737.ui.basic.black.button:focus {
5738 background: transparent !important;
5739 box-shadow: 0px 0px 0px 1px #2f3032 inset !important;
5740 color: #27292a !important;
5741}
5742.ui.basic.black.buttons .active.button,
5743.ui.basic.black.active.button {
5744 background: transparent !important;
5745 box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;
5746 color: #343637 !important;
5747}
5748.ui.basic.black.buttons .button:active,
5749.ui.basic.black.button:active {
5750 box-shadow: 0px 0px 0px 1px #343637 inset !important;
5751 color: #343637 !important;
5752}
5753.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
5754 margin-left: -1px;
5755}
5756/* Inverted */
5757.ui.inverted.black.buttons .button,
5758.ui.inverted.black.button {
5759 background-color: transparent;
5760 box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
5761 color: #FFFFFF;
5762}
5763.ui.inverted.black.buttons .button:hover,
5764.ui.inverted.black.button:hover,
5765.ui.inverted.black.buttons .button:focus,
5766.ui.inverted.black.button:focus,
5767.ui.inverted.black.buttons .button.active,
5768.ui.inverted.black.button.active,
5769.ui.inverted.black.buttons .button:active,
5770.ui.inverted.black.button:active {
5771 box-shadow: none !important;
5772 color: #FFFFFF;
5773}
5774.ui.inverted.black.buttons .button:hover,
5775.ui.inverted.black.button:hover {
5776 background-color: #000000;
5777}
5778.ui.inverted.black.buttons .button:focus,
5779.ui.inverted.black.button:focus {
5780 background-color: #000000;
5781}
5782.ui.inverted.black.buttons .active.button,
5783.ui.inverted.black.active.button {
5784 background-color: #000000;
5785}
5786.ui.inverted.black.buttons .button:active,
5787.ui.inverted.black.button:active {
5788 background-color: #000000;
5789}
5790/* Inverted Basic */
5791.ui.inverted.black.basic.buttons .button,
5792.ui.inverted.black.buttons .basic.button,
5793.ui.inverted.black.basic.button {
5794 background-color: transparent;
5795 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
5796 color: #FFFFFF !important;
5797}
5798.ui.inverted.black.basic.buttons .button:hover,
5799.ui.inverted.black.buttons .basic.button:hover,
5800.ui.inverted.black.basic.button:hover {
5801 box-shadow: 0px 0px 0px 2px #000000 inset !important;
5802 color: #FFFFFF !important;
5803}
5804.ui.inverted.black.basic.buttons .button:focus,
5805.ui.inverted.black.basic.buttons .button:focus,
5806.ui.inverted.black.basic.button:focus {
5807 box-shadow: 0px 0px 0px 2px #000000 inset !important;
5808 color: #545454 !important;
5809}
5810.ui.inverted.black.basic.buttons .active.button,
5811.ui.inverted.black.buttons .basic.active.button,
5812.ui.inverted.black.basic.active.button {
5813 box-shadow: 0px 0px 0px 2px #000000 inset !important;
5814 color: #FFFFFF !important;
5815}
5816.ui.inverted.black.basic.buttons .button:active,
5817.ui.inverted.black.buttons .basic.button:active,
5818.ui.inverted.black.basic.button:active {
5819 box-shadow: 0px 0px 0px 2px #000000 inset !important;
5820 color: #FFFFFF !important;
5821}
5822/*--- Grey ---*/
5823.ui.grey.buttons .button,
5824.ui.grey.button {
5825 background-color: #586A7B;
5826 color: #FFFFFF;
5827 text-shadow: none;
5828 background-image: none;
5829}
5830.ui.grey.button {
5831 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
5832}
5833.ui.grey.buttons .button:hover,
5834.ui.grey.button:hover {
5835 background-color: #63778a;
5836 color: #FFFFFF;
5837 text-shadow: none;
5838}
5839.ui.grey.buttons .button:focus,
5840.ui.grey.button:focus {
5841 background-color: #697e93;
5842 color: #FFFFFF;
5843 text-shadow: none;
5844}
5845.ui.grey.buttons .button:active,
5846.ui.grey.button:active {
5847 background-color: #6e8498;
5848 color: #FFFFFF;
5849 text-shadow: none;
5850}
5851.ui.grey.buttons .active.button,
5852.ui.grey.buttons .active.button:active,
5853.ui.grey.active.button,
5854.ui.grey.button .active.button:active {
5855 background-color: #4d5d6c;
5856 color: #FFFFFF;
5857 text-shadow: none;
5858}
5859/* Basic */
5860.ui.basic.grey.buttons .button,
5861.ui.basic.grey.button {
5862 box-shadow: 0px 0px 0px 1px #586A7B inset !important;
5863 color: #586A7B !important;
5864}
5865.ui.basic.grey.buttons .button:hover,
5866.ui.basic.grey.button:hover {
5867 background: transparent !important;
5868 box-shadow: 0px 0px 0px 1px #63778a inset !important;
5869 color: #63778a !important;
5870}
5871.ui.basic.grey.buttons .button:focus,
5872.ui.basic.grey.button:focus {
5873 background: transparent !important;
5874 box-shadow: 0px 0px 0px 1px #697e93 inset !important;
5875 color: #63778a !important;
5876}
5877.ui.basic.grey.buttons .active.button,
5878.ui.basic.grey.active.button {
5879 background: transparent !important;
5880 box-shadow: 0px 0px 0px 1px #4d5d6c inset !important;
5881 color: #6e8498 !important;
5882}
5883.ui.basic.grey.buttons .button:active,
5884.ui.basic.grey.button:active {
5885 box-shadow: 0px 0px 0px 1px #6e8498 inset !important;
5886 color: #6e8498 !important;
5887}
5888.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
5889 margin-left: -1px;
5890}
5891/* Inverted */
5892.ui.inverted.grey.buttons .button,
5893.ui.inverted.grey.button {
5894 background-color: transparent;
5895 box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
5896 color: #FFFFFF;
5897}
5898.ui.inverted.grey.buttons .button:hover,
5899.ui.inverted.grey.button:hover,
5900.ui.inverted.grey.buttons .button:focus,
5901.ui.inverted.grey.button:focus,
5902.ui.inverted.grey.buttons .button.active,
5903.ui.inverted.grey.button.active,
5904.ui.inverted.grey.buttons .button:active,
5905.ui.inverted.grey.button:active {
5906 box-shadow: none !important;
5907 color: rgba(0, 0, 0, 0.6);
5908}
5909.ui.inverted.grey.buttons .button:hover,
5910.ui.inverted.grey.button:hover {
5911 background-color: #cfd0d2;
5912}
5913.ui.inverted.grey.buttons .button:focus,
5914.ui.inverted.grey.button:focus {
5915 background-color: #c7c9cb;
5916}
5917.ui.inverted.grey.buttons .active.button,
5918.ui.inverted.grey.active.button {
5919 background-color: #cfd0d2;
5920}
5921.ui.inverted.grey.buttons .button:active,
5922.ui.inverted.grey.button:active {
5923 background-color: #c2c4c5;
5924}
5925/* Inverted Basic */
5926.ui.inverted.grey.basic.buttons .button,
5927.ui.inverted.grey.buttons .basic.button,
5928.ui.inverted.grey.basic.button {
5929 background-color: transparent;
5930 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
5931 color: #FFFFFF !important;
5932}
5933.ui.inverted.grey.basic.buttons .button:hover,
5934.ui.inverted.grey.buttons .basic.button:hover,
5935.ui.inverted.grey.basic.button:hover {
5936 box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
5937 color: #FFFFFF !important;
5938}
5939.ui.inverted.grey.basic.buttons .button:focus,
5940.ui.inverted.grey.basic.buttons .button:focus,
5941.ui.inverted.grey.basic.button:focus {
5942 box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;
5943 color: #DCDDDE !important;
5944}
5945.ui.inverted.grey.basic.buttons .active.button,
5946.ui.inverted.grey.buttons .basic.active.button,
5947.ui.inverted.grey.basic.active.button {
5948 box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
5949 color: #FFFFFF !important;
5950}
5951.ui.inverted.grey.basic.buttons .button:active,
5952.ui.inverted.grey.buttons .basic.button:active,
5953.ui.inverted.grey.basic.button:active {
5954 box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;
5955 color: #FFFFFF !important;
5956}
5957/*--- Brown ---*/
5958.ui.brown.buttons .button,
5959.ui.brown.button {
5960 background-color: #A5673F;
5961 color: #FFFFFF;
5962 text-shadow: none;
5963 background-image: none;
5964}
5965.ui.brown.button {
5966 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
5967}
5968.ui.brown.buttons .button:hover,
5969.ui.brown.button:hover {
5970 background-color: #975b33;
5971 color: #FFFFFF;
5972 text-shadow: none;
5973}
5974.ui.brown.buttons .button:focus,
5975.ui.brown.button:focus {
5976 background-color: #90532b;
5977 color: #FFFFFF;
5978 text-shadow: none;
5979}
5980.ui.brown.buttons .button:active,
5981.ui.brown.button:active {
5982 background-color: #805031;
5983 color: #FFFFFF;
5984 text-shadow: none;
5985}
5986.ui.brown.buttons .active.button,
5987.ui.brown.buttons .active.button:active,
5988.ui.brown.active.button,
5989.ui.brown.button .active.button:active {
5990 background-color: #995a31;
5991 color: #FFFFFF;
5992 text-shadow: none;
5993}
5994/* Basic */
5995.ui.basic.brown.buttons .button,
5996.ui.basic.brown.button {
5997 box-shadow: 0px 0px 0px 1px #A5673F inset !important;
5998 color: #A5673F !important;
5999}
6000.ui.basic.brown.buttons .button:hover,
6001.ui.basic.brown.button:hover {
6002 background: transparent !important;
6003 box-shadow: 0px 0px 0px 1px #975b33 inset !important;
6004 color: #975b33 !important;
6005}
6006.ui.basic.brown.buttons .button:focus,
6007.ui.basic.brown.button:focus {
6008 background: transparent !important;
6009 box-shadow: 0px 0px 0px 1px #90532b inset !important;
6010 color: #975b33 !important;
6011}
6012.ui.basic.brown.buttons .active.button,
6013.ui.basic.brown.active.button {
6014 background: transparent !important;
6015 box-shadow: 0px 0px 0px 1px #995a31 inset !important;
6016 color: #805031 !important;
6017}
6018.ui.basic.brown.buttons .button:active,
6019.ui.basic.brown.button:active {
6020 box-shadow: 0px 0px 0px 1px #805031 inset !important;
6021 color: #805031 !important;
6022}
6023.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
6024 margin-left: -1px;
6025}
6026/* Inverted */
6027.ui.inverted.brown.buttons .button,
6028.ui.inverted.brown.button {
6029 background-color: transparent;
6030 box-shadow: 0px 0px 0px 2px #D67C1C inset !important;
6031 color: #D67C1C;
6032}
6033.ui.inverted.brown.buttons .button:hover,
6034.ui.inverted.brown.button:hover,
6035.ui.inverted.brown.buttons .button:focus,
6036.ui.inverted.brown.button:focus,
6037.ui.inverted.brown.buttons .button.active,
6038.ui.inverted.brown.button.active,
6039.ui.inverted.brown.buttons .button:active,
6040.ui.inverted.brown.button:active {
6041 box-shadow: none !important;
6042 color: #FFFFFF;
6043}
6044.ui.inverted.brown.buttons .button:hover,
6045.ui.inverted.brown.button:hover {
6046 background-color: #c86f11;
6047}
6048.ui.inverted.brown.buttons .button:focus,
6049.ui.inverted.brown.button:focus {
6050 background-color: #c16808;
6051}
6052.ui.inverted.brown.buttons .active.button,
6053.ui.inverted.brown.active.button {
6054 background-color: #cc6f0d;
6055}
6056.ui.inverted.brown.buttons .button:active,
6057.ui.inverted.brown.button:active {
6058 background-color: #a96216;
6059}
6060/* Inverted Basic */
6061.ui.inverted.brown.basic.buttons .button,
6062.ui.inverted.brown.buttons .basic.button,
6063.ui.inverted.brown.basic.button {
6064 background-color: transparent;
6065 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
6066 color: #FFFFFF !important;
6067}
6068.ui.inverted.brown.basic.buttons .button:hover,
6069.ui.inverted.brown.buttons .basic.button:hover,
6070.ui.inverted.brown.basic.button:hover {
6071 box-shadow: 0px 0px 0px 2px #c86f11 inset !important;
6072 color: #D67C1C !important;
6073}
6074.ui.inverted.brown.basic.buttons .button:focus,
6075.ui.inverted.brown.basic.buttons .button:focus,
6076.ui.inverted.brown.basic.button:focus {
6077 box-shadow: 0px 0px 0px 2px #c16808 inset !important;
6078 color: #D67C1C !important;
6079}
6080.ui.inverted.brown.basic.buttons .active.button,
6081.ui.inverted.brown.buttons .basic.active.button,
6082.ui.inverted.brown.basic.active.button {
6083 box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;
6084 color: #D67C1C !important;
6085}
6086.ui.inverted.brown.basic.buttons .button:active,
6087.ui.inverted.brown.buttons .basic.button:active,
6088.ui.inverted.brown.basic.button:active {
6089 box-shadow: 0px 0px 0px 2px #a96216 inset !important;
6090 color: #D67C1C !important;
6091}
6092/*--- Blue ---*/
6093.ui.blue.buttons .button,
6094.ui.blue.button {
6095 background-color: #3498db;
6096 color: #FFFFFF;
6097 text-shadow: none;
6098 background-image: none;
6099}
6100.ui.blue.button {
6101 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
6102}
6103.ui.blue.buttons .button:hover,
6104.ui.blue.button:hover {
6105 background-color: #1c8dd9;
6106 color: #FFFFFF;
6107 text-shadow: none;
6108}
6109.ui.blue.buttons .button:focus,
6110.ui.blue.button:focus {
6111 background-color: #1386d4;
6112 color: #FFFFFF;
6113 text-shadow: none;
6114}
6115.ui.blue.buttons .button:active,
6116.ui.blue.button:active {
6117 background-color: #217dbb;
6118 color: #FFFFFF;
6119 text-shadow: none;
6120}
6121.ui.blue.buttons .active.button,
6122.ui.blue.buttons .active.button:active,
6123.ui.blue.active.button,
6124.ui.blue.button .active.button:active {
6125 background-color: #188edd;
6126 color: #FFFFFF;
6127 text-shadow: none;
6128}
6129/* Basic */
6130.ui.basic.blue.buttons .button,
6131.ui.basic.blue.button {
6132 box-shadow: 0px 0px 0px 1px #3498db inset !important;
6133 color: #3498db !important;
6134}
6135.ui.basic.blue.buttons .button:hover,
6136.ui.basic.blue.button:hover {
6137 background: transparent !important;
6138 box-shadow: 0px 0px 0px 1px #1c8dd9 inset !important;
6139 color: #1c8dd9 !important;
6140}
6141.ui.basic.blue.buttons .button:focus,
6142.ui.basic.blue.button:focus {
6143 background: transparent !important;
6144 box-shadow: 0px 0px 0px 1px #1386d4 inset !important;
6145 color: #1c8dd9 !important;
6146}
6147.ui.basic.blue.buttons .active.button,
6148.ui.basic.blue.active.button {
6149 background: transparent !important;
6150 box-shadow: 0px 0px 0px 1px #188edd inset !important;
6151 color: #217dbb !important;
6152}
6153.ui.basic.blue.buttons .button:active,
6154.ui.basic.blue.button:active {
6155 box-shadow: 0px 0px 0px 1px #217dbb inset !important;
6156 color: #217dbb !important;
6157}
6158.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
6159 margin-left: -1px;
6160}
6161/* Inverted */
6162.ui.inverted.blue.buttons .button,
6163.ui.inverted.blue.button {
6164 background-color: transparent;
6165 box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
6166 color: #54C8FF;
6167}
6168.ui.inverted.blue.buttons .button:hover,
6169.ui.inverted.blue.button:hover,
6170.ui.inverted.blue.buttons .button:focus,
6171.ui.inverted.blue.button:focus,
6172.ui.inverted.blue.buttons .button.active,
6173.ui.inverted.blue.button.active,
6174.ui.inverted.blue.buttons .button:active,
6175.ui.inverted.blue.button:active {
6176 box-shadow: none !important;
6177 color: #FFFFFF;
6178}
6179.ui.inverted.blue.buttons .button:hover,
6180.ui.inverted.blue.button:hover {
6181 background-color: #3ac0ff;
6182}
6183.ui.inverted.blue.buttons .button:focus,
6184.ui.inverted.blue.button:focus {
6185 background-color: #2bbbff;
6186}
6187.ui.inverted.blue.buttons .active.button,
6188.ui.inverted.blue.active.button {
6189 background-color: #3ac0ff;
6190}
6191.ui.inverted.blue.buttons .button:active,
6192.ui.inverted.blue.button:active {
6193 background-color: #21b8ff;
6194}
6195/* Inverted Basic */
6196.ui.inverted.blue.basic.buttons .button,
6197.ui.inverted.blue.buttons .basic.button,
6198.ui.inverted.blue.basic.button {
6199 background-color: transparent;
6200 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
6201 color: #FFFFFF !important;
6202}
6203.ui.inverted.blue.basic.buttons .button:hover,
6204.ui.inverted.blue.buttons .basic.button:hover,
6205.ui.inverted.blue.basic.button:hover {
6206 box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
6207 color: #54C8FF !important;
6208}
6209.ui.inverted.blue.basic.buttons .button:focus,
6210.ui.inverted.blue.basic.buttons .button:focus,
6211.ui.inverted.blue.basic.button:focus {
6212 box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
6213 color: #54C8FF !important;
6214}
6215.ui.inverted.blue.basic.buttons .active.button,
6216.ui.inverted.blue.buttons .basic.active.button,
6217.ui.inverted.blue.basic.active.button {
6218 box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
6219 color: #54C8FF !important;
6220}
6221.ui.inverted.blue.basic.buttons .button:active,
6222.ui.inverted.blue.buttons .basic.button:active,
6223.ui.inverted.blue.basic.button:active {
6224 box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
6225 color: #54C8FF !important;
6226}
6227/*--- Green ---*/
6228.ui.green.buttons .button,
6229.ui.green.button {
6230 background-color: #21BA45;
6231 color: #FFFFFF;
6232 text-shadow: none;
6233 background-image: none;
6234}
6235.ui.green.button {
6236 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
6237}
6238.ui.green.buttons .button:hover,
6239.ui.green.button:hover {
6240 background-color: #16ab39;
6241 color: #FFFFFF;
6242 text-shadow: none;
6243}
6244.ui.green.buttons .button:focus,
6245.ui.green.button:focus {
6246 background-color: #0ea432;
6247 color: #FFFFFF;
6248 text-shadow: none;
6249}
6250.ui.green.buttons .button:active,
6251.ui.green.button:active {
6252 background-color: #198f35;
6253 color: #FFFFFF;
6254 text-shadow: none;
6255}
6256.ui.green.buttons .active.button,
6257.ui.green.buttons .active.button:active,
6258.ui.green.active.button,
6259.ui.green.button .active.button:active {
6260 background-color: #13ae38;
6261 color: #FFFFFF;
6262 text-shadow: none;
6263}
6264/* Basic */
6265.ui.basic.green.buttons .button,
6266.ui.basic.green.button {
6267 box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
6268 color: #21BA45 !important;
6269}
6270.ui.basic.green.buttons .button:hover,
6271.ui.basic.green.button:hover {
6272 background: transparent !important;
6273 box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
6274 color: #16ab39 !important;
6275}
6276.ui.basic.green.buttons .button:focus,
6277.ui.basic.green.button:focus {
6278 background: transparent !important;
6279 box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
6280 color: #16ab39 !important;
6281}
6282.ui.basic.green.buttons .active.button,
6283.ui.basic.green.active.button {
6284 background: transparent !important;
6285 box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
6286 color: #198f35 !important;
6287}
6288.ui.basic.green.buttons .button:active,
6289.ui.basic.green.button:active {
6290 box-shadow: 0px 0px 0px 1px #198f35 inset !important;
6291 color: #198f35 !important;
6292}
6293.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
6294 margin-left: -1px;
6295}
6296/* Inverted */
6297.ui.inverted.green.buttons .button,
6298.ui.inverted.green.button {
6299 background-color: transparent;
6300 box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;
6301 color: #2ECC40;
6302}
6303.ui.inverted.green.buttons .button:hover,
6304.ui.inverted.green.button:hover,
6305.ui.inverted.green.buttons .button:focus,
6306.ui.inverted.green.button:focus,
6307.ui.inverted.green.buttons .button.active,
6308.ui.inverted.green.button.active,
6309.ui.inverted.green.buttons .button:active,
6310.ui.inverted.green.button:active {
6311 box-shadow: none !important;
6312 color: #FFFFFF;
6313}
6314.ui.inverted.green.buttons .button:hover,
6315.ui.inverted.green.button:hover {
6316 background-color: #22be34;
6317}
6318.ui.inverted.green.buttons .button:focus,
6319.ui.inverted.green.button:focus {
6320 background-color: #19b82b;
6321}
6322.ui.inverted.green.buttons .active.button,
6323.ui.inverted.green.active.button {
6324 background-color: #1fc231;
6325}
6326.ui.inverted.green.buttons .button:active,
6327.ui.inverted.green.button:active {
6328 background-color: #25a233;
6329}
6330/* Inverted Basic */
6331.ui.inverted.green.basic.buttons .button,
6332.ui.inverted.green.buttons .basic.button,
6333.ui.inverted.green.basic.button {
6334 background-color: transparent;
6335 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
6336 color: #FFFFFF !important;
6337}
6338.ui.inverted.green.basic.buttons .button:hover,
6339.ui.inverted.green.buttons .basic.button:hover,
6340.ui.inverted.green.basic.button:hover {
6341 box-shadow: 0px 0px 0px 2px #22be34 inset !important;
6342 color: #2ECC40 !important;
6343}
6344.ui.inverted.green.basic.buttons .button:focus,
6345.ui.inverted.green.basic.buttons .button:focus,
6346.ui.inverted.green.basic.button:focus {
6347 box-shadow: 0px 0px 0px 2px #19b82b inset !important;
6348 color: #2ECC40 !important;
6349}
6350.ui.inverted.green.basic.buttons .active.button,
6351.ui.inverted.green.buttons .basic.active.button,
6352.ui.inverted.green.basic.active.button {
6353 box-shadow: 0px 0px 0px 2px #1fc231 inset !important;
6354 color: #2ECC40 !important;
6355}
6356.ui.inverted.green.basic.buttons .button:active,
6357.ui.inverted.green.buttons .basic.button:active,
6358.ui.inverted.green.basic.button:active {
6359 box-shadow: 0px 0px 0px 2px #25a233 inset !important;
6360 color: #2ECC40 !important;
6361}
6362/*--- Orange ---*/
6363.ui.orange.buttons .button,
6364.ui.orange.button {
6365 background-color: #F2711C;
6366 color: #FFFFFF;
6367 text-shadow: none;
6368 background-image: none;
6369}
6370.ui.orange.button {
6371 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
6372}
6373.ui.orange.buttons .button:hover,
6374.ui.orange.button:hover {
6375 background-color: #f26202;
6376 color: #FFFFFF;
6377 text-shadow: none;
6378}
6379.ui.orange.buttons .button:focus,
6380.ui.orange.button:focus {
6381 background-color: #e55b00;
6382 color: #FFFFFF;
6383 text-shadow: none;
6384}
6385.ui.orange.buttons .button:active,
6386.ui.orange.button:active {
6387 background-color: #cf590c;
6388 color: #FFFFFF;
6389 text-shadow: none;
6390}
6391.ui.orange.buttons .active.button,
6392.ui.orange.buttons .active.button:active,
6393.ui.orange.active.button,
6394.ui.orange.button .active.button:active {
6395 background-color: #f56100;
6396 color: #FFFFFF;
6397 text-shadow: none;
6398}
6399/* Basic */
6400.ui.basic.orange.buttons .button,
6401.ui.basic.orange.button {
6402 box-shadow: 0px 0px 0px 1px #F2711C inset !important;
6403 color: #F2711C !important;
6404}
6405.ui.basic.orange.buttons .button:hover,
6406.ui.basic.orange.button:hover {
6407 background: transparent !important;
6408 box-shadow: 0px 0px 0px 1px #f26202 inset !important;
6409 color: #f26202 !important;
6410}
6411.ui.basic.orange.buttons .button:focus,
6412.ui.basic.orange.button:focus {
6413 background: transparent !important;
6414 box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
6415 color: #f26202 !important;
6416}
6417.ui.basic.orange.buttons .active.button,
6418.ui.basic.orange.active.button {
6419 background: transparent !important;
6420 box-shadow: 0px 0px 0px 1px #f56100 inset !important;
6421 color: #cf590c !important;
6422}
6423.ui.basic.orange.buttons .button:active,
6424.ui.basic.orange.button:active {
6425 box-shadow: 0px 0px 0px 1px #cf590c inset !important;
6426 color: #cf590c !important;
6427}
6428.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
6429 margin-left: -1px;
6430}
6431/* Inverted */
6432.ui.inverted.orange.buttons .button,
6433.ui.inverted.orange.button {
6434 background-color: transparent;
6435 box-shadow: 0px 0px 0px 2px #FF851B inset !important;
6436 color: #FF851B;
6437}
6438.ui.inverted.orange.buttons .button:hover,
6439.ui.inverted.orange.button:hover,
6440.ui.inverted.orange.buttons .button:focus,
6441.ui.inverted.orange.button:focus,
6442.ui.inverted.orange.buttons .button.active,
6443.ui.inverted.orange.button.active,
6444.ui.inverted.orange.buttons .button:active,
6445.ui.inverted.orange.button:active {
6446 box-shadow: none !important;
6447 color: #FFFFFF;
6448}
6449.ui.inverted.orange.buttons .button:hover,
6450.ui.inverted.orange.button:hover {
6451 background-color: #ff7701;
6452}
6453.ui.inverted.orange.buttons .button:focus,
6454.ui.inverted.orange.button:focus {
6455 background-color: #f17000;
6456}
6457.ui.inverted.orange.buttons .active.button,
6458.ui.inverted.orange.active.button {
6459 background-color: #ff7701;
6460}
6461.ui.inverted.orange.buttons .button:active,
6462.ui.inverted.orange.button:active {
6463 background-color: #e76b00;
6464}
6465/* Inverted Basic */
6466.ui.inverted.orange.basic.buttons .button,
6467.ui.inverted.orange.buttons .basic.button,
6468.ui.inverted.orange.basic.button {
6469 background-color: transparent;
6470 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
6471 color: #FFFFFF !important;
6472}
6473.ui.inverted.orange.basic.buttons .button:hover,
6474.ui.inverted.orange.buttons .basic.button:hover,
6475.ui.inverted.orange.basic.button:hover {
6476 box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
6477 color: #FF851B !important;
6478}
6479.ui.inverted.orange.basic.buttons .button:focus,
6480.ui.inverted.orange.basic.buttons .button:focus,
6481.ui.inverted.orange.basic.button:focus {
6482 box-shadow: 0px 0px 0px 2px #f17000 inset !important;
6483 color: #FF851B !important;
6484}
6485.ui.inverted.orange.basic.buttons .active.button,
6486.ui.inverted.orange.buttons .basic.active.button,
6487.ui.inverted.orange.basic.active.button {
6488 box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
6489 color: #FF851B !important;
6490}
6491.ui.inverted.orange.basic.buttons .button:active,
6492.ui.inverted.orange.buttons .basic.button:active,
6493.ui.inverted.orange.basic.button:active {
6494 box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
6495 color: #FF851B !important;
6496}
6497/*--- Pink ---*/
6498.ui.pink.buttons .button,
6499.ui.pink.button {
6500 background-color: #E03997;
6501 color: #FFFFFF;
6502 text-shadow: none;
6503 background-image: none;
6504}
6505.ui.pink.button {
6506 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
6507}
6508.ui.pink.buttons .button:hover,
6509.ui.pink.button:hover {
6510 background-color: #e61a8d;
6511 color: #FFFFFF;
6512 text-shadow: none;
6513}
6514.ui.pink.buttons .button:focus,
6515.ui.pink.button:focus {
6516 background-color: #e10f85;
6517 color: #FFFFFF;
6518 text-shadow: none;
6519}
6520.ui.pink.buttons .button:active,
6521.ui.pink.button:active {
6522 background-color: #c71f7e;
6523 color: #FFFFFF;
6524 text-shadow: none;
6525}
6526.ui.pink.buttons .active.button,
6527.ui.pink.buttons .active.button:active,
6528.ui.pink.active.button,
6529.ui.pink.button .active.button:active {
6530 background-color: #ea158d;
6531 color: #FFFFFF;
6532 text-shadow: none;
6533}
6534/* Basic */
6535.ui.basic.pink.buttons .button,
6536.ui.basic.pink.button {
6537 box-shadow: 0px 0px 0px 1px #E03997 inset !important;
6538 color: #E03997 !important;
6539}
6540.ui.basic.pink.buttons .button:hover,
6541.ui.basic.pink.button:hover {
6542 background: transparent !important;
6543 box-shadow: 0px 0px 0px 1px #e61a8d inset !important;
6544 color: #e61a8d !important;
6545}
6546.ui.basic.pink.buttons .button:focus,
6547.ui.basic.pink.button:focus {
6548 background: transparent !important;
6549 box-shadow: 0px 0px 0px 1px #e10f85 inset !important;
6550 color: #e61a8d !important;
6551}
6552.ui.basic.pink.buttons .active.button,
6553.ui.basic.pink.active.button {
6554 background: transparent !important;
6555 box-shadow: 0px 0px 0px 1px #ea158d inset !important;
6556 color: #c71f7e !important;
6557}
6558.ui.basic.pink.buttons .button:active,
6559.ui.basic.pink.button:active {
6560 box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
6561 color: #c71f7e !important;
6562}
6563.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
6564 margin-left: -1px;
6565}
6566/* Inverted */
6567.ui.inverted.pink.buttons .button,
6568.ui.inverted.pink.button {
6569 background-color: transparent;
6570 box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;
6571 color: #FF8EDF;
6572}
6573.ui.inverted.pink.buttons .button:hover,
6574.ui.inverted.pink.button:hover,
6575.ui.inverted.pink.buttons .button:focus,
6576.ui.inverted.pink.button:focus,
6577.ui.inverted.pink.buttons .button.active,
6578.ui.inverted.pink.button.active,
6579.ui.inverted.pink.buttons .button:active,
6580.ui.inverted.pink.button:active {
6581 box-shadow: none !important;
6582 color: #FFFFFF;
6583}
6584.ui.inverted.pink.buttons .button:hover,
6585.ui.inverted.pink.button:hover {
6586 background-color: #ff74d8;
6587}
6588.ui.inverted.pink.buttons .button:focus,
6589.ui.inverted.pink.button:focus {
6590 background-color: #ff65d3;
6591}
6592.ui.inverted.pink.buttons .active.button,
6593.ui.inverted.pink.active.button {
6594 background-color: #ff74d8;
6595}
6596.ui.inverted.pink.buttons .button:active,
6597.ui.inverted.pink.button:active {
6598 background-color: #ff5bd1;
6599}
6600/* Inverted Basic */
6601.ui.inverted.pink.basic.buttons .button,
6602.ui.inverted.pink.buttons .basic.button,
6603.ui.inverted.pink.basic.button {
6604 background-color: transparent;
6605 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
6606 color: #FFFFFF !important;
6607}
6608.ui.inverted.pink.basic.buttons .button:hover,
6609.ui.inverted.pink.buttons .basic.button:hover,
6610.ui.inverted.pink.basic.button:hover {
6611 box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
6612 color: #FF8EDF !important;
6613}
6614.ui.inverted.pink.basic.buttons .button:focus,
6615.ui.inverted.pink.basic.buttons .button:focus,
6616.ui.inverted.pink.basic.button:focus {
6617 box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;
6618 color: #FF8EDF !important;
6619}
6620.ui.inverted.pink.basic.buttons .active.button,
6621.ui.inverted.pink.buttons .basic.active.button,
6622.ui.inverted.pink.basic.active.button {
6623 box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
6624 color: #FF8EDF !important;
6625}
6626.ui.inverted.pink.basic.buttons .button:active,
6627.ui.inverted.pink.buttons .basic.button:active,
6628.ui.inverted.pink.basic.button:active {
6629 box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;
6630 color: #FF8EDF !important;
6631}
6632/*--- Violet ---*/
6633.ui.violet.buttons .button,
6634.ui.violet.button {
6635 background-color: #6435C9;
6636 color: #FFFFFF;
6637 text-shadow: none;
6638 background-image: none;
6639}
6640.ui.violet.button {
6641 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
6642}
6643.ui.violet.buttons .button:hover,
6644.ui.violet.button:hover {
6645 background-color: #5829bb;
6646 color: #FFFFFF;
6647 text-shadow: none;
6648}
6649.ui.violet.buttons .button:focus,
6650.ui.violet.button:focus {
6651 background-color: #4f20b5;
6652 color: #FFFFFF;
6653 text-shadow: none;
6654}
6655.ui.violet.buttons .button:active,
6656.ui.violet.button:active {
6657 background-color: #502aa1;
6658 color: #FFFFFF;
6659 text-shadow: none;
6660}
6661.ui.violet.buttons .active.button,
6662.ui.violet.buttons .active.button:active,
6663.ui.violet.active.button,
6664.ui.violet.button .active.button:active {
6665 background-color: #5626bf;
6666 color: #FFFFFF;
6667 text-shadow: none;
6668}
6669/* Basic */
6670.ui.basic.violet.buttons .button,
6671.ui.basic.violet.button {
6672 box-shadow: 0px 0px 0px 1px #6435C9 inset !important;
6673 color: #6435C9 !important;
6674}
6675.ui.basic.violet.buttons .button:hover,
6676.ui.basic.violet.button:hover {
6677 background: transparent !important;
6678 box-shadow: 0px 0px 0px 1px #5829bb inset !important;
6679 color: #5829bb !important;
6680}
6681.ui.basic.violet.buttons .button:focus,
6682.ui.basic.violet.button:focus {
6683 background: transparent !important;
6684 box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;
6685 color: #5829bb !important;
6686}
6687.ui.basic.violet.buttons .active.button,
6688.ui.basic.violet.active.button {
6689 background: transparent !important;
6690 box-shadow: 0px 0px 0px 1px #5626bf inset !important;
6691 color: #502aa1 !important;
6692}
6693.ui.basic.violet.buttons .button:active,
6694.ui.basic.violet.button:active {
6695 box-shadow: 0px 0px 0px 1px #502aa1 inset !important;
6696 color: #502aa1 !important;
6697}
6698.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
6699 margin-left: -1px;
6700}
6701/* Inverted */
6702.ui.inverted.violet.buttons .button,
6703.ui.inverted.violet.button {
6704 background-color: transparent;
6705 box-shadow: 0px 0px 0px 2px #A291FB inset !important;
6706 color: #A291FB;
6707}
6708.ui.inverted.violet.buttons .button:hover,
6709.ui.inverted.violet.button:hover,
6710.ui.inverted.violet.buttons .button:focus,
6711.ui.inverted.violet.button:focus,
6712.ui.inverted.violet.buttons .button.active,
6713.ui.inverted.violet.button.active,
6714.ui.inverted.violet.buttons .button:active,
6715.ui.inverted.violet.button:active {
6716 box-shadow: none !important;
6717 color: #FFFFFF;
6718}
6719.ui.inverted.violet.buttons .button:hover,
6720.ui.inverted.violet.button:hover {
6721 background-color: #8a73ff;
6722}
6723.ui.inverted.violet.buttons .button:focus,
6724.ui.inverted.violet.button:focus {
6725 background-color: #7d64ff;
6726}
6727.ui.inverted.violet.buttons .active.button,
6728.ui.inverted.violet.active.button {
6729 background-color: #8a73ff;
6730}
6731.ui.inverted.violet.buttons .button:active,
6732.ui.inverted.violet.button:active {
6733 background-color: #7860f9;
6734}
6735/* Inverted Basic */
6736.ui.inverted.violet.basic.buttons .button,
6737.ui.inverted.violet.buttons .basic.button,
6738.ui.inverted.violet.basic.button {
6739 background-color: transparent;
6740 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
6741 color: #FFFFFF !important;
6742}
6743.ui.inverted.violet.basic.buttons .button:hover,
6744.ui.inverted.violet.buttons .basic.button:hover,
6745.ui.inverted.violet.basic.button:hover {
6746 box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
6747 color: #A291FB !important;
6748}
6749.ui.inverted.violet.basic.buttons .button:focus,
6750.ui.inverted.violet.basic.buttons .button:focus,
6751.ui.inverted.violet.basic.button:focus {
6752 box-shadow: 0px 0px 0px 2px #7d64ff inset !important;
6753 color: #A291FB !important;
6754}
6755.ui.inverted.violet.basic.buttons .active.button,
6756.ui.inverted.violet.buttons .basic.active.button,
6757.ui.inverted.violet.basic.active.button {
6758 box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
6759 color: #A291FB !important;
6760}
6761.ui.inverted.violet.basic.buttons .button:active,
6762.ui.inverted.violet.buttons .basic.button:active,
6763.ui.inverted.violet.basic.button:active {
6764 box-shadow: 0px 0px 0px 2px #7860f9 inset !important;
6765 color: #A291FB !important;
6766}
6767/*--- Purple ---*/
6768.ui.purple.buttons .button,
6769.ui.purple.button {
6770 background-color: #A676B2;
6771 color: #FFFFFF;
6772 text-shadow: none;
6773 background-image: none;
6774}
6775.ui.purple.button {
6776 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
6777}
6778.ui.purple.buttons .button:hover,
6779.ui.purple.button:hover {
6780 background-color: #9d62ac;
6781 color: #FFFFFF;
6782 text-shadow: none;
6783}
6784.ui.purple.buttons .button:focus,
6785.ui.purple.button:focus {
6786 background-color: #9955aa;
6787 color: #FFFFFF;
6788 text-shadow: none;
6789}
6790.ui.purple.buttons .button:active,
6791.ui.purple.button:active {
6792 background-color: #8f589d;
6793 color: #FFFFFF;
6794 text-shadow: none;
6795}
6796.ui.purple.buttons .active.button,
6797.ui.purple.buttons .active.button:active,
6798.ui.purple.active.button,
6799.ui.purple.button .active.button:active {
6800 background-color: #9e61ae;
6801 color: #FFFFFF;
6802 text-shadow: none;
6803}
6804/* Basic */
6805.ui.basic.purple.buttons .button,
6806.ui.basic.purple.button {
6807 box-shadow: 0px 0px 0px 1px #A676B2 inset !important;
6808 color: #A676B2 !important;
6809}
6810.ui.basic.purple.buttons .button:hover,
6811.ui.basic.purple.button:hover {
6812 background: transparent !important;
6813 box-shadow: 0px 0px 0px 1px #9d62ac inset !important;
6814 color: #9d62ac !important;
6815}
6816.ui.basic.purple.buttons .button:focus,
6817.ui.basic.purple.button:focus {
6818 background: transparent !important;
6819 box-shadow: 0px 0px 0px 1px #9955aa inset !important;
6820 color: #9d62ac !important;
6821}
6822.ui.basic.purple.buttons .active.button,
6823.ui.basic.purple.active.button {
6824 background: transparent !important;
6825 box-shadow: 0px 0px 0px 1px #9e61ae inset !important;
6826 color: #8f589d !important;
6827}
6828.ui.basic.purple.buttons .button:active,
6829.ui.basic.purple.button:active {
6830 box-shadow: 0px 0px 0px 1px #8f589d inset !important;
6831 color: #8f589d !important;
6832}
6833.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
6834 margin-left: -1px;
6835}
6836/* Inverted */
6837.ui.inverted.purple.buttons .button,
6838.ui.inverted.purple.button {
6839 background-color: transparent;
6840 box-shadow: 0px 0px 0px 2px #DC73FF inset !important;
6841 color: #DC73FF;
6842}
6843.ui.inverted.purple.buttons .button:hover,
6844.ui.inverted.purple.button:hover,
6845.ui.inverted.purple.buttons .button:focus,
6846.ui.inverted.purple.button:focus,
6847.ui.inverted.purple.buttons .button.active,
6848.ui.inverted.purple.button.active,
6849.ui.inverted.purple.buttons .button:active,
6850.ui.inverted.purple.button:active {
6851 box-shadow: none !important;
6852 color: #FFFFFF;
6853}
6854.ui.inverted.purple.buttons .button:hover,
6855.ui.inverted.purple.button:hover {
6856 background-color: #d65aff;
6857}
6858.ui.inverted.purple.buttons .button:focus,
6859.ui.inverted.purple.button:focus {
6860 background-color: #d24aff;
6861}
6862.ui.inverted.purple.buttons .active.button,
6863.ui.inverted.purple.active.button {
6864 background-color: #d65aff;
6865}
6866.ui.inverted.purple.buttons .button:active,
6867.ui.inverted.purple.button:active {
6868 background-color: #cf40ff;
6869}
6870/* Inverted Basic */
6871.ui.inverted.purple.basic.buttons .button,
6872.ui.inverted.purple.buttons .basic.button,
6873.ui.inverted.purple.basic.button {
6874 background-color: transparent;
6875 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
6876 color: #FFFFFF !important;
6877}
6878.ui.inverted.purple.basic.buttons .button:hover,
6879.ui.inverted.purple.buttons .basic.button:hover,
6880.ui.inverted.purple.basic.button:hover {
6881 box-shadow: 0px 0px 0px 2px #d65aff inset !important;
6882 color: #DC73FF !important;
6883}
6884.ui.inverted.purple.basic.buttons .button:focus,
6885.ui.inverted.purple.basic.buttons .button:focus,
6886.ui.inverted.purple.basic.button:focus {
6887 box-shadow: 0px 0px 0px 2px #d24aff inset !important;
6888 color: #DC73FF !important;
6889}
6890.ui.inverted.purple.basic.buttons .active.button,
6891.ui.inverted.purple.buttons .basic.active.button,
6892.ui.inverted.purple.basic.active.button {
6893 box-shadow: 0px 0px 0px 2px #d65aff inset !important;
6894 color: #DC73FF !important;
6895}
6896.ui.inverted.purple.basic.buttons .button:active,
6897.ui.inverted.purple.buttons .basic.button:active,
6898.ui.inverted.purple.basic.button:active {
6899 box-shadow: 0px 0px 0px 2px #cf40ff inset !important;
6900 color: #DC73FF !important;
6901}
6902/*--- Red ---*/
6903.ui.red.buttons .button,
6904.ui.red.button {
6905 background-color: #c0382b;
6906 color: #FFFFFF;
6907 text-shadow: none;
6908 background-image: none;
6909}
6910.ui.red.button {
6911 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
6912}
6913.ui.red.buttons .button:hover,
6914.ui.red.button:hover {
6915 background-color: #b22c20;
6916 color: #FFFFFF;
6917 text-shadow: none;
6918}
6919.ui.red.buttons .button:focus,
6920.ui.red.button:focus {
6921 background-color: #ab2417;
6922 color: #FFFFFF;
6923 text-shadow: none;
6924}
6925.ui.red.buttons .button:active,
6926.ui.red.button:active {
6927 background-color: #962c22;
6928 color: #FFFFFF;
6929 text-shadow: none;
6930}
6931.ui.red.buttons .active.button,
6932.ui.red.buttons .active.button:active,
6933.ui.red.active.button,
6934.ui.red.button .active.button:active {
6935 background-color: #b52a1c;
6936 color: #FFFFFF;
6937 text-shadow: none;
6938}
6939/* Basic */
6940.ui.basic.red.buttons .button,
6941.ui.basic.red.button {
6942 box-shadow: 0px 0px 0px 1px #c0382b inset !important;
6943 color: #c0382b !important;
6944}
6945.ui.basic.red.buttons .button:hover,
6946.ui.basic.red.button:hover {
6947 background: transparent !important;
6948 box-shadow: 0px 0px 0px 1px #b22c20 inset !important;
6949 color: #b22c20 !important;
6950}
6951.ui.basic.red.buttons .button:focus,
6952.ui.basic.red.button:focus {
6953 background: transparent !important;
6954 box-shadow: 0px 0px 0px 1px #ab2417 inset !important;
6955 color: #b22c20 !important;
6956}
6957.ui.basic.red.buttons .active.button,
6958.ui.basic.red.active.button {
6959 background: transparent !important;
6960 box-shadow: 0px 0px 0px 1px #b52a1c inset !important;
6961 color: #962c22 !important;
6962}
6963.ui.basic.red.buttons .button:active,
6964.ui.basic.red.button:active {
6965 box-shadow: 0px 0px 0px 1px #962c22 inset !important;
6966 color: #962c22 !important;
6967}
6968.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
6969 margin-left: -1px;
6970}
6971/* Inverted */
6972.ui.inverted.red.buttons .button,
6973.ui.inverted.red.button {
6974 background-color: transparent;
6975 box-shadow: 0px 0px 0px 2px #FF695E inset !important;
6976 color: #FF695E;
6977}
6978.ui.inverted.red.buttons .button:hover,
6979.ui.inverted.red.button:hover,
6980.ui.inverted.red.buttons .button:focus,
6981.ui.inverted.red.button:focus,
6982.ui.inverted.red.buttons .button.active,
6983.ui.inverted.red.button.active,
6984.ui.inverted.red.buttons .button:active,
6985.ui.inverted.red.button:active {
6986 box-shadow: none !important;
6987 color: #FFFFFF;
6988}
6989.ui.inverted.red.buttons .button:hover,
6990.ui.inverted.red.button:hover {
6991 background-color: #ff5144;
6992}
6993.ui.inverted.red.buttons .button:focus,
6994.ui.inverted.red.button:focus {
6995 background-color: #ff4335;
6996}
6997.ui.inverted.red.buttons .active.button,
6998.ui.inverted.red.active.button {
6999 background-color: #ff5144;
7000}
7001.ui.inverted.red.buttons .button:active,
7002.ui.inverted.red.button:active {
7003 background-color: #ff392b;
7004}
7005/* Inverted Basic */
7006.ui.inverted.red.basic.buttons .button,
7007.ui.inverted.red.buttons .basic.button,
7008.ui.inverted.red.basic.button {
7009 background-color: transparent;
7010 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
7011 color: #FFFFFF !important;
7012}
7013.ui.inverted.red.basic.buttons .button:hover,
7014.ui.inverted.red.buttons .basic.button:hover,
7015.ui.inverted.red.basic.button:hover {
7016 box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
7017 color: #FF695E !important;
7018}
7019.ui.inverted.red.basic.buttons .button:focus,
7020.ui.inverted.red.basic.buttons .button:focus,
7021.ui.inverted.red.basic.button:focus {
7022 box-shadow: 0px 0px 0px 2px #ff4335 inset !important;
7023 color: #FF695E !important;
7024}
7025.ui.inverted.red.basic.buttons .active.button,
7026.ui.inverted.red.buttons .basic.active.button,
7027.ui.inverted.red.basic.active.button {
7028 box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
7029 color: #FF695E !important;
7030}
7031.ui.inverted.red.basic.buttons .button:active,
7032.ui.inverted.red.buttons .basic.button:active,
7033.ui.inverted.red.basic.button:active {
7034 box-shadow: 0px 0px 0px 2px #ff392b inset !important;
7035 color: #FF695E !important;
7036}
7037/*--- Teal ---*/
7038.ui.teal.buttons .button,
7039.ui.teal.button {
7040 background-color: #00B5AD;
7041 color: #FFFFFF;
7042 text-shadow: none;
7043 background-image: none;
7044}
7045.ui.teal.button {
7046 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
7047}
7048.ui.teal.buttons .button:hover,
7049.ui.teal.button:hover {
7050 background-color: #009c95;
7051 color: #FFFFFF;
7052 text-shadow: none;
7053}
7054.ui.teal.buttons .button:focus,
7055.ui.teal.button:focus {
7056 background-color: #008c86;
7057 color: #FFFFFF;
7058 text-shadow: none;
7059}
7060.ui.teal.buttons .button:active,
7061.ui.teal.button:active {
7062 background-color: #00827c;
7063 color: #FFFFFF;
7064 text-shadow: none;
7065}
7066.ui.teal.buttons .active.button,
7067.ui.teal.buttons .active.button:active,
7068.ui.teal.active.button,
7069.ui.teal.button .active.button:active {
7070 background-color: #009c95;
7071 color: #FFFFFF;
7072 text-shadow: none;
7073}
7074/* Basic */
7075.ui.basic.teal.buttons .button,
7076.ui.basic.teal.button {
7077 box-shadow: 0px 0px 0px 1px #00B5AD inset !important;
7078 color: #00B5AD !important;
7079}
7080.ui.basic.teal.buttons .button:hover,
7081.ui.basic.teal.button:hover {
7082 background: transparent !important;
7083 box-shadow: 0px 0px 0px 1px #009c95 inset !important;
7084 color: #009c95 !important;
7085}
7086.ui.basic.teal.buttons .button:focus,
7087.ui.basic.teal.button:focus {
7088 background: transparent !important;
7089 box-shadow: 0px 0px 0px 1px #008c86 inset !important;
7090 color: #009c95 !important;
7091}
7092.ui.basic.teal.buttons .active.button,
7093.ui.basic.teal.active.button {
7094 background: transparent !important;
7095 box-shadow: 0px 0px 0px 1px #009c95 inset !important;
7096 color: #00827c !important;
7097}
7098.ui.basic.teal.buttons .button:active,
7099.ui.basic.teal.button:active {
7100 box-shadow: 0px 0px 0px 1px #00827c inset !important;
7101 color: #00827c !important;
7102}
7103.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
7104 margin-left: -1px;
7105}
7106/* Inverted */
7107.ui.inverted.teal.buttons .button,
7108.ui.inverted.teal.button {
7109 background-color: transparent;
7110 box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;
7111 color: #6DFFFF;
7112}
7113.ui.inverted.teal.buttons .button:hover,
7114.ui.inverted.teal.button:hover,
7115.ui.inverted.teal.buttons .button:focus,
7116.ui.inverted.teal.button:focus,
7117.ui.inverted.teal.buttons .button.active,
7118.ui.inverted.teal.button.active,
7119.ui.inverted.teal.buttons .button:active,
7120.ui.inverted.teal.button:active {
7121 box-shadow: none !important;
7122 color: rgba(0, 0, 0, 0.6);
7123}
7124.ui.inverted.teal.buttons .button:hover,
7125.ui.inverted.teal.button:hover {
7126 background-color: #54ffff;
7127}
7128.ui.inverted.teal.buttons .button:focus,
7129.ui.inverted.teal.button:focus {
7130 background-color: #44ffff;
7131}
7132.ui.inverted.teal.buttons .active.button,
7133.ui.inverted.teal.active.button {
7134 background-color: #54ffff;
7135}
7136.ui.inverted.teal.buttons .button:active,
7137.ui.inverted.teal.button:active {
7138 background-color: #3affff;
7139}
7140/* Inverted Basic */
7141.ui.inverted.teal.basic.buttons .button,
7142.ui.inverted.teal.buttons .basic.button,
7143.ui.inverted.teal.basic.button {
7144 background-color: transparent;
7145 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
7146 color: #FFFFFF !important;
7147}
7148.ui.inverted.teal.basic.buttons .button:hover,
7149.ui.inverted.teal.buttons .basic.button:hover,
7150.ui.inverted.teal.basic.button:hover {
7151 box-shadow: 0px 0px 0px 2px #54ffff inset !important;
7152 color: #6DFFFF !important;
7153}
7154.ui.inverted.teal.basic.buttons .button:focus,
7155.ui.inverted.teal.basic.buttons .button:focus,
7156.ui.inverted.teal.basic.button:focus {
7157 box-shadow: 0px 0px 0px 2px #44ffff inset !important;
7158 color: #6DFFFF !important;
7159}
7160.ui.inverted.teal.basic.buttons .active.button,
7161.ui.inverted.teal.buttons .basic.active.button,
7162.ui.inverted.teal.basic.active.button {
7163 box-shadow: 0px 0px 0px 2px #54ffff inset !important;
7164 color: #6DFFFF !important;
7165}
7166.ui.inverted.teal.basic.buttons .button:active,
7167.ui.inverted.teal.buttons .basic.button:active,
7168.ui.inverted.teal.basic.button:active {
7169 box-shadow: 0px 0px 0px 2px #3affff inset !important;
7170 color: #6DFFFF !important;
7171}
7172/*--- Olive ---*/
7173.ui.olive.buttons .button,
7174.ui.olive.button {
7175 background-color: #B5CC18;
7176 color: #FFFFFF;
7177 text-shadow: none;
7178 background-image: none;
7179}
7180.ui.olive.button {
7181 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
7182}
7183.ui.olive.buttons .button:hover,
7184.ui.olive.button:hover {
7185 background-color: #a7bd0d;
7186 color: #FFFFFF;
7187 text-shadow: none;
7188}
7189.ui.olive.buttons .button:focus,
7190.ui.olive.button:focus {
7191 background-color: #a0b605;
7192 color: #FFFFFF;
7193 text-shadow: none;
7194}
7195.ui.olive.buttons .button:active,
7196.ui.olive.button:active {
7197 background-color: #8d9e13;
7198 color: #FFFFFF;
7199 text-shadow: none;
7200}
7201.ui.olive.buttons .active.button,
7202.ui.olive.buttons .active.button:active,
7203.ui.olive.active.button,
7204.ui.olive.button .active.button:active {
7205 background-color: #aac109;
7206 color: #FFFFFF;
7207 text-shadow: none;
7208}
7209/* Basic */
7210.ui.basic.olive.buttons .button,
7211.ui.basic.olive.button {
7212 box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;
7213 color: #B5CC18 !important;
7214}
7215.ui.basic.olive.buttons .button:hover,
7216.ui.basic.olive.button:hover {
7217 background: transparent !important;
7218 box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;
7219 color: #a7bd0d !important;
7220}
7221.ui.basic.olive.buttons .button:focus,
7222.ui.basic.olive.button:focus {
7223 background: transparent !important;
7224 box-shadow: 0px 0px 0px 1px #a0b605 inset !important;
7225 color: #a7bd0d !important;
7226}
7227.ui.basic.olive.buttons .active.button,
7228.ui.basic.olive.active.button {
7229 background: transparent !important;
7230 box-shadow: 0px 0px 0px 1px #aac109 inset !important;
7231 color: #8d9e13 !important;
7232}
7233.ui.basic.olive.buttons .button:active,
7234.ui.basic.olive.button:active {
7235 box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
7236 color: #8d9e13 !important;
7237}
7238.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
7239 margin-left: -1px;
7240}
7241/* Inverted */
7242.ui.inverted.olive.buttons .button,
7243.ui.inverted.olive.button {
7244 background-color: transparent;
7245 box-shadow: 0px 0px 0px 2px #D9E778 inset !important;
7246 color: #D9E778;
7247}
7248.ui.inverted.olive.buttons .button:hover,
7249.ui.inverted.olive.button:hover,
7250.ui.inverted.olive.buttons .button:focus,
7251.ui.inverted.olive.button:focus,
7252.ui.inverted.olive.buttons .button.active,
7253.ui.inverted.olive.button.active,
7254.ui.inverted.olive.buttons .button:active,
7255.ui.inverted.olive.button:active {
7256 box-shadow: none !important;
7257 color: rgba(0, 0, 0, 0.6);
7258}
7259.ui.inverted.olive.buttons .button:hover,
7260.ui.inverted.olive.button:hover {
7261 background-color: #d8ea5c;
7262}
7263.ui.inverted.olive.buttons .button:focus,
7264.ui.inverted.olive.button:focus {
7265 background-color: #daef47;
7266}
7267.ui.inverted.olive.buttons .active.button,
7268.ui.inverted.olive.active.button {
7269 background-color: #daed59;
7270}
7271.ui.inverted.olive.buttons .button:active,
7272.ui.inverted.olive.button:active {
7273 background-color: #cddf4d;
7274}
7275/* Inverted Basic */
7276.ui.inverted.olive.basic.buttons .button,
7277.ui.inverted.olive.buttons .basic.button,
7278.ui.inverted.olive.basic.button {
7279 background-color: transparent;
7280 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
7281 color: #FFFFFF !important;
7282}
7283.ui.inverted.olive.basic.buttons .button:hover,
7284.ui.inverted.olive.buttons .basic.button:hover,
7285.ui.inverted.olive.basic.button:hover {
7286 box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;
7287 color: #D9E778 !important;
7288}
7289.ui.inverted.olive.basic.buttons .button:focus,
7290.ui.inverted.olive.basic.buttons .button:focus,
7291.ui.inverted.olive.basic.button:focus {
7292 box-shadow: 0px 0px 0px 2px #daef47 inset !important;
7293 color: #D9E778 !important;
7294}
7295.ui.inverted.olive.basic.buttons .active.button,
7296.ui.inverted.olive.buttons .basic.active.button,
7297.ui.inverted.olive.basic.active.button {
7298 box-shadow: 0px 0px 0px 2px #daed59 inset !important;
7299 color: #D9E778 !important;
7300}
7301.ui.inverted.olive.basic.buttons .button:active,
7302.ui.inverted.olive.buttons .basic.button:active,
7303.ui.inverted.olive.basic.button:active {
7304 box-shadow: 0px 0px 0px 2px #cddf4d inset !important;
7305 color: #D9E778 !important;
7306}
7307/*--- Yellow ---*/
7308.ui.yellow.buttons .button,
7309.ui.yellow.button {
7310 background-color: #ff9e2c;
7311 color: #FFFFFF;
7312 text-shadow: none;
7313 background-image: none;
7314}
7315.ui.yellow.button {
7316 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
7317}
7318.ui.yellow.buttons .button:hover,
7319.ui.yellow.button:hover {
7320 background-color: #ff9213;
7321 color: #FFFFFF;
7322 text-shadow: none;
7323}
7324.ui.yellow.buttons .button:focus,
7325.ui.yellow.button:focus {
7326 background-color: #ff8b03;
7327 color: #FFFFFF;
7328 text-shadow: none;
7329}
7330.ui.yellow.buttons .button:active,
7331.ui.yellow.button:active {
7332 background-color: #f88600;
7333 color: #FFFFFF;
7334 text-shadow: none;
7335}
7336.ui.yellow.buttons .active.button,
7337.ui.yellow.buttons .active.button:active,
7338.ui.yellow.active.button,
7339.ui.yellow.button .active.button:active {
7340 background-color: #ff9213;
7341 color: #FFFFFF;
7342 text-shadow: none;
7343}
7344/* Basic */
7345.ui.basic.yellow.buttons .button,
7346.ui.basic.yellow.button {
7347 box-shadow: 0px 0px 0px 1px #ff9e2c inset !important;
7348 color: #ff9e2c !important;
7349}
7350.ui.basic.yellow.buttons .button:hover,
7351.ui.basic.yellow.button:hover {
7352 background: transparent !important;
7353 box-shadow: 0px 0px 0px 1px #ff9213 inset !important;
7354 color: #ff9213 !important;
7355}
7356.ui.basic.yellow.buttons .button:focus,
7357.ui.basic.yellow.button:focus {
7358 background: transparent !important;
7359 box-shadow: 0px 0px 0px 1px #ff8b03 inset !important;
7360 color: #ff9213 !important;
7361}
7362.ui.basic.yellow.buttons .active.button,
7363.ui.basic.yellow.active.button {
7364 background: transparent !important;
7365 box-shadow: 0px 0px 0px 1px #ff9213 inset !important;
7366 color: #f88600 !important;
7367}
7368.ui.basic.yellow.buttons .button:active,
7369.ui.basic.yellow.button:active {
7370 box-shadow: 0px 0px 0px 1px #f88600 inset !important;
7371 color: #f88600 !important;
7372}
7373.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
7374 margin-left: -1px;
7375}
7376/* Inverted */
7377.ui.inverted.yellow.buttons .button,
7378.ui.inverted.yellow.button {
7379 background-color: transparent;
7380 box-shadow: 0px 0px 0px 2px #FFE21F inset !important;
7381 color: #FFE21F;
7382}
7383.ui.inverted.yellow.buttons .button:hover,
7384.ui.inverted.yellow.button:hover,
7385.ui.inverted.yellow.buttons .button:focus,
7386.ui.inverted.yellow.button:focus,
7387.ui.inverted.yellow.buttons .button.active,
7388.ui.inverted.yellow.button.active,
7389.ui.inverted.yellow.buttons .button:active,
7390.ui.inverted.yellow.button:active {
7391 box-shadow: none !important;
7392 color: rgba(0, 0, 0, 0.6);
7393}
7394.ui.inverted.yellow.buttons .button:hover,
7395.ui.inverted.yellow.button:hover {
7396 background-color: #ffdf05;
7397}
7398.ui.inverted.yellow.buttons .button:focus,
7399.ui.inverted.yellow.button:focus {
7400 background-color: #f5d500;
7401}
7402.ui.inverted.yellow.buttons .active.button,
7403.ui.inverted.yellow.active.button {
7404 background-color: #ffdf05;
7405}
7406.ui.inverted.yellow.buttons .button:active,
7407.ui.inverted.yellow.button:active {
7408 background-color: #ebcd00;
7409}
7410/* Inverted Basic */
7411.ui.inverted.yellow.basic.buttons .button,
7412.ui.inverted.yellow.buttons .basic.button,
7413.ui.inverted.yellow.basic.button {
7414 background-color: transparent;
7415 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
7416 color: #FFFFFF !important;
7417}
7418.ui.inverted.yellow.basic.buttons .button:hover,
7419.ui.inverted.yellow.buttons .basic.button:hover,
7420.ui.inverted.yellow.basic.button:hover {
7421 box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
7422 color: #FFE21F !important;
7423}
7424.ui.inverted.yellow.basic.buttons .button:focus,
7425.ui.inverted.yellow.basic.buttons .button:focus,
7426.ui.inverted.yellow.basic.button:focus {
7427 box-shadow: 0px 0px 0px 2px #f5d500 inset !important;
7428 color: #FFE21F !important;
7429}
7430.ui.inverted.yellow.basic.buttons .active.button,
7431.ui.inverted.yellow.buttons .basic.active.button,
7432.ui.inverted.yellow.basic.active.button {
7433 box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
7434 color: #FFE21F !important;
7435}
7436.ui.inverted.yellow.basic.buttons .button:active,
7437.ui.inverted.yellow.buttons .basic.button:active,
7438.ui.inverted.yellow.basic.button:active {
7439 box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;
7440 color: #FFE21F !important;
7441}
7442/*-------------------
7443 Primary
7444--------------------*/
7445/*--- Standard ---*/
7446.ui.primary.buttons .button,
7447.ui.primary.button {
7448 background-color: #3498db;
7449 color: #FFFFFF;
7450 text-shadow: none;
7451 background-image: none;
7452}
7453.ui.primary.button {
7454 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
7455}
7456.ui.primary.buttons .button:hover,
7457.ui.primary.button:hover {
7458 background-color: #1c75bd;
7459 color: #FFFFFF;
7460 text-shadow: none;
7461}
7462.ui.primary.buttons .button:focus,
7463.ui.primary.button:focus {
7464 background-color: #1386d4;
7465 color: #FFFFFF;
7466 text-shadow: none;
7467}
7468.ui.primary.buttons .button:active,
7469.ui.primary.button:active {
7470 background-color: #217dbb;
7471 color: #FFFFFF;
7472 text-shadow: none;
7473}
7474.ui.primary.buttons .active.button,
7475.ui.primary.buttons .active.button:active,
7476.ui.primary.active.button,
7477.ui.primary.button .active.button:active {
7478 background-color: #188edd;
7479 color: #FFFFFF;
7480 text-shadow: none;
7481}
7482/* Basic */
7483.ui.basic.primary.buttons .button,
7484.ui.basic.primary.button {
7485 box-shadow: 0px 0px 0px 1px #3498db inset !important;
7486 color: #3498db !important;
7487}
7488.ui.basic.primary.buttons .button:hover,
7489.ui.basic.primary.button:hover {
7490 background: transparent !important;
7491 box-shadow: 0px 0px 0px 1px #1c75bd inset !important;
7492 color: #1c75bd !important;
7493}
7494.ui.basic.primary.buttons .button:focus,
7495.ui.basic.primary.button:focus {
7496 background: transparent !important;
7497 box-shadow: 0px 0px 0px 1px #1386d4 inset !important;
7498 color: #1c75bd !important;
7499}
7500.ui.basic.primary.buttons .active.button,
7501.ui.basic.primary.active.button {
7502 background: transparent !important;
7503 box-shadow: 0px 0px 0px 1px #188edd inset !important;
7504 color: #217dbb !important;
7505}
7506.ui.basic.primary.buttons .button:active,
7507.ui.basic.primary.button:active {
7508 box-shadow: 0px 0px 0px 1px #217dbb inset !important;
7509 color: #217dbb !important;
7510}
7511.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
7512 margin-left: -1px;
7513}
7514/* Inverted */
7515.ui.inverted.primary.buttons .button,
7516.ui.inverted.primary.button {
7517 background-color: transparent;
7518 box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
7519 color: #54C8FF;
7520}
7521.ui.inverted.primary.buttons .button:hover,
7522.ui.inverted.primary.button:hover,
7523.ui.inverted.primary.buttons .button:focus,
7524.ui.inverted.primary.button:focus,
7525.ui.inverted.primary.buttons .button.active,
7526.ui.inverted.primary.button.active,
7527.ui.inverted.primary.buttons .button:active,
7528.ui.inverted.primary.button:active {
7529 box-shadow: none !important;
7530 color: #FFFFFF;
7531}
7532.ui.inverted.primary.buttons .button:hover,
7533.ui.inverted.primary.button:hover {
7534 background-color: #3ac0ff;
7535}
7536.ui.inverted.primary.buttons .button:focus,
7537.ui.inverted.primary.button:focus {
7538 background-color: #2bbbff;
7539}
7540.ui.inverted.primary.buttons .active.button,
7541.ui.inverted.primary.active.button {
7542 background-color: #3ac0ff;
7543}
7544.ui.inverted.primary.buttons .button:active,
7545.ui.inverted.primary.button:active {
7546 background-color: #21b8ff;
7547}
7548/* Inverted Basic */
7549.ui.inverted.primary.basic.buttons .button,
7550.ui.inverted.primary.buttons .basic.button,
7551.ui.inverted.primary.basic.button {
7552 background-color: transparent;
7553 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
7554 color: #FFFFFF !important;
7555}
7556.ui.inverted.primary.basic.buttons .button:hover,
7557.ui.inverted.primary.buttons .basic.button:hover,
7558.ui.inverted.primary.basic.button:hover {
7559 box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
7560 color: #54C8FF !important;
7561}
7562.ui.inverted.primary.basic.buttons .button:focus,
7563.ui.inverted.primary.basic.buttons .button:focus,
7564.ui.inverted.primary.basic.button:focus {
7565 box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
7566 color: #54C8FF !important;
7567}
7568.ui.inverted.primary.basic.buttons .active.button,
7569.ui.inverted.primary.buttons .basic.active.button,
7570.ui.inverted.primary.basic.active.button {
7571 box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
7572 color: #54C8FF !important;
7573}
7574.ui.inverted.primary.basic.buttons .button:active,
7575.ui.inverted.primary.buttons .basic.button:active,
7576.ui.inverted.primary.basic.button:active {
7577 box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
7578 color: #54C8FF !important;
7579}
7580/*-------------------
7581 Secondary
7582--------------------*/
7583/* Standard */
7584.ui.secondary.buttons .button,
7585.ui.secondary.button {
7586 background-color: #1B1C1D;
7587 color: #FFFFFF;
7588 text-shadow: none;
7589 background-image: none;
7590}
7591.ui.secondary.button {
7592 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
7593}
7594.ui.secondary.buttons .button:hover,
7595.ui.secondary.button:hover {
7596 background-color: #27292a;
7597 color: #FFFFFF;
7598 text-shadow: none;
7599}
7600.ui.secondary.buttons .button:focus,
7601.ui.secondary.button:focus {
7602 background-color: #2e3032;
7603 color: #FFFFFF;
7604 text-shadow: none;
7605}
7606.ui.secondary.buttons .button:active,
7607.ui.secondary.button:active {
7608 background-color: #343637;
7609 color: #FFFFFF;
7610 text-shadow: none;
7611}
7612.ui.secondary.buttons .active.button,
7613.ui.secondary.buttons .active.button:active,
7614.ui.secondary.active.button,
7615.ui.secondary.button .active.button:active {
7616 background-color: #27292a;
7617 color: #FFFFFF;
7618 text-shadow: none;
7619}
7620/* Basic */
7621.ui.basic.secondary.buttons .button,
7622.ui.basic.secondary.button {
7623 box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
7624 color: #1B1C1D !important;
7625}
7626.ui.basic.secondary.buttons .button:hover,
7627.ui.basic.secondary.button:hover {
7628 background: transparent !important;
7629 box-shadow: 0px 0px 0px 1px #27292a inset !important;
7630 color: #27292a !important;
7631}
7632.ui.basic.secondary.buttons .button:focus,
7633.ui.basic.secondary.button:focus {
7634 background: transparent !important;
7635 box-shadow: 0px 0px 0px 1px #2e3032 inset !important;
7636 color: #27292a !important;
7637}
7638.ui.basic.secondary.buttons .active.button,
7639.ui.basic.secondary.active.button {
7640 background: transparent !important;
7641 box-shadow: 0px 0px 0px 1px #27292a inset !important;
7642 color: #343637 !important;
7643}
7644.ui.basic.secondary.buttons .button:active,
7645.ui.basic.secondary.button:active {
7646 box-shadow: 0px 0px 0px 1px #343637 inset !important;
7647 color: #343637 !important;
7648}
7649.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
7650 margin-left: -1px;
7651}
7652/* Inverted */
7653.ui.inverted.secondary.buttons .button,
7654.ui.inverted.secondary.button {
7655 background-color: transparent;
7656 box-shadow: 0px 0px 0px 2px #545454 inset !important;
7657 color: #545454;
7658}
7659.ui.inverted.secondary.buttons .button:hover,
7660.ui.inverted.secondary.button:hover,
7661.ui.inverted.secondary.buttons .button:focus,
7662.ui.inverted.secondary.button:focus,
7663.ui.inverted.secondary.buttons .button.active,
7664.ui.inverted.secondary.button.active,
7665.ui.inverted.secondary.buttons .button:active,
7666.ui.inverted.secondary.button:active {
7667 box-shadow: none !important;
7668 color: #FFFFFF;
7669}
7670.ui.inverted.secondary.buttons .button:hover,
7671.ui.inverted.secondary.button:hover {
7672 background-color: #616161;
7673}
7674.ui.inverted.secondary.buttons .button:focus,
7675.ui.inverted.secondary.button:focus {
7676 background-color: #686868;
7677}
7678.ui.inverted.secondary.buttons .active.button,
7679.ui.inverted.secondary.active.button {
7680 background-color: #616161;
7681}
7682.ui.inverted.secondary.buttons .button:active,
7683.ui.inverted.secondary.button:active {
7684 background-color: #6e6e6e;
7685}
7686/* Inverted Basic */
7687.ui.inverted.secondary.basic.buttons .button,
7688.ui.inverted.secondary.buttons .basic.button,
7689.ui.inverted.secondary.basic.button {
7690 background-color: transparent;
7691 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
7692 color: #FFFFFF !important;
7693}
7694.ui.inverted.secondary.basic.buttons .button:hover,
7695.ui.inverted.secondary.buttons .basic.button:hover,
7696.ui.inverted.secondary.basic.button:hover {
7697 box-shadow: 0px 0px 0px 2px #616161 inset !important;
7698 color: #545454 !important;
7699}
7700.ui.inverted.secondary.basic.buttons .button:focus,
7701.ui.inverted.secondary.basic.buttons .button:focus,
7702.ui.inverted.secondary.basic.button:focus {
7703 box-shadow: 0px 0px 0px 2px #686868 inset !important;
7704 color: #545454 !important;
7705}
7706.ui.inverted.secondary.basic.buttons .active.button,
7707.ui.inverted.secondary.buttons .basic.active.button,
7708.ui.inverted.secondary.basic.active.button {
7709 box-shadow: 0px 0px 0px 2px #616161 inset !important;
7710 color: #545454 !important;
7711}
7712.ui.inverted.secondary.basic.buttons .button:active,
7713.ui.inverted.secondary.buttons .basic.button:active,
7714.ui.inverted.secondary.basic.button:active {
7715 box-shadow: 0px 0px 0px 2px #6e6e6e inset !important;
7716 color: #545454 !important;
7717}
7718/*---------------
7719 Positive
7720----------------*/
7721/* Standard */
7722.ui.positive.buttons .button,
7723.ui.positive.button {
7724 background-color: #21BA45;
7725 color: #FFFFFF;
7726 text-shadow: none;
7727 background-image: none;
7728}
7729.ui.positive.button {
7730 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
7731}
7732.ui.positive.buttons .button:hover,
7733.ui.positive.button:hover {
7734 background-color: #16ab39;
7735 color: #FFFFFF;
7736 text-shadow: none;
7737}
7738.ui.positive.buttons .button:focus,
7739.ui.positive.button:focus {
7740 background-color: #0ea432;
7741 color: #FFFFFF;
7742 text-shadow: none;
7743}
7744.ui.positive.buttons .button:active,
7745.ui.positive.button:active {
7746 background-color: #198f35;
7747 color: #FFFFFF;
7748 text-shadow: none;
7749}
7750.ui.positive.buttons .active.button,
7751.ui.positive.buttons .active.button:active,
7752.ui.positive.active.button,
7753.ui.positive.button .active.button:active {
7754 background-color: #13ae38;
7755 color: #FFFFFF;
7756 text-shadow: none;
7757}
7758/* Basic */
7759.ui.basic.positive.buttons .button,
7760.ui.basic.positive.button {
7761 box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
7762 color: #21BA45 !important;
7763}
7764.ui.basic.positive.buttons .button:hover,
7765.ui.basic.positive.button:hover {
7766 background: transparent !important;
7767 box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
7768 color: #16ab39 !important;
7769}
7770.ui.basic.positive.buttons .button:focus,
7771.ui.basic.positive.button:focus {
7772 background: transparent !important;
7773 box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
7774 color: #16ab39 !important;
7775}
7776.ui.basic.positive.buttons .active.button,
7777.ui.basic.positive.active.button {
7778 background: transparent !important;
7779 box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
7780 color: #198f35 !important;
7781}
7782.ui.basic.positive.buttons .button:active,
7783.ui.basic.positive.button:active {
7784 box-shadow: 0px 0px 0px 1px #198f35 inset !important;
7785 color: #198f35 !important;
7786}
7787.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
7788 margin-left: -1px;
7789}
7790/*---------------
7791 Negative
7792----------------*/
7793/* Standard */
7794.ui.negative.buttons .button,
7795.ui.negative.button {
7796 background-color: #c0382b;
7797 color: #454545;
7798 text-shadow: none;
7799 background-image: none;
7800}
7801.ui.negative.button {
7802 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
7803}
7804.ui.negative.buttons .button:hover,
7805.ui.negative.button:hover {
7806 background-color: #b22c20;
7807 color: #454545;
7808 text-shadow: none;
7809}
7810.ui.negative.buttons .button:focus,
7811.ui.negative.button:focus {
7812 background-color: #ab2417;
7813 color: #454545;
7814 text-shadow: none;
7815}
7816.ui.negative.buttons .button:active,
7817.ui.negative.button:active {
7818 background-color: #962c22;
7819 color: #454545;
7820 text-shadow: none;
7821}
7822.ui.negative.buttons .active.button,
7823.ui.negative.buttons .active.button:active,
7824.ui.negative.active.button,
7825.ui.negative.button .active.button:active {
7826 background-color: #b52a1c;
7827 color: #454545;
7828 text-shadow: none;
7829}
7830/* Basic */
7831.ui.basic.negative.buttons .button,
7832.ui.basic.negative.button {
7833 box-shadow: 0px 0px 0px 1px #c0382b inset !important;
7834 color: #c0382b !important;
7835}
7836.ui.basic.negative.buttons .button:hover,
7837.ui.basic.negative.button:hover {
7838 background: transparent !important;
7839 box-shadow: 0px 0px 0px 1px #b22c20 inset !important;
7840 color: #b22c20 !important;
7841}
7842.ui.basic.negative.buttons .button:focus,
7843.ui.basic.negative.button:focus {
7844 background: transparent !important;
7845 box-shadow: 0px 0px 0px 1px #ab2417 inset !important;
7846 color: #b22c20 !important;
7847}
7848.ui.basic.negative.buttons .active.button,
7849.ui.basic.negative.active.button {
7850 background: transparent !important;
7851 box-shadow: 0px 0px 0px 1px #b52a1c inset !important;
7852 color: #962c22 !important;
7853}
7854.ui.basic.negative.buttons .button:active,
7855.ui.basic.negative.button:active {
7856 box-shadow: 0px 0px 0px 1px #962c22 inset !important;
7857 color: #962c22 !important;
7858}
7859.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
7860 margin-left: -1px;
7861}
7862/*******************************
7863 Groups
7864*******************************/
7865.ui.buttons {
7866 display: inline-flex;
7867 flex-direction: row;
7868 font-size: 0em;
7869 vertical-align: baseline;
7870 margin: 0em 0.8em 0em 0em;
7871}
7872.ui.buttons:not(.basic):not(.inverted) {
7873 box-shadow: none;
7874}
7875/* Clearfix */
7876.ui.buttons:after {
7877 content: ".";
7878 display: block;
7879 height: 0;
7880 clear: both;
7881 visibility: hidden;
7882}
7883/* Standard Group */
7884.ui.buttons .button {
7885 flex: 1 0 auto;
7886 margin: 0em;
7887 border-radius: 0em;
7888 margin: 0px 0px 0px 0px;
7889}
7890.ui.buttons > .ui.button:not(.basic):not(.inverted),
7891.ui.buttons:not(.basic):not(.inverted) > .button {
7892 box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
7893}
7894.ui.buttons .button:first-child {
7895 border-left: none;
7896 margin-left: 0em;
7897 border-top-left-radius: 0px;
7898 border-bottom-left-radius: 0px;
7899}
7900.ui.buttons .button:last-child {
7901 border-top-right-radius: 0px;
7902 border-bottom-right-radius: 0px;
7903}
7904/* Vertical Style */
7905.ui.vertical.buttons {
7906 display: inline-flex;
7907 flex-direction: column;
7908}
7909.ui.vertical.buttons .button {
7910 display: block;
7911 float: none;
7912 width: 100%;
7913 margin: 0px 0px 0px 0px;
7914 box-shadow: none;
7915 border-radius: 0em;
7916}
7917.ui.vertical.buttons .button:first-child {
7918 border-top-left-radius: 0px;
7919 border-top-right-radius: 0px;
7920}
7921.ui.vertical.buttons .button:last-child {
7922 margin-bottom: 0px;
7923 border-bottom-left-radius: 0px;
7924 border-bottom-right-radius: 0px;
7925}
7926.ui.vertical.buttons .button:only-child {
7927 border-radius: 0px;
7928}
7929/*******************************
7930 Theme Overrides
7931*******************************/
7932.ui.button {
7933 color: #3498db;
7934 border: 2px solid #3498db;
7935 background: #FFFFFF;
7936 border-radius: 2px;
7937 appearance: inherit;
7938}
7939.ui.buttons .button:first-child,
7940.ui.button.primary {
7941 border: 2px solid #3498db;
7942}
7943.ui.button.primary:hover {
7944 border-color: #1c75bd;
7945}
7946.ui.button:focus {
7947 border-color: #3498db;
7948 color: #3498db;
7949 background: #FFFFFF;
7950 box-shadow: 0 0 0 1px #FFFFFF, 0 0 1px 4px #bfbebe;
7951}
7952.ui.button:hover {
7953 border-color: #3498db;
7954 color: #FFFFFF;
7955 background: #3498db;
7956}
7957.ui.button:active,
7958.ui.active.button:active,
7959.ui.active.button {
7960 border-color: #3498db;
7961 color: #FFFFFF;
7962 background: #3498db;
7963 box-shadow: 0 0 0 1px #FFFFFF, 0 0 1px 4px #bfbebe;
7964}
7965.ui.active.button:hover {
7966 border-color: #3498db;
7967 color: #FFFFFF;
7968 background: #3498db;
7969}
7970.ui.active.button:active {
7971 border-color: #3498db;
7972 color: #FFFFFF;
7973 background: #3498db;
7974 box-shadow: 0 0 0 1px #FFFFFF, 0 0 1px 4px #bfbebe;
7975}
7976.ui.disabled.button {
7977 background-color: #FFFFFF;
7978 border-color: #cccccc;
7979 color: #ababab;
7980 opacity: 100 !important;
7981}
7982/*---------------
7983 Positive
7984----------------*/
7985/* Standard */
7986.ui.positive.buttons .button,
7987.ui.positive.button {
7988 background-color: #3498db;
7989 border-color: #3498db;
7990 color: #FFFFFF;
7991 text-shadow: none;
7992 background-image: none;
7993}
7994.ui.buttons .ui.positive.button:first-child {
7995 border-style: solid;
7996 border-width: 2px;
7997}
7998.ui.positive.button {
7999 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
8000}
8001.ui.positive.buttons .button:focus,
8002.ui.positive.button:focus {
8003 background-color: #3498db;
8004 border-color: #3498db;
8005 color: #FFFFFF;
8006 text-shadow: none;
8007 box-shadow: 0 0 0 1px #FFFFFF, 0 0 1px 4px #bfbebe;
8008}
8009.ui.positive.buttons .button:hover,
8010.ui.positive.button:hover {
8011 background-color: #1c75bd;
8012 border-color: #1c75bd;
8013 color: #FFFFFF;
8014 text-shadow: none;
8015}
8016.ui.positive.buttons .button:active,
8017.ui.positive.button:active,
8018.ui.positive.buttons .active.button,
8019.ui.positive.buttons .active.button:active,
8020.ui.positive.active.button,
8021.ui.positive.button .active.button:active {
8022 background-color: #1c75bd;
8023 border-color: #1c75bd;
8024 color: #FFFFFF;
8025 text-shadow: none;
8026 box-shadow: 0 0 0 1px #FFFFFF, 0 0 1px 4px #bfbebe;
8027}
8028.ui.positive.disabled.button {
8029 background-color: #ebebeb;
8030 border-color: #ebebeb;
8031 color: #ababab;
8032 opacity: 100 !important;
8033}
8034/*---------------
8035 Negative
8036----------------*/
8037/* Standard */
8038.ui.negative.buttons .button,
8039.ui.negative.button {
8040 background: #FFFFFF;
8041 color: #454545;
8042 border: 2px solid #bdc3c7;
8043 text-shadow: none;
8044 background-image: none;
8045}
8046.ui.negative.button {
8047 box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
8048}
8049.ui.buttons .ui.negative.button:first-child {
8050 border: 2px solid #bdc3c7;
8051}
8052.ui.negative.buttons .button:focus,
8053.ui.negative.button:focus {
8054 background: #FFFFFF;
8055 color: #454545;
8056 border: 2px solid #bdc3c7;
8057 text-shadow: none;
8058 background-image: none;
8059 box-shadow: 0 0 0 1px #FFFFFF, 0 0 1px 4px #bfbebe;
8060}
8061.ui.negative.buttons .button:hover,
8062.ui.negative.button:hover,
8063.ui.buttons .ui.negative.button:hover:first-child {
8064 background: #999999;
8065 color: #FFFFFF;
8066 border: 2px solid #999999;
8067 text-shadow: none;
8068}
8069.ui.negative.buttons .button:active,
8070.ui.negative.button:active,
8071.ui.negative.buttons .active.button,
8072.ui.negative.buttons .active.button:active,
8073.ui.negative.active.button,
8074.ui.negative.button .active.button:active {
8075 background: #999999;
8076 color: #FFFFFF;
8077 border: 2px solid #999999;
8078 text-shadow: none;
8079 box-shadow: 0 0 0 1px #FFFFFF, 0 0 1px 4px #bfbebe;
8080}
8081.ui.negative.disabled.button {
8082 background-color: #FFFFFF;
8083 border-color: #cccccc;
8084 color: #ababab;
8085 opacity: 100 !important;
8086}
8087/*--------------
8088 Icon
8089---------------*/
8090.ui.icon.button {
8091 color: #586A7B;
8092 background: transparent;
8093 border: 0;
8094 margin: .4em .8em .4em .8em;
8095}
8096.ui.icon.button:hover {
8097 color: #3498db;
8098 background: transparent;
8099}
8100.ui.icon.button:active,
8101.ui.icon.button .ui.active.button,
8102.ui.icon.button.ui.active.button {
8103 color: #3498db;
8104 background: transparent;
8105}
8106/*!
8107 * # Semantic UI - Container
8108 * http://github.com/semantic-org/semantic-ui/
8109 *
8110 *
8111 * Released under the MIT license
8112 * http://opensource.org/licenses/MIT
8113 *
8114 */
8115/*******************************
8116 Theme
8117*******************************/
8118/*
8119
8120████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
8121╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
8122 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
8123 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
8124 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
8125 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
8126
8127*/
8128/*******************************
8129 Theme Selection
8130*******************************/
8131/* To override a theme for an individual element
8132 specify theme name below
8133*/
8134/* Global */
8135/* Elements */
8136/* Collections */
8137/* Modules */
8138/* Views */
8139/*******************************
8140 Folders
8141*******************************/
8142/* Path to theme packages */
8143/* Path to site override folder */
8144/*******************************
8145 Import Theme
8146*******************************/
8147/*******************************
8148 Import Directives
8149*******************************/
8150/*------------------
8151 Theme
8152-------------------*/
8153/*--------------------
8154 Site Variables
8155---------------------*/
8156/* Default site.variables */
8157/*******************************
8158 Site Settings
8159*******************************/
8160/*-------------------
8161 Fonts
8162--------------------*/
8163/*-------------------
8164 Base Sizes
8165--------------------*/
8166/* This is the single variable that controls them all */
8167/* The size of page text */
8168/*-------------------
8169 Border Radius
8170--------------------*/
8171/* See Power-user section below
8172 for explanation of @px variables
8173*/
8174/*-------------------
8175 Brand Colors
8176--------------------*/
8177/*--------------
8178 Page Heading
8179---------------*/
8180/*--------------
8181 Form Input
8182---------------*/
8183/* This adjusts the default form input across all elements */
8184/* Input Text Color */
8185/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
8186/*-------------------
8187 Focused Input
8188--------------------*/
8189/* Used on inputs, textarea etc */
8190/* Used on dropdowns, other larger blocks */
8191/*-------------------
8192 Sizes
8193--------------------*/
8194/*
8195 Sizes are all expressed in terms of 14px/em (default em)
8196 This ensures these "ratios" remain constant despite changes in EM
8197*/
8198/*-------------------
8199 Page
8200--------------------*/
8201/*-------------------
8202 Paragraph
8203--------------------*/
8204/*-------------------
8205 Links
8206--------------------*/
8207/*-------------------
8208 Scroll Bars
8209--------------------*/
8210/* Inverted */
8211/*-------------------
8212 Highlighted Text
8213--------------------*/
8214/*-------------------
8215 Loader
8216--------------------*/
8217/*-------------------
8218 Grid
8219--------------------*/
8220/*-------------------
8221 Transitions
8222--------------------*/
8223/*-------------------
8224 Breakpoints
8225--------------------*/
8226/*-------------------
8227 Site Colors
8228--------------------*/
8229/*--- Colors ---*/
8230/*--- Light Colors ---*/
8231/*--- Neutrals ---*/
8232/*--- Colored Backgrounds ---*/
8233/*--- Colored Headers ---*/
8234/*--- Colored Text ---*/
8235/*--- Colored Border ---*/
8236/*-------------------
8237 Alpha Colors
8238--------------------*/
8239/*-------------------
8240 Accents
8241--------------------*/
8242/* Differentiating Neutrals */
8243/* Differentiating Layers */
8244/*******************************
8245 Power-User
8246*******************************/
8247/*-------------------
8248 Emotive Colors
8249--------------------*/
8250/* Positive */
8251/* Negative */
8252/* Info */
8253/* Warning */
8254/*-------------------
8255 Paths
8256--------------------*/
8257/* For source only. Modified in gulp for dist */
8258/*-------------------
8259 Em Sizes
8260--------------------*/
8261/*
8262 This rounds @size values to the closest pixel then expresses that value in (r)em.
8263 This ensures all size values round to exact pixels
8264*/
8265/* em */
8266/* rem */
8267/*-------------------
8268 Icons
8269--------------------*/
8270/* Maximum Glyph Width of Icon */
8271/*-------------------
8272 Neutral Text
8273--------------------*/
8274/*-------------------
8275 Brand Colors
8276--------------------*/
8277/*-------------------
8278 Borders
8279--------------------*/
8280/*-------------------
8281 Derived Values
8282--------------------*/
8283/* Loaders Position Offset */
8284/* Rendered Scrollbar Width */
8285/* Maximum Single Character Glyph Width, aka Capital "W" */
8286/* Used to match floats with text */
8287/* Header Spacing */
8288/* Minimum Mobile Width */
8289/* Positive / Negative Dupes */
8290/* Responsive */
8291/*-------------------
8292 Exact Pixel Values
8293--------------------*/
8294/*
8295 These are used to specify exact pixel values in em
8296 for things like borders that remain constantly
8297 sized as emSize adjusts
8298
8299 Since there are many more sizes than names for sizes,
8300 these are named by their original pixel values.
8301
8302*/
8303/* Columns */
8304/*******************************
8305 States
8306*******************************/
8307/*-------------------
8308 Disabled
8309--------------------*/
8310/*-------------------
8311 Hover
8312--------------------*/
8313/*--- Shadows ---*/
8314/*--- Colors ---*/
8315/*--- Emotive ---*/
8316/*--- Brand ---*/
8317/*--- Dark Tones ---*/
8318/*--- Light Tones ---*/
8319/*-------------------
8320 Focus
8321--------------------*/
8322/*--- Colors ---*/
8323/*--- Emotive ---*/
8324/*--- Brand ---*/
8325/*--- Dark Tones ---*/
8326/*--- Light Tones ---*/
8327/*-------------------
8328 Down (:active)
8329--------------------*/
8330/*--- Colors ---*/
8331/*--- Emotive ---*/
8332/*--- Brand ---*/
8333/*--- Dark Tones ---*/
8334/*--- Light Tones ---*/
8335/*-------------------
8336 Active
8337--------------------*/
8338/*--- Colors ---*/
8339/*--- Emotive ---*/
8340/*--- Brand ---*/
8341/*--- Dark Tones ---*/
8342/*--- Light Tones ---*/
8343/* Packaged site.variables */
8344/*******************************
8345 Site Settings
8346*******************************/
8347/*-------------------
8348 Fonts
8349--------------------*/
8350/*-------------------
8351 Base Sizes
8352--------------------*/
8353/* This is the single variable that controls them all */
8354/* The size of page text */
8355/*-------------------
8356 Border Radius
8357--------------------*/
8358/* See Power-user section below
8359 for explanation of @px variables
8360*/
8361/*-------------------
8362 Brand Colors
8363--------------------*/
8364/*--------------
8365 Page Heading
8366---------------*/
8367/*--------------
8368 Form Input
8369---------------*/
8370/* This adjusts the default form input across all elements */
8371/* Input Text Color */
8372/* Line Height Default For Inputs in Browser */
8373/*-------------------
8374 Focused Input
8375--------------------*/
8376/* Used on inputs, textarea etc */
8377/* Used on dropdowns, other larger blocks */
8378/*-------------------
8379 Sizes
8380--------------------*/
8381/*
8382 Sizes are all expressed in terms of 14px/em (default em)
8383 This ensures these "ratios" remain constant despite changes in EM
8384*/
8385/*-------------------
8386 Page
8387--------------------*/
8388/*-------------------
8389 Paragraph
8390--------------------*/
8391/*-------------------
8392 Links
8393--------------------*/
8394/*-------------------
8395 Highlighted Text
8396--------------------*/
8397/*-------------------
8398 Loader
8399--------------------*/
8400/*-------------------
8401 Grid
8402--------------------*/
8403/*-------------------
8404 Transitions
8405--------------------*/
8406/*-------------------
8407 Breakpoints
8408--------------------*/
8409/*-------------------
8410 Site Colors
8411--------------------*/
8412/*--- Colors ---*/
8413/*--- Light Colors ---*/
8414/*--- Neutrals ---*/
8415/*--- Colored Backgrounds ---*/
8416/*--- Colored Headers ---*/
8417/*--- Colored Text ---*/
8418/*--- Colored Border ---*/
8419/*-------------------
8420 Alpha Colors
8421--------------------*/
8422/*-------------------
8423 Accents
8424--------------------*/
8425/* Differentiating Neutrals */
8426/* Differentiating Layers */
8427/*******************************
8428 Power-User
8429*******************************/
8430/*-------------------
8431 Emotive Colors
8432--------------------*/
8433/* Positive */
8434/* Negative */
8435/* Info */
8436/* Warning */
8437/*-------------------
8438 Paths
8439--------------------*/
8440/* For source only. Modified in gulp for dist */
8441/*-------------------
8442 Em Sizes
8443--------------------*/
8444/*
8445 This rounds @size values to the closest pixel then expresses that value in (r)em.
8446 This ensures all size values round to exact pixels
8447*/
8448/* em */
8449/* rem */
8450/*-------------------
8451 Icons
8452--------------------*/
8453/* Maximum Glyph Width of Icon */
8454/*-------------------
8455 Neutral Text
8456--------------------*/
8457/*-------------------
8458 Brand Colors
8459--------------------*/
8460/*-------------------
8461 Borders
8462--------------------*/
8463/*-------------------
8464 Derived Values
8465--------------------*/
8466/* Loaders Position Offset */
8467/* Rendered Scrollbar Width */
8468/* Maximum Single Character Glyph Width, aka Capital "W" */
8469/* Used to match floats with text */
8470/* Header Spacing */
8471/* Minimum Mobile Width */
8472/* Positive / Negative Dupes */
8473/* Responsive */
8474/*-------------------
8475 Exact Pixel Values
8476--------------------*/
8477/*
8478 These are used to specify exact pixel values in em
8479 for things like borders that remain constantly
8480 sized as emSize adjusts
8481
8482 Since there are many more sizes than names for sizes,
8483 these are named by their original pixel values.
8484
8485*/
8486/* Columns */
8487/*******************************
8488 States
8489*******************************/
8490/*-------------------
8491 Disabled
8492--------------------*/
8493/*-------------------
8494 Hover
8495--------------------*/
8496/*--- Shadows ---*/
8497/*--- Colors ---*/
8498/* https://github.com/Tripwire/octagon/issues/144 */
8499/*--- Emotive ---*/
8500/*--- Brand ---*/
8501/*--- Dark Tones ---*/
8502/*--- Light Tones ---*/
8503/*-------------------
8504 Focus
8505--------------------*/
8506/*--- Colors ---*/
8507/*--- Emotive ---*/
8508/*--- Brand ---*/
8509/*--- Dark Tones ---*/
8510/*--- Light Tones ---*/
8511/*-------------------
8512 Down (:active)
8513--------------------*/
8514/*--- Colors ---*/
8515/*--- Emotive ---*/
8516/*--- Brand ---*/
8517/*--- Dark Tones ---*/
8518/*--- Light Tones ---*/
8519/*-------------------
8520 Active
8521--------------------*/
8522/*--- Colors ---*/
8523/*--- Emotive ---*/
8524/*--- Brand ---*/
8525/*--- Dark Tones ---*/
8526/*--- Light Tones ---*/
8527/* Component's site.variables */
8528/*******************************
8529 Site Settings
8530*******************************/
8531/*-------------------
8532 Fonts
8533--------------------*/
8534/*-------------------
8535 Base Sizes
8536--------------------*/
8537/* This is the single variable that controls them all */
8538/* The size of page text */
8539/*-------------------
8540 Border Radius
8541--------------------*/
8542/* See Power-user section below
8543 for explanation of @px variables
8544*/
8545/*-------------------
8546 Brand Colors
8547--------------------*/
8548/*--------------
8549 Page Heading
8550---------------*/
8551/*--------------
8552 Form Input
8553---------------*/
8554/* This adjusts the default form input across all elements */
8555/* Input Text Color */
8556/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
8557/*-------------------
8558 Focused Input
8559--------------------*/
8560/* Used on inputs, textarea etc */
8561/* Used on dropdowns, other larger blocks */
8562/*-------------------
8563 Sizes
8564--------------------*/
8565/*
8566 Sizes are all expressed in terms of 14px/em (default em)
8567 This ensures these "ratios" remain constant despite changes in EM
8568*/
8569/*-------------------
8570 Page
8571--------------------*/
8572/*-------------------
8573 Paragraph
8574--------------------*/
8575/*-------------------
8576 Links
8577--------------------*/
8578/*-------------------
8579 Scroll Bars
8580--------------------*/
8581/* Inverted */
8582/*-------------------
8583 Highlighted Text
8584--------------------*/
8585/*-------------------
8586 Loader
8587--------------------*/
8588/*-------------------
8589 Grid
8590--------------------*/
8591/*-------------------
8592 Transitions
8593--------------------*/
8594/*-------------------
8595 Breakpoints
8596--------------------*/
8597/*-------------------
8598 Site Colors
8599--------------------*/
8600/*--- Colors ---*/
8601/*--- Light Colors ---*/
8602/*--- Neutrals ---*/
8603/*--- Colored Backgrounds ---*/
8604/*--- Colored Headers ---*/
8605/*--- Colored Text ---*/
8606/*--- Colored Border ---*/
8607/*-------------------
8608 Alpha Colors
8609--------------------*/
8610/*-------------------
8611 Accents
8612--------------------*/
8613/* Differentiating Neutrals */
8614/* Differentiating Layers */
8615/*******************************
8616 Power-User
8617*******************************/
8618/*-------------------
8619 Emotive Colors
8620--------------------*/
8621/* Positive */
8622/* Negative */
8623/* Info */
8624/* Warning */
8625/*-------------------
8626 Paths
8627--------------------*/
8628/* For source only. Modified in gulp for dist */
8629/*-------------------
8630 Em Sizes
8631--------------------*/
8632/*
8633 This rounds @size values to the closest pixel then expresses that value in (r)em.
8634 This ensures all size values round to exact pixels
8635*/
8636/* em */
8637/* rem */
8638/*-------------------
8639 Icons
8640--------------------*/
8641/* Maximum Glyph Width of Icon */
8642/*-------------------
8643 Neutral Text
8644--------------------*/
8645/*-------------------
8646 Brand Colors
8647--------------------*/
8648/*-------------------
8649 Borders
8650--------------------*/
8651/*-------------------
8652 Derived Values
8653--------------------*/
8654/* Loaders Position Offset */
8655/* Rendered Scrollbar Width */
8656/* Maximum Single Character Glyph Width, aka Capital "W" */
8657/* Used to match floats with text */
8658/* Header Spacing */
8659/* Minimum Mobile Width */
8660/* Positive / Negative Dupes */
8661/* Responsive */
8662/*-------------------
8663 Exact Pixel Values
8664--------------------*/
8665/*
8666 These are used to specify exact pixel values in em
8667 for things like borders that remain constantly
8668 sized as emSize adjusts
8669
8670 Since there are many more sizes than names for sizes,
8671 these are named by their original pixel values.
8672
8673*/
8674/* Columns */
8675/*******************************
8676 States
8677*******************************/
8678/*-------------------
8679 Disabled
8680--------------------*/
8681/*-------------------
8682 Hover
8683--------------------*/
8684/*--- Shadows ---*/
8685/*--- Colors ---*/
8686/*--- Emotive ---*/
8687/*--- Brand ---*/
8688/*--- Dark Tones ---*/
8689/*--- Light Tones ---*/
8690/*-------------------
8691 Focus
8692--------------------*/
8693/*--- Colors ---*/
8694/*--- Emotive ---*/
8695/*--- Brand ---*/
8696/*--- Dark Tones ---*/
8697/*--- Light Tones ---*/
8698/*-------------------
8699 Down (:active)
8700--------------------*/
8701/*--- Colors ---*/
8702/*--- Emotive ---*/
8703/*--- Brand ---*/
8704/*--- Dark Tones ---*/
8705/*--- Light Tones ---*/
8706/*-------------------
8707 Active
8708--------------------*/
8709/*--- Colors ---*/
8710/*--- Emotive ---*/
8711/*--- Brand ---*/
8712/*--- Dark Tones ---*/
8713/*--- Light Tones ---*/
8714/* Site theme site.variables */
8715/*-------------------
8716 Component Variables
8717---------------------*/
8718/* Default */
8719/*******************************
8720 Container
8721*******************************/
8722/*-------------------
8723 Element
8724--------------------*/
8725/* Minimum Gutter is used to determine the maximum container width for a given device */
8726/* Devices */
8727/* Coupling (Add Negative Margin to container size) */
8728/*-------------------
8729 Types
8730--------------------*/
8731/* Text */
8732/* Packaged Theme */
8733/*******************************
8734 Container
8735*******************************/
8736/*-------------------
8737 Element
8738--------------------*/
8739/* Minimum Gutter is used to determine the maximum container width for a given device */
8740/* Devices */
8741/* Coupling (Add Negative Margin to container size) */
8742/*-------------------
8743 Types
8744--------------------*/
8745/* Text */
8746/* Site Theme */
8747/*******************************
8748 Mix-ins
8749*******************************/
8750/*------------------
8751 Fonts
8752-------------------*/
8753/*------------------
8754 Overrides
8755-------------------*/
8756/* End Config */
8757/*******************************
8758 Container
8759*******************************/
8760/* All Sizes */
8761.ui.container {
8762 display: block;
8763 max-width: 100% !important;
8764}
8765/* Mobile */
8766@media only screen and (max-width: 767px) {
8767 .ui.container {
8768 width: auto !important;
8769 margin-left: 1em !important;
8770 margin-right: 1em !important;
8771 }
8772 .ui.grid.container {
8773 width: auto !important;
8774 }
8775 .ui.relaxed.grid.container {
8776 width: auto !important;
8777 }
8778 .ui.very.relaxed.grid.container {
8779 width: auto !important;
8780 }
8781}
8782/* Tablet */
8783@media only screen and (min-width: 768px) and (max-width: 991px) {
8784 .ui.container {
8785 width: 723px;
8786 margin-left: auto !important;
8787 margin-right: auto !important;
8788 }
8789 .ui.grid.container {
8790 width: calc( 723px + 2rem ) !important;
8791 }
8792 .ui.relaxed.grid.container {
8793 width: calc( 723px + 3rem ) !important;
8794 }
8795 .ui.very.relaxed.grid.container {
8796 width: calc( 723px + 5rem ) !important;
8797 }
8798}
8799/* Small Monitor */
8800@media only screen and (min-width: 992px) and (max-width: 1199px) {
8801 .ui.container {
8802 width: 933px;
8803 margin-left: auto !important;
8804 margin-right: auto !important;
8805 }
8806 .ui.grid.container {
8807 width: calc( 933px + 2rem ) !important;
8808 }
8809 .ui.relaxed.grid.container {
8810 width: calc( 933px + 3rem ) !important;
8811 }
8812 .ui.very.relaxed.grid.container {
8813 width: calc( 933px + 5rem ) !important;
8814 }
8815}
8816/* Large Monitor */
8817@media only screen and (min-width: 1200px) {
8818 .ui.container {
8819 width: 1127px;
8820 margin-left: auto !important;
8821 margin-right: auto !important;
8822 }
8823 .ui.grid.container {
8824 width: calc( 1127px + 2rem ) !important;
8825 }
8826 .ui.relaxed.grid.container {
8827 width: calc( 1127px + 3rem ) !important;
8828 }
8829 .ui.very.relaxed.grid.container {
8830 width: calc( 1127px + 5rem ) !important;
8831 }
8832}
8833/*******************************
8834 Types
8835*******************************/
8836/* Text Container */
8837.ui.text.container {
8838 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
8839 max-width: 700px !important;
8840 line-height: 1.5;
8841}
8842.ui.text.container {
8843 font-size: 1.14285714rem;
8844}
8845/* Fluid */
8846.ui.fluid.container {
8847 width: 100%;
8848}
8849/*******************************
8850 Variations
8851*******************************/
8852.ui[class*="left aligned"].container {
8853 text-align: left;
8854}
8855.ui[class*="center aligned"].container {
8856 text-align: center;
8857}
8858.ui[class*="right aligned"].container {
8859 text-align: right;
8860}
8861.ui.justified.container {
8862 text-align: justify;
8863 hyphens: auto;
8864}
8865/*******************************
8866 Theme Overrides
8867*******************************/
8868/*!
8869 * # Semantic UI - Divider
8870 * http://github.com/semantic-org/semantic-ui/
8871 *
8872 *
8873 * Released under the MIT license
8874 * http://opensource.org/licenses/MIT
8875 *
8876 */
8877/*******************************
8878 Theme
8879*******************************/
8880/*
8881
8882████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
8883╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
8884 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
8885 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
8886 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
8887 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
8888
8889*/
8890/*******************************
8891 Theme Selection
8892*******************************/
8893/* To override a theme for an individual element
8894 specify theme name below
8895*/
8896/* Global */
8897/* Elements */
8898/* Collections */
8899/* Modules */
8900/* Views */
8901/*******************************
8902 Folders
8903*******************************/
8904/* Path to theme packages */
8905/* Path to site override folder */
8906/*******************************
8907 Import Theme
8908*******************************/
8909/*******************************
8910 Import Directives
8911*******************************/
8912/*------------------
8913 Theme
8914-------------------*/
8915/*--------------------
8916 Site Variables
8917---------------------*/
8918/* Default site.variables */
8919/*******************************
8920 Site Settings
8921*******************************/
8922/*-------------------
8923 Fonts
8924--------------------*/
8925/*-------------------
8926 Base Sizes
8927--------------------*/
8928/* This is the single variable that controls them all */
8929/* The size of page text */
8930/*-------------------
8931 Border Radius
8932--------------------*/
8933/* See Power-user section below
8934 for explanation of @px variables
8935*/
8936/*-------------------
8937 Brand Colors
8938--------------------*/
8939/*--------------
8940 Page Heading
8941---------------*/
8942/*--------------
8943 Form Input
8944---------------*/
8945/* This adjusts the default form input across all elements */
8946/* Input Text Color */
8947/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
8948/*-------------------
8949 Focused Input
8950--------------------*/
8951/* Used on inputs, textarea etc */
8952/* Used on dropdowns, other larger blocks */
8953/*-------------------
8954 Sizes
8955--------------------*/
8956/*
8957 Sizes are all expressed in terms of 14px/em (default em)
8958 This ensures these "ratios" remain constant despite changes in EM
8959*/
8960/*-------------------
8961 Page
8962--------------------*/
8963/*-------------------
8964 Paragraph
8965--------------------*/
8966/*-------------------
8967 Links
8968--------------------*/
8969/*-------------------
8970 Scroll Bars
8971--------------------*/
8972/* Inverted */
8973/*-------------------
8974 Highlighted Text
8975--------------------*/
8976/*-------------------
8977 Loader
8978--------------------*/
8979/*-------------------
8980 Grid
8981--------------------*/
8982/*-------------------
8983 Transitions
8984--------------------*/
8985/*-------------------
8986 Breakpoints
8987--------------------*/
8988/*-------------------
8989 Site Colors
8990--------------------*/
8991/*--- Colors ---*/
8992/*--- Light Colors ---*/
8993/*--- Neutrals ---*/
8994/*--- Colored Backgrounds ---*/
8995/*--- Colored Headers ---*/
8996/*--- Colored Text ---*/
8997/*--- Colored Border ---*/
8998/*-------------------
8999 Alpha Colors
9000--------------------*/
9001/*-------------------
9002 Accents
9003--------------------*/
9004/* Differentiating Neutrals */
9005/* Differentiating Layers */
9006/*******************************
9007 Power-User
9008*******************************/
9009/*-------------------
9010 Emotive Colors
9011--------------------*/
9012/* Positive */
9013/* Negative */
9014/* Info */
9015/* Warning */
9016/*-------------------
9017 Paths
9018--------------------*/
9019/* For source only. Modified in gulp for dist */
9020/*-------------------
9021 Em Sizes
9022--------------------*/
9023/*
9024 This rounds @size values to the closest pixel then expresses that value in (r)em.
9025 This ensures all size values round to exact pixels
9026*/
9027/* em */
9028/* rem */
9029/*-------------------
9030 Icons
9031--------------------*/
9032/* Maximum Glyph Width of Icon */
9033/*-------------------
9034 Neutral Text
9035--------------------*/
9036/*-------------------
9037 Brand Colors
9038--------------------*/
9039/*-------------------
9040 Borders
9041--------------------*/
9042/*-------------------
9043 Derived Values
9044--------------------*/
9045/* Loaders Position Offset */
9046/* Rendered Scrollbar Width */
9047/* Maximum Single Character Glyph Width, aka Capital "W" */
9048/* Used to match floats with text */
9049/* Header Spacing */
9050/* Minimum Mobile Width */
9051/* Positive / Negative Dupes */
9052/* Responsive */
9053/*-------------------
9054 Exact Pixel Values
9055--------------------*/
9056/*
9057 These are used to specify exact pixel values in em
9058 for things like borders that remain constantly
9059 sized as emSize adjusts
9060
9061 Since there are many more sizes than names for sizes,
9062 these are named by their original pixel values.
9063
9064*/
9065/* Columns */
9066/*******************************
9067 States
9068*******************************/
9069/*-------------------
9070 Disabled
9071--------------------*/
9072/*-------------------
9073 Hover
9074--------------------*/
9075/*--- Shadows ---*/
9076/*--- Colors ---*/
9077/*--- Emotive ---*/
9078/*--- Brand ---*/
9079/*--- Dark Tones ---*/
9080/*--- Light Tones ---*/
9081/*-------------------
9082 Focus
9083--------------------*/
9084/*--- Colors ---*/
9085/*--- Emotive ---*/
9086/*--- Brand ---*/
9087/*--- Dark Tones ---*/
9088/*--- Light Tones ---*/
9089/*-------------------
9090 Down (:active)
9091--------------------*/
9092/*--- Colors ---*/
9093/*--- Emotive ---*/
9094/*--- Brand ---*/
9095/*--- Dark Tones ---*/
9096/*--- Light Tones ---*/
9097/*-------------------
9098 Active
9099--------------------*/
9100/*--- Colors ---*/
9101/*--- Emotive ---*/
9102/*--- Brand ---*/
9103/*--- Dark Tones ---*/
9104/*--- Light Tones ---*/
9105/* Packaged site.variables */
9106/*******************************
9107 Site Settings
9108*******************************/
9109/*-------------------
9110 Fonts
9111--------------------*/
9112/*-------------------
9113 Base Sizes
9114--------------------*/
9115/* This is the single variable that controls them all */
9116/* The size of page text */
9117/*-------------------
9118 Border Radius
9119--------------------*/
9120/* See Power-user section below
9121 for explanation of @px variables
9122*/
9123/*-------------------
9124 Brand Colors
9125--------------------*/
9126/*--------------
9127 Page Heading
9128---------------*/
9129/*--------------
9130 Form Input
9131---------------*/
9132/* This adjusts the default form input across all elements */
9133/* Input Text Color */
9134/* Line Height Default For Inputs in Browser */
9135/*-------------------
9136 Focused Input
9137--------------------*/
9138/* Used on inputs, textarea etc */
9139/* Used on dropdowns, other larger blocks */
9140/*-------------------
9141 Sizes
9142--------------------*/
9143/*
9144 Sizes are all expressed in terms of 14px/em (default em)
9145 This ensures these "ratios" remain constant despite changes in EM
9146*/
9147/*-------------------
9148 Page
9149--------------------*/
9150/*-------------------
9151 Paragraph
9152--------------------*/
9153/*-------------------
9154 Links
9155--------------------*/
9156/*-------------------
9157 Highlighted Text
9158--------------------*/
9159/*-------------------
9160 Loader
9161--------------------*/
9162/*-------------------
9163 Grid
9164--------------------*/
9165/*-------------------
9166 Transitions
9167--------------------*/
9168/*-------------------
9169 Breakpoints
9170--------------------*/
9171/*-------------------
9172 Site Colors
9173--------------------*/
9174/*--- Colors ---*/
9175/*--- Light Colors ---*/
9176/*--- Neutrals ---*/
9177/*--- Colored Backgrounds ---*/
9178/*--- Colored Headers ---*/
9179/*--- Colored Text ---*/
9180/*--- Colored Border ---*/
9181/*-------------------
9182 Alpha Colors
9183--------------------*/
9184/*-------------------
9185 Accents
9186--------------------*/
9187/* Differentiating Neutrals */
9188/* Differentiating Layers */
9189/*******************************
9190 Power-User
9191*******************************/
9192/*-------------------
9193 Emotive Colors
9194--------------------*/
9195/* Positive */
9196/* Negative */
9197/* Info */
9198/* Warning */
9199/*-------------------
9200 Paths
9201--------------------*/
9202/* For source only. Modified in gulp for dist */
9203/*-------------------
9204 Em Sizes
9205--------------------*/
9206/*
9207 This rounds @size values to the closest pixel then expresses that value in (r)em.
9208 This ensures all size values round to exact pixels
9209*/
9210/* em */
9211/* rem */
9212/*-------------------
9213 Icons
9214--------------------*/
9215/* Maximum Glyph Width of Icon */
9216/*-------------------
9217 Neutral Text
9218--------------------*/
9219/*-------------------
9220 Brand Colors
9221--------------------*/
9222/*-------------------
9223 Borders
9224--------------------*/
9225/*-------------------
9226 Derived Values
9227--------------------*/
9228/* Loaders Position Offset */
9229/* Rendered Scrollbar Width */
9230/* Maximum Single Character Glyph Width, aka Capital "W" */
9231/* Used to match floats with text */
9232/* Header Spacing */
9233/* Minimum Mobile Width */
9234/* Positive / Negative Dupes */
9235/* Responsive */
9236/*-------------------
9237 Exact Pixel Values
9238--------------------*/
9239/*
9240 These are used to specify exact pixel values in em
9241 for things like borders that remain constantly
9242 sized as emSize adjusts
9243
9244 Since there are many more sizes than names for sizes,
9245 these are named by their original pixel values.
9246
9247*/
9248/* Columns */
9249/*******************************
9250 States
9251*******************************/
9252/*-------------------
9253 Disabled
9254--------------------*/
9255/*-------------------
9256 Hover
9257--------------------*/
9258/*--- Shadows ---*/
9259/*--- Colors ---*/
9260/* https://github.com/Tripwire/octagon/issues/144 */
9261/*--- Emotive ---*/
9262/*--- Brand ---*/
9263/*--- Dark Tones ---*/
9264/*--- Light Tones ---*/
9265/*-------------------
9266 Focus
9267--------------------*/
9268/*--- Colors ---*/
9269/*--- Emotive ---*/
9270/*--- Brand ---*/
9271/*--- Dark Tones ---*/
9272/*--- Light Tones ---*/
9273/*-------------------
9274 Down (:active)
9275--------------------*/
9276/*--- Colors ---*/
9277/*--- Emotive ---*/
9278/*--- Brand ---*/
9279/*--- Dark Tones ---*/
9280/*--- Light Tones ---*/
9281/*-------------------
9282 Active
9283--------------------*/
9284/*--- Colors ---*/
9285/*--- Emotive ---*/
9286/*--- Brand ---*/
9287/*--- Dark Tones ---*/
9288/*--- Light Tones ---*/
9289/* Component's site.variables */
9290/*******************************
9291 Site Settings
9292*******************************/
9293/*-------------------
9294 Fonts
9295--------------------*/
9296/*-------------------
9297 Base Sizes
9298--------------------*/
9299/* This is the single variable that controls them all */
9300/* The size of page text */
9301/*-------------------
9302 Border Radius
9303--------------------*/
9304/* See Power-user section below
9305 for explanation of @px variables
9306*/
9307/*-------------------
9308 Brand Colors
9309--------------------*/
9310/*--------------
9311 Page Heading
9312---------------*/
9313/*--------------
9314 Form Input
9315---------------*/
9316/* This adjusts the default form input across all elements */
9317/* Input Text Color */
9318/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
9319/*-------------------
9320 Focused Input
9321--------------------*/
9322/* Used on inputs, textarea etc */
9323/* Used on dropdowns, other larger blocks */
9324/*-------------------
9325 Sizes
9326--------------------*/
9327/*
9328 Sizes are all expressed in terms of 14px/em (default em)
9329 This ensures these "ratios" remain constant despite changes in EM
9330*/
9331/*-------------------
9332 Page
9333--------------------*/
9334/*-------------------
9335 Paragraph
9336--------------------*/
9337/*-------------------
9338 Links
9339--------------------*/
9340/*-------------------
9341 Scroll Bars
9342--------------------*/
9343/* Inverted */
9344/*-------------------
9345 Highlighted Text
9346--------------------*/
9347/*-------------------
9348 Loader
9349--------------------*/
9350/*-------------------
9351 Grid
9352--------------------*/
9353/*-------------------
9354 Transitions
9355--------------------*/
9356/*-------------------
9357 Breakpoints
9358--------------------*/
9359/*-------------------
9360 Site Colors
9361--------------------*/
9362/*--- Colors ---*/
9363/*--- Light Colors ---*/
9364/*--- Neutrals ---*/
9365/*--- Colored Backgrounds ---*/
9366/*--- Colored Headers ---*/
9367/*--- Colored Text ---*/
9368/*--- Colored Border ---*/
9369/*-------------------
9370 Alpha Colors
9371--------------------*/
9372/*-------------------
9373 Accents
9374--------------------*/
9375/* Differentiating Neutrals */
9376/* Differentiating Layers */
9377/*******************************
9378 Power-User
9379*******************************/
9380/*-------------------
9381 Emotive Colors
9382--------------------*/
9383/* Positive */
9384/* Negative */
9385/* Info */
9386/* Warning */
9387/*-------------------
9388 Paths
9389--------------------*/
9390/* For source only. Modified in gulp for dist */
9391/*-------------------
9392 Em Sizes
9393--------------------*/
9394/*
9395 This rounds @size values to the closest pixel then expresses that value in (r)em.
9396 This ensures all size values round to exact pixels
9397*/
9398/* em */
9399/* rem */
9400/*-------------------
9401 Icons
9402--------------------*/
9403/* Maximum Glyph Width of Icon */
9404/*-------------------
9405 Neutral Text
9406--------------------*/
9407/*-------------------
9408 Brand Colors
9409--------------------*/
9410/*-------------------
9411 Borders
9412--------------------*/
9413/*-------------------
9414 Derived Values
9415--------------------*/
9416/* Loaders Position Offset */
9417/* Rendered Scrollbar Width */
9418/* Maximum Single Character Glyph Width, aka Capital "W" */
9419/* Used to match floats with text */
9420/* Header Spacing */
9421/* Minimum Mobile Width */
9422/* Positive / Negative Dupes */
9423/* Responsive */
9424/*-------------------
9425 Exact Pixel Values
9426--------------------*/
9427/*
9428 These are used to specify exact pixel values in em
9429 for things like borders that remain constantly
9430 sized as emSize adjusts
9431
9432 Since there are many more sizes than names for sizes,
9433 these are named by their original pixel values.
9434
9435*/
9436/* Columns */
9437/*******************************
9438 States
9439*******************************/
9440/*-------------------
9441 Disabled
9442--------------------*/
9443/*-------------------
9444 Hover
9445--------------------*/
9446/*--- Shadows ---*/
9447/*--- Colors ---*/
9448/*--- Emotive ---*/
9449/*--- Brand ---*/
9450/*--- Dark Tones ---*/
9451/*--- Light Tones ---*/
9452/*-------------------
9453 Focus
9454--------------------*/
9455/*--- Colors ---*/
9456/*--- Emotive ---*/
9457/*--- Brand ---*/
9458/*--- Dark Tones ---*/
9459/*--- Light Tones ---*/
9460/*-------------------
9461 Down (:active)
9462--------------------*/
9463/*--- Colors ---*/
9464/*--- Emotive ---*/
9465/*--- Brand ---*/
9466/*--- Dark Tones ---*/
9467/*--- Light Tones ---*/
9468/*-------------------
9469 Active
9470--------------------*/
9471/*--- Colors ---*/
9472/*--- Emotive ---*/
9473/*--- Brand ---*/
9474/*--- Dark Tones ---*/
9475/*--- Light Tones ---*/
9476/* Site theme site.variables */
9477/*-------------------
9478 Component Variables
9479---------------------*/
9480/* Default */
9481/*******************************
9482 Divider
9483*******************************/
9484/*-------------------
9485 Element
9486--------------------*/
9487/* Text */
9488/*-------------------
9489 Coupling
9490--------------------*/
9491/* Icon */
9492/*******************************
9493 Variations
9494*******************************/
9495/* Horizontal / Vertical */
9496/* Inverted */
9497/* Section */
9498/* Sizes */
9499/* Packaged Theme */
9500/*******************************
9501 Divider
9502*******************************/
9503/*-------------------
9504 Element
9505--------------------*/
9506/* Text */
9507/*-------------------
9508 Coupling
9509--------------------*/
9510/* Icon */
9511/*******************************
9512 Variations
9513*******************************/
9514/* Horizontal / Vertical */
9515/* Inverted */
9516/* Section */
9517/* Sizes */
9518/* Site Theme */
9519/*******************************
9520 Mix-ins
9521*******************************/
9522/*------------------
9523 Fonts
9524-------------------*/
9525/*------------------
9526 Overrides
9527-------------------*/
9528/* End Config */
9529/*******************************
9530 Divider
9531*******************************/
9532.ui.divider {
9533 margin: 1rem 0rem;
9534 line-height: 1;
9535 height: 0em;
9536 font-weight: bold;
9537 text-transform: uppercase;
9538 letter-spacing: 0.05em;
9539 color: rgba(0, 0, 0, 0.85);
9540 user-select: none;
9541 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
9542}
9543/*--------------
9544 Basic
9545---------------*/
9546.ui.divider:not(.vertical):not(.horizontal) {
9547 border-top: 1px solid rgba(34, 36, 38, 0.15);
9548 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
9549}
9550/*--------------
9551 Coupling
9552---------------*/
9553/* Allow divider between each column row */
9554.ui.grid > .column + .divider,
9555.ui.grid > .row > .column + .divider {
9556 left: auto;
9557}
9558/*--------------
9559 Horizontal
9560---------------*/
9561.ui.horizontal.divider {
9562 display: table;
9563 white-space: nowrap;
9564 height: auto;
9565 margin: '';
9566 line-height: 1;
9567 text-align: center;
9568}
9569.ui.horizontal.divider:before,
9570.ui.horizontal.divider:after {
9571 content: '';
9572 display: table-cell;
9573 position: relative;
9574 top: 50%;
9575 width: 50%;
9576 background-repeat: no-repeat;
9577}
9578.ui.horizontal.divider:before {
9579 background-position: right 1em top 50%;
9580}
9581.ui.horizontal.divider:after {
9582 background-position: left 1em top 50%;
9583}
9584/*--------------
9585 Vertical
9586---------------*/
9587.ui.vertical.divider {
9588 position: absolute;
9589 z-index: 2;
9590 top: 50%;
9591 left: 50%;
9592 margin: 0rem;
9593 padding: 0em;
9594 width: auto;
9595 height: 50%;
9596 line-height: 0em;
9597 text-align: center;
9598 transform: translateX(-50%);
9599}
9600.ui.vertical.divider:before,
9601.ui.vertical.divider:after {
9602 position: absolute;
9603 left: 50%;
9604 content: '';
9605 z-index: 3;
9606 border-left: 1px solid rgba(34, 36, 38, 0.15);
9607 border-right: 1px solid rgba(255, 255, 255, 0.1);
9608 width: 0%;
9609 height: calc(100% - 1rem );
9610}
9611.ui.vertical.divider:before {
9612 top: -100%;
9613}
9614.ui.vertical.divider:after {
9615 top: auto;
9616 bottom: 0px;
9617}
9618/* Inside grid */
9619@media only screen and (max-width: 767px) {
9620 .ui.stackable.grid .ui.vertical.divider,
9621 .ui.grid .stackable.row .ui.vertical.divider {
9622 display: table;
9623 white-space: nowrap;
9624 height: auto;
9625 margin: '';
9626 overflow: hidden;
9627 line-height: 1;
9628 text-align: center;
9629 position: static;
9630 top: 0;
9631 left: 0;
9632 transform: none;
9633 }
9634 .ui.stackable.grid .ui.vertical.divider:before,
9635 .ui.grid .stackable.row .ui.vertical.divider:before,
9636 .ui.stackable.grid .ui.vertical.divider:after,
9637 .ui.grid .stackable.row .ui.vertical.divider:after {
9638 position: static;
9639 left: 0;
9640 border-left: none;
9641 border-right: none;
9642 content: '';
9643 display: table-cell;
9644 position: relative;
9645 top: 50%;
9646 width: 50%;
9647 background-repeat: no-repeat;
9648 }
9649 .ui.stackable.grid .ui.vertical.divider:before,
9650 .ui.grid .stackable.row .ui.vertical.divider:before {
9651 background-position: right 1em top 50%;
9652 }
9653 .ui.stackable.grid .ui.vertical.divider:after,
9654 .ui.grid .stackable.row .ui.vertical.divider:after {
9655 background-position: left 1em top 50%;
9656 }
9657}
9658/*--------------
9659 Icon
9660---------------*/
9661.ui.divider > .icon {
9662 margin: 0rem;
9663 font-size: 1rem;
9664 height: 1em;
9665 vertical-align: middle;
9666}
9667/*******************************
9668 Variations
9669*******************************/
9670/*--------------
9671 Hidden
9672---------------*/
9673.ui.hidden.divider {
9674 border-color: transparent !important;
9675}
9676.ui.hidden.divider:before,
9677.ui.hidden.divider:after {
9678 display: none;
9679}
9680/*--------------
9681 Inverted
9682---------------*/
9683.ui.divider.inverted,
9684.ui.vertical.inverted.divider,
9685.ui.horizontal.inverted.divider {
9686 color: #FFFFFF;
9687}
9688.ui.divider.inverted,
9689.ui.divider.inverted:after,
9690.ui.divider.inverted:before {
9691 border-top-color: rgba(34, 36, 38, 0.15) !important;
9692 border-left-color: rgba(34, 36, 38, 0.15) !important;
9693 border-bottom-color: rgba(255, 255, 255, 0.15) !important;
9694 border-right-color: rgba(255, 255, 255, 0.15) !important;
9695}
9696/*--------------
9697 Fitted
9698---------------*/
9699.ui.fitted.divider {
9700 margin: 0em;
9701}
9702/*--------------
9703 Clearing
9704---------------*/
9705.ui.clearing.divider {
9706 clear: both;
9707}
9708/*--------------
9709 Section
9710---------------*/
9711.ui.section.divider {
9712 margin-top: 2rem;
9713 margin-bottom: 2rem;
9714}
9715/*--------------
9716 Sizes
9717---------------*/
9718.ui.divider {
9719 font-size: 1rem;
9720}
9721/*******************************
9722 Theme Overrides
9723*******************************/
9724.ui.horizontal.divider:before,
9725.ui.horizontal.divider:after {
9726 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
9727}
9728@media only screen and (max-width: 767px) {
9729 .ui.stackable.grid .ui.vertical.divider:before,
9730 .ui.grid .stackable.row .ui.vertical.divider:before,
9731 .ui.stackable.grid .ui.vertical.divider:after,
9732 .ui.grid .stackable.row .ui.vertical.divider:after {
9733 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
9734 }
9735}
9736/*!
9737 * # Semantic UI - Flag
9738 * http://github.com/semantic-org/semantic-ui/
9739 *
9740 *
9741 * Released under the MIT license
9742 * http://opensource.org/licenses/MIT
9743 *
9744 */
9745/*******************************
9746 Theme
9747*******************************/
9748/*
9749
9750████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
9751╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
9752 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
9753 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
9754 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
9755 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
9756
9757*/
9758/*******************************
9759 Theme Selection
9760*******************************/
9761/* To override a theme for an individual element
9762 specify theme name below
9763*/
9764/* Global */
9765/* Elements */
9766/* Collections */
9767/* Modules */
9768/* Views */
9769/*******************************
9770 Folders
9771*******************************/
9772/* Path to theme packages */
9773/* Path to site override folder */
9774/*******************************
9775 Import Theme
9776*******************************/
9777/*******************************
9778 Import Directives
9779*******************************/
9780/*------------------
9781 Theme
9782-------------------*/
9783/*--------------------
9784 Site Variables
9785---------------------*/
9786/* Default site.variables */
9787/*******************************
9788 Site Settings
9789*******************************/
9790/*-------------------
9791 Fonts
9792--------------------*/
9793/*-------------------
9794 Base Sizes
9795--------------------*/
9796/* This is the single variable that controls them all */
9797/* The size of page text */
9798/*-------------------
9799 Border Radius
9800--------------------*/
9801/* See Power-user section below
9802 for explanation of @px variables
9803*/
9804/*-------------------
9805 Brand Colors
9806--------------------*/
9807/*--------------
9808 Page Heading
9809---------------*/
9810/*--------------
9811 Form Input
9812---------------*/
9813/* This adjusts the default form input across all elements */
9814/* Input Text Color */
9815/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
9816/*-------------------
9817 Focused Input
9818--------------------*/
9819/* Used on inputs, textarea etc */
9820/* Used on dropdowns, other larger blocks */
9821/*-------------------
9822 Sizes
9823--------------------*/
9824/*
9825 Sizes are all expressed in terms of 14px/em (default em)
9826 This ensures these "ratios" remain constant despite changes in EM
9827*/
9828/*-------------------
9829 Page
9830--------------------*/
9831/*-------------------
9832 Paragraph
9833--------------------*/
9834/*-------------------
9835 Links
9836--------------------*/
9837/*-------------------
9838 Scroll Bars
9839--------------------*/
9840/* Inverted */
9841/*-------------------
9842 Highlighted Text
9843--------------------*/
9844/*-------------------
9845 Loader
9846--------------------*/
9847/*-------------------
9848 Grid
9849--------------------*/
9850/*-------------------
9851 Transitions
9852--------------------*/
9853/*-------------------
9854 Breakpoints
9855--------------------*/
9856/*-------------------
9857 Site Colors
9858--------------------*/
9859/*--- Colors ---*/
9860/*--- Light Colors ---*/
9861/*--- Neutrals ---*/
9862/*--- Colored Backgrounds ---*/
9863/*--- Colored Headers ---*/
9864/*--- Colored Text ---*/
9865/*--- Colored Border ---*/
9866/*-------------------
9867 Alpha Colors
9868--------------------*/
9869/*-------------------
9870 Accents
9871--------------------*/
9872/* Differentiating Neutrals */
9873/* Differentiating Layers */
9874/*******************************
9875 Power-User
9876*******************************/
9877/*-------------------
9878 Emotive Colors
9879--------------------*/
9880/* Positive */
9881/* Negative */
9882/* Info */
9883/* Warning */
9884/*-------------------
9885 Paths
9886--------------------*/
9887/* For source only. Modified in gulp for dist */
9888/*-------------------
9889 Em Sizes
9890--------------------*/
9891/*
9892 This rounds @size values to the closest pixel then expresses that value in (r)em.
9893 This ensures all size values round to exact pixels
9894*/
9895/* em */
9896/* rem */
9897/*-------------------
9898 Icons
9899--------------------*/
9900/* Maximum Glyph Width of Icon */
9901/*-------------------
9902 Neutral Text
9903--------------------*/
9904/*-------------------
9905 Brand Colors
9906--------------------*/
9907/*-------------------
9908 Borders
9909--------------------*/
9910/*-------------------
9911 Derived Values
9912--------------------*/
9913/* Loaders Position Offset */
9914/* Rendered Scrollbar Width */
9915/* Maximum Single Character Glyph Width, aka Capital "W" */
9916/* Used to match floats with text */
9917/* Header Spacing */
9918/* Minimum Mobile Width */
9919/* Positive / Negative Dupes */
9920/* Responsive */
9921/*-------------------
9922 Exact Pixel Values
9923--------------------*/
9924/*
9925 These are used to specify exact pixel values in em
9926 for things like borders that remain constantly
9927 sized as emSize adjusts
9928
9929 Since there are many more sizes than names for sizes,
9930 these are named by their original pixel values.
9931
9932*/
9933/* Columns */
9934/*******************************
9935 States
9936*******************************/
9937/*-------------------
9938 Disabled
9939--------------------*/
9940/*-------------------
9941 Hover
9942--------------------*/
9943/*--- Shadows ---*/
9944/*--- Colors ---*/
9945/*--- Emotive ---*/
9946/*--- Brand ---*/
9947/*--- Dark Tones ---*/
9948/*--- Light Tones ---*/
9949/*-------------------
9950 Focus
9951--------------------*/
9952/*--- Colors ---*/
9953/*--- Emotive ---*/
9954/*--- Brand ---*/
9955/*--- Dark Tones ---*/
9956/*--- Light Tones ---*/
9957/*-------------------
9958 Down (:active)
9959--------------------*/
9960/*--- Colors ---*/
9961/*--- Emotive ---*/
9962/*--- Brand ---*/
9963/*--- Dark Tones ---*/
9964/*--- Light Tones ---*/
9965/*-------------------
9966 Active
9967--------------------*/
9968/*--- Colors ---*/
9969/*--- Emotive ---*/
9970/*--- Brand ---*/
9971/*--- Dark Tones ---*/
9972/*--- Light Tones ---*/
9973/* Packaged site.variables */
9974/*******************************
9975 Site Settings
9976*******************************/
9977/*-------------------
9978 Fonts
9979--------------------*/
9980/*-------------------
9981 Base Sizes
9982--------------------*/
9983/* This is the single variable that controls them all */
9984/* The size of page text */
9985/*-------------------
9986 Border Radius
9987--------------------*/
9988/* See Power-user section below
9989 for explanation of @px variables
9990*/
9991/*-------------------
9992 Brand Colors
9993--------------------*/
9994/*--------------
9995 Page Heading
9996---------------*/
9997/*--------------
9998 Form Input
9999---------------*/
10000/* This adjusts the default form input across all elements */
10001/* Input Text Color */
10002/* Line Height Default For Inputs in Browser */
10003/*-------------------
10004 Focused Input
10005--------------------*/
10006/* Used on inputs, textarea etc */
10007/* Used on dropdowns, other larger blocks */
10008/*-------------------
10009 Sizes
10010--------------------*/
10011/*
10012 Sizes are all expressed in terms of 14px/em (default em)
10013 This ensures these "ratios" remain constant despite changes in EM
10014*/
10015/*-------------------
10016 Page
10017--------------------*/
10018/*-------------------
10019 Paragraph
10020--------------------*/
10021/*-------------------
10022 Links
10023--------------------*/
10024/*-------------------
10025 Highlighted Text
10026--------------------*/
10027/*-------------------
10028 Loader
10029--------------------*/
10030/*-------------------
10031 Grid
10032--------------------*/
10033/*-------------------
10034 Transitions
10035--------------------*/
10036/*-------------------
10037 Breakpoints
10038--------------------*/
10039/*-------------------
10040 Site Colors
10041--------------------*/
10042/*--- Colors ---*/
10043/*--- Light Colors ---*/
10044/*--- Neutrals ---*/
10045/*--- Colored Backgrounds ---*/
10046/*--- Colored Headers ---*/
10047/*--- Colored Text ---*/
10048/*--- Colored Border ---*/
10049/*-------------------
10050 Alpha Colors
10051--------------------*/
10052/*-------------------
10053 Accents
10054--------------------*/
10055/* Differentiating Neutrals */
10056/* Differentiating Layers */
10057/*******************************
10058 Power-User
10059*******************************/
10060/*-------------------
10061 Emotive Colors
10062--------------------*/
10063/* Positive */
10064/* Negative */
10065/* Info */
10066/* Warning */
10067/*-------------------
10068 Paths
10069--------------------*/
10070/* For source only. Modified in gulp for dist */
10071/*-------------------
10072 Em Sizes
10073--------------------*/
10074/*
10075 This rounds @size values to the closest pixel then expresses that value in (r)em.
10076 This ensures all size values round to exact pixels
10077*/
10078/* em */
10079/* rem */
10080/*-------------------
10081 Icons
10082--------------------*/
10083/* Maximum Glyph Width of Icon */
10084/*-------------------
10085 Neutral Text
10086--------------------*/
10087/*-------------------
10088 Brand Colors
10089--------------------*/
10090/*-------------------
10091 Borders
10092--------------------*/
10093/*-------------------
10094 Derived Values
10095--------------------*/
10096/* Loaders Position Offset */
10097/* Rendered Scrollbar Width */
10098/* Maximum Single Character Glyph Width, aka Capital "W" */
10099/* Used to match floats with text */
10100/* Header Spacing */
10101/* Minimum Mobile Width */
10102/* Positive / Negative Dupes */
10103/* Responsive */
10104/*-------------------
10105 Exact Pixel Values
10106--------------------*/
10107/*
10108 These are used to specify exact pixel values in em
10109 for things like borders that remain constantly
10110 sized as emSize adjusts
10111
10112 Since there are many more sizes than names for sizes,
10113 these are named by their original pixel values.
10114
10115*/
10116/* Columns */
10117/*******************************
10118 States
10119*******************************/
10120/*-------------------
10121 Disabled
10122--------------------*/
10123/*-------------------
10124 Hover
10125--------------------*/
10126/*--- Shadows ---*/
10127/*--- Colors ---*/
10128/* https://github.com/Tripwire/octagon/issues/144 */
10129/*--- Emotive ---*/
10130/*--- Brand ---*/
10131/*--- Dark Tones ---*/
10132/*--- Light Tones ---*/
10133/*-------------------
10134 Focus
10135--------------------*/
10136/*--- Colors ---*/
10137/*--- Emotive ---*/
10138/*--- Brand ---*/
10139/*--- Dark Tones ---*/
10140/*--- Light Tones ---*/
10141/*-------------------
10142 Down (:active)
10143--------------------*/
10144/*--- Colors ---*/
10145/*--- Emotive ---*/
10146/*--- Brand ---*/
10147/*--- Dark Tones ---*/
10148/*--- Light Tones ---*/
10149/*-------------------
10150 Active
10151--------------------*/
10152/*--- Colors ---*/
10153/*--- Emotive ---*/
10154/*--- Brand ---*/
10155/*--- Dark Tones ---*/
10156/*--- Light Tones ---*/
10157/* Component's site.variables */
10158/*******************************
10159 Site Settings
10160*******************************/
10161/*-------------------
10162 Fonts
10163--------------------*/
10164/*-------------------
10165 Base Sizes
10166--------------------*/
10167/* This is the single variable that controls them all */
10168/* The size of page text */
10169/*-------------------
10170 Border Radius
10171--------------------*/
10172/* See Power-user section below
10173 for explanation of @px variables
10174*/
10175/*-------------------
10176 Brand Colors
10177--------------------*/
10178/*--------------
10179 Page Heading
10180---------------*/
10181/*--------------
10182 Form Input
10183---------------*/
10184/* This adjusts the default form input across all elements */
10185/* Input Text Color */
10186/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
10187/*-------------------
10188 Focused Input
10189--------------------*/
10190/* Used on inputs, textarea etc */
10191/* Used on dropdowns, other larger blocks */
10192/*-------------------
10193 Sizes
10194--------------------*/
10195/*
10196 Sizes are all expressed in terms of 14px/em (default em)
10197 This ensures these "ratios" remain constant despite changes in EM
10198*/
10199/*-------------------
10200 Page
10201--------------------*/
10202/*-------------------
10203 Paragraph
10204--------------------*/
10205/*-------------------
10206 Links
10207--------------------*/
10208/*-------------------
10209 Scroll Bars
10210--------------------*/
10211/* Inverted */
10212/*-------------------
10213 Highlighted Text
10214--------------------*/
10215/*-------------------
10216 Loader
10217--------------------*/
10218/*-------------------
10219 Grid
10220--------------------*/
10221/*-------------------
10222 Transitions
10223--------------------*/
10224/*-------------------
10225 Breakpoints
10226--------------------*/
10227/*-------------------
10228 Site Colors
10229--------------------*/
10230/*--- Colors ---*/
10231/*--- Light Colors ---*/
10232/*--- Neutrals ---*/
10233/*--- Colored Backgrounds ---*/
10234/*--- Colored Headers ---*/
10235/*--- Colored Text ---*/
10236/*--- Colored Border ---*/
10237/*-------------------
10238 Alpha Colors
10239--------------------*/
10240/*-------------------
10241 Accents
10242--------------------*/
10243/* Differentiating Neutrals */
10244/* Differentiating Layers */
10245/*******************************
10246 Power-User
10247*******************************/
10248/*-------------------
10249 Emotive Colors
10250--------------------*/
10251/* Positive */
10252/* Negative */
10253/* Info */
10254/* Warning */
10255/*-------------------
10256 Paths
10257--------------------*/
10258/* For source only. Modified in gulp for dist */
10259/*-------------------
10260 Em Sizes
10261--------------------*/
10262/*
10263 This rounds @size values to the closest pixel then expresses that value in (r)em.
10264 This ensures all size values round to exact pixels
10265*/
10266/* em */
10267/* rem */
10268/*-------------------
10269 Icons
10270--------------------*/
10271/* Maximum Glyph Width of Icon */
10272/*-------------------
10273 Neutral Text
10274--------------------*/
10275/*-------------------
10276 Brand Colors
10277--------------------*/
10278/*-------------------
10279 Borders
10280--------------------*/
10281/*-------------------
10282 Derived Values
10283--------------------*/
10284/* Loaders Position Offset */
10285/* Rendered Scrollbar Width */
10286/* Maximum Single Character Glyph Width, aka Capital "W" */
10287/* Used to match floats with text */
10288/* Header Spacing */
10289/* Minimum Mobile Width */
10290/* Positive / Negative Dupes */
10291/* Responsive */
10292/*-------------------
10293 Exact Pixel Values
10294--------------------*/
10295/*
10296 These are used to specify exact pixel values in em
10297 for things like borders that remain constantly
10298 sized as emSize adjusts
10299
10300 Since there are many more sizes than names for sizes,
10301 these are named by their original pixel values.
10302
10303*/
10304/* Columns */
10305/*******************************
10306 States
10307*******************************/
10308/*-------------------
10309 Disabled
10310--------------------*/
10311/*-------------------
10312 Hover
10313--------------------*/
10314/*--- Shadows ---*/
10315/*--- Colors ---*/
10316/*--- Emotive ---*/
10317/*--- Brand ---*/
10318/*--- Dark Tones ---*/
10319/*--- Light Tones ---*/
10320/*-------------------
10321 Focus
10322--------------------*/
10323/*--- Colors ---*/
10324/*--- Emotive ---*/
10325/*--- Brand ---*/
10326/*--- Dark Tones ---*/
10327/*--- Light Tones ---*/
10328/*-------------------
10329 Down (:active)
10330--------------------*/
10331/*--- Colors ---*/
10332/*--- Emotive ---*/
10333/*--- Brand ---*/
10334/*--- Dark Tones ---*/
10335/*--- Light Tones ---*/
10336/*-------------------
10337 Active
10338--------------------*/
10339/*--- Colors ---*/
10340/*--- Emotive ---*/
10341/*--- Brand ---*/
10342/*--- Dark Tones ---*/
10343/*--- Light Tones ---*/
10344/* Site theme site.variables */
10345/*-------------------
10346 Component Variables
10347---------------------*/
10348/* Default */
10349/*******************************
10350 Flag
10351*******************************/
10352/*-------------------
10353 Element
10354--------------------*/
10355/* Packaged Theme */
10356/*******************************
10357 Flag
10358*******************************/
10359/*-------------------
10360 Element
10361--------------------*/
10362/* Site Theme */
10363/*******************************
10364 Mix-ins
10365*******************************/
10366/*------------------
10367 Fonts
10368-------------------*/
10369/*------------------
10370 Overrides
10371-------------------*/
10372/* End Config */
10373/*******************************
10374 Flag
10375*******************************/
10376i.flag:not(.icon) {
10377 display: inline-block;
10378 width: 16px;
10379 height: 11px;
10380 line-height: 11px;
10381 vertical-align: baseline;
10382 margin: 0em 0.5em 0em 0em;
10383 text-decoration: inherit;
10384 speak: none;
10385 font-smoothing: antialiased;
10386 backface-visibility: hidden;
10387}
10388/* Sprite */
10389i.flag:not(.icon):before {
10390 display: inline-block;
10391 content: '';
10392 background: url("themes/default/assets/images/flags.png") no-repeat -108px -1976px;
10393 width: 16px;
10394 height: 11px;
10395}
10396/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
10397/*******************************
10398 Theme Overrides
10399*******************************/
10400i.flag.ad:before,
10401i.flag.andorra:before {
10402 background-position: 0px 0px;
10403}
10404i.flag.ae:before,
10405i.flag.united.arab.emirates:before,
10406i.flag.uae:before {
10407 background-position: 0px -26px;
10408}
10409i.flag.af:before,
10410i.flag.afghanistan:before {
10411 background-position: 0px -52px;
10412}
10413i.flag.ag:before,
10414i.flag.antigua:before {
10415 background-position: 0px -78px;
10416}
10417i.flag.ai:before,
10418i.flag.anguilla:before {
10419 background-position: 0px -104px;
10420}
10421i.flag.al:before,
10422i.flag.albania:before {
10423 background-position: 0px -130px;
10424}
10425i.flag.am:before,
10426i.flag.armenia:before {
10427 background-position: 0px -156px;
10428}
10429i.flag.an:before,
10430i.flag.netherlands.antilles:before {
10431 background-position: 0px -182px;
10432}
10433i.flag.ao:before,
10434i.flag.angola:before {
10435 background-position: 0px -208px;
10436}
10437i.flag.ar:before,
10438i.flag.argentina:before {
10439 background-position: 0px -234px;
10440}
10441i.flag.as:before,
10442i.flag.american.samoa:before {
10443 background-position: 0px -260px;
10444}
10445i.flag.at:before,
10446i.flag.austria:before {
10447 background-position: 0px -286px;
10448}
10449i.flag.au:before,
10450i.flag.australia:before {
10451 background-position: 0px -312px;
10452}
10453i.flag.aw:before,
10454i.flag.aruba:before {
10455 background-position: 0px -338px;
10456}
10457i.flag.ax:before,
10458i.flag.aland.islands:before {
10459 background-position: 0px -364px;
10460}
10461i.flag.az:before,
10462i.flag.azerbaijan:before {
10463 background-position: 0px -390px;
10464}
10465i.flag.ba:before,
10466i.flag.bosnia:before {
10467 background-position: 0px -416px;
10468}
10469i.flag.bb:before,
10470i.flag.barbados:before {
10471 background-position: 0px -442px;
10472}
10473i.flag.bd:before,
10474i.flag.bangladesh:before {
10475 background-position: 0px -468px;
10476}
10477i.flag.be:before,
10478i.flag.belgium:before {
10479 background-position: 0px -494px;
10480}
10481i.flag.bf:before,
10482i.flag.burkina.faso:before {
10483 background-position: 0px -520px;
10484}
10485i.flag.bg:before,
10486i.flag.bulgaria:before {
10487 background-position: 0px -546px;
10488}
10489i.flag.bh:before,
10490i.flag.bahrain:before {
10491 background-position: 0px -572px;
10492}
10493i.flag.bi:before,
10494i.flag.burundi:before {
10495 background-position: 0px -598px;
10496}
10497i.flag.bj:before,
10498i.flag.benin:before {
10499 background-position: 0px -624px;
10500}
10501i.flag.bm:before,
10502i.flag.bermuda:before {
10503 background-position: 0px -650px;
10504}
10505i.flag.bn:before,
10506i.flag.brunei:before {
10507 background-position: 0px -676px;
10508}
10509i.flag.bo:before,
10510i.flag.bolivia:before {
10511 background-position: 0px -702px;
10512}
10513i.flag.br:before,
10514i.flag.brazil:before {
10515 background-position: 0px -728px;
10516}
10517i.flag.bs:before,
10518i.flag.bahamas:before {
10519 background-position: 0px -754px;
10520}
10521i.flag.bt:before,
10522i.flag.bhutan:before {
10523 background-position: 0px -780px;
10524}
10525i.flag.bv:before,
10526i.flag.bouvet.island:before {
10527 background-position: 0px -806px;
10528}
10529i.flag.bw:before,
10530i.flag.botswana:before {
10531 background-position: 0px -832px;
10532}
10533i.flag.by:before,
10534i.flag.belarus:before {
10535 background-position: 0px -858px;
10536}
10537i.flag.bz:before,
10538i.flag.belize:before {
10539 background-position: 0px -884px;
10540}
10541i.flag.ca:before,
10542i.flag.canada:before {
10543 background-position: 0px -910px;
10544}
10545i.flag.cc:before,
10546i.flag.cocos.islands:before {
10547 background-position: 0px -962px;
10548}
10549i.flag.cd:before,
10550i.flag.congo:before {
10551 background-position: 0px -988px;
10552}
10553i.flag.cf:before,
10554i.flag.central.african.republic:before {
10555 background-position: 0px -1014px;
10556}
10557i.flag.cg:before,
10558i.flag.congo.brazzaville:before {
10559 background-position: 0px -1040px;
10560}
10561i.flag.ch:before,
10562i.flag.switzerland:before {
10563 background-position: 0px -1066px;
10564}
10565i.flag.ci:before,
10566i.flag.cote.divoire:before {
10567 background-position: 0px -1092px;
10568}
10569i.flag.ck:before,
10570i.flag.cook.islands:before {
10571 background-position: 0px -1118px;
10572}
10573i.flag.cl:before,
10574i.flag.chile:before {
10575 background-position: 0px -1144px;
10576}
10577i.flag.cm:before,
10578i.flag.cameroon:before {
10579 background-position: 0px -1170px;
10580}
10581i.flag.cn:before,
10582i.flag.china:before {
10583 background-position: 0px -1196px;
10584}
10585i.flag.co:before,
10586i.flag.colombia:before {
10587 background-position: 0px -1222px;
10588}
10589i.flag.cr:before,
10590i.flag.costa.rica:before {
10591 background-position: 0px -1248px;
10592}
10593i.flag.cs:before,
10594i.flag.serbia:before {
10595 background-position: 0px -1274px;
10596}
10597i.flag.cu:before,
10598i.flag.cuba:before {
10599 background-position: 0px -1300px;
10600}
10601i.flag.cv:before,
10602i.flag.cape.verde:before {
10603 background-position: 0px -1326px;
10604}
10605i.flag.cx:before,
10606i.flag.christmas.island:before {
10607 background-position: 0px -1352px;
10608}
10609i.flag.cy:before,
10610i.flag.cyprus:before {
10611 background-position: 0px -1378px;
10612}
10613i.flag.cz:before,
10614i.flag.czech.republic:before {
10615 background-position: 0px -1404px;
10616}
10617i.flag.de:before,
10618i.flag.germany:before {
10619 background-position: 0px -1430px;
10620}
10621i.flag.dj:before,
10622i.flag.djibouti:before {
10623 background-position: 0px -1456px;
10624}
10625i.flag.dk:before,
10626i.flag.denmark:before {
10627 background-position: 0px -1482px;
10628}
10629i.flag.dm:before,
10630i.flag.dominica:before {
10631 background-position: 0px -1508px;
10632}
10633i.flag.do:before,
10634i.flag.dominican.republic:before {
10635 background-position: 0px -1534px;
10636}
10637i.flag.dz:before,
10638i.flag.algeria:before {
10639 background-position: 0px -1560px;
10640}
10641i.flag.ec:before,
10642i.flag.ecuador:before {
10643 background-position: 0px -1586px;
10644}
10645i.flag.ee:before,
10646i.flag.estonia:before {
10647 background-position: 0px -1612px;
10648}
10649i.flag.eg:before,
10650i.flag.egypt:before {
10651 background-position: 0px -1638px;
10652}
10653i.flag.eh:before,
10654i.flag.western.sahara:before {
10655 background-position: 0px -1664px;
10656}
10657i.flag.gb.eng:before,
10658i.flag.england:before {
10659 background-position: 0px -1690px;
10660}
10661i.flag.er:before,
10662i.flag.eritrea:before {
10663 background-position: 0px -1716px;
10664}
10665i.flag.es:before,
10666i.flag.spain:before {
10667 background-position: 0px -1742px;
10668}
10669i.flag.et:before,
10670i.flag.ethiopia:before {
10671 background-position: 0px -1768px;
10672}
10673i.flag.eu:before,
10674i.flag.european.union:before {
10675 background-position: 0px -1794px;
10676}
10677i.flag.fi:before,
10678i.flag.finland:before {
10679 background-position: 0px -1846px;
10680}
10681i.flag.fj:before,
10682i.flag.fiji:before {
10683 background-position: 0px -1872px;
10684}
10685i.flag.fk:before,
10686i.flag.falkland.islands:before {
10687 background-position: 0px -1898px;
10688}
10689i.flag.fm:before,
10690i.flag.micronesia:before {
10691 background-position: 0px -1924px;
10692}
10693i.flag.fo:before,
10694i.flag.faroe.islands:before {
10695 background-position: 0px -1950px;
10696}
10697i.flag.fr:before,
10698i.flag.france:before {
10699 background-position: 0px -1976px;
10700}
10701i.flag.ga:before,
10702i.flag.gabon:before {
10703 background-position: -36px 0px;
10704}
10705i.flag.gb:before,
10706i.flag.united.kingdom:before {
10707 background-position: -36px -26px;
10708}
10709i.flag.gd:before,
10710i.flag.grenada:before {
10711 background-position: -36px -52px;
10712}
10713i.flag.ge:before,
10714i.flag.georgia:before {
10715 background-position: -36px -78px;
10716}
10717i.flag.gf:before,
10718i.flag.french.guiana:before {
10719 background-position: -36px -104px;
10720}
10721i.flag.gh:before,
10722i.flag.ghana:before {
10723 background-position: -36px -130px;
10724}
10725i.flag.gi:before,
10726i.flag.gibraltar:before {
10727 background-position: -36px -156px;
10728}
10729i.flag.gl:before,
10730i.flag.greenland:before {
10731 background-position: -36px -182px;
10732}
10733i.flag.gm:before,
10734i.flag.gambia:before {
10735 background-position: -36px -208px;
10736}
10737i.flag.gn:before,
10738i.flag.guinea:before {
10739 background-position: -36px -234px;
10740}
10741i.flag.gp:before,
10742i.flag.guadeloupe:before {
10743 background-position: -36px -260px;
10744}
10745i.flag.gq:before,
10746i.flag.equatorial.guinea:before {
10747 background-position: -36px -286px;
10748}
10749i.flag.gr:before,
10750i.flag.greece:before {
10751 background-position: -36px -312px;
10752}
10753i.flag.gs:before,
10754i.flag.sandwich.islands:before {
10755 background-position: -36px -338px;
10756}
10757i.flag.gt:before,
10758i.flag.guatemala:before {
10759 background-position: -36px -364px;
10760}
10761i.flag.gu:before,
10762i.flag.guam:before {
10763 background-position: -36px -390px;
10764}
10765i.flag.gw:before,
10766i.flag.guinea-bissau:before {
10767 background-position: -36px -416px;
10768}
10769i.flag.gy:before,
10770i.flag.guyana:before {
10771 background-position: -36px -442px;
10772}
10773i.flag.hk:before,
10774i.flag.hong.kong:before {
10775 background-position: -36px -468px;
10776}
10777i.flag.hm:before,
10778i.flag.heard.island:before {
10779 background-position: -36px -494px;
10780}
10781i.flag.hn:before,
10782i.flag.honduras:before {
10783 background-position: -36px -520px;
10784}
10785i.flag.hr:before,
10786i.flag.croatia:before {
10787 background-position: -36px -546px;
10788}
10789i.flag.ht:before,
10790i.flag.haiti:before {
10791 background-position: -36px -572px;
10792}
10793i.flag.hu:before,
10794i.flag.hungary:before {
10795 background-position: -36px -598px;
10796}
10797i.flag.id:before,
10798i.flag.indonesia:before {
10799 background-position: -36px -624px;
10800}
10801i.flag.ie:before,
10802i.flag.ireland:before {
10803 background-position: -36px -650px;
10804}
10805i.flag.il:before,
10806i.flag.israel:before {
10807 background-position: -36px -676px;
10808}
10809i.flag.in:before,
10810i.flag.india:before {
10811 background-position: -36px -702px;
10812}
10813i.flag.io:before,
10814i.flag.indian.ocean.territory:before {
10815 background-position: -36px -728px;
10816}
10817i.flag.iq:before,
10818i.flag.iraq:before {
10819 background-position: -36px -754px;
10820}
10821i.flag.ir:before,
10822i.flag.iran:before {
10823 background-position: -36px -780px;
10824}
10825i.flag.is:before,
10826i.flag.iceland:before {
10827 background-position: -36px -806px;
10828}
10829i.flag.it:before,
10830i.flag.italy:before {
10831 background-position: -36px -832px;
10832}
10833i.flag.jm:before,
10834i.flag.jamaica:before {
10835 background-position: -36px -858px;
10836}
10837i.flag.jo:before,
10838i.flag.jordan:before {
10839 background-position: -36px -884px;
10840}
10841i.flag.jp:before,
10842i.flag.japan:before {
10843 background-position: -36px -910px;
10844}
10845i.flag.ke:before,
10846i.flag.kenya:before {
10847 background-position: -36px -936px;
10848}
10849i.flag.kg:before,
10850i.flag.kyrgyzstan:before {
10851 background-position: -36px -962px;
10852}
10853i.flag.kh:before,
10854i.flag.cambodia:before {
10855 background-position: -36px -988px;
10856}
10857i.flag.ki:before,
10858i.flag.kiribati:before {
10859 background-position: -36px -1014px;
10860}
10861i.flag.km:before,
10862i.flag.comoros:before {
10863 background-position: -36px -1040px;
10864}
10865i.flag.kn:before,
10866i.flag.saint.kitts.and.nevis:before {
10867 background-position: -36px -1066px;
10868}
10869i.flag.kp:before,
10870i.flag.north.korea:before {
10871 background-position: -36px -1092px;
10872}
10873i.flag.kr:before,
10874i.flag.south.korea:before {
10875 background-position: -36px -1118px;
10876}
10877i.flag.kw:before,
10878i.flag.kuwait:before {
10879 background-position: -36px -1144px;
10880}
10881i.flag.ky:before,
10882i.flag.cayman.islands:before {
10883 background-position: -36px -1170px;
10884}
10885i.flag.kz:before,
10886i.flag.kazakhstan:before {
10887 background-position: -36px -1196px;
10888}
10889i.flag.la:before,
10890i.flag.laos:before {
10891 background-position: -36px -1222px;
10892}
10893i.flag.lb:before,
10894i.flag.lebanon:before {
10895 background-position: -36px -1248px;
10896}
10897i.flag.lc:before,
10898i.flag.saint.lucia:before {
10899 background-position: -36px -1274px;
10900}
10901i.flag.li:before,
10902i.flag.liechtenstein:before {
10903 background-position: -36px -1300px;
10904}
10905i.flag.lk:before,
10906i.flag.sri.lanka:before {
10907 background-position: -36px -1326px;
10908}
10909i.flag.lr:before,
10910i.flag.liberia:before {
10911 background-position: -36px -1352px;
10912}
10913i.flag.ls:before,
10914i.flag.lesotho:before {
10915 background-position: -36px -1378px;
10916}
10917i.flag.lt:before,
10918i.flag.lithuania:before {
10919 background-position: -36px -1404px;
10920}
10921i.flag.lu:before,
10922i.flag.luxembourg:before {
10923 background-position: -36px -1430px;
10924}
10925i.flag.lv:before,
10926i.flag.latvia:before {
10927 background-position: -36px -1456px;
10928}
10929i.flag.ly:before,
10930i.flag.libya:before {
10931 background-position: -36px -1482px;
10932}
10933i.flag.ma:before,
10934i.flag.morocco:before {
10935 background-position: -36px -1508px;
10936}
10937i.flag.mc:before,
10938i.flag.monaco:before {
10939 background-position: -36px -1534px;
10940}
10941i.flag.md:before,
10942i.flag.moldova:before {
10943 background-position: -36px -1560px;
10944}
10945i.flag.me:before,
10946i.flag.montenegro:before {
10947 background-position: -36px -1586px;
10948}
10949i.flag.mg:before,
10950i.flag.madagascar:before {
10951 background-position: -36px -1613px;
10952}
10953i.flag.mh:before,
10954i.flag.marshall.islands:before {
10955 background-position: -36px -1639px;
10956}
10957i.flag.mk:before,
10958i.flag.macedonia:before {
10959 background-position: -36px -1665px;
10960}
10961i.flag.ml:before,
10962i.flag.mali:before {
10963 background-position: -36px -1691px;
10964}
10965i.flag.mm:before,
10966i.flag.myanmar:before,
10967i.flag.burma:before {
10968 background-position: -73px -1821px;
10969}
10970i.flag.mn:before,
10971i.flag.mongolia:before {
10972 background-position: -36px -1743px;
10973}
10974i.flag.mo:before,
10975i.flag.macau:before {
10976 background-position: -36px -1769px;
10977}
10978i.flag.mp:before,
10979i.flag.northern.mariana.islands:before {
10980 background-position: -36px -1795px;
10981}
10982i.flag.mq:before,
10983i.flag.martinique:before {
10984 background-position: -36px -1821px;
10985}
10986i.flag.mr:before,
10987i.flag.mauritania:before {
10988 background-position: -36px -1847px;
10989}
10990i.flag.ms:before,
10991i.flag.montserrat:before {
10992 background-position: -36px -1873px;
10993}
10994i.flag.mt:before,
10995i.flag.malta:before {
10996 background-position: -36px -1899px;
10997}
10998i.flag.mu:before,
10999i.flag.mauritius:before {
11000 background-position: -36px -1925px;
11001}
11002i.flag.mv:before,
11003i.flag.maldives:before {
11004 background-position: -36px -1951px;
11005}
11006i.flag.mw:before,
11007i.flag.malawi:before {
11008 background-position: -36px -1977px;
11009}
11010i.flag.mx:before,
11011i.flag.mexico:before {
11012 background-position: -72px 0px;
11013}
11014i.flag.my:before,
11015i.flag.malaysia:before {
11016 background-position: -72px -26px;
11017}
11018i.flag.mz:before,
11019i.flag.mozambique:before {
11020 background-position: -72px -52px;
11021}
11022i.flag.na:before,
11023i.flag.namibia:before {
11024 background-position: -72px -78px;
11025}
11026i.flag.nc:before,
11027i.flag.new.caledonia:before {
11028 background-position: -72px -104px;
11029}
11030i.flag.ne:before,
11031i.flag.niger:before {
11032 background-position: -72px -130px;
11033}
11034i.flag.nf:before,
11035i.flag.norfolk.island:before {
11036 background-position: -72px -156px;
11037}
11038i.flag.ng:before,
11039i.flag.nigeria:before {
11040 background-position: -72px -182px;
11041}
11042i.flag.ni:before,
11043i.flag.nicaragua:before {
11044 background-position: -72px -208px;
11045}
11046i.flag.nl:before,
11047i.flag.netherlands:before {
11048 background-position: -72px -234px;
11049}
11050i.flag.no:before,
11051i.flag.norway:before {
11052 background-position: -72px -260px;
11053}
11054i.flag.np:before,
11055i.flag.nepal:before {
11056 background-position: -72px -286px;
11057}
11058i.flag.nr:before,
11059i.flag.nauru:before {
11060 background-position: -72px -312px;
11061}
11062i.flag.nu:before,
11063i.flag.niue:before {
11064 background-position: -72px -338px;
11065}
11066i.flag.nz:before,
11067i.flag.new.zealand:before {
11068 background-position: -72px -364px;
11069}
11070i.flag.om:before,
11071i.flag.oman:before {
11072 background-position: -72px -390px;
11073}
11074i.flag.pa:before,
11075i.flag.panama:before {
11076 background-position: -72px -416px;
11077}
11078i.flag.pe:before,
11079i.flag.peru:before {
11080 background-position: -72px -442px;
11081}
11082i.flag.pf:before,
11083i.flag.french.polynesia:before {
11084 background-position: -72px -468px;
11085}
11086i.flag.pg:before,
11087i.flag.new.guinea:before {
11088 background-position: -72px -494px;
11089}
11090i.flag.ph:before,
11091i.flag.philippines:before {
11092 background-position: -72px -520px;
11093}
11094i.flag.pk:before,
11095i.flag.pakistan:before {
11096 background-position: -72px -546px;
11097}
11098i.flag.pl:before,
11099i.flag.poland:before {
11100 background-position: -72px -572px;
11101}
11102i.flag.pm:before,
11103i.flag.saint.pierre:before {
11104 background-position: -72px -598px;
11105}
11106i.flag.pn:before,
11107i.flag.pitcairn.islands:before {
11108 background-position: -72px -624px;
11109}
11110i.flag.pr:before,
11111i.flag.puerto.rico:before {
11112 background-position: -72px -650px;
11113}
11114i.flag.ps:before,
11115i.flag.palestine:before {
11116 background-position: -72px -676px;
11117}
11118i.flag.pt:before,
11119i.flag.portugal:before {
11120 background-position: -72px -702px;
11121}
11122i.flag.pw:before,
11123i.flag.palau:before {
11124 background-position: -72px -728px;
11125}
11126i.flag.py:before,
11127i.flag.paraguay:before {
11128 background-position: -72px -754px;
11129}
11130i.flag.qa:before,
11131i.flag.qatar:before {
11132 background-position: -72px -780px;
11133}
11134i.flag.re:before,
11135i.flag.reunion:before {
11136 background-position: -72px -806px;
11137}
11138i.flag.ro:before,
11139i.flag.romania:before {
11140 background-position: -72px -832px;
11141}
11142i.flag.rs:before,
11143i.flag.serbia:before {
11144 background-position: -72px -858px;
11145}
11146i.flag.ru:before,
11147i.flag.russia:before {
11148 background-position: -72px -884px;
11149}
11150i.flag.rw:before,
11151i.flag.rwanda:before {
11152 background-position: -72px -910px;
11153}
11154i.flag.sa:before,
11155i.flag.saudi.arabia:before {
11156 background-position: -72px -936px;
11157}
11158i.flag.sb:before,
11159i.flag.solomon.islands:before {
11160 background-position: -72px -962px;
11161}
11162i.flag.sc:before,
11163i.flag.seychelles:before {
11164 background-position: -72px -988px;
11165}
11166i.flag.gb.sct:before,
11167i.flag.scotland:before {
11168 background-position: -72px -1014px;
11169}
11170i.flag.sd:before,
11171i.flag.sudan:before {
11172 background-position: -72px -1040px;
11173}
11174i.flag.se:before,
11175i.flag.sweden:before {
11176 background-position: -72px -1066px;
11177}
11178i.flag.sg:before,
11179i.flag.singapore:before {
11180 background-position: -72px -1092px;
11181}
11182i.flag.sh:before,
11183i.flag.saint.helena:before {
11184 background-position: -72px -1118px;
11185}
11186i.flag.si:before,
11187i.flag.slovenia:before {
11188 background-position: -72px -1144px;
11189}
11190i.flag.sj:before,
11191i.flag.svalbard:before,
11192i.flag.jan.mayen:before {
11193 background-position: -72px -1170px;
11194}
11195i.flag.sk:before,
11196i.flag.slovakia:before {
11197 background-position: -72px -1196px;
11198}
11199i.flag.sl:before,
11200i.flag.sierra.leone:before {
11201 background-position: -72px -1222px;
11202}
11203i.flag.sm:before,
11204i.flag.san.marino:before {
11205 background-position: -72px -1248px;
11206}
11207i.flag.sn:before,
11208i.flag.senegal:before {
11209 background-position: -72px -1274px;
11210}
11211i.flag.so:before,
11212i.flag.somalia:before {
11213 background-position: -72px -1300px;
11214}
11215i.flag.sr:before,
11216i.flag.suriname:before {
11217 background-position: -72px -1326px;
11218}
11219i.flag.st:before,
11220i.flag.sao.tome:before {
11221 background-position: -72px -1352px;
11222}
11223i.flag.sv:before,
11224i.flag.el.salvador:before {
11225 background-position: -72px -1378px;
11226}
11227i.flag.sy:before,
11228i.flag.syria:before {
11229 background-position: -72px -1404px;
11230}
11231i.flag.sz:before,
11232i.flag.swaziland:before {
11233 background-position: -72px -1430px;
11234}
11235i.flag.tc:before,
11236i.flag.caicos.islands:before {
11237 background-position: -72px -1456px;
11238}
11239i.flag.td:before,
11240i.flag.chad:before {
11241 background-position: -72px -1482px;
11242}
11243i.flag.tf:before,
11244i.flag.french.territories:before {
11245 background-position: -72px -1508px;
11246}
11247i.flag.tg:before,
11248i.flag.togo:before {
11249 background-position: -72px -1534px;
11250}
11251i.flag.th:before,
11252i.flag.thailand:before {
11253 background-position: -72px -1560px;
11254}
11255i.flag.tj:before,
11256i.flag.tajikistan:before {
11257 background-position: -72px -1586px;
11258}
11259i.flag.tk:before,
11260i.flag.tokelau:before {
11261 background-position: -72px -1612px;
11262}
11263i.flag.tl:before,
11264i.flag.timorleste:before {
11265 background-position: -72px -1638px;
11266}
11267i.flag.tm:before,
11268i.flag.turkmenistan:before {
11269 background-position: -72px -1664px;
11270}
11271i.flag.tn:before,
11272i.flag.tunisia:before {
11273 background-position: -72px -1690px;
11274}
11275i.flag.to:before,
11276i.flag.tonga:before {
11277 background-position: -72px -1716px;
11278}
11279i.flag.tr:before,
11280i.flag.turkey:before {
11281 background-position: -72px -1742px;
11282}
11283i.flag.tt:before,
11284i.flag.trinidad:before {
11285 background-position: -72px -1768px;
11286}
11287i.flag.tv:before,
11288i.flag.tuvalu:before {
11289 background-position: -72px -1794px;
11290}
11291i.flag.tw:before,
11292i.flag.taiwan:before {
11293 background-position: -72px -1820px;
11294}
11295i.flag.tz:before,
11296i.flag.tanzania:before {
11297 background-position: -72px -1846px;
11298}
11299i.flag.ua:before,
11300i.flag.ukraine:before {
11301 background-position: -72px -1872px;
11302}
11303i.flag.ug:before,
11304i.flag.uganda:before {
11305 background-position: -72px -1898px;
11306}
11307i.flag.um:before,
11308i.flag.us.minor.islands:before {
11309 background-position: -72px -1924px;
11310}
11311i.flag.us:before,
11312i.flag.america:before,
11313i.flag.united.states:before {
11314 background-position: -72px -1950px;
11315}
11316i.flag.uy:before,
11317i.flag.uruguay:before {
11318 background-position: -72px -1976px;
11319}
11320i.flag.uz:before,
11321i.flag.uzbekistan:before {
11322 background-position: -108px 0px;
11323}
11324i.flag.va:before,
11325i.flag.vatican.city:before {
11326 background-position: -108px -26px;
11327}
11328i.flag.vc:before,
11329i.flag.saint.vincent:before {
11330 background-position: -108px -52px;
11331}
11332i.flag.ve:before,
11333i.flag.venezuela:before {
11334 background-position: -108px -78px;
11335}
11336i.flag.vg:before,
11337i.flag.british.virgin.islands:before {
11338 background-position: -108px -104px;
11339}
11340i.flag.vi:before,
11341i.flag.us.virgin.islands:before {
11342 background-position: -108px -130px;
11343}
11344i.flag.vn:before,
11345i.flag.vietnam:before {
11346 background-position: -108px -156px;
11347}
11348i.flag.vu:before,
11349i.flag.vanuatu:before {
11350 background-position: -108px -182px;
11351}
11352i.flag.gb.wls:before,
11353i.flag.wales:before {
11354 background-position: -108px -208px;
11355}
11356i.flag.wf:before,
11357i.flag.wallis.and.futuna:before {
11358 background-position: -108px -234px;
11359}
11360i.flag.ws:before,
11361i.flag.samoa:before {
11362 background-position: -108px -260px;
11363}
11364i.flag.ye:before,
11365i.flag.yemen:before {
11366 background-position: -108px -286px;
11367}
11368i.flag.yt:before,
11369i.flag.mayotte:before {
11370 background-position: -108px -312px;
11371}
11372i.flag.za:before,
11373i.flag.south.africa:before {
11374 background-position: -108px -338px;
11375}
11376i.flag.zm:before,
11377i.flag.zambia:before {
11378 background-position: -108px -364px;
11379}
11380i.flag.zw:before,
11381i.flag.zimbabwe:before {
11382 background-position: -108px -390px;
11383}
11384/*!
11385 * # Semantic UI - Header
11386 * http://github.com/semantic-org/semantic-ui/
11387 *
11388 *
11389 * Released under the MIT license
11390 * http://opensource.org/licenses/MIT
11391 *
11392 */
11393/*******************************
11394 Theme
11395*******************************/
11396/*
11397
11398████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
11399╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
11400 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
11401 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
11402 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
11403 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
11404
11405*/
11406/*******************************
11407 Theme Selection
11408*******************************/
11409/* To override a theme for an individual element
11410 specify theme name below
11411*/
11412/* Global */
11413/* Elements */
11414/* Collections */
11415/* Modules */
11416/* Views */
11417/*******************************
11418 Folders
11419*******************************/
11420/* Path to theme packages */
11421/* Path to site override folder */
11422/*******************************
11423 Import Theme
11424*******************************/
11425/*******************************
11426 Import Directives
11427*******************************/
11428/*------------------
11429 Theme
11430-------------------*/
11431/*--------------------
11432 Site Variables
11433---------------------*/
11434/* Default site.variables */
11435/*******************************
11436 Site Settings
11437*******************************/
11438/*-------------------
11439 Fonts
11440--------------------*/
11441/*-------------------
11442 Base Sizes
11443--------------------*/
11444/* This is the single variable that controls them all */
11445/* The size of page text */
11446/*-------------------
11447 Border Radius
11448--------------------*/
11449/* See Power-user section below
11450 for explanation of @px variables
11451*/
11452/*-------------------
11453 Brand Colors
11454--------------------*/
11455/*--------------
11456 Page Heading
11457---------------*/
11458/*--------------
11459 Form Input
11460---------------*/
11461/* This adjusts the default form input across all elements */
11462/* Input Text Color */
11463/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
11464/*-------------------
11465 Focused Input
11466--------------------*/
11467/* Used on inputs, textarea etc */
11468/* Used on dropdowns, other larger blocks */
11469/*-------------------
11470 Sizes
11471--------------------*/
11472/*
11473 Sizes are all expressed in terms of 14px/em (default em)
11474 This ensures these "ratios" remain constant despite changes in EM
11475*/
11476/*-------------------
11477 Page
11478--------------------*/
11479/*-------------------
11480 Paragraph
11481--------------------*/
11482/*-------------------
11483 Links
11484--------------------*/
11485/*-------------------
11486 Scroll Bars
11487--------------------*/
11488/* Inverted */
11489/*-------------------
11490 Highlighted Text
11491--------------------*/
11492/*-------------------
11493 Loader
11494--------------------*/
11495/*-------------------
11496 Grid
11497--------------------*/
11498/*-------------------
11499 Transitions
11500--------------------*/
11501/*-------------------
11502 Breakpoints
11503--------------------*/
11504/*-------------------
11505 Site Colors
11506--------------------*/
11507/*--- Colors ---*/
11508/*--- Light Colors ---*/
11509/*--- Neutrals ---*/
11510/*--- Colored Backgrounds ---*/
11511/*--- Colored Headers ---*/
11512/*--- Colored Text ---*/
11513/*--- Colored Border ---*/
11514/*-------------------
11515 Alpha Colors
11516--------------------*/
11517/*-------------------
11518 Accents
11519--------------------*/
11520/* Differentiating Neutrals */
11521/* Differentiating Layers */
11522/*******************************
11523 Power-User
11524*******************************/
11525/*-------------------
11526 Emotive Colors
11527--------------------*/
11528/* Positive */
11529/* Negative */
11530/* Info */
11531/* Warning */
11532/*-------------------
11533 Paths
11534--------------------*/
11535/* For source only. Modified in gulp for dist */
11536/*-------------------
11537 Em Sizes
11538--------------------*/
11539/*
11540 This rounds @size values to the closest pixel then expresses that value in (r)em.
11541 This ensures all size values round to exact pixels
11542*/
11543/* em */
11544/* rem */
11545/*-------------------
11546 Icons
11547--------------------*/
11548/* Maximum Glyph Width of Icon */
11549/*-------------------
11550 Neutral Text
11551--------------------*/
11552/*-------------------
11553 Brand Colors
11554--------------------*/
11555/*-------------------
11556 Borders
11557--------------------*/
11558/*-------------------
11559 Derived Values
11560--------------------*/
11561/* Loaders Position Offset */
11562/* Rendered Scrollbar Width */
11563/* Maximum Single Character Glyph Width, aka Capital "W" */
11564/* Used to match floats with text */
11565/* Header Spacing */
11566/* Minimum Mobile Width */
11567/* Positive / Negative Dupes */
11568/* Responsive */
11569/*-------------------
11570 Exact Pixel Values
11571--------------------*/
11572/*
11573 These are used to specify exact pixel values in em
11574 for things like borders that remain constantly
11575 sized as emSize adjusts
11576
11577 Since there are many more sizes than names for sizes,
11578 these are named by their original pixel values.
11579
11580*/
11581/* Columns */
11582/*******************************
11583 States
11584*******************************/
11585/*-------------------
11586 Disabled
11587--------------------*/
11588/*-------------------
11589 Hover
11590--------------------*/
11591/*--- Shadows ---*/
11592/*--- Colors ---*/
11593/*--- Emotive ---*/
11594/*--- Brand ---*/
11595/*--- Dark Tones ---*/
11596/*--- Light Tones ---*/
11597/*-------------------
11598 Focus
11599--------------------*/
11600/*--- Colors ---*/
11601/*--- Emotive ---*/
11602/*--- Brand ---*/
11603/*--- Dark Tones ---*/
11604/*--- Light Tones ---*/
11605/*-------------------
11606 Down (:active)
11607--------------------*/
11608/*--- Colors ---*/
11609/*--- Emotive ---*/
11610/*--- Brand ---*/
11611/*--- Dark Tones ---*/
11612/*--- Light Tones ---*/
11613/*-------------------
11614 Active
11615--------------------*/
11616/*--- Colors ---*/
11617/*--- Emotive ---*/
11618/*--- Brand ---*/
11619/*--- Dark Tones ---*/
11620/*--- Light Tones ---*/
11621/* Packaged site.variables */
11622/*******************************
11623 Site Settings
11624*******************************/
11625/*-------------------
11626 Fonts
11627--------------------*/
11628/*-------------------
11629 Base Sizes
11630--------------------*/
11631/* This is the single variable that controls them all */
11632/* The size of page text */
11633/*-------------------
11634 Border Radius
11635--------------------*/
11636/* See Power-user section below
11637 for explanation of @px variables
11638*/
11639/*-------------------
11640 Brand Colors
11641--------------------*/
11642/*--------------
11643 Page Heading
11644---------------*/
11645/*--------------
11646 Form Input
11647---------------*/
11648/* This adjusts the default form input across all elements */
11649/* Input Text Color */
11650/* Line Height Default For Inputs in Browser */
11651/*-------------------
11652 Focused Input
11653--------------------*/
11654/* Used on inputs, textarea etc */
11655/* Used on dropdowns, other larger blocks */
11656/*-------------------
11657 Sizes
11658--------------------*/
11659/*
11660 Sizes are all expressed in terms of 14px/em (default em)
11661 This ensures these "ratios" remain constant despite changes in EM
11662*/
11663/*-------------------
11664 Page
11665--------------------*/
11666/*-------------------
11667 Paragraph
11668--------------------*/
11669/*-------------------
11670 Links
11671--------------------*/
11672/*-------------------
11673 Highlighted Text
11674--------------------*/
11675/*-------------------
11676 Loader
11677--------------------*/
11678/*-------------------
11679 Grid
11680--------------------*/
11681/*-------------------
11682 Transitions
11683--------------------*/
11684/*-------------------
11685 Breakpoints
11686--------------------*/
11687/*-------------------
11688 Site Colors
11689--------------------*/
11690/*--- Colors ---*/
11691/*--- Light Colors ---*/
11692/*--- Neutrals ---*/
11693/*--- Colored Backgrounds ---*/
11694/*--- Colored Headers ---*/
11695/*--- Colored Text ---*/
11696/*--- Colored Border ---*/
11697/*-------------------
11698 Alpha Colors
11699--------------------*/
11700/*-------------------
11701 Accents
11702--------------------*/
11703/* Differentiating Neutrals */
11704/* Differentiating Layers */
11705/*******************************
11706 Power-User
11707*******************************/
11708/*-------------------
11709 Emotive Colors
11710--------------------*/
11711/* Positive */
11712/* Negative */
11713/* Info */
11714/* Warning */
11715/*-------------------
11716 Paths
11717--------------------*/
11718/* For source only. Modified in gulp for dist */
11719/*-------------------
11720 Em Sizes
11721--------------------*/
11722/*
11723 This rounds @size values to the closest pixel then expresses that value in (r)em.
11724 This ensures all size values round to exact pixels
11725*/
11726/* em */
11727/* rem */
11728/*-------------------
11729 Icons
11730--------------------*/
11731/* Maximum Glyph Width of Icon */
11732/*-------------------
11733 Neutral Text
11734--------------------*/
11735/*-------------------
11736 Brand Colors
11737--------------------*/
11738/*-------------------
11739 Borders
11740--------------------*/
11741/*-------------------
11742 Derived Values
11743--------------------*/
11744/* Loaders Position Offset */
11745/* Rendered Scrollbar Width */
11746/* Maximum Single Character Glyph Width, aka Capital "W" */
11747/* Used to match floats with text */
11748/* Header Spacing */
11749/* Minimum Mobile Width */
11750/* Positive / Negative Dupes */
11751/* Responsive */
11752/*-------------------
11753 Exact Pixel Values
11754--------------------*/
11755/*
11756 These are used to specify exact pixel values in em
11757 for things like borders that remain constantly
11758 sized as emSize adjusts
11759
11760 Since there are many more sizes than names for sizes,
11761 these are named by their original pixel values.
11762
11763*/
11764/* Columns */
11765/*******************************
11766 States
11767*******************************/
11768/*-------------------
11769 Disabled
11770--------------------*/
11771/*-------------------
11772 Hover
11773--------------------*/
11774/*--- Shadows ---*/
11775/*--- Colors ---*/
11776/* https://github.com/Tripwire/octagon/issues/144 */
11777/*--- Emotive ---*/
11778/*--- Brand ---*/
11779/*--- Dark Tones ---*/
11780/*--- Light Tones ---*/
11781/*-------------------
11782 Focus
11783--------------------*/
11784/*--- Colors ---*/
11785/*--- Emotive ---*/
11786/*--- Brand ---*/
11787/*--- Dark Tones ---*/
11788/*--- Light Tones ---*/
11789/*-------------------
11790 Down (:active)
11791--------------------*/
11792/*--- Colors ---*/
11793/*--- Emotive ---*/
11794/*--- Brand ---*/
11795/*--- Dark Tones ---*/
11796/*--- Light Tones ---*/
11797/*-------------------
11798 Active
11799--------------------*/
11800/*--- Colors ---*/
11801/*--- Emotive ---*/
11802/*--- Brand ---*/
11803/*--- Dark Tones ---*/
11804/*--- Light Tones ---*/
11805/* Component's site.variables */
11806/*******************************
11807 Site Settings
11808*******************************/
11809/*-------------------
11810 Fonts
11811--------------------*/
11812/*-------------------
11813 Base Sizes
11814--------------------*/
11815/* This is the single variable that controls them all */
11816/* The size of page text */
11817/*-------------------
11818 Border Radius
11819--------------------*/
11820/* See Power-user section below
11821 for explanation of @px variables
11822*/
11823/*-------------------
11824 Brand Colors
11825--------------------*/
11826/*--------------
11827 Page Heading
11828---------------*/
11829/*--------------
11830 Form Input
11831---------------*/
11832/* This adjusts the default form input across all elements */
11833/* Input Text Color */
11834/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
11835/*-------------------
11836 Focused Input
11837--------------------*/
11838/* Used on inputs, textarea etc */
11839/* Used on dropdowns, other larger blocks */
11840/*-------------------
11841 Sizes
11842--------------------*/
11843/*
11844 Sizes are all expressed in terms of 14px/em (default em)
11845 This ensures these "ratios" remain constant despite changes in EM
11846*/
11847/*-------------------
11848 Page
11849--------------------*/
11850/*-------------------
11851 Paragraph
11852--------------------*/
11853/*-------------------
11854 Links
11855--------------------*/
11856/*-------------------
11857 Scroll Bars
11858--------------------*/
11859/* Inverted */
11860/*-------------------
11861 Highlighted Text
11862--------------------*/
11863/*-------------------
11864 Loader
11865--------------------*/
11866/*-------------------
11867 Grid
11868--------------------*/
11869/*-------------------
11870 Transitions
11871--------------------*/
11872/*-------------------
11873 Breakpoints
11874--------------------*/
11875/*-------------------
11876 Site Colors
11877--------------------*/
11878/*--- Colors ---*/
11879/*--- Light Colors ---*/
11880/*--- Neutrals ---*/
11881/*--- Colored Backgrounds ---*/
11882/*--- Colored Headers ---*/
11883/*--- Colored Text ---*/
11884/*--- Colored Border ---*/
11885/*-------------------
11886 Alpha Colors
11887--------------------*/
11888/*-------------------
11889 Accents
11890--------------------*/
11891/* Differentiating Neutrals */
11892/* Differentiating Layers */
11893/*******************************
11894 Power-User
11895*******************************/
11896/*-------------------
11897 Emotive Colors
11898--------------------*/
11899/* Positive */
11900/* Negative */
11901/* Info */
11902/* Warning */
11903/*-------------------
11904 Paths
11905--------------------*/
11906/* For source only. Modified in gulp for dist */
11907/*-------------------
11908 Em Sizes
11909--------------------*/
11910/*
11911 This rounds @size values to the closest pixel then expresses that value in (r)em.
11912 This ensures all size values round to exact pixels
11913*/
11914/* em */
11915/* rem */
11916/*-------------------
11917 Icons
11918--------------------*/
11919/* Maximum Glyph Width of Icon */
11920/*-------------------
11921 Neutral Text
11922--------------------*/
11923/*-------------------
11924 Brand Colors
11925--------------------*/
11926/*-------------------
11927 Borders
11928--------------------*/
11929/*-------------------
11930 Derived Values
11931--------------------*/
11932/* Loaders Position Offset */
11933/* Rendered Scrollbar Width */
11934/* Maximum Single Character Glyph Width, aka Capital "W" */
11935/* Used to match floats with text */
11936/* Header Spacing */
11937/* Minimum Mobile Width */
11938/* Positive / Negative Dupes */
11939/* Responsive */
11940/*-------------------
11941 Exact Pixel Values
11942--------------------*/
11943/*
11944 These are used to specify exact pixel values in em
11945 for things like borders that remain constantly
11946 sized as emSize adjusts
11947
11948 Since there are many more sizes than names for sizes,
11949 these are named by their original pixel values.
11950
11951*/
11952/* Columns */
11953/*******************************
11954 States
11955*******************************/
11956/*-------------------
11957 Disabled
11958--------------------*/
11959/*-------------------
11960 Hover
11961--------------------*/
11962/*--- Shadows ---*/
11963/*--- Colors ---*/
11964/*--- Emotive ---*/
11965/*--- Brand ---*/
11966/*--- Dark Tones ---*/
11967/*--- Light Tones ---*/
11968/*-------------------
11969 Focus
11970--------------------*/
11971/*--- Colors ---*/
11972/*--- Emotive ---*/
11973/*--- Brand ---*/
11974/*--- Dark Tones ---*/
11975/*--- Light Tones ---*/
11976/*-------------------
11977 Down (:active)
11978--------------------*/
11979/*--- Colors ---*/
11980/*--- Emotive ---*/
11981/*--- Brand ---*/
11982/*--- Dark Tones ---*/
11983/*--- Light Tones ---*/
11984/*-------------------
11985 Active
11986--------------------*/
11987/*--- Colors ---*/
11988/*--- Emotive ---*/
11989/*--- Brand ---*/
11990/*--- Dark Tones ---*/
11991/*--- Light Tones ---*/
11992/* Site theme site.variables */
11993/*-------------------
11994 Component Variables
11995---------------------*/
11996/* Default */
11997/*******************************
11998 Header
11999*******************************/
12000/*-------------------
12001 Element
12002--------------------*/
12003/* Sub Heading */
12004/* Sub Header */
12005/* Icon */
12006/* Image */
12007/* Label */
12008/* Content */
12009/* Paragraph after Header */
12010/*-------------------
12011 Variations
12012--------------------*/
12013/* Sizing */
12014/* Sub Header */
12015/* Icon Header */
12016/* No Line Height Offset */
12017/* Divided */
12018/* Block */
12019/* Attached */
12020/* Inverted */
12021/* Floated */
12022/* Packaged Theme */
12023/*******************************
12024 Header
12025*******************************/
12026/*-------------------
12027 Element
12028--------------------*/
12029/* Sub Heading */
12030/* Sub Header */
12031/* Icon */
12032/* Image */
12033/* Label */
12034/* Content */
12035/* Paragraph after Header */
12036/*-------------------
12037 Variations
12038--------------------*/
12039/* Sizing */
12040/* Sub Header */
12041/* Icon Header */
12042/* No Line Height Offset */
12043/* Divided */
12044/* Block */
12045/* Attached */
12046/* Inverted */
12047/* Floated */
12048/* Site Theme */
12049/*******************************
12050 Mix-ins
12051*******************************/
12052/*------------------
12053 Fonts
12054-------------------*/
12055/*------------------
12056 Overrides
12057-------------------*/
12058/* End Config */
12059/*******************************
12060 Header
12061*******************************/
12062/* Standard */
12063.ui.header {
12064 border: none;
12065 margin: calc(2rem - 0.14285714em ) 0em 1rem;
12066 padding: 0em 0em;
12067 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
12068 font-weight: bold;
12069 line-height: 1.28571429em;
12070 text-transform: none;
12071 color: rgba(0, 0, 0, 0.87);
12072}
12073.ui.header:first-child {
12074 margin-top: -0.14285714em;
12075}
12076.ui.header:last-child {
12077 margin-bottom: 0em;
12078}
12079/*--------------
12080 Sub Header
12081---------------*/
12082.ui.header .sub.header {
12083 display: block;
12084 font-weight: normal;
12085 padding: 0em;
12086 margin: 0em;
12087 font-size: 1rem;
12088 line-height: 1.2em;
12089 color: rgba(0, 0, 0, 0.6);
12090}
12091/*--------------
12092 Icon
12093---------------*/
12094.ui.header > .icon {
12095 display: table-cell;
12096 opacity: 1;
12097 font-size: 1.5em;
12098 padding-top: 0em;
12099 vertical-align: middle;
12100}
12101/* With Text Node */
12102.ui.header .icon:only-child {
12103 display: inline-block;
12104 padding: 0em;
12105 margin-right: 0.75rem;
12106}
12107/*-------------------
12108 Image
12109--------------------*/
12110.ui.header > .image:not(.icon),
12111.ui.header > img {
12112 display: inline-block;
12113 margin-top: 0.14285714em;
12114 width: 2.5em;
12115 height: auto;
12116 vertical-align: middle;
12117}
12118.ui.header > .image:not(.icon):only-child,
12119.ui.header > img:only-child {
12120 margin-right: 0.75rem;
12121}
12122/*--------------
12123 Content
12124---------------*/
12125.ui.header .content {
12126 display: inline-block;
12127 vertical-align: top;
12128}
12129/* After Image */
12130.ui.header > img + .content,
12131.ui.header > .image + .content {
12132 padding-left: 0.75rem;
12133 vertical-align: middle;
12134}
12135/* After Icon */
12136.ui.header > .icon + .content {
12137 padding-left: 0.75rem;
12138 display: table-cell;
12139 vertical-align: middle;
12140}
12141/*--------------
12142 Loose Coupling
12143---------------*/
12144.ui.header .ui.label {
12145 font-size: '';
12146 margin-left: 0.5rem;
12147 vertical-align: middle;
12148}
12149/* Positioning */
12150.ui.header + p {
12151 margin-top: 0em;
12152}
12153/*******************************
12154 Types
12155*******************************/
12156/*--------------
12157 Page
12158---------------*/
12159h1.ui.header {
12160 font-size: 2rem;
12161}
12162h2.ui.header {
12163 font-size: 1.71428571rem;
12164}
12165h3.ui.header {
12166 font-size: 1.28571429rem;
12167}
12168h4.ui.header {
12169 font-size: 1.07142857rem;
12170}
12171h5.ui.header {
12172 font-size: 1rem;
12173}
12174/* Sub Header */
12175h1.ui.header .sub.header {
12176 font-size: 1.14285714rem;
12177}
12178h2.ui.header .sub.header {
12179 font-size: 1.14285714rem;
12180}
12181h3.ui.header .sub.header {
12182 font-size: 1rem;
12183}
12184h4.ui.header .sub.header {
12185 font-size: 1rem;
12186}
12187h5.ui.header .sub.header {
12188 font-size: 0.92857143rem;
12189}
12190/*--------------
12191 Content Heading
12192---------------*/
12193.ui.huge.header {
12194 min-height: 1em;
12195 font-size: 2em;
12196}
12197.ui.large.header {
12198 font-size: 1.71428571em;
12199}
12200.ui.medium.header {
12201 font-size: 1.28571429em;
12202}
12203.ui.small.header {
12204 font-size: 1.07142857em;
12205}
12206.ui.tiny.header {
12207 font-size: 1em;
12208}
12209/* Sub Header */
12210.ui.huge.header .sub.header {
12211 font-size: 1.14285714rem;
12212}
12213.ui.large.header .sub.header {
12214 font-size: 1.14285714rem;
12215}
12216.ui.header .sub.header {
12217 font-size: 1rem;
12218}
12219.ui.small.header .sub.header {
12220 font-size: 1rem;
12221}
12222.ui.tiny.header .sub.header {
12223 font-size: 0.92857143rem;
12224}
12225/*--------------
12226 Sub Heading
12227---------------*/
12228.ui.sub.header {
12229 padding: 0em;
12230 margin-bottom: 0.14285714rem;
12231 font-weight: bold;
12232 font-size: 0.85714286em;
12233 text-transform: uppercase;
12234 color: '';
12235}
12236.ui.small.sub.header {
12237 font-size: 0.78571429em;
12238}
12239.ui.sub.header {
12240 font-size: 0.85714286em;
12241}
12242.ui.large.sub.header {
12243 font-size: 0.92857143em;
12244}
12245.ui.huge.sub.header {
12246 font-size: 1em;
12247}
12248/*-------------------
12249 Icon
12250--------------------*/
12251.ui.icon.header {
12252 display: inline-block;
12253 text-align: center;
12254 margin: 2rem 0em 1rem;
12255}
12256.ui.icon.header:after {
12257 content: '';
12258 display: block;
12259 height: 0px;
12260 clear: both;
12261 visibility: hidden;
12262}
12263.ui.icon.header:first-child {
12264 margin-top: 0em;
12265}
12266.ui.icon.header .icon {
12267 float: none;
12268 display: block;
12269 width: auto;
12270 height: auto;
12271 line-height: 1;
12272 padding: 0em;
12273 font-size: 3em;
12274 margin: 0em auto 0.5rem;
12275 opacity: 1;
12276}
12277.ui.icon.header .content {
12278 display: block;
12279 padding: 0em;
12280}
12281.ui.icon.header .circular.icon {
12282 font-size: 2em;
12283}
12284.ui.icon.header .square.icon {
12285 font-size: 2em;
12286}
12287.ui.block.icon.header .icon {
12288 margin-bottom: 0em;
12289}
12290.ui.icon.header.aligned {
12291 margin-left: auto;
12292 margin-right: auto;
12293 display: block;
12294}
12295/*******************************
12296 States
12297*******************************/
12298.ui.disabled.header {
12299 opacity: 0.45;
12300}
12301/*******************************
12302 Variations
12303*******************************/
12304/*-------------------
12305 Inverted
12306--------------------*/
12307.ui.inverted.header {
12308 color: #FFFFFF;
12309}
12310.ui.inverted.header .sub.header {
12311 color: rgba(255, 255, 255, 0.8);
12312}
12313.ui.inverted.attached.header {
12314 background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
12315 box-shadow: none;
12316 border-color: transparent;
12317}
12318.ui.inverted.block.header {
12319 background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
12320 box-shadow: none;
12321}
12322.ui.inverted.block.header {
12323 border-bottom: none;
12324}
12325/*-------------------
12326 Colors
12327--------------------*/
12328/*--- Red ---*/
12329.ui.red.header {
12330 color: #DB2828 !important;
12331}
12332a.ui.red.header:hover {
12333 color: #d01919 !important;
12334}
12335.ui.red.dividing.header {
12336 border-bottom: 2px solid #DB2828;
12337}
12338/* Inverted */
12339.ui.inverted.red.header {
12340 color: #FF695E !important;
12341}
12342a.ui.inverted.red.header:hover {
12343 color: #ff5144 !important;
12344}
12345/*--- Orange ---*/
12346.ui.orange.header {
12347 color: #F2711C !important;
12348}
12349a.ui.orange.header:hover {
12350 color: #f26202 !important;
12351}
12352.ui.orange.dividing.header {
12353 border-bottom: 2px solid #F2711C;
12354}
12355/* Inverted */
12356.ui.inverted.orange.header {
12357 color: #FF851B !important;
12358}
12359a.ui.inverted.orange.header:hover {
12360 color: #ff7701 !important;
12361}
12362/*--- Olive ---*/
12363.ui.olive.header {
12364 color: #B5CC18 !important;
12365}
12366a.ui.olive.header:hover {
12367 color: #a7bd0d !important;
12368}
12369.ui.olive.dividing.header {
12370 border-bottom: 2px solid #B5CC18;
12371}
12372/* Inverted */
12373.ui.inverted.olive.header {
12374 color: #D9E778 !important;
12375}
12376a.ui.inverted.olive.header:hover {
12377 color: #d8ea5c !important;
12378}
12379/*--- Yellow ---*/
12380.ui.yellow.header {
12381 color: #FBBD08 !important;
12382}
12383a.ui.yellow.header:hover {
12384 color: #eaae00 !important;
12385}
12386.ui.yellow.dividing.header {
12387 border-bottom: 2px solid #FBBD08;
12388}
12389/* Inverted */
12390.ui.inverted.yellow.header {
12391 color: #FFE21F !important;
12392}
12393a.ui.inverted.yellow.header:hover {
12394 color: #ffdf05 !important;
12395}
12396/*--- Green ---*/
12397.ui.green.header {
12398 color: #21BA45 !important;
12399}
12400a.ui.green.header:hover {
12401 color: #16ab39 !important;
12402}
12403.ui.green.dividing.header {
12404 border-bottom: 2px solid #21BA45;
12405}
12406/* Inverted */
12407.ui.inverted.green.header {
12408 color: #2ECC40 !important;
12409}
12410a.ui.inverted.green.header:hover {
12411 color: #22be34 !important;
12412}
12413/*--- Teal ---*/
12414.ui.teal.header {
12415 color: #00B5AD !important;
12416}
12417a.ui.teal.header:hover {
12418 color: #009c95 !important;
12419}
12420.ui.teal.dividing.header {
12421 border-bottom: 2px solid #00B5AD;
12422}
12423/* Inverted */
12424.ui.inverted.teal.header {
12425 color: #6DFFFF !important;
12426}
12427a.ui.inverted.teal.header:hover {
12428 color: #54ffff !important;
12429}
12430/*--- Blue ---*/
12431.ui.blue.header {
12432 color: #2185D0 !important;
12433}
12434a.ui.blue.header:hover {
12435 color: #1678c2 !important;
12436}
12437.ui.blue.dividing.header {
12438 border-bottom: 2px solid #2185D0;
12439}
12440/* Inverted */
12441.ui.inverted.blue.header {
12442 color: #54C8FF !important;
12443}
12444a.ui.inverted.blue.header:hover {
12445 color: #3ac0ff !important;
12446}
12447/*--- Violet ---*/
12448.ui.violet.header {
12449 color: #6435C9 !important;
12450}
12451a.ui.violet.header:hover {
12452 color: #5829bb !important;
12453}
12454.ui.violet.dividing.header {
12455 border-bottom: 2px solid #6435C9;
12456}
12457/* Inverted */
12458.ui.inverted.violet.header {
12459 color: #A291FB !important;
12460}
12461a.ui.inverted.violet.header:hover {
12462 color: #8a73ff !important;
12463}
12464/*--- Purple ---*/
12465.ui.purple.header {
12466 color: #A333C8 !important;
12467}
12468a.ui.purple.header:hover {
12469 color: #9627ba !important;
12470}
12471.ui.purple.dividing.header {
12472 border-bottom: 2px solid #A333C8;
12473}
12474/* Inverted */
12475.ui.inverted.purple.header {
12476 color: #DC73FF !important;
12477}
12478a.ui.inverted.purple.header:hover {
12479 color: #d65aff !important;
12480}
12481/*--- Pink ---*/
12482.ui.pink.header {
12483 color: #E03997 !important;
12484}
12485a.ui.pink.header:hover {
12486 color: #e61a8d !important;
12487}
12488.ui.pink.dividing.header {
12489 border-bottom: 2px solid #E03997;
12490}
12491/* Inverted */
12492.ui.inverted.pink.header {
12493 color: #FF8EDF !important;
12494}
12495a.ui.inverted.pink.header:hover {
12496 color: #ff74d8 !important;
12497}
12498/*--- Brown ---*/
12499.ui.brown.header {
12500 color: #A5673F !important;
12501}
12502a.ui.brown.header:hover {
12503 color: #975b33 !important;
12504}
12505.ui.brown.dividing.header {
12506 border-bottom: 2px solid #A5673F;
12507}
12508/* Inverted */
12509.ui.inverted.brown.header {
12510 color: #D67C1C !important;
12511}
12512a.ui.inverted.brown.header:hover {
12513 color: #c86f11 !important;
12514}
12515/*--- Grey ---*/
12516.ui.grey.header {
12517 color: #767676 !important;
12518}
12519a.ui.grey.header:hover {
12520 color: #838383 !important;
12521}
12522.ui.grey.dividing.header {
12523 border-bottom: 2px solid #767676;
12524}
12525/* Inverted */
12526.ui.inverted.grey.header {
12527 color: #DCDDDE !important;
12528}
12529a.ui.inverted.grey.header:hover {
12530 color: #cfd0d2 !important;
12531}
12532/*-------------------
12533 Aligned
12534--------------------*/
12535.ui.left.aligned.header {
12536 text-align: left;
12537}
12538.ui.right.aligned.header {
12539 text-align: right;
12540}
12541.ui.centered.header,
12542.ui.center.aligned.header {
12543 text-align: center;
12544}
12545.ui.justified.header {
12546 text-align: justify;
12547}
12548.ui.justified.header:after {
12549 display: inline-block;
12550 content: '';
12551 width: 100%;
12552}
12553/*-------------------
12554 Floated
12555--------------------*/
12556.ui.floated.header,
12557.ui[class*="left floated"].header {
12558 float: left;
12559 margin-top: 0em;
12560 margin-right: 0.5em;
12561}
12562.ui[class*="right floated"].header {
12563 float: right;
12564 margin-top: 0em;
12565 margin-left: 0.5em;
12566}
12567/*-------------------
12568 Fitted
12569--------------------*/
12570.ui.fitted.header {
12571 padding: 0em;
12572}
12573/*-------------------
12574 Dividing
12575--------------------*/
12576.ui.dividing.header {
12577 padding-bottom: 0.21428571rem;
12578 border-bottom: 1px solid rgba(34, 36, 38, 0.15);
12579}
12580.ui.dividing.header .sub.header {
12581 padding-bottom: 0.21428571rem;
12582}
12583.ui.dividing.header .icon {
12584 margin-bottom: 0em;
12585}
12586.ui.inverted.dividing.header {
12587 border-bottom-color: rgba(255, 255, 255, 0.1);
12588}
12589/*-------------------
12590 Block
12591--------------------*/
12592.ui.block.header {
12593 background: #F3F4F5;
12594 padding: 0.78571429rem 1rem;
12595 box-shadow: none;
12596 border: 1px solid #D4D4D5;
12597 border-radius: 0.28571429rem;
12598}
12599.ui.tiny.block.header {
12600 font-size: 0.85714286rem;
12601}
12602.ui.small.block.header {
12603 font-size: 0.92857143rem;
12604}
12605.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
12606 font-size: 1rem;
12607}
12608.ui.large.block.header {
12609 font-size: 1.14285714rem;
12610}
12611.ui.huge.block.header {
12612 font-size: 1.42857143rem;
12613}
12614/*-------------------
12615 Attached
12616--------------------*/
12617.ui.attached.header {
12618 background: #FFFFFF;
12619 padding: 0.78571429rem 1rem;
12620 margin-left: -1px;
12621 margin-right: -1px;
12622 box-shadow: none;
12623 border: 1px solid #D4D4D5;
12624}
12625.ui.attached.block.header {
12626 background: #F3F4F5;
12627}
12628.ui.attached:not(.top):not(.bottom).header {
12629 margin-top: 0em;
12630 margin-bottom: 0em;
12631 border-top: none;
12632 border-radius: 0em;
12633}
12634.ui.top.attached.header {
12635 margin-bottom: 0em;
12636 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
12637}
12638.ui.bottom.attached.header {
12639 margin-top: 0em;
12640 border-top: none;
12641 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
12642}
12643/* Attached Sizes */
12644.ui.tiny.attached.header {
12645 font-size: 0.85714286em;
12646}
12647.ui.small.attached.header {
12648 font-size: 0.92857143em;
12649}
12650.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
12651 font-size: 1em;
12652}
12653.ui.large.attached.header {
12654 font-size: 1.14285714em;
12655}
12656.ui.huge.attached.header {
12657 font-size: 1.42857143em;
12658}
12659/*-------------------
12660 Sizing
12661--------------------*/
12662.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
12663 font-size: 1.28571429em;
12664}
12665/*******************************
12666 Theme Overrides
12667*******************************/
12668/*!
12669 * # Semantic UI - Icon
12670 * http://github.com/semantic-org/semantic-ui/
12671 *
12672 *
12673 * Released under the MIT license
12674 * http://opensource.org/licenses/MIT
12675 *
12676 */
12677/*******************************
12678 Theme
12679*******************************/
12680/*
12681
12682████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
12683╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
12684 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
12685 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
12686 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
12687 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
12688
12689*/
12690/*******************************
12691 Theme Selection
12692*******************************/
12693/* To override a theme for an individual element
12694 specify theme name below
12695*/
12696/* Global */
12697/* Elements */
12698/* Collections */
12699/* Modules */
12700/* Views */
12701/*******************************
12702 Folders
12703*******************************/
12704/* Path to theme packages */
12705/* Path to site override folder */
12706/*******************************
12707 Import Theme
12708*******************************/
12709/*******************************
12710 Import Directives
12711*******************************/
12712/*------------------
12713 Theme
12714-------------------*/
12715/*--------------------
12716 Site Variables
12717---------------------*/
12718/* Default site.variables */
12719/*******************************
12720 Site Settings
12721*******************************/
12722/*-------------------
12723 Fonts
12724--------------------*/
12725/*-------------------
12726 Base Sizes
12727--------------------*/
12728/* This is the single variable that controls them all */
12729/* The size of page text */
12730/*-------------------
12731 Border Radius
12732--------------------*/
12733/* See Power-user section below
12734 for explanation of @px variables
12735*/
12736/*-------------------
12737 Brand Colors
12738--------------------*/
12739/*--------------
12740 Page Heading
12741---------------*/
12742/*--------------
12743 Form Input
12744---------------*/
12745/* This adjusts the default form input across all elements */
12746/* Input Text Color */
12747/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
12748/*-------------------
12749 Focused Input
12750--------------------*/
12751/* Used on inputs, textarea etc */
12752/* Used on dropdowns, other larger blocks */
12753/*-------------------
12754 Sizes
12755--------------------*/
12756/*
12757 Sizes are all expressed in terms of 14px/em (default em)
12758 This ensures these "ratios" remain constant despite changes in EM
12759*/
12760/*-------------------
12761 Page
12762--------------------*/
12763/*-------------------
12764 Paragraph
12765--------------------*/
12766/*-------------------
12767 Links
12768--------------------*/
12769/*-------------------
12770 Scroll Bars
12771--------------------*/
12772/* Inverted */
12773/*-------------------
12774 Highlighted Text
12775--------------------*/
12776/*-------------------
12777 Loader
12778--------------------*/
12779/*-------------------
12780 Grid
12781--------------------*/
12782/*-------------------
12783 Transitions
12784--------------------*/
12785/*-------------------
12786 Breakpoints
12787--------------------*/
12788/*-------------------
12789 Site Colors
12790--------------------*/
12791/*--- Colors ---*/
12792/*--- Light Colors ---*/
12793/*--- Neutrals ---*/
12794/*--- Colored Backgrounds ---*/
12795/*--- Colored Headers ---*/
12796/*--- Colored Text ---*/
12797/*--- Colored Border ---*/
12798/*-------------------
12799 Alpha Colors
12800--------------------*/
12801/*-------------------
12802 Accents
12803--------------------*/
12804/* Differentiating Neutrals */
12805/* Differentiating Layers */
12806/*******************************
12807 Power-User
12808*******************************/
12809/*-------------------
12810 Emotive Colors
12811--------------------*/
12812/* Positive */
12813/* Negative */
12814/* Info */
12815/* Warning */
12816/*-------------------
12817 Paths
12818--------------------*/
12819/* For source only. Modified in gulp for dist */
12820/*-------------------
12821 Em Sizes
12822--------------------*/
12823/*
12824 This rounds @size values to the closest pixel then expresses that value in (r)em.
12825 This ensures all size values round to exact pixels
12826*/
12827/* em */
12828/* rem */
12829/*-------------------
12830 Icons
12831--------------------*/
12832/* Maximum Glyph Width of Icon */
12833/*-------------------
12834 Neutral Text
12835--------------------*/
12836/*-------------------
12837 Brand Colors
12838--------------------*/
12839/*-------------------
12840 Borders
12841--------------------*/
12842/*-------------------
12843 Derived Values
12844--------------------*/
12845/* Loaders Position Offset */
12846/* Rendered Scrollbar Width */
12847/* Maximum Single Character Glyph Width, aka Capital "W" */
12848/* Used to match floats with text */
12849/* Header Spacing */
12850/* Minimum Mobile Width */
12851/* Positive / Negative Dupes */
12852/* Responsive */
12853/*-------------------
12854 Exact Pixel Values
12855--------------------*/
12856/*
12857 These are used to specify exact pixel values in em
12858 for things like borders that remain constantly
12859 sized as emSize adjusts
12860
12861 Since there are many more sizes than names for sizes,
12862 these are named by their original pixel values.
12863
12864*/
12865/* Columns */
12866/*******************************
12867 States
12868*******************************/
12869/*-------------------
12870 Disabled
12871--------------------*/
12872/*-------------------
12873 Hover
12874--------------------*/
12875/*--- Shadows ---*/
12876/*--- Colors ---*/
12877/*--- Emotive ---*/
12878/*--- Brand ---*/
12879/*--- Dark Tones ---*/
12880/*--- Light Tones ---*/
12881/*-------------------
12882 Focus
12883--------------------*/
12884/*--- Colors ---*/
12885/*--- Emotive ---*/
12886/*--- Brand ---*/
12887/*--- Dark Tones ---*/
12888/*--- Light Tones ---*/
12889/*-------------------
12890 Down (:active)
12891--------------------*/
12892/*--- Colors ---*/
12893/*--- Emotive ---*/
12894/*--- Brand ---*/
12895/*--- Dark Tones ---*/
12896/*--- Light Tones ---*/
12897/*-------------------
12898 Active
12899--------------------*/
12900/*--- Colors ---*/
12901/*--- Emotive ---*/
12902/*--- Brand ---*/
12903/*--- Dark Tones ---*/
12904/*--- Light Tones ---*/
12905/* Packaged site.variables */
12906/*******************************
12907 Site Settings
12908*******************************/
12909/*-------------------
12910 Fonts
12911--------------------*/
12912/*-------------------
12913 Base Sizes
12914--------------------*/
12915/* This is the single variable that controls them all */
12916/* The size of page text */
12917/*-------------------
12918 Border Radius
12919--------------------*/
12920/* See Power-user section below
12921 for explanation of @px variables
12922*/
12923/*-------------------
12924 Brand Colors
12925--------------------*/
12926/*--------------
12927 Page Heading
12928---------------*/
12929/*--------------
12930 Form Input
12931---------------*/
12932/* This adjusts the default form input across all elements */
12933/* Input Text Color */
12934/* Line Height Default For Inputs in Browser */
12935/*-------------------
12936 Focused Input
12937--------------------*/
12938/* Used on inputs, textarea etc */
12939/* Used on dropdowns, other larger blocks */
12940/*-------------------
12941 Sizes
12942--------------------*/
12943/*
12944 Sizes are all expressed in terms of 14px/em (default em)
12945 This ensures these "ratios" remain constant despite changes in EM
12946*/
12947/*-------------------
12948 Page
12949--------------------*/
12950/*-------------------
12951 Paragraph
12952--------------------*/
12953/*-------------------
12954 Links
12955--------------------*/
12956/*-------------------
12957 Highlighted Text
12958--------------------*/
12959/*-------------------
12960 Loader
12961--------------------*/
12962/*-------------------
12963 Grid
12964--------------------*/
12965/*-------------------
12966 Transitions
12967--------------------*/
12968/*-------------------
12969 Breakpoints
12970--------------------*/
12971/*-------------------
12972 Site Colors
12973--------------------*/
12974/*--- Colors ---*/
12975/*--- Light Colors ---*/
12976/*--- Neutrals ---*/
12977/*--- Colored Backgrounds ---*/
12978/*--- Colored Headers ---*/
12979/*--- Colored Text ---*/
12980/*--- Colored Border ---*/
12981/*-------------------
12982 Alpha Colors
12983--------------------*/
12984/*-------------------
12985 Accents
12986--------------------*/
12987/* Differentiating Neutrals */
12988/* Differentiating Layers */
12989/*******************************
12990 Power-User
12991*******************************/
12992/*-------------------
12993 Emotive Colors
12994--------------------*/
12995/* Positive */
12996/* Negative */
12997/* Info */
12998/* Warning */
12999/*-------------------
13000 Paths
13001--------------------*/
13002/* For source only. Modified in gulp for dist */
13003/*-------------------
13004 Em Sizes
13005--------------------*/
13006/*
13007 This rounds @size values to the closest pixel then expresses that value in (r)em.
13008 This ensures all size values round to exact pixels
13009*/
13010/* em */
13011/* rem */
13012/*-------------------
13013 Icons
13014--------------------*/
13015/* Maximum Glyph Width of Icon */
13016/*-------------------
13017 Neutral Text
13018--------------------*/
13019/*-------------------
13020 Brand Colors
13021--------------------*/
13022/*-------------------
13023 Borders
13024--------------------*/
13025/*-------------------
13026 Derived Values
13027--------------------*/
13028/* Loaders Position Offset */
13029/* Rendered Scrollbar Width */
13030/* Maximum Single Character Glyph Width, aka Capital "W" */
13031/* Used to match floats with text */
13032/* Header Spacing */
13033/* Minimum Mobile Width */
13034/* Positive / Negative Dupes */
13035/* Responsive */
13036/*-------------------
13037 Exact Pixel Values
13038--------------------*/
13039/*
13040 These are used to specify exact pixel values in em
13041 for things like borders that remain constantly
13042 sized as emSize adjusts
13043
13044 Since there are many more sizes than names for sizes,
13045 these are named by their original pixel values.
13046
13047*/
13048/* Columns */
13049/*******************************
13050 States
13051*******************************/
13052/*-------------------
13053 Disabled
13054--------------------*/
13055/*-------------------
13056 Hover
13057--------------------*/
13058/*--- Shadows ---*/
13059/*--- Colors ---*/
13060/* https://github.com/Tripwire/octagon/issues/144 */
13061/*--- Emotive ---*/
13062/*--- Brand ---*/
13063/*--- Dark Tones ---*/
13064/*--- Light Tones ---*/
13065/*-------------------
13066 Focus
13067--------------------*/
13068/*--- Colors ---*/
13069/*--- Emotive ---*/
13070/*--- Brand ---*/
13071/*--- Dark Tones ---*/
13072/*--- Light Tones ---*/
13073/*-------------------
13074 Down (:active)
13075--------------------*/
13076/*--- Colors ---*/
13077/*--- Emotive ---*/
13078/*--- Brand ---*/
13079/*--- Dark Tones ---*/
13080/*--- Light Tones ---*/
13081/*-------------------
13082 Active
13083--------------------*/
13084/*--- Colors ---*/
13085/*--- Emotive ---*/
13086/*--- Brand ---*/
13087/*--- Dark Tones ---*/
13088/*--- Light Tones ---*/
13089/* Component's site.variables */
13090/*******************************
13091 Site Settings
13092*******************************/
13093/*-------------------
13094 Fonts
13095--------------------*/
13096/*-------------------
13097 Base Sizes
13098--------------------*/
13099/* This is the single variable that controls them all */
13100/* The size of page text */
13101/*-------------------
13102 Border Radius
13103--------------------*/
13104/* See Power-user section below
13105 for explanation of @px variables
13106*/
13107/*-------------------
13108 Brand Colors
13109--------------------*/
13110/*--------------
13111 Page Heading
13112---------------*/
13113/*--------------
13114 Form Input
13115---------------*/
13116/* This adjusts the default form input across all elements */
13117/* Input Text Color */
13118/* Line Height Default For Inputs in Browser */
13119/*-------------------
13120 Focused Input
13121--------------------*/
13122/* Used on inputs, textarea etc */
13123/* Used on dropdowns, other larger blocks */
13124/*-------------------
13125 Sizes
13126--------------------*/
13127/*
13128 Sizes are all expressed in terms of 14px/em (default em)
13129 This ensures these "ratios" remain constant despite changes in EM
13130*/
13131/*-------------------
13132 Page
13133--------------------*/
13134/*-------------------
13135 Paragraph
13136--------------------*/
13137/*-------------------
13138 Links
13139--------------------*/
13140/*-------------------
13141 Highlighted Text
13142--------------------*/
13143/*-------------------
13144 Loader
13145--------------------*/
13146/*-------------------
13147 Grid
13148--------------------*/
13149/*-------------------
13150 Transitions
13151--------------------*/
13152/*-------------------
13153 Breakpoints
13154--------------------*/
13155/*-------------------
13156 Site Colors
13157--------------------*/
13158/*--- Colors ---*/
13159/*--- Light Colors ---*/
13160/*--- Neutrals ---*/
13161/*--- Colored Backgrounds ---*/
13162/*--- Colored Headers ---*/
13163/*--- Colored Text ---*/
13164/*--- Colored Border ---*/
13165/*-------------------
13166 Alpha Colors
13167--------------------*/
13168/*-------------------
13169 Accents
13170--------------------*/
13171/* Differentiating Neutrals */
13172/* Differentiating Layers */
13173/*******************************
13174 Power-User
13175*******************************/
13176/*-------------------
13177 Emotive Colors
13178--------------------*/
13179/* Positive */
13180/* Negative */
13181/* Info */
13182/* Warning */
13183/*-------------------
13184 Paths
13185--------------------*/
13186/* For source only. Modified in gulp for dist */
13187/*-------------------
13188 Em Sizes
13189--------------------*/
13190/*
13191 This rounds @size values to the closest pixel then expresses that value in (r)em.
13192 This ensures all size values round to exact pixels
13193*/
13194/* em */
13195/* rem */
13196/*-------------------
13197 Icons
13198--------------------*/
13199/* Maximum Glyph Width of Icon */
13200/*-------------------
13201 Neutral Text
13202--------------------*/
13203/*-------------------
13204 Brand Colors
13205--------------------*/
13206/*-------------------
13207 Borders
13208--------------------*/
13209/*-------------------
13210 Derived Values
13211--------------------*/
13212/* Loaders Position Offset */
13213/* Rendered Scrollbar Width */
13214/* Maximum Single Character Glyph Width, aka Capital "W" */
13215/* Used to match floats with text */
13216/* Header Spacing */
13217/* Minimum Mobile Width */
13218/* Positive / Negative Dupes */
13219/* Responsive */
13220/*-------------------
13221 Exact Pixel Values
13222--------------------*/
13223/*
13224 These are used to specify exact pixel values in em
13225 for things like borders that remain constantly
13226 sized as emSize adjusts
13227
13228 Since there are many more sizes than names for sizes,
13229 these are named by their original pixel values.
13230
13231*/
13232/* Columns */
13233/*******************************
13234 States
13235*******************************/
13236/*-------------------
13237 Disabled
13238--------------------*/
13239/*-------------------
13240 Hover
13241--------------------*/
13242/*--- Shadows ---*/
13243/*--- Colors ---*/
13244/* https://github.com/Tripwire/octagon/issues/144 */
13245/*--- Emotive ---*/
13246/*--- Brand ---*/
13247/*--- Dark Tones ---*/
13248/*--- Light Tones ---*/
13249/*-------------------
13250 Focus
13251--------------------*/
13252/*--- Colors ---*/
13253/*--- Emotive ---*/
13254/*--- Brand ---*/
13255/*--- Dark Tones ---*/
13256/*--- Light Tones ---*/
13257/*-------------------
13258 Down (:active)
13259--------------------*/
13260/*--- Colors ---*/
13261/*--- Emotive ---*/
13262/*--- Brand ---*/
13263/*--- Dark Tones ---*/
13264/*--- Light Tones ---*/
13265/*-------------------
13266 Active
13267--------------------*/
13268/*--- Colors ---*/
13269/*--- Emotive ---*/
13270/*--- Brand ---*/
13271/*--- Dark Tones ---*/
13272/*--- Light Tones ---*/
13273/* Site theme site.variables */
13274/*-------------------
13275 Component Variables
13276---------------------*/
13277/* Default */
13278/*******************************
13279 Icon
13280*******************************/
13281/*--------------
13282 Font Files
13283---------------*/
13284/*--------------
13285 Optional Files
13286---------------*/
13287/* Outline Icons */
13288/* Brand Icons */
13289/*--------------
13290 Definition
13291---------------*/
13292/* Icon Variables */
13293/* Variations */
13294/* Packaged Theme */
13295/*******************************
13296 Icon
13297*******************************/
13298/*--------------
13299 Font Files
13300---------------*/
13301/*--------------
13302 Optional Files
13303---------------*/
13304/* Outline Icons */
13305/* Brand Icons */
13306/*--------------
13307 Definition
13308---------------*/
13309/* Icon Variables */
13310/* Variations */
13311/* Site Theme */
13312/*******************************
13313 Mix-ins
13314*******************************/
13315/*------------------
13316 Fonts
13317-------------------*/
13318/*------------------
13319 Overrides
13320-------------------*/
13321/* End Config */
13322/*******************************
13323 Icon
13324*******************************/
13325@font-face {
13326 font-family: 'Icons';
13327 src: url("themes/default/assets/fonts/icons.eot");
13328 src: url("themes/default/assets/fonts/icons.eot?#iefix") format('embedded-opentype'), url("themes/default/assets/fonts/icons.woff2") format('woff2'), url("themes/default/assets/fonts/icons.woff") format('woff'), url("themes/default/assets/fonts/icons.ttf") format('truetype'), url("themes/default/assets/fonts/icons.svg#icons") format('svg');
13329 font-style: normal;
13330 font-weight: normal;
13331 font-variant: normal;
13332 text-decoration: inherit;
13333 text-transform: none;
13334}
13335i.icon {
13336 display: inline-block;
13337 opacity: 1;
13338 margin: 0em 0.25rem 0em 0em;
13339 width: 1.18em;
13340 height: 1em;
13341 font-family: 'Icons';
13342 font-style: normal;
13343 font-weight: normal;
13344 text-decoration: inherit;
13345 text-align: center;
13346 speak: none;
13347 font-smoothing: antialiased;
13348 -moz-osx-font-smoothing: grayscale;
13349 -webkit-font-smoothing: antialiased;
13350 backface-visibility: hidden;
13351}
13352i.icon:before {
13353 background: none !important;
13354}
13355/*******************************
13356 Types
13357*******************************/
13358/*--------------
13359 Loading
13360---------------*/
13361i.icon.loading {
13362 height: 1em;
13363 line-height: 1;
13364 animation: icon-loading 2s linear infinite;
13365}
13366@keyframes icon-loading {
13367 from {
13368 transform: rotate(0deg);
13369 }
13370 to {
13371 transform: rotate(360deg);
13372 }
13373}
13374/*******************************
13375 States
13376*******************************/
13377i.icon.hover {
13378 opacity: 1 !important;
13379}
13380i.icon.active {
13381 opacity: 1 !important;
13382}
13383i.emphasized.icon {
13384 opacity: 1 !important;
13385}
13386i.disabled.icon {
13387 opacity: 0.45 !important;
13388}
13389/*******************************
13390 Variations
13391*******************************/
13392/*-------------------
13393 Fitted
13394--------------------*/
13395i.fitted.icon {
13396 width: auto;
13397 margin: 0em !important;
13398}
13399/*-------------------
13400 Link
13401--------------------*/
13402i.link.icon,
13403i.link.icons {
13404 cursor: pointer;
13405 opacity: 0.8;
13406 transition: opacity 0.1s ease;
13407}
13408i.link.icon:hover,
13409i.link.icons:hover {
13410 opacity: 1 !important;
13411}
13412/*-------------------
13413 Circular
13414--------------------*/
13415i.circular.icon {
13416 border-radius: 500em !important;
13417 line-height: 1 !important;
13418 padding: 0.5em 0em !important;
13419 box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
13420 width: 2em !important;
13421 height: 2em !important;
13422}
13423i.circular.inverted.icon {
13424 border: none;
13425 box-shadow: none;
13426}
13427/*-------------------
13428 Flipped
13429--------------------*/
13430i.flipped.icon,
13431i.horizontally.flipped.icon {
13432 transform: scale(-1, 1);
13433}
13434i.vertically.flipped.icon {
13435 transform: scale(1, -1);
13436}
13437/*-------------------
13438 Rotated
13439--------------------*/
13440i.rotated.icon,
13441i.right.rotated.icon,
13442i.clockwise.rotated.icon {
13443 transform: rotate(90deg);
13444}
13445i.left.rotated.icon,
13446i.counterclockwise.rotated.icon {
13447 transform: rotate(-90deg);
13448}
13449/*-------------------
13450 Bordered
13451--------------------*/
13452i.bordered.icon {
13453 line-height: 1;
13454 vertical-align: baseline;
13455 width: 2em;
13456 height: 2em;
13457 padding: 0.5em 0em !important;
13458 box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
13459}
13460i.bordered.inverted.icon {
13461 border: none;
13462 box-shadow: none;
13463}
13464/*-------------------
13465 Inverted
13466--------------------*/
13467/* Inverted Shapes */
13468i.inverted.bordered.icon,
13469i.inverted.circular.icon {
13470 background-color: #1B1C1D !important;
13471 color: #FFFFFF !important;
13472}
13473i.inverted.icon {
13474 color: #FFFFFF;
13475}
13476/*-------------------
13477 Colors
13478--------------------*/
13479/* Red */
13480i.red.icon {
13481 color: #c0382b !important;
13482}
13483i.inverted.red.icon {
13484 color: #FF695E !important;
13485}
13486i.inverted.bordered.red.icon,
13487i.inverted.circular.red.icon {
13488 background-color: #c0382b !important;
13489 color: #FFFFFF !important;
13490}
13491/* Orange */
13492i.orange.icon {
13493 color: #F2711C !important;
13494}
13495i.inverted.orange.icon {
13496 color: #FF851B !important;
13497}
13498i.inverted.bordered.orange.icon,
13499i.inverted.circular.orange.icon {
13500 background-color: #F2711C !important;
13501 color: #FFFFFF !important;
13502}
13503/* Yellow */
13504i.yellow.icon {
13505 color: #ff9e2c !important;
13506}
13507i.inverted.yellow.icon {
13508 color: #FFE21F !important;
13509}
13510i.inverted.bordered.yellow.icon,
13511i.inverted.circular.yellow.icon {
13512 background-color: #ff9e2c !important;
13513 color: #FFFFFF !important;
13514}
13515/* Olive */
13516i.olive.icon {
13517 color: #B5CC18 !important;
13518}
13519i.inverted.olive.icon {
13520 color: #D9E778 !important;
13521}
13522i.inverted.bordered.olive.icon,
13523i.inverted.circular.olive.icon {
13524 background-color: #B5CC18 !important;
13525 color: #FFFFFF !important;
13526}
13527/* Green */
13528i.green.icon {
13529 color: #21BA45 !important;
13530}
13531i.inverted.green.icon {
13532 color: #2ECC40 !important;
13533}
13534i.inverted.bordered.green.icon,
13535i.inverted.circular.green.icon {
13536 background-color: #21BA45 !important;
13537 color: #FFFFFF !important;
13538}
13539/* Teal */
13540i.teal.icon {
13541 color: #00B5AD !important;
13542}
13543i.inverted.teal.icon {
13544 color: #6DFFFF !important;
13545}
13546i.inverted.bordered.teal.icon,
13547i.inverted.circular.teal.icon {
13548 background-color: #00B5AD !important;
13549 color: #FFFFFF !important;
13550}
13551/* Blue */
13552i.blue.icon {
13553 color: #3498db !important;
13554}
13555i.inverted.blue.icon {
13556 color: #54C8FF !important;
13557}
13558i.inverted.bordered.blue.icon,
13559i.inverted.circular.blue.icon {
13560 background-color: #3498db !important;
13561 color: #FFFFFF !important;
13562}
13563/* Violet */
13564i.violet.icon {
13565 color: #6435C9 !important;
13566}
13567i.inverted.violet.icon {
13568 color: #A291FB !important;
13569}
13570i.inverted.bordered.violet.icon,
13571i.inverted.circular.violet.icon {
13572 background-color: #6435C9 !important;
13573 color: #FFFFFF !important;
13574}
13575/* Purple */
13576i.purple.icon {
13577 color: #A676B2 !important;
13578}
13579i.inverted.purple.icon {
13580 color: #DC73FF !important;
13581}
13582i.inverted.bordered.purple.icon,
13583i.inverted.circular.purple.icon {
13584 background-color: #A676B2 !important;
13585 color: #FFFFFF !important;
13586}
13587/* Pink */
13588i.pink.icon {
13589 color: #E03997 !important;
13590}
13591i.inverted.pink.icon {
13592 color: #FF8EDF !important;
13593}
13594i.inverted.bordered.pink.icon,
13595i.inverted.circular.pink.icon {
13596 background-color: #E03997 !important;
13597 color: #FFFFFF !important;
13598}
13599/* Brown */
13600i.brown.icon {
13601 color: #A5673F !important;
13602}
13603i.inverted.brown.icon {
13604 color: #D67C1C !important;
13605}
13606i.inverted.bordered.brown.icon,
13607i.inverted.circular.brown.icon {
13608 background-color: #A5673F !important;
13609 color: #FFFFFF !important;
13610}
13611/* Grey */
13612i.grey.icon {
13613 color: #586A7B !important;
13614}
13615i.inverted.grey.icon {
13616 color: #DCDDDE !important;
13617}
13618i.inverted.bordered.grey.icon,
13619i.inverted.circular.grey.icon {
13620 background-color: #586A7B !important;
13621 color: #FFFFFF !important;
13622}
13623/* Black */
13624i.black.icon {
13625 color: #1B1C1D !important;
13626}
13627i.inverted.black.icon {
13628 color: #545454 !important;
13629}
13630i.inverted.bordered.black.icon,
13631i.inverted.circular.black.icon {
13632 background-color: #1B1C1D !important;
13633 color: #FFFFFF !important;
13634}
13635/*-------------------
13636 Sizes
13637--------------------*/
13638i.mini.icon,
13639i.mini.icons {
13640 line-height: 1;
13641 font-size: 0.4em;
13642}
13643i.tiny.icon,
13644i.tiny.icons {
13645 line-height: 1;
13646 font-size: 0.5em;
13647}
13648i.small.icon,
13649i.small.icons {
13650 line-height: 1;
13651 font-size: 0.75em;
13652}
13653i.icon,
13654i.icons {
13655 font-size: 1em;
13656}
13657i.large.icon,
13658i.large.icons {
13659 line-height: 1;
13660 vertical-align: middle;
13661 font-size: 1.5em;
13662}
13663i.big.icon,
13664i.big.icons {
13665 line-height: 1;
13666 vertical-align: middle;
13667 font-size: 2em;
13668}
13669i.huge.icon,
13670i.huge.icons {
13671 line-height: 1;
13672 vertical-align: middle;
13673 font-size: 4em;
13674}
13675i.massive.icon,
13676i.massive.icons {
13677 line-height: 1;
13678 vertical-align: middle;
13679 font-size: 8em;
13680}
13681/*******************************
13682 Groups
13683*******************************/
13684i.icons {
13685 display: inline-block;
13686 position: relative;
13687 line-height: 1;
13688}
13689i.icons .icon {
13690 position: absolute;
13691 top: 50%;
13692 left: 50%;
13693 transform: translateX(-50%) translateY(-50%);
13694 margin: 0em;
13695 margin: 0;
13696}
13697i.icons .icon:first-child {
13698 position: static;
13699 width: auto;
13700 height: auto;
13701 vertical-align: top;
13702 transform: none;
13703 margin-right: 0.25rem;
13704}
13705/* Corner Icon */
13706i.icons .corner.icon {
13707 top: auto;
13708 left: auto;
13709 right: 0;
13710 bottom: 0;
13711 transform: none;
13712 font-size: 0.45em;
13713 text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
13714}
13715i.icons .top.right.corner.icon {
13716 top: 0;
13717 left: auto;
13718 right: 0;
13719 bottom: auto;
13720}
13721i.icons .top.left.corner.icon {
13722 top: 0;
13723 left: 0;
13724 right: auto;
13725 bottom: auto;
13726}
13727i.icons .bottom.left.corner.icon {
13728 top: auto;
13729 left: 0;
13730 right: auto;
13731 bottom: 0;
13732}
13733i.icons .bottom.right.corner.icon {
13734 top: auto;
13735 left: auto;
13736 right: 0;
13737 bottom: 0;
13738}
13739i.icons .inverted.corner.icon {
13740 text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
13741}
13742/*
13743 * Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome
13744 * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
13745 */
13746/*******************************
13747
13748Semantic-UI integration of font-awesome :
13749
13750///class names are separated
13751i.icon.circle => i.icon.circle
13752i.icon.circle-o => i.icon.circle.outline
13753
13754//abbreviation are replaced by full letters:
13755i.icon.ellipsis-h => i.icon.ellipsis.horizontal
13756i.icon.ellipsis-v => i.icon.ellipsis.vertical
13757.alpha => .i.icon.alphabet
13758.asc => .i.icon.ascending
13759.desc => .i.icon.descending
13760.alt =>.alternate
13761
13762ASCII order is conserved for easier maintenance.
13763
13764Icons that only have one style 'outline', 'square' etc do not require this class
13765for instance `lemon icon` not `lemon outline icon` since there is only one lemon
13766
13767*******************************/
13768/*******************************
13769 Icons
13770*******************************/
13771/* Icons */
13772i.icon.\35 00px:before {
13773 content: "\f26e";
13774}
13775i.icon.accessible.icon:before {
13776 content: "\f368";
13777}
13778i.icon.accusoft:before {
13779 content: "\f369";
13780}
13781i.icon.address.book:before {
13782 content: "\f2b9";
13783}
13784i.icon.address.card:before {
13785 content: "\f2bb";
13786}
13787i.icon.adjust:before {
13788 content: "\f042";
13789}
13790i.icon.adn:before {
13791 content: "\f170";
13792}
13793i.icon.adversal:before {
13794 content: "\f36a";
13795}
13796i.icon.affiliatetheme:before {
13797 content: "\f36b";
13798}
13799i.icon.algolia:before {
13800 content: "\f36c";
13801}
13802i.icon.align.center:before {
13803 content: "\f037";
13804}
13805i.icon.align.justify:before {
13806 content: "\f039";
13807}
13808i.icon.align.left:before {
13809 content: "\f036";
13810}
13811i.icon.align.right:before {
13812 content: "\f038";
13813}
13814i.icon.amazon:before {
13815 content: "\f270";
13816}
13817i.icon.amazon.pay:before {
13818 content: "\f42c";
13819}
13820i.icon.ambulance:before {
13821 content: "\f0f9";
13822}
13823i.icon.american.sign.language.interpreting:before {
13824 content: "\f2a3";
13825}
13826i.icon.amilia:before {
13827 content: "\f36d";
13828}
13829i.icon.anchor:before {
13830 content: "\f13d";
13831}
13832i.icon.android:before {
13833 content: "\f17b";
13834}
13835i.icon.angellist:before {
13836 content: "\f209";
13837}
13838i.icon.angle.double.down:before {
13839 content: "\f103";
13840}
13841i.icon.angle.double.left:before {
13842 content: "\f100";
13843}
13844i.icon.angle.double.right:before {
13845 content: "\f101";
13846}
13847i.icon.angle.double.up:before {
13848 content: "\f102";
13849}
13850i.icon.angle.down:before {
13851 content: "\f107";
13852}
13853i.icon.angle.left:before {
13854 content: "\f104";
13855}
13856i.icon.angle.right:before {
13857 content: "\f105";
13858}
13859i.icon.angle.up:before {
13860 content: "\f106";
13861}
13862i.icon.angrycreative:before {
13863 content: "\f36e";
13864}
13865i.icon.angular:before {
13866 content: "\f420";
13867}
13868i.icon.app.store:before {
13869 content: "\f36f";
13870}
13871i.icon.app.store.ios:before {
13872 content: "\f370";
13873}
13874i.icon.apper:before {
13875 content: "\f371";
13876}
13877i.icon.apple:before {
13878 content: "\f179";
13879}
13880i.icon.apple.pay:before {
13881 content: "\f415";
13882}
13883i.icon.archive:before {
13884 content: "\f187";
13885}
13886i.icon.arrow.alternate.circle.down:before {
13887 content: "\f358";
13888}
13889i.icon.arrow.alternate.circle.left:before {
13890 content: "\f359";
13891}
13892i.icon.arrow.alternate.circle.right:before {
13893 content: "\f35a";
13894}
13895i.icon.arrow.alternate.circle.up:before {
13896 content: "\f35b";
13897}
13898i.icon.arrow.circle.down:before {
13899 content: "\f0ab";
13900}
13901i.icon.arrow.circle.left:before {
13902 content: "\f0a8";
13903}
13904i.icon.arrow.circle.right:before {
13905 content: "\f0a9";
13906}
13907i.icon.arrow.circle.up:before {
13908 content: "\f0aa";
13909}
13910i.icon.arrow.down:before {
13911 content: "\f063";
13912}
13913i.icon.arrow.left:before {
13914 content: "\f060";
13915}
13916i.icon.arrow.right:before {
13917 content: "\f061";
13918}
13919i.icon.arrow.up:before {
13920 content: "\f062";
13921}
13922i.icon.arrows.alternate:before {
13923 content: "\f0b2";
13924}
13925i.icon.arrows.alternate.horizontal:before {
13926 content: "\f337";
13927}
13928i.icon.arrows.alternate.vertical:before {
13929 content: "\f338";
13930}
13931i.icon.assistive.listening.systems:before {
13932 content: "\f2a2";
13933}
13934i.icon.asterisk:before {
13935 content: "\f069";
13936}
13937i.icon.asymmetrik:before {
13938 content: "\f372";
13939}
13940i.icon.at:before {
13941 content: "\f1fa";
13942}
13943i.icon.audible:before {
13944 content: "\f373";
13945}
13946i.icon.audio.description:before {
13947 content: "\f29e";
13948}
13949i.icon.autoprefixer:before {
13950 content: "\f41c";
13951}
13952i.icon.avianex:before {
13953 content: "\f374";
13954}
13955i.icon.aviato:before {
13956 content: "\f421";
13957}
13958i.icon.aws:before {
13959 content: "\f375";
13960}
13961i.icon.backward:before {
13962 content: "\f04a";
13963}
13964i.icon.balance.scale:before {
13965 content: "\f24e";
13966}
13967i.icon.ban:before {
13968 content: "\f05e";
13969}
13970i.icon.band.aid:before {
13971 content: "\f462";
13972}
13973i.icon.bandcamp:before {
13974 content: "\f2d5";
13975}
13976i.icon.barcode:before {
13977 content: "\f02a";
13978}
13979i.icon.bars:before {
13980 content: "\f0c9";
13981}
13982i.icon.baseball.ball:before {
13983 content: "\f433";
13984}
13985i.icon.basketball.ball:before {
13986 content: "\f434";
13987}
13988i.icon.bath:before {
13989 content: "\f2cd";
13990}
13991i.icon.battery.empty:before {
13992 content: "\f244";
13993}
13994i.icon.battery.full:before {
13995 content: "\f240";
13996}
13997i.icon.battery.half:before {
13998 content: "\f242";
13999}
14000i.icon.battery.quarter:before {
14001 content: "\f243";
14002}
14003i.icon.battery.three.quarters:before {
14004 content: "\f241";
14005}
14006i.icon.bed:before {
14007 content: "\f236";
14008}
14009i.icon.beer:before {
14010 content: "\f0fc";
14011}
14012i.icon.behance:before {
14013 content: "\f1b4";
14014}
14015i.icon.behance.square:before {
14016 content: "\f1b5";
14017}
14018i.icon.bell:before {
14019 content: "\f0f3";
14020}
14021i.icon.bell.slash:before {
14022 content: "\f1f6";
14023}
14024i.icon.bicycle:before {
14025 content: "\f206";
14026}
14027i.icon.bimobject:before {
14028 content: "\f378";
14029}
14030i.icon.binoculars:before {
14031 content: "\f1e5";
14032}
14033i.icon.birthday.cake:before {
14034 content: "\f1fd";
14035}
14036i.icon.bitbucket:before {
14037 content: "\f171";
14038}
14039i.icon.bitcoin:before {
14040 content: "\f379";
14041}
14042i.icon.bity:before {
14043 content: "\f37a";
14044}
14045i.icon.black.tie:before {
14046 content: "\f27e";
14047}
14048i.icon.blackberry:before {
14049 content: "\f37b";
14050}
14051i.icon.blind:before {
14052 content: "\f29d";
14053}
14054i.icon.blogger:before {
14055 content: "\f37c";
14056}
14057i.icon.blogger.b:before {
14058 content: "\f37d";
14059}
14060i.icon.bluetooth:before {
14061 content: "\f293";
14062}
14063i.icon.bluetooth.b:before {
14064 content: "\f294";
14065}
14066i.icon.bold:before {
14067 content: "\f032";
14068}
14069i.icon.bolt:before {
14070 content: "\f0e7";
14071}
14072i.icon.bomb:before {
14073 content: "\f1e2";
14074}
14075i.icon.book:before {
14076 content: "\f02d";
14077}
14078i.icon.bookmark:before {
14079 content: "\f02e";
14080}
14081i.icon.bowling.ball:before {
14082 content: "\f436";
14083}
14084i.icon.box:before {
14085 content: "\f466";
14086}
14087i.icon.boxes:before {
14088 content: "\f468";
14089}
14090i.icon.braille:before {
14091 content: "\f2a1";
14092}
14093i.icon.briefcase:before {
14094 content: "\f0b1";
14095}
14096i.icon.btc:before {
14097 content: "\f15a";
14098}
14099i.icon.bug:before {
14100 content: "\f188";
14101}
14102i.icon.building:before {
14103 content: "\f1ad";
14104}
14105i.icon.bullhorn:before {
14106 content: "\f0a1";
14107}
14108i.icon.bullseye:before {
14109 content: "\f140";
14110}
14111i.icon.buromobelexperte:before {
14112 content: "\f37f";
14113}
14114i.icon.bus:before {
14115 content: "\f207";
14116}
14117i.icon.buysellads:before {
14118 content: "\f20d";
14119}
14120i.icon.calculator:before {
14121 content: "\f1ec";
14122}
14123i.icon.calendar:before {
14124 content: "\f133";
14125}
14126i.icon.calendar.alternate:before {
14127 content: "\f073";
14128}
14129i.icon.calendar.check:before {
14130 content: "\f274";
14131}
14132i.icon.calendar.minus:before {
14133 content: "\f272";
14134}
14135i.icon.calendar.plus:before {
14136 content: "\f271";
14137}
14138i.icon.calendar.times:before {
14139 content: "\f273";
14140}
14141i.icon.camera:before {
14142 content: "\f030";
14143}
14144i.icon.camera.retro:before {
14145 content: "\f083";
14146}
14147i.icon.car:before {
14148 content: "\f1b9";
14149}
14150i.icon.caret.down:before {
14151 content: "\f0d7";
14152}
14153i.icon.caret.left:before {
14154 content: "\f0d9";
14155}
14156i.icon.caret.right:before {
14157 content: "\f0da";
14158}
14159i.icon.caret.square.down:before {
14160 content: "\f150";
14161}
14162i.icon.caret.square.left:before {
14163 content: "\f191";
14164}
14165i.icon.caret.square.right:before {
14166 content: "\f152";
14167}
14168i.icon.caret.square.up:before {
14169 content: "\f151";
14170}
14171i.icon.caret.up:before {
14172 content: "\f0d8";
14173}
14174i.icon.cart.arrow.down:before {
14175 content: "\f218";
14176}
14177i.icon.cart.plus:before {
14178 content: "\f217";
14179}
14180i.icon.cc.amazon.pay:before {
14181 content: "\f42d";
14182}
14183i.icon.cc.amex:before {
14184 content: "\f1f3";
14185}
14186i.icon.cc.apple.pay:before {
14187 content: "\f416";
14188}
14189i.icon.cc.diners.club:before {
14190 content: "\f24c";
14191}
14192i.icon.cc.discover:before {
14193 content: "\f1f2";
14194}
14195i.icon.cc.jcb:before {
14196 content: "\f24b";
14197}
14198i.icon.cc.mastercard:before {
14199 content: "\f1f1";
14200}
14201i.icon.cc.paypal:before {
14202 content: "\f1f4";
14203}
14204i.icon.cc.stripe:before {
14205 content: "\f1f5";
14206}
14207i.icon.cc.visa:before {
14208 content: "\f1f0";
14209}
14210i.icon.centercode:before {
14211 content: "\f380";
14212}
14213i.icon.certificate:before {
14214 content: "\f0a3";
14215}
14216i.icon.chart.area:before {
14217 content: "\f1fe";
14218}
14219i.icon.chart.bar:before {
14220 content: "\f080";
14221}
14222i.icon.chart.line:before {
14223 content: "\f201";
14224}
14225i.icon.chart.pie:before {
14226 content: "\f200";
14227}
14228i.icon.check:before {
14229 content: "\f00c";
14230}
14231i.icon.check.circle:before {
14232 content: "\f058";
14233}
14234i.icon.check.square:before {
14235 content: "\f14a";
14236}
14237i.icon.chess:before {
14238 content: "\f439";
14239}
14240i.icon.chess.bishop:before {
14241 content: "\f43a";
14242}
14243i.icon.chess.board:before {
14244 content: "\f43c";
14245}
14246i.icon.chess.king:before {
14247 content: "\f43f";
14248}
14249i.icon.chess.knight:before {
14250 content: "\f441";
14251}
14252i.icon.chess.pawn:before {
14253 content: "\f443";
14254}
14255i.icon.chess.queen:before {
14256 content: "\f445";
14257}
14258i.icon.chess.rook:before {
14259 content: "\f447";
14260}
14261i.icon.chevron.circle.down:before {
14262 content: "\f13a";
14263}
14264i.icon.chevron.circle.left:before {
14265 content: "\f137";
14266}
14267i.icon.chevron.circle.right:before {
14268 content: "\f138";
14269}
14270i.icon.chevron.circle.up:before {
14271 content: "\f139";
14272}
14273i.icon.chevron.down:before {
14274 content: "\f078";
14275}
14276i.icon.chevron.left:before {
14277 content: "\f053";
14278}
14279i.icon.chevron.right:before {
14280 content: "\f054";
14281}
14282i.icon.chevron.up:before {
14283 content: "\f077";
14284}
14285i.icon.child:before {
14286 content: "\f1ae";
14287}
14288i.icon.chrome:before {
14289 content: "\f268";
14290}
14291i.icon.circle:before {
14292 content: "\f111";
14293}
14294i.icon.circle.notch:before {
14295 content: "\f1ce";
14296}
14297i.icon.clipboard:before {
14298 content: "\f328";
14299}
14300i.icon.clipboard.check:before {
14301 content: "\f46c";
14302}
14303i.icon.clipboard.list:before {
14304 content: "\f46d";
14305}
14306i.icon.clock:before {
14307 content: "\f017";
14308}
14309i.icon.clone:before {
14310 content: "\f24d";
14311}
14312i.icon.closed.captioning:before {
14313 content: "\f20a";
14314}
14315i.icon.cloud:before {
14316 content: "\f0c2";
14317}
14318i.icon.cloudscale:before {
14319 content: "\f383";
14320}
14321i.icon.cloudsmith:before {
14322 content: "\f384";
14323}
14324i.icon.cloudversify:before {
14325 content: "\f385";
14326}
14327i.icon.code:before {
14328 content: "\f121";
14329}
14330i.icon.code.branch:before {
14331 content: "\f126";
14332}
14333i.icon.codepen:before {
14334 content: "\f1cb";
14335}
14336i.icon.codiepie:before {
14337 content: "\f284";
14338}
14339i.icon.coffee:before {
14340 content: "\f0f4";
14341}
14342i.icon.cog:before {
14343 content: "\f013";
14344}
14345i.icon.cogs:before {
14346 content: "\f085";
14347}
14348i.icon.columns:before {
14349 content: "\f0db";
14350}
14351i.icon.comment:before {
14352 content: "\f075";
14353}
14354i.icon.comment.alternate:before {
14355 content: "\f27a";
14356}
14357i.icon.comments:before {
14358 content: "\f086";
14359}
14360i.icon.compass:before {
14361 content: "\f14e";
14362}
14363i.icon.compress:before {
14364 content: "\f066";
14365}
14366i.icon.connectdevelop:before {
14367 content: "\f20e";
14368}
14369i.icon.contao:before {
14370 content: "\f26d";
14371}
14372i.icon.copy:before {
14373 content: "\f0c5";
14374}
14375i.icon.copyright:before {
14376 content: "\f1f9";
14377}
14378i.icon.cpanel:before {
14379 content: "\f388";
14380}
14381i.icon.creative.commons:before {
14382 content: "\f25e";
14383}
14384i.icon.credit.card:before {
14385 content: "\f09d";
14386}
14387i.icon.crop:before {
14388 content: "\f125";
14389}
14390i.icon.crosshairs:before {
14391 content: "\f05b";
14392}
14393i.icon.css3:before {
14394 content: "\f13c";
14395}
14396i.icon.css3.alternate:before {
14397 content: "\f38b";
14398}
14399i.icon.cube:before {
14400 content: "\f1b2";
14401}
14402i.icon.cubes:before {
14403 content: "\f1b3";
14404}
14405i.icon.cut:before {
14406 content: "\f0c4";
14407}
14408i.icon.cuttlefish:before {
14409 content: "\f38c";
14410}
14411i.icon.d.and.d:before {
14412 content: "\f38d";
14413}
14414i.icon.dashcube:before {
14415 content: "\f210";
14416}
14417i.icon.database:before {
14418 content: "\f1c0";
14419}
14420i.icon.deaf:before {
14421 content: "\f2a4";
14422}
14423i.icon.delicious:before {
14424 content: "\f1a5";
14425}
14426i.icon.deploydog:before {
14427 content: "\f38e";
14428}
14429i.icon.deskpro:before {
14430 content: "\f38f";
14431}
14432i.icon.desktop:before {
14433 content: "\f108";
14434}
14435i.icon.deviantart:before {
14436 content: "\f1bd";
14437}
14438i.icon.digg:before {
14439 content: "\f1a6";
14440}
14441i.icon.digital.ocean:before {
14442 content: "\f391";
14443}
14444i.icon.discord:before {
14445 content: "\f392";
14446}
14447i.icon.discourse:before {
14448 content: "\f393";
14449}
14450i.icon.dna:before {
14451 content: "\f471";
14452}
14453i.icon.dochub:before {
14454 content: "\f394";
14455}
14456i.icon.docker:before {
14457 content: "\f395";
14458}
14459i.icon.dollar.sign:before {
14460 content: "\f155";
14461}
14462i.icon.dolly:before {
14463 content: "\f472";
14464}
14465i.icon.dolly.flatbed:before {
14466 content: "\f474";
14467}
14468i.icon.dot.circle:before {
14469 content: "\f192";
14470}
14471i.icon.download:before {
14472 content: "\f019";
14473}
14474i.icon.draft2digital:before {
14475 content: "\f396";
14476}
14477i.icon.dribbble:before {
14478 content: "\f17d";
14479}
14480i.icon.dribbble.square:before {
14481 content: "\f397";
14482}
14483i.icon.dropbox:before {
14484 content: "\f16b";
14485}
14486i.icon.drupal:before {
14487 content: "\f1a9";
14488}
14489i.icon.dyalog:before {
14490 content: "\f399";
14491}
14492i.icon.earlybirds:before {
14493 content: "\f39a";
14494}
14495i.icon.edge:before {
14496 content: "\f282";
14497}
14498i.icon.edit:before {
14499 content: "\f044";
14500}
14501i.icon.eject:before {
14502 content: "\f052";
14503}
14504i.icon.elementor:before {
14505 content: "\f430";
14506}
14507i.icon.ellipsis.horizontal:before {
14508 content: "\f141";
14509}
14510i.icon.ellipsis.vertical:before {
14511 content: "\f142";
14512}
14513i.icon.ember:before {
14514 content: "\f423";
14515}
14516i.icon.empire:before {
14517 content: "\f1d1";
14518}
14519i.icon.envelope:before {
14520 content: "\f0e0";
14521}
14522i.icon.envelope.open:before {
14523 content: "\f2b6";
14524}
14525i.icon.envelope.square:before {
14526 content: "\f199";
14527}
14528i.icon.envira:before {
14529 content: "\f299";
14530}
14531i.icon.eraser:before {
14532 content: "\f12d";
14533}
14534i.icon.erlang:before {
14535 content: "\f39d";
14536}
14537i.icon.ethereum:before {
14538 content: "\f42e";
14539}
14540i.icon.etsy:before {
14541 content: "\f2d7";
14542}
14543i.icon.euro.sign:before {
14544 content: "\f153";
14545}
14546i.icon.exchange.alternate:before {
14547 content: "\f362";
14548}
14549i.icon.exclamation:before {
14550 content: "\f12a";
14551}
14552i.icon.exclamation.circle:before {
14553 content: "\f06a";
14554}
14555i.icon.exclamation.triangle:before {
14556 content: "\f071";
14557}
14558i.icon.expand:before {
14559 content: "\f065";
14560}
14561i.icon.expand.arrows.alternate:before {
14562 content: "\f31e";
14563}
14564i.icon.expeditedssl:before {
14565 content: "\f23e";
14566}
14567i.icon.external.alternate:before {
14568 content: "\f35d";
14569}
14570i.icon.external.square.alternate:before {
14571 content: "\f360";
14572}
14573i.icon.eye:before {
14574 content: "\f06e";
14575}
14576i.icon.eye.dropper:before {
14577 content: "\f1fb";
14578}
14579i.icon.eye.slash:before {
14580 content: "\f070";
14581}
14582i.icon.facebook:before {
14583 content: "\f09a";
14584}
14585i.icon.facebook.f:before {
14586 content: "\f39e";
14587}
14588i.icon.facebook.messenger:before {
14589 content: "\f39f";
14590}
14591i.icon.facebook.square:before {
14592 content: "\f082";
14593}
14594i.icon.fast.backward:before {
14595 content: "\f049";
14596}
14597i.icon.fast.forward:before {
14598 content: "\f050";
14599}
14600i.icon.fax:before {
14601 content: "\f1ac";
14602}
14603i.icon.female:before {
14604 content: "\f182";
14605}
14606i.icon.fighter.jet:before {
14607 content: "\f0fb";
14608}
14609i.icon.file:before {
14610 content: "\f15b";
14611}
14612i.icon.file.alternate:before {
14613 content: "\f15c";
14614}
14615i.icon.file.archive:before {
14616 content: "\f1c6";
14617}
14618i.icon.file.audio:before {
14619 content: "\f1c7";
14620}
14621i.icon.file.code:before {
14622 content: "\f1c9";
14623}
14624i.icon.file.excel:before {
14625 content: "\f1c3";
14626}
14627i.icon.file.image:before {
14628 content: "\f1c5";
14629}
14630i.icon.file.pdf:before {
14631 content: "\f1c1";
14632}
14633i.icon.file.powerpoint:before {
14634 content: "\f1c4";
14635}
14636i.icon.file.video:before {
14637 content: "\f1c8";
14638}
14639i.icon.file.word:before {
14640 content: "\f1c2";
14641}
14642i.icon.film:before {
14643 content: "\f008";
14644}
14645i.icon.filter:before {
14646 content: "\f0b0";
14647}
14648i.icon.fire:before {
14649 content: "\f06d";
14650}
14651i.icon.fire.extinguisher:before {
14652 content: "\f134";
14653}
14654i.icon.firefox:before {
14655 content: "\f269";
14656}
14657i.icon.first.aid:before {
14658 content: "\f479";
14659}
14660i.icon.first.order:before {
14661 content: "\f2b0";
14662}
14663i.icon.firstdraft:before {
14664 content: "\f3a1";
14665}
14666i.icon.flag:before {
14667 content: "\f024";
14668}
14669i.icon.flag.checkered:before {
14670 content: "\f11e";
14671}
14672i.icon.flask:before {
14673 content: "\f0c3";
14674}
14675i.icon.flickr:before {
14676 content: "\f16e";
14677}
14678i.icon.flipboard:before {
14679 content: "\f44d";
14680}
14681i.icon.fly:before {
14682 content: "\f417";
14683}
14684i.icon.folder:before {
14685 content: "\f07b";
14686}
14687i.icon.folder.open:before {
14688 content: "\f07c";
14689}
14690i.icon.font:before {
14691 content: "\f031";
14692}
14693i.icon.font.awesome:before {
14694 content: "\f2b4";
14695}
14696i.icon.font.awesome.alternate:before {
14697 content: "\f35c";
14698}
14699i.icon.font.awesome.flag:before {
14700 content: "\f425";
14701}
14702i.icon.fonticons:before {
14703 content: "\f280";
14704}
14705i.icon.fonticons.fi:before {
14706 content: "\f3a2";
14707}
14708i.icon.football.ball:before {
14709 content: "\f44e";
14710}
14711i.icon.fort.awesome:before {
14712 content: "\f286";
14713}
14714i.icon.fort.awesome.alternate:before {
14715 content: "\f3a3";
14716}
14717i.icon.forumbee:before {
14718 content: "\f211";
14719}
14720i.icon.forward:before {
14721 content: "\f04e";
14722}
14723i.icon.foursquare:before {
14724 content: "\f180";
14725}
14726i.icon.free.code.camp:before {
14727 content: "\f2c5";
14728}
14729i.icon.freebsd:before {
14730 content: "\f3a4";
14731}
14732i.icon.frown:before {
14733 content: "\f119";
14734}
14735i.icon.futbol:before {
14736 content: "\f1e3";
14737}
14738i.icon.gamepad:before {
14739 content: "\f11b";
14740}
14741i.icon.gavel:before {
14742 content: "\f0e3";
14743}
14744i.icon.gem:before {
14745 content: "\f3a5";
14746}
14747i.icon.genderless:before {
14748 content: "\f22d";
14749}
14750i.icon.get.pocket:before {
14751 content: "\f265";
14752}
14753i.icon.gg:before {
14754 content: "\f260";
14755}
14756i.icon.gg.circle:before {
14757 content: "\f261";
14758}
14759i.icon.gift:before {
14760 content: "\f06b";
14761}
14762i.icon.git:before {
14763 content: "\f1d3";
14764}
14765i.icon.git.square:before {
14766 content: "\f1d2";
14767}
14768i.icon.github:before {
14769 content: "\f09b";
14770}
14771i.icon.github.alternate:before {
14772 content: "\f113";
14773}
14774i.icon.github.square:before {
14775 content: "\f092";
14776}
14777i.icon.gitkraken:before {
14778 content: "\f3a6";
14779}
14780i.icon.gitlab:before {
14781 content: "\f296";
14782}
14783i.icon.gitter:before {
14784 content: "\f426";
14785}
14786i.icon.glass.martini:before {
14787 content: "\f000";
14788}
14789i.icon.glide:before {
14790 content: "\f2a5";
14791}
14792i.icon.glide.g:before {
14793 content: "\f2a6";
14794}
14795i.icon.globe:before {
14796 content: "\f0ac";
14797}
14798i.icon.gofore:before {
14799 content: "\f3a7";
14800}
14801i.icon.golf.ball:before {
14802 content: "\f450";
14803}
14804i.icon.goodreads:before {
14805 content: "\f3a8";
14806}
14807i.icon.goodreads.g:before {
14808 content: "\f3a9";
14809}
14810i.icon.google:before {
14811 content: "\f1a0";
14812}
14813i.icon.google.drive:before {
14814 content: "\f3aa";
14815}
14816i.icon.google.play:before {
14817 content: "\f3ab";
14818}
14819i.icon.google.plus:before {
14820 content: "\f2b3";
14821}
14822i.icon.google.plus.g:before {
14823 content: "\f0d5";
14824}
14825i.icon.google.plus.square:before {
14826 content: "\f0d4";
14827}
14828i.icon.google.wallet:before {
14829 content: "\f1ee";
14830}
14831i.icon.graduation.cap:before {
14832 content: "\f19d";
14833}
14834i.icon.gratipay:before {
14835 content: "\f184";
14836}
14837i.icon.grav:before {
14838 content: "\f2d6";
14839}
14840i.icon.gripfire:before {
14841 content: "\f3ac";
14842}
14843i.icon.grunt:before {
14844 content: "\f3ad";
14845}
14846i.icon.gulp:before {
14847 content: "\f3ae";
14848}
14849i.icon.h.square:before {
14850 content: "\f0fd";
14851}
14852i.icon.hacker.news:before {
14853 content: "\f1d4";
14854}
14855i.icon.hacker.news.square:before {
14856 content: "\f3af";
14857}
14858i.icon.hand.lizard:before {
14859 content: "\f258";
14860}
14861i.icon.hand.paper:before {
14862 content: "\f256";
14863}
14864i.icon.hand.peace:before {
14865 content: "\f25b";
14866}
14867i.icon.hand.point.down:before {
14868 content: "\f0a7";
14869}
14870i.icon.hand.point.left:before {
14871 content: "\f0a5";
14872}
14873i.icon.hand.point.right:before {
14874 content: "\f0a4";
14875}
14876i.icon.hand.point.up:before {
14877 content: "\f0a6";
14878}
14879i.icon.hand.pointer:before {
14880 content: "\f25a";
14881}
14882i.icon.hand.rock:before {
14883 content: "\f255";
14884}
14885i.icon.hand.scissors:before {
14886 content: "\f257";
14887}
14888i.icon.hand.spock:before {
14889 content: "\f259";
14890}
14891i.icon.handshake:before {
14892 content: "\f2b5";
14893}
14894i.icon.hashtag:before {
14895 content: "\f292";
14896}
14897i.icon.hdd:before {
14898 content: "\f0a0";
14899}
14900i.icon.heading:before {
14901 content: "\f1dc";
14902}
14903i.icon.headphones:before {
14904 content: "\f025";
14905}
14906i.icon.heart:before {
14907 content: "\f004";
14908}
14909i.icon.heartbeat:before {
14910 content: "\f21e";
14911}
14912i.icon.hips:before {
14913 content: "\f452";
14914}
14915i.icon.hire.a.helper:before {
14916 content: "\f3b0";
14917}
14918i.icon.history:before {
14919 content: "\f1da";
14920}
14921i.icon.hockey.puck:before {
14922 content: "\f453";
14923}
14924i.icon.home:before {
14925 content: "\f015";
14926}
14927i.icon.hooli:before {
14928 content: "\f427";
14929}
14930i.icon.hospital:before {
14931 content: "\f0f8";
14932}
14933i.icon.hospital.symbol:before {
14934 content: "\f47e";
14935}
14936i.icon.hotjar:before {
14937 content: "\f3b1";
14938}
14939i.icon.hourglass:before {
14940 content: "\f254";
14941}
14942i.icon.hourglass.end:before {
14943 content: "\f253";
14944}
14945i.icon.hourglass.half:before {
14946 content: "\f252";
14947}
14948i.icon.hourglass.start:before {
14949 content: "\f251";
14950}
14951i.icon.houzz:before {
14952 content: "\f27c";
14953}
14954i.icon.html5:before {
14955 content: "\f13b";
14956}
14957i.icon.hubspot:before {
14958 content: "\f3b2";
14959}
14960i.icon.i.cursor:before {
14961 content: "\f246";
14962}
14963i.icon.id.badge:before {
14964 content: "\f2c1";
14965}
14966i.icon.id.card:before {
14967 content: "\f2c2";
14968}
14969i.icon.image:before {
14970 content: "\f03e";
14971}
14972i.icon.images:before {
14973 content: "\f302";
14974}
14975i.icon.imdb:before {
14976 content: "\f2d8";
14977}
14978i.icon.inbox:before {
14979 content: "\f01c";
14980}
14981i.icon.indent:before {
14982 content: "\f03c";
14983}
14984i.icon.industry:before {
14985 content: "\f275";
14986}
14987i.icon.info:before {
14988 content: "\f129";
14989}
14990i.icon.info.circle:before {
14991 content: "\f05a";
14992}
14993i.icon.instagram:before {
14994 content: "\f16d";
14995}
14996i.icon.internet.explorer:before {
14997 content: "\f26b";
14998}
14999i.icon.ioxhost:before {
15000 content: "\f208";
15001}
15002i.icon.italic:before {
15003 content: "\f033";
15004}
15005i.icon.itunes:before {
15006 content: "\f3b4";
15007}
15008i.icon.itunes.note:before {
15009 content: "\f3b5";
15010}
15011i.icon.jenkins:before {
15012 content: "\f3b6";
15013}
15014i.icon.joget:before {
15015 content: "\f3b7";
15016}
15017i.icon.joomla:before {
15018 content: "\f1aa";
15019}
15020i.icon.js:before {
15021 content: "\f3b8";
15022}
15023i.icon.js.square:before {
15024 content: "\f3b9";
15025}
15026i.icon.jsfiddle:before {
15027 content: "\f1cc";
15028}
15029i.icon.key:before {
15030 content: "\f084";
15031}
15032i.icon.keyboard:before {
15033 content: "\f11c";
15034}
15035i.icon.keycdn:before {
15036 content: "\f3ba";
15037}
15038i.icon.kickstarter:before {
15039 content: "\f3bb";
15040}
15041i.icon.kickstarter.k:before {
15042 content: "\f3bc";
15043}
15044i.icon.korvue:before {
15045 content: "\f42f";
15046}
15047i.icon.language:before {
15048 content: "\f1ab";
15049}
15050i.icon.laptop:before {
15051 content: "\f109";
15052}
15053i.icon.laravel:before {
15054 content: "\f3bd";
15055}
15056i.icon.lastfm:before {
15057 content: "\f202";
15058}
15059i.icon.lastfm.square:before {
15060 content: "\f203";
15061}
15062i.icon.leaf:before {
15063 content: "\f06c";
15064}
15065i.icon.leanpub:before {
15066 content: "\f212";
15067}
15068i.icon.lemon:before {
15069 content: "\f094";
15070}
15071i.icon.less:before {
15072 content: "\f41d";
15073}
15074i.icon.level.down.alternate:before {
15075 content: "\f3be";
15076}
15077i.icon.level.up.alternate:before {
15078 content: "\f3bf";
15079}
15080i.icon.life.ring:before {
15081 content: "\f1cd";
15082}
15083i.icon.lightbulb:before {
15084 content: "\f0eb";
15085}
15086i.icon.linechat:before {
15087 content: "\f3c0";
15088}
15089i.icon.linkify:before {
15090 content: "\f0c1";
15091}
15092i.icon.linkedin:before {
15093 content: "\f08c";
15094}
15095i.icon.linkedin.in:before {
15096 content: "\f0e1";
15097}
15098i.icon.linode:before {
15099 content: "\f2b8";
15100}
15101i.icon.linux:before {
15102 content: "\f17c";
15103}
15104i.icon.lira.sign:before {
15105 content: "\f195";
15106}
15107i.icon.list:before {
15108 content: "\f03a";
15109}
15110i.icon.list.alternate:before {
15111 content: "\f022";
15112}
15113i.icon.list.ol:before {
15114 content: "\f0cb";
15115}
15116i.icon.list.ul:before {
15117 content: "\f0ca";
15118}
15119i.icon.location.arrow:before {
15120 content: "\f124";
15121}
15122i.icon.lock:before {
15123 content: "\f023";
15124}
15125i.icon.lock.open:before {
15126 content: "\f3c1";
15127}
15128i.icon.long.arrow.alternate.down:before {
15129 content: "\f309";
15130}
15131i.icon.long.arrow.alternate.left:before {
15132 content: "\f30a";
15133}
15134i.icon.long.arrow.alternate.right:before {
15135 content: "\f30b";
15136}
15137i.icon.long.arrow.alternate.up:before {
15138 content: "\f30c";
15139}
15140i.icon.low.vision:before {
15141 content: "\f2a8";
15142}
15143i.icon.lyft:before {
15144 content: "\f3c3";
15145}
15146i.icon.magento:before {
15147 content: "\f3c4";
15148}
15149i.icon.magic:before {
15150 content: "\f0d0";
15151}
15152i.icon.magnet:before {
15153 content: "\f076";
15154}
15155i.icon.male:before {
15156 content: "\f183";
15157}
15158i.icon.map:before {
15159 content: "\f279";
15160}
15161i.icon.map.marker:before {
15162 content: "\f041";
15163}
15164i.icon.map.marker.alternate:before {
15165 content: "\f3c5";
15166}
15167i.icon.map.pin:before {
15168 content: "\f276";
15169}
15170i.icon.map.signs:before {
15171 content: "\f277";
15172}
15173i.icon.mars:before {
15174 content: "\f222";
15175}
15176i.icon.mars.double:before {
15177 content: "\f227";
15178}
15179i.icon.mars.stroke:before {
15180 content: "\f229";
15181}
15182i.icon.mars.stroke.horizontal:before {
15183 content: "\f22b";
15184}
15185i.icon.mars.stroke.vertical:before {
15186 content: "\f22a";
15187}
15188i.icon.maxcdn:before {
15189 content: "\f136";
15190}
15191i.icon.medapps:before {
15192 content: "\f3c6";
15193}
15194i.icon.medium:before {
15195 content: "\f23a";
15196}
15197i.icon.medium.m:before {
15198 content: "\f3c7";
15199}
15200i.icon.medkit:before {
15201 content: "\f0fa";
15202}
15203i.icon.medrt:before {
15204 content: "\f3c8";
15205}
15206i.icon.meetup:before {
15207 content: "\f2e0";
15208}
15209i.icon.meh:before {
15210 content: "\f11a";
15211}
15212i.icon.mercury:before {
15213 content: "\f223";
15214}
15215i.icon.microchip:before {
15216 content: "\f2db";
15217}
15218i.icon.microphone:before {
15219 content: "\f130";
15220}
15221i.icon.microphone.slash:before {
15222 content: "\f131";
15223}
15224i.icon.microsoft:before {
15225 content: "\f3ca";
15226}
15227i.icon.minus:before {
15228 content: "\f068";
15229}
15230i.icon.minus.circle:before {
15231 content: "\f056";
15232}
15233i.icon.minus.square:before {
15234 content: "\f146";
15235}
15236i.icon.mix:before {
15237 content: "\f3cb";
15238}
15239i.icon.mixcloud:before {
15240 content: "\f289";
15241}
15242i.icon.mizuni:before {
15243 content: "\f3cc";
15244}
15245i.icon.mobile:before {
15246 content: "\f10b";
15247}
15248i.icon.mobile.alternate:before {
15249 content: "\f3cd";
15250}
15251i.icon.modx:before {
15252 content: "\f285";
15253}
15254i.icon.monero:before {
15255 content: "\f3d0";
15256}
15257i.icon.money.bill.alternate:before {
15258 content: "\f3d1";
15259}
15260i.icon.moon:before {
15261 content: "\f186";
15262}
15263i.icon.motorcycle:before {
15264 content: "\f21c";
15265}
15266i.icon.mouse.pointer:before {
15267 content: "\f245";
15268}
15269i.icon.music:before {
15270 content: "\f001";
15271}
15272i.icon.napster:before {
15273 content: "\f3d2";
15274}
15275i.icon.neuter:before {
15276 content: "\f22c";
15277}
15278i.icon.newspaper:before {
15279 content: "\f1ea";
15280}
15281i.icon.nintendo.switch:before {
15282 content: "\f418";
15283}
15284i.icon.node:before {
15285 content: "\f419";
15286}
15287i.icon.node.js:before {
15288 content: "\f3d3";
15289}
15290i.icon.npm:before {
15291 content: "\f3d4";
15292}
15293i.icon.ns8:before {
15294 content: "\f3d5";
15295}
15296i.icon.nutritionix:before {
15297 content: "\f3d6";
15298}
15299i.icon.object.group:before {
15300 content: "\f247";
15301}
15302i.icon.object.ungroup:before {
15303 content: "\f248";
15304}
15305i.icon.odnoklassniki:before {
15306 content: "\f263";
15307}
15308i.icon.odnoklassniki.square:before {
15309 content: "\f264";
15310}
15311i.icon.opencart:before {
15312 content: "\f23d";
15313}
15314i.icon.openid:before {
15315 content: "\f19b";
15316}
15317i.icon.opera:before {
15318 content: "\f26a";
15319}
15320i.icon.optin.monster:before {
15321 content: "\f23c";
15322}
15323i.icon.osi:before {
15324 content: "\f41a";
15325}
15326i.icon.outdent:before {
15327 content: "\f03b";
15328}
15329i.icon.page4:before {
15330 content: "\f3d7";
15331}
15332i.icon.pagelines:before {
15333 content: "\f18c";
15334}
15335i.icon.paint.brush:before {
15336 content: "\f1fc";
15337}
15338i.icon.palfed:before {
15339 content: "\f3d8";
15340}
15341i.icon.pallet:before {
15342 content: "\f482";
15343}
15344i.icon.paper.plane:before {
15345 content: "\f1d8";
15346}
15347i.icon.paperclip:before {
15348 content: "\f0c6";
15349}
15350i.icon.paragraph:before {
15351 content: "\f1dd";
15352}
15353i.icon.paste:before {
15354 content: "\f0ea";
15355}
15356i.icon.patreon:before {
15357 content: "\f3d9";
15358}
15359i.icon.pause:before {
15360 content: "\f04c";
15361}
15362i.icon.pause.circle:before {
15363 content: "\f28b";
15364}
15365i.icon.paw:before {
15366 content: "\f1b0";
15367}
15368i.icon.paypal:before {
15369 content: "\f1ed";
15370}
15371i.icon.pen.square:before {
15372 content: "\f14b";
15373}
15374i.icon.pencil.alternate:before {
15375 content: "\f303";
15376}
15377i.icon.percent:before {
15378 content: "\f295";
15379}
15380i.icon.periscope:before {
15381 content: "\f3da";
15382}
15383i.icon.phabricator:before {
15384 content: "\f3db";
15385}
15386i.icon.phoenix.framework:before {
15387 content: "\f3dc";
15388}
15389i.icon.phone:before {
15390 content: "\f095";
15391}
15392i.icon.phone.square:before {
15393 content: "\f098";
15394}
15395i.icon.phone.volume:before {
15396 content: "\f2a0";
15397}
15398i.icon.php:before {
15399 content: "\f457";
15400}
15401i.icon.pied.piper:before {
15402 content: "\f2ae";
15403}
15404i.icon.pied.piper.alternate:before {
15405 content: "\f1a8";
15406}
15407i.icon.pied.piper.pp:before {
15408 content: "\f1a7";
15409}
15410i.icon.pills:before {
15411 content: "\f484";
15412}
15413i.icon.pinterest:before {
15414 content: "\f0d2";
15415}
15416i.icon.pinterest.p:before {
15417 content: "\f231";
15418}
15419i.icon.pinterest.square:before {
15420 content: "\f0d3";
15421}
15422i.icon.plane:before {
15423 content: "\f072";
15424}
15425i.icon.play:before {
15426 content: "\f04b";
15427}
15428i.icon.play.circle:before {
15429 content: "\f144";
15430}
15431i.icon.playstation:before {
15432 content: "\f3df";
15433}
15434i.icon.plug:before {
15435 content: "\f1e6";
15436}
15437i.icon.plus:before {
15438 content: "\f067";
15439}
15440i.icon.plus.circle:before {
15441 content: "\f055";
15442}
15443i.icon.plus.square:before {
15444 content: "\f0fe";
15445}
15446i.icon.podcast:before {
15447 content: "\f2ce";
15448}
15449i.icon.pound.sign:before {
15450 content: "\f154";
15451}
15452i.icon.power.off:before {
15453 content: "\f011";
15454}
15455i.icon.print:before {
15456 content: "\f02f";
15457}
15458i.icon.product.hunt:before {
15459 content: "\f288";
15460}
15461i.icon.pushed:before {
15462 content: "\f3e1";
15463}
15464i.icon.puzzle.piece:before {
15465 content: "\f12e";
15466}
15467i.icon.python:before {
15468 content: "\f3e2";
15469}
15470i.icon.qq:before {
15471 content: "\f1d6";
15472}
15473i.icon.qrcode:before {
15474 content: "\f029";
15475}
15476i.icon.question:before {
15477 content: "\f128";
15478}
15479i.icon.question.circle:before {
15480 content: "\f059";
15481}
15482i.icon.quidditch:before {
15483 content: "\f458";
15484}
15485i.icon.quinscape:before {
15486 content: "\f459";
15487}
15488i.icon.quora:before {
15489 content: "\f2c4";
15490}
15491i.icon.quote.left:before {
15492 content: "\f10d";
15493}
15494i.icon.quote.right:before {
15495 content: "\f10e";
15496}
15497i.icon.random:before {
15498 content: "\f074";
15499}
15500i.icon.ravelry:before {
15501 content: "\f2d9";
15502}
15503i.icon.react:before {
15504 content: "\f41b";
15505}
15506i.icon.rebel:before {
15507 content: "\f1d0";
15508}
15509i.icon.recycle:before {
15510 content: "\f1b8";
15511}
15512i.icon.redriver:before {
15513 content: "\f3e3";
15514}
15515i.icon.reddit:before {
15516 content: "\f1a1";
15517}
15518i.icon.reddit.alien:before {
15519 content: "\f281";
15520}
15521i.icon.reddit.square:before {
15522 content: "\f1a2";
15523}
15524i.icon.redo:before {
15525 content: "\f01e";
15526}
15527i.icon.redo.alternate:before {
15528 content: "\f2f9";
15529}
15530i.icon.registered:before {
15531 content: "\f25d";
15532}
15533i.icon.rendact:before {
15534 content: "\f3e4";
15535}
15536i.icon.renren:before {
15537 content: "\f18b";
15538}
15539i.icon.reply:before {
15540 content: "\f3e5";
15541}
15542i.icon.reply.all:before {
15543 content: "\f122";
15544}
15545i.icon.replyd:before {
15546 content: "\f3e6";
15547}
15548i.icon.resolving:before {
15549 content: "\f3e7";
15550}
15551i.icon.retweet:before {
15552 content: "\f079";
15553}
15554i.icon.road:before {
15555 content: "\f018";
15556}
15557i.icon.rocket:before {
15558 content: "\f135";
15559}
15560i.icon.rocketchat:before {
15561 content: "\f3e8";
15562}
15563i.icon.rockrms:before {
15564 content: "\f3e9";
15565}
15566i.icon.rss:before {
15567 content: "\f09e";
15568}
15569i.icon.rss.square:before {
15570 content: "\f143";
15571}
15572i.icon.ruble.sign:before {
15573 content: "\f158";
15574}
15575i.icon.rupee.sign:before {
15576 content: "\f156";
15577}
15578i.icon.safari:before {
15579 content: "\f267";
15580}
15581i.icon.sass:before {
15582 content: "\f41e";
15583}
15584i.icon.save:before {
15585 content: "\f0c7";
15586}
15587i.icon.schlix:before {
15588 content: "\f3ea";
15589}
15590i.icon.scribd:before {
15591 content: "\f28a";
15592}
15593i.icon.search:before {
15594 content: "\f002";
15595}
15596i.icon.search.minus:before {
15597 content: "\f010";
15598}
15599i.icon.search.plus:before {
15600 content: "\f00e";
15601}
15602i.icon.searchengin:before {
15603 content: "\f3eb";
15604}
15605i.icon.sellcast:before {
15606 content: "\f2da";
15607}
15608i.icon.sellsy:before {
15609 content: "\f213";
15610}
15611i.icon.server:before {
15612 content: "\f233";
15613}
15614i.icon.servicestack:before {
15615 content: "\f3ec";
15616}
15617i.icon.share:before {
15618 content: "\f064";
15619}
15620i.icon.share.alternate:before {
15621 content: "\f1e0";
15622}
15623i.icon.share.alternate.square:before {
15624 content: "\f1e1";
15625}
15626i.icon.share.square:before {
15627 content: "\f14d";
15628}
15629i.icon.shekel.sign:before {
15630 content: "\f20b";
15631}
15632i.icon.shield.alternate:before {
15633 content: "\f3ed";
15634}
15635i.icon.ship:before {
15636 content: "\f21a";
15637}
15638i.icon.shipping.fast:before {
15639 content: "\f48b";
15640}
15641i.icon.shirtsinbulk:before {
15642 content: "\f214";
15643}
15644i.icon.shopping.bag:before {
15645 content: "\f290";
15646}
15647i.icon.shopping.basket:before {
15648 content: "\f291";
15649}
15650i.icon.shopping.cart:before {
15651 content: "\f07a";
15652}
15653i.icon.shower:before {
15654 content: "\f2cc";
15655}
15656i.icon.sign.in.alternate:before {
15657 content: "\f2f6";
15658}
15659i.icon.sign.language:before {
15660 content: "\f2a7";
15661}
15662i.icon.sign.out.alternate:before {
15663 content: "\f2f5";
15664}
15665i.icon.signal:before {
15666 content: "\f012";
15667}
15668i.icon.simplybuilt:before {
15669 content: "\f215";
15670}
15671i.icon.sistrix:before {
15672 content: "\f3ee";
15673}
15674i.icon.sitemap:before {
15675 content: "\f0e8";
15676}
15677i.icon.skyatlas:before {
15678 content: "\f216";
15679}
15680i.icon.skype:before {
15681 content: "\f17e";
15682}
15683i.icon.slack:before {
15684 content: "\f198";
15685}
15686i.icon.slack.hash:before {
15687 content: "\f3ef";
15688}
15689i.icon.sliders.horizontal:before {
15690 content: "\f1de";
15691}
15692i.icon.slideshare:before {
15693 content: "\f1e7";
15694}
15695i.icon.smile:before {
15696 content: "\f118";
15697}
15698i.icon.snapchat:before {
15699 content: "\f2ab";
15700}
15701i.icon.snapchat.ghost:before {
15702 content: "\f2ac";
15703}
15704i.icon.snapchat.square:before {
15705 content: "\f2ad";
15706}
15707i.icon.snowflake:before {
15708 content: "\f2dc";
15709}
15710i.icon.sort:before {
15711 content: "\f0dc";
15712}
15713i.icon.sort.alphabet.down:before {
15714 content: "\f15d";
15715}
15716i.icon.sort.alphabet.up:before {
15717 content: "\f15e";
15718}
15719i.icon.sort.amount.down:before {
15720 content: "\f160";
15721}
15722i.icon.sort.amount.up:before {
15723 content: "\f161";
15724}
15725i.icon.sort.down:before {
15726 content: "\f0dd";
15727}
15728i.icon.sort.numeric.down:before {
15729 content: "\f162";
15730}
15731i.icon.sort.numeric.up:before {
15732 content: "\f163";
15733}
15734i.icon.sort.up:before {
15735 content: "\f0de";
15736}
15737i.icon.soundcloud:before {
15738 content: "\f1be";
15739}
15740i.icon.space.shuttle:before {
15741 content: "\f197";
15742}
15743i.icon.speakap:before {
15744 content: "\f3f3";
15745}
15746i.icon.spinner:before {
15747 content: "\f110";
15748}
15749i.icon.spotify:before {
15750 content: "\f1bc";
15751}
15752i.icon.square:before {
15753 content: "\f0c8";
15754}
15755i.icon.square.full:before {
15756 content: "\f45c";
15757}
15758i.icon.stack.exchange:before {
15759 content: "\f18d";
15760}
15761i.icon.stack.overflow:before {
15762 content: "\f16c";
15763}
15764i.icon.star:before {
15765 content: "\f005";
15766}
15767i.icon.star.half:before {
15768 content: "\f089";
15769}
15770i.icon.staylinked:before {
15771 content: "\f3f5";
15772}
15773i.icon.steam:before {
15774 content: "\f1b6";
15775}
15776i.icon.steam.square:before {
15777 content: "\f1b7";
15778}
15779i.icon.steam.symbol:before {
15780 content: "\f3f6";
15781}
15782i.icon.step.backward:before {
15783 content: "\f048";
15784}
15785i.icon.step.forward:before {
15786 content: "\f051";
15787}
15788i.icon.stethoscope:before {
15789 content: "\f0f1";
15790}
15791i.icon.sticker.mule:before {
15792 content: "\f3f7";
15793}
15794i.icon.sticky.note:before {
15795 content: "\f249";
15796}
15797i.icon.stop:before {
15798 content: "\f04d";
15799}
15800i.icon.stop.circle:before {
15801 content: "\f28d";
15802}
15803i.icon.stopwatch:before {
15804 content: "\f2f2";
15805}
15806i.icon.strava:before {
15807 content: "\f428";
15808}
15809i.icon.street.view:before {
15810 content: "\f21d";
15811}
15812i.icon.strikethrough:before {
15813 content: "\f0cc";
15814}
15815i.icon.stripe:before {
15816 content: "\f429";
15817}
15818i.icon.stripe.s:before {
15819 content: "\f42a";
15820}
15821i.icon.studiovinari:before {
15822 content: "\f3f8";
15823}
15824i.icon.stumbleupon:before {
15825 content: "\f1a4";
15826}
15827i.icon.stumbleupon.circle:before {
15828 content: "\f1a3";
15829}
15830i.icon.subscript:before {
15831 content: "\f12c";
15832}
15833i.icon.subway:before {
15834 content: "\f239";
15835}
15836i.icon.suitcase:before {
15837 content: "\f0f2";
15838}
15839i.icon.sun:before {
15840 content: "\f185";
15841}
15842i.icon.superpowers:before {
15843 content: "\f2dd";
15844}
15845i.icon.superscript:before {
15846 content: "\f12b";
15847}
15848i.icon.supple:before {
15849 content: "\f3f9";
15850}
15851i.icon.sync:before {
15852 content: "\f021";
15853}
15854i.icon.sync.alternate:before {
15855 content: "\f2f1";
15856}
15857i.icon.syringe:before {
15858 content: "\f48e";
15859}
15860i.icon.table:before {
15861 content: "\f0ce";
15862}
15863i.icon.table.tennis:before {
15864 content: "\f45d";
15865}
15866i.icon.tablet:before {
15867 content: "\f10a";
15868}
15869i.icon.tablet.alternate:before {
15870 content: "\f3fa";
15871}
15872i.icon.tachometer.alternate:before {
15873 content: "\f3fd";
15874}
15875i.icon.tag:before {
15876 content: "\f02b";
15877}
15878i.icon.tags:before {
15879 content: "\f02c";
15880}
15881i.icon.tasks:before {
15882 content: "\f0ae";
15883}
15884i.icon.taxi:before {
15885 content: "\f1ba";
15886}
15887i.icon.telegram:before {
15888 content: "\f2c6";
15889}
15890i.icon.telegram.plane:before {
15891 content: "\f3fe";
15892}
15893i.icon.tencent.weibo:before {
15894 content: "\f1d5";
15895}
15896i.icon.terminal:before {
15897 content: "\f120";
15898}
15899i.icon.text.height:before {
15900 content: "\f034";
15901}
15902i.icon.text.width:before {
15903 content: "\f035";
15904}
15905i.icon.th:before {
15906 content: "\f00a";
15907}
15908i.icon.th.large:before {
15909 content: "\f009";
15910}
15911i.icon.th.list:before {
15912 content: "\f00b";
15913}
15914i.icon.themeisle:before {
15915 content: "\f2b2";
15916}
15917i.icon.thermometer:before {
15918 content: "\f491";
15919}
15920i.icon.thermometer.empty:before {
15921 content: "\f2cb";
15922}
15923i.icon.thermometer.full:before {
15924 content: "\f2c7";
15925}
15926i.icon.thermometer.half:before {
15927 content: "\f2c9";
15928}
15929i.icon.thermometer.quarter:before {
15930 content: "\f2ca";
15931}
15932i.icon.thermometer.three.quarters:before {
15933 content: "\f2c8";
15934}
15935i.icon.thumbs.down:before {
15936 content: "\f165";
15937}
15938i.icon.thumbs.up:before {
15939 content: "\f164";
15940}
15941i.icon.thumbtack:before {
15942 content: "\f08d";
15943}
15944i.icon.ticket.alternate:before {
15945 content: "\f3ff";
15946}
15947i.icon.times:before {
15948 content: "\f00d";
15949}
15950i.icon.times.circle:before {
15951 content: "\f057";
15952}
15953i.icon.tint:before {
15954 content: "\f043";
15955}
15956i.icon.toggle.off:before {
15957 content: "\f204";
15958}
15959i.icon.toggle.on:before {
15960 content: "\f205";
15961}
15962i.icon.trademark:before {
15963 content: "\f25c";
15964}
15965i.icon.train:before {
15966 content: "\f238";
15967}
15968i.icon.transgender:before {
15969 content: "\f224";
15970}
15971i.icon.transgender.alternate:before {
15972 content: "\f225";
15973}
15974i.icon.trash:before {
15975 content: "\f1f8";
15976}
15977i.icon.trash.alternate:before {
15978 content: "\f2ed";
15979}
15980i.icon.tree:before {
15981 content: "\f1bb";
15982}
15983i.icon.trello:before {
15984 content: "\f181";
15985}
15986i.icon.tripadvisor:before {
15987 content: "\f262";
15988}
15989i.icon.trophy:before {
15990 content: "\f091";
15991}
15992i.icon.truck:before {
15993 content: "\f0d1";
15994}
15995i.icon.tty:before {
15996 content: "\f1e4";
15997}
15998i.icon.tumblr:before {
15999 content: "\f173";
16000}
16001i.icon.tumblr.square:before {
16002 content: "\f174";
16003}
16004i.icon.tv:before {
16005 content: "\f26c";
16006}
16007i.icon.twitch:before {
16008 content: "\f1e8";
16009}
16010i.icon.twitter:before {
16011 content: "\f099";
16012}
16013i.icon.twitter.square:before {
16014 content: "\f081";
16015}
16016i.icon.typo3:before {
16017 content: "\f42b";
16018}
16019i.icon.uber:before {
16020 content: "\f402";
16021}
16022i.icon.uikit:before {
16023 content: "\f403";
16024}
16025i.icon.umbrella:before {
16026 content: "\f0e9";
16027}
16028i.icon.underline:before {
16029 content: "\f0cd";
16030}
16031i.icon.undo:before {
16032 content: "\f0e2";
16033}
16034i.icon.undo.alternate:before {
16035 content: "\f2ea";
16036}
16037i.icon.uniregistry:before {
16038 content: "\f404";
16039}
16040i.icon.universal.access:before {
16041 content: "\f29a";
16042}
16043i.icon.university:before {
16044 content: "\f19c";
16045}
16046i.icon.unlink:before {
16047 content: "\f127";
16048}
16049i.icon.unlock:before {
16050 content: "\f09c";
16051}
16052i.icon.unlock.alternate:before {
16053 content: "\f13e";
16054}
16055i.icon.untappd:before {
16056 content: "\f405";
16057}
16058i.icon.upload:before {
16059 content: "\f093";
16060}
16061i.icon.usb:before {
16062 content: "\f287";
16063}
16064i.icon.user:before {
16065 content: "\f007";
16066}
16067i.icon.user.circle:before {
16068 content: "\f2bd";
16069}
16070i.icon.user.md:before {
16071 content: "\f0f0";
16072}
16073i.icon.user.plus:before {
16074 content: "\f234";
16075}
16076i.icon.user.secret:before {
16077 content: "\f21b";
16078}
16079i.icon.user.times:before {
16080 content: "\f235";
16081}
16082i.icon.users:before {
16083 content: "\f0c0";
16084}
16085i.icon.ussunnah:before {
16086 content: "\f407";
16087}
16088i.icon.utensil.spoon:before {
16089 content: "\f2e5";
16090}
16091i.icon.utensils:before {
16092 content: "\f2e7";
16093}
16094i.icon.vaadin:before {
16095 content: "\f408";
16096}
16097i.icon.venus:before {
16098 content: "\f221";
16099}
16100i.icon.venus.double:before {
16101 content: "\f226";
16102}
16103i.icon.venus.mars:before {
16104 content: "\f228";
16105}
16106i.icon.viacoin:before {
16107 content: "\f237";
16108}
16109i.icon.viadeo:before {
16110 content: "\f2a9";
16111}
16112i.icon.viadeo.square:before {
16113 content: "\f2aa";
16114}
16115i.icon.viber:before {
16116 content: "\f409";
16117}
16118i.icon.video:before {
16119 content: "\f03d";
16120}
16121i.icon.vimeo:before {
16122 content: "\f40a";
16123}
16124i.icon.vimeo.square:before {
16125 content: "\f194";
16126}
16127i.icon.vimeo.v:before {
16128 content: "\f27d";
16129}
16130i.icon.vine:before {
16131 content: "\f1ca";
16132}
16133i.icon.vk:before {
16134 content: "\f189";
16135}
16136i.icon.vnv:before {
16137 content: "\f40b";
16138}
16139i.icon.volleyball.ball:before {
16140 content: "\f45f";
16141}
16142i.icon.volume.down:before {
16143 content: "\f027";
16144}
16145i.icon.volume.off:before {
16146 content: "\f026";
16147}
16148i.icon.volume.up:before {
16149 content: "\f028";
16150}
16151i.icon.vuejs:before {
16152 content: "\f41f";
16153}
16154i.icon.warehouse:before {
16155 content: "\f494";
16156}
16157i.icon.weibo:before {
16158 content: "\f18a";
16159}
16160i.icon.weight:before {
16161 content: "\f496";
16162}
16163i.icon.weixin:before {
16164 content: "\f1d7";
16165}
16166i.icon.whatsapp:before {
16167 content: "\f232";
16168}
16169i.icon.whatsapp.square:before {
16170 content: "\f40c";
16171}
16172i.icon.wheelchair:before {
16173 content: "\f193";
16174}
16175i.icon.whmcs:before {
16176 content: "\f40d";
16177}
16178i.icon.wifi:before {
16179 content: "\f1eb";
16180}
16181i.icon.wikipedia.w:before {
16182 content: "\f266";
16183}
16184i.icon.window.close:before {
16185 content: "\f410";
16186}
16187i.icon.window.maximize:before {
16188 content: "\f2d0";
16189}
16190i.icon.window.minimize:before {
16191 content: "\f2d1";
16192}
16193i.icon.window.restore:before {
16194 content: "\f2d2";
16195}
16196i.icon.windows:before {
16197 content: "\f17a";
16198}
16199i.icon.won.sign:before {
16200 content: "\f159";
16201}
16202i.icon.wordpress:before {
16203 content: "\f19a";
16204}
16205i.icon.wordpress.simple:before {
16206 content: "\f411";
16207}
16208i.icon.wpbeginner:before {
16209 content: "\f297";
16210}
16211i.icon.wpexplorer:before {
16212 content: "\f2de";
16213}
16214i.icon.wpforms:before {
16215 content: "\f298";
16216}
16217i.icon.wrench:before {
16218 content: "\f0ad";
16219}
16220i.icon.xbox:before {
16221 content: "\f412";
16222}
16223i.icon.xing:before {
16224 content: "\f168";
16225}
16226i.icon.xing.square:before {
16227 content: "\f169";
16228}
16229i.icon.y.combinator:before {
16230 content: "\f23b";
16231}
16232i.icon.yahoo:before {
16233 content: "\f19e";
16234}
16235i.icon.yandex:before {
16236 content: "\f413";
16237}
16238i.icon.yandex.international:before {
16239 content: "\f414";
16240}
16241i.icon.yelp:before {
16242 content: "\f1e9";
16243}
16244i.icon.yen.sign:before {
16245 content: "\f157";
16246}
16247i.icon.yoast:before {
16248 content: "\f2b1";
16249}
16250i.icon.youtube:before {
16251 content: "\f167";
16252}
16253i.icon.youtube.square:before {
16254 content: "\f431";
16255}
16256/* Aliases */
16257i.icon.chess.rock:before {
16258 content: "\f447";
16259}
16260i.icon.ordered.list:before {
16261 content: "\f0cb";
16262}
16263i.icon.unordered.list:before {
16264 content: "\f0ca";
16265}
16266i.icon.user.doctor:before {
16267 content: "\f0f0";
16268}
16269i.icon.shield:before {
16270 content: "\f3ed";
16271}
16272i.icon.puzzle:before {
16273 content: "\f12e";
16274}
16275i.icon.credit.card.amazon.pay:before {
16276 content: "\f42d";
16277}
16278i.icon.credit.card.american.express:before {
16279 content: "\f1f3";
16280}
16281i.icon.credit.card.diners.club:before {
16282 content: "\f24c";
16283}
16284i.icon.credit.card.discover:before {
16285 content: "\f1f2";
16286}
16287i.icon.credit.card.jcb:before {
16288 content: "\f24b";
16289}
16290i.icon.credit.card.mastercard:before {
16291 content: "\f1f1";
16292}
16293i.icon.credit.card.paypal:before {
16294 content: "\f1f4";
16295}
16296i.icon.credit.card.stripe:before {
16297 content: "\f1f5";
16298}
16299i.icon.credit.card.visa:before {
16300 content: "\f1f0";
16301}
16302i.icon.add.circle:before {
16303 content: "\f055";
16304}
16305i.icon.add.square:before {
16306 content: "\f0fe";
16307}
16308i.icon.add.to.calendar:before {
16309 content: "\f271";
16310}
16311i.icon.add.to.cart:before {
16312 content: "\f217";
16313}
16314i.icon.add.user:before {
16315 content: "\f234";
16316}
16317i.icon.add:before {
16318 content: "\f067";
16319}
16320i.icon.alarm.mute:before {
16321 content: "\f1f6";
16322}
16323i.icon.alarm:before {
16324 content: "\f0f3";
16325}
16326i.icon.ald:before {
16327 content: "\f2a2";
16328}
16329i.icon.als:before {
16330 content: "\f2a2";
16331}
16332i.icon.american.express.card:before {
16333 content: "\f1f3";
16334}
16335i.icon.american.express:before {
16336 content: "\f1f3";
16337}
16338i.icon.amex:before {
16339 content: "\f1f3";
16340}
16341i.icon.announcement:before {
16342 content: "\f0a1";
16343}
16344i.icon.area.chart:before {
16345 content: "\f1fe";
16346}
16347i.icon.area.graph:before {
16348 content: "\f1fe";
16349}
16350i.icon.arrow.down.cart:before {
16351 content: "\f218";
16352}
16353i.icon.asexual:before {
16354 content: "\f22d";
16355}
16356i.icon.asl.interpreting:before {
16357 content: "\f2a3";
16358}
16359i.icon.asl:before {
16360 content: "\f2a3";
16361}
16362i.icon.assistive.listening.devices:before {
16363 content: "\f2a2";
16364}
16365i.icon.attach:before {
16366 content: "\f0c6";
16367}
16368i.icon.attention:before {
16369 content: "\f06a";
16370}
16371i.icon.balance:before {
16372 content: "\f24e";
16373}
16374i.icon.bar:before {
16375 content: "\f0fc";
16376}
16377i.icon.bathtub:before {
16378 content: "\f2cd";
16379}
16380i.icon.battery.four:before {
16381 content: "\f240";
16382}
16383i.icon.battery.high:before {
16384 content: "\f241";
16385}
16386i.icon.battery.low:before {
16387 content: "\f243";
16388}
16389i.icon.battery.medium:before {
16390 content: "\f242";
16391}
16392i.icon.battery.one:before {
16393 content: "\f243";
16394}
16395i.icon.battery.three:before {
16396 content: "\f241";
16397}
16398i.icon.battery.two:before {
16399 content: "\f242";
16400}
16401i.icon.battery.zero:before {
16402 content: "\f244";
16403}
16404i.icon.birthday:before {
16405 content: "\f1fd";
16406}
16407i.icon.block.layout:before {
16408 content: "\f009";
16409}
16410i.icon.bluetooth.alternative:before {
16411 content: "\f294";
16412}
16413i.icon.broken.chain:before {
16414 content: "\f127";
16415}
16416i.icon.browser:before {
16417 content: "\f022";
16418}
16419i.icon.call.square:before {
16420 content: "\f098";
16421}
16422i.icon.call:before {
16423 content: "\f095";
16424}
16425i.icon.cancel:before {
16426 content: "\f00d";
16427}
16428i.icon.cart:before {
16429 content: "\f07a";
16430}
16431i.icon.cc:before {
16432 content: "\f20a";
16433}
16434i.icon.chain:before {
16435 content: "\f0c1";
16436}
16437i.icon.chat:before {
16438 content: "\f075";
16439}
16440i.icon.checked.calendar:before {
16441 content: "\f274";
16442}
16443i.icon.checkmark:before {
16444 content: "\f00c";
16445}
16446i.icon.circle.notched:before {
16447 content: "\f1ce";
16448}
16449i.icon.close:before {
16450 content: "\f00d";
16451}
16452i.icon.cny:before {
16453 content: "\f157";
16454}
16455i.icon.cocktail:before {
16456 content: "\f000";
16457}
16458i.icon.commenting:before {
16459 content: "\f27a";
16460}
16461i.icon.computer:before {
16462 content: "\f108";
16463}
16464i.icon.configure:before {
16465 content: "\f0ad";
16466}
16467i.icon.content:before {
16468 content: "\f0c9";
16469}
16470i.icon.deafness:before {
16471 content: "\f2a4";
16472}
16473i.icon.delete.calendar:before {
16474 content: "\f273";
16475}
16476i.icon.delete:before {
16477 content: "\f00d";
16478}
16479i.icon.detective:before {
16480 content: "\f21b";
16481}
16482i.icon.diners.club.card:before {
16483 content: "\f24c";
16484}
16485i.icon.diners.club:before {
16486 content: "\f24c";
16487}
16488i.icon.discover.card:before {
16489 content: "\f1f2";
16490}
16491i.icon.discover:before {
16492 content: "\f1f2";
16493}
16494i.icon.discussions:before {
16495 content: "\f086";
16496}
16497i.icon.doctor:before {
16498 content: "\f0f0";
16499}
16500i.icon.dollar:before {
16501 content: "\f155";
16502}
16503i.icon.dont:before {
16504 content: "\f05e";
16505}
16506i.icon.dribble:before {
16507 content: "\f17d";
16508}
16509i.icon.drivers.license:before {
16510 content: "\f2c2";
16511}
16512i.icon.dropdown:before {
16513 content: "\f0d7";
16514}
16515i.icon.eercast:before {
16516 content: "\f2da";
16517}
16518i.icon.emergency:before {
16519 content: "\f0f9";
16520}
16521i.icon.envira.gallery:before {
16522 content: "\f299";
16523}
16524i.icon.erase:before {
16525 content: "\f12d";
16526}
16527i.icon.eur:before {
16528 content: "\f153";
16529}
16530i.icon.euro:before {
16531 content: "\f153";
16532}
16533i.icon.eyedropper:before {
16534 content: "\f1fb";
16535}
16536i.icon.fa:before {
16537 content: "\f2b4";
16538}
16539i.icon.factory:before {
16540 content: "\f275";
16541}
16542i.icon.favorite:before {
16543 content: "\f005";
16544}
16545i.icon.feed:before {
16546 content: "\f09e";
16547}
16548i.icon.female.homosexual:before {
16549 content: "\f226";
16550}
16551i.icon.file.text:before {
16552 content: "\f15c";
16553}
16554i.icon.find:before {
16555 content: "\f1e5";
16556}
16557i.icon.first.aid:before {
16558 content: "\f0fa";
16559}
16560i.icon.five.hundred.pixels:before {
16561 content: "\f26e";
16562}
16563i.icon.fork:before {
16564 content: "\f126";
16565}
16566i.icon.game:before {
16567 content: "\f11b";
16568}
16569i.icon.gay:before {
16570 content: "\f227";
16571}
16572i.icon.gbp:before {
16573 content: "\f154";
16574}
16575i.icon.gittip:before {
16576 content: "\f184";
16577}
16578i.icon.google.plus.circle:before {
16579 content: "\f2b3";
16580}
16581i.icon.google.plus.official:before {
16582 content: "\f2b3";
16583}
16584i.icon.grab:before {
16585 content: "\f255";
16586}
16587i.icon.graduation:before {
16588 content: "\f19d";
16589}
16590i.icon.grid.layout:before {
16591 content: "\f00a";
16592}
16593i.icon.group:before {
16594 content: "\f0c0";
16595}
16596i.icon.h:before {
16597 content: "\f0fd";
16598}
16599i.icon.hand.victory:before {
16600 content: "\f25b";
16601}
16602i.icon.handicap:before {
16603 content: "\f193";
16604}
16605i.icon.hard.of.hearing:before {
16606 content: "\f2a4";
16607}
16608i.icon.header:before {
16609 content: "\f1dc";
16610}
16611i.icon.help.circle:before {
16612 content: "\f059";
16613}
16614i.icon.help:before {
16615 content: "\f128";
16616}
16617i.icon.heterosexual:before {
16618 content: "\f228";
16619}
16620i.icon.hide:before {
16621 content: "\f070";
16622}
16623i.icon.hotel:before {
16624 content: "\f236";
16625}
16626i.icon.hourglass.four:before {
16627 content: "\f254";
16628}
16629i.icon.hourglass.full:before {
16630 content: "\f254";
16631}
16632i.icon.hourglass.one:before {
16633 content: "\f251";
16634}
16635i.icon.hourglass.three:before {
16636 content: "\f253";
16637}
16638i.icon.hourglass.two:before {
16639 content: "\f252";
16640}
16641i.icon.idea:before {
16642 content: "\f0eb";
16643}
16644i.icon.ils:before {
16645 content: "\f20b";
16646}
16647i.icon.in.cart:before {
16648 content: "\f218";
16649}
16650i.icon.inr:before {
16651 content: "\f156";
16652}
16653i.icon.intergender:before {
16654 content: "\f224";
16655}
16656i.icon.intersex:before {
16657 content: "\f224";
16658}
16659i.icon.japan.credit.bureau.card:before {
16660 content: "\f24b";
16661}
16662i.icon.japan.credit.bureau:before {
16663 content: "\f24b";
16664}
16665i.icon.jcb:before {
16666 content: "\f24b";
16667}
16668i.icon.jpy:before {
16669 content: "\f157";
16670}
16671i.icon.krw:before {
16672 content: "\f159";
16673}
16674i.icon.lab:before {
16675 content: "\f0c3";
16676}
16677i.icon.law:before {
16678 content: "\f24e";
16679}
16680i.icon.legal:before {
16681 content: "\f0e3";
16682}
16683i.icon.lesbian:before {
16684 content: "\f226";
16685}
16686i.icon.lightning:before {
16687 content: "\f0e7";
16688}
16689i.icon.like:before {
16690 content: "\f004";
16691}
16692i.icon.line.graph:before {
16693 content: "\f201";
16694}
16695i.icon.linkedin.square:before {
16696 content: "\f08c";
16697}
16698i.icon.linkify:before {
16699 content: "\f0c1";
16700}
16701i.icon.lira:before {
16702 content: "\f195";
16703}
16704i.icon.list.layout:before {
16705 content: "\f00b";
16706}
16707i.icon.magnify:before {
16708 content: "\f00e";
16709}
16710i.icon.mail.forward:before {
16711 content: "\f064";
16712}
16713i.icon.mail.square:before {
16714 content: "\f199";
16715}
16716i.icon.mail:before {
16717 content: "\f0e0";
16718}
16719i.icon.male.homosexual:before {
16720 content: "\f227";
16721}
16722i.icon.man:before {
16723 content: "\f222";
16724}
16725i.icon.marker:before {
16726 content: "\f041";
16727}
16728i.icon.mars.alternate:before {
16729 content: "\f229";
16730}
16731i.icon.mars.horizontal:before {
16732 content: "\f22b";
16733}
16734i.icon.mars.vertical:before {
16735 content: "\f22a";
16736}
16737i.icon.mastercard.card:before {
16738 content: "\f1f1";
16739}
16740i.icon.mastercard:before {
16741 content: "\f1f1";
16742}
16743i.icon.microsoft.edge:before {
16744 content: "\f282";
16745}
16746i.icon.military:before {
16747 content: "\f0fb";
16748}
16749i.icon.ms.edge:before {
16750 content: "\f282";
16751}
16752i.icon.mute:before {
16753 content: "\f131";
16754}
16755i.icon.new.pied.piper:before {
16756 content: "\f2ae";
16757}
16758i.icon.non.binary.transgender:before {
16759 content: "\f223";
16760}
16761i.icon.numbered.list:before {
16762 content: "\f0cb";
16763}
16764i.icon.optinmonster:before {
16765 content: "\f23c";
16766}
16767i.icon.options:before {
16768 content: "\f1de";
16769}
16770i.icon.other.gender.horizontal:before {
16771 content: "\f22b";
16772}
16773i.icon.other.gender.vertical:before {
16774 content: "\f22a";
16775}
16776i.icon.other.gender:before {
16777 content: "\f229";
16778}
16779i.icon.payment:before {
16780 content: "\f09d";
16781}
16782i.icon.paypal.card:before {
16783 content: "\f1f4";
16784}
16785i.icon.pencil.square:before {
16786 content: "\f14b";
16787}
16788i.icon.photo:before {
16789 content: "\f030";
16790}
16791i.icon.picture:before {
16792 content: "\f03e";
16793}
16794i.icon.pie.chart:before {
16795 content: "\f200";
16796}
16797i.icon.pie.graph:before {
16798 content: "\f200";
16799}
16800i.icon.pied.piper.hat:before {
16801 content: "\f2ae";
16802}
16803i.icon.pin:before {
16804 content: "\f08d";
16805}
16806i.icon.plus.cart:before {
16807 content: "\f217";
16808}
16809i.icon.pocket:before {
16810 content: "\f265";
16811}
16812i.icon.point:before {
16813 content: "\f041";
16814}
16815i.icon.pointing.down:before {
16816 content: "\f0a7";
16817}
16818i.icon.pointing.left:before {
16819 content: "\f0a5";
16820}
16821i.icon.pointing.right:before {
16822 content: "\f0a4";
16823}
16824i.icon.pointing.up:before {
16825 content: "\f0a6";
16826}
16827i.icon.pound:before {
16828 content: "\f154";
16829}
16830i.icon.power.cord:before {
16831 content: "\f1e6";
16832}
16833i.icon.power:before {
16834 content: "\f011";
16835}
16836i.icon.privacy:before {
16837 content: "\f084";
16838}
16839i.icon.r.circle:before {
16840 content: "\f25d";
16841}
16842i.icon.rain:before {
16843 content: "\f0e9";
16844}
16845i.icon.record:before {
16846 content: "\f03d";
16847}
16848i.icon.refresh:before {
16849 content: "\f021";
16850}
16851i.icon.remove.circle:before {
16852 content: "\f057";
16853}
16854i.icon.remove.from.calendar:before {
16855 content: "\f272";
16856}
16857i.icon.remove.user:before {
16858 content: "\f235";
16859}
16860i.icon.remove:before {
16861 content: "\f00d";
16862}
16863i.icon.repeat:before {
16864 content: "\f01e";
16865}
16866i.icon.rmb:before {
16867 content: "\f157";
16868}
16869i.icon.rouble:before {
16870 content: "\f158";
16871}
16872i.icon.rub:before {
16873 content: "\f158";
16874}
16875i.icon.ruble:before {
16876 content: "\f158";
16877}
16878i.icon.rupee:before {
16879 content: "\f156";
16880}
16881i.icon.s15:before {
16882 content: "\f2cd";
16883}
16884i.icon.selected.radio:before {
16885 content: "\f192";
16886}
16887i.icon.send:before {
16888 content: "\f1d8";
16889}
16890i.icon.setting:before {
16891 content: "\f013";
16892}
16893i.icon.settings:before {
16894 content: "\f085";
16895}
16896i.icon.shekel:before {
16897 content: "\f20b";
16898}
16899i.icon.sheqel:before {
16900 content: "\f20b";
16901}
16902i.icon.shipping:before {
16903 content: "\f0d1";
16904}
16905i.icon.shop:before {
16906 content: "\f07a";
16907}
16908i.icon.shuffle:before {
16909 content: "\f074";
16910}
16911i.icon.shutdown:before {
16912 content: "\f011";
16913}
16914i.icon.sidebar:before {
16915 content: "\f0c9";
16916}
16917i.icon.signing:before {
16918 content: "\f2a7";
16919}
16920i.icon.signup:before {
16921 content: "\f044";
16922}
16923i.icon.sliders:before {
16924 content: "\f1de";
16925}
16926i.icon.soccer:before {
16927 content: "\f1e3";
16928}
16929i.icon.sort.alphabet.ascending:before {
16930 content: "\f15d";
16931}
16932i.icon.sort.alphabet.descending:before {
16933 content: "\f15e";
16934}
16935i.icon.sort.ascending:before {
16936 content: "\f0de";
16937}
16938i.icon.sort.content.ascending:before {
16939 content: "\f160";
16940}
16941i.icon.sort.content.descending:before {
16942 content: "\f161";
16943}
16944i.icon.sort.descending:before {
16945 content: "\f0dd";
16946}
16947i.icon.sort.numeric.ascending:before {
16948 content: "\f162";
16949}
16950i.icon.sort.numeric.descending:before {
16951 content: "\f163";
16952}
16953i.icon.sound:before {
16954 content: "\f025";
16955}
16956i.icon.spy:before {
16957 content: "\f21b";
16958}
16959i.icon.stripe.card:before {
16960 content: "\f1f5";
16961}
16962i.icon.student:before {
16963 content: "\f19d";
16964}
16965i.icon.talk:before {
16966 content: "\f27a";
16967}
16968i.icon.target:before {
16969 content: "\f140";
16970}
16971i.icon.teletype:before {
16972 content: "\f1e4";
16973}
16974i.icon.television:before {
16975 content: "\f26c";
16976}
16977i.icon.text.cursor:before {
16978 content: "\f246";
16979}
16980i.icon.text.telephone:before {
16981 content: "\f1e4";
16982}
16983i.icon.theme.isle:before {
16984 content: "\f2b2";
16985}
16986i.icon.theme:before {
16987 content: "\f043";
16988}
16989i.icon.thermometer:before {
16990 content: "\f2c7";
16991}
16992i.icon.thumb.tack:before {
16993 content: "\f08d";
16994}
16995i.icon.time:before {
16996 content: "\f017";
16997}
16998i.icon.tm:before {
16999 content: "\f25c";
17000}
17001i.icon.toggle.down:before {
17002 content: "\f150";
17003}
17004i.icon.toggle.left:before {
17005 content: "\f191";
17006}
17007i.icon.toggle.right:before {
17008 content: "\f152";
17009}
17010i.icon.toggle.up:before {
17011 content: "\f151";
17012}
17013i.icon.translate:before {
17014 content: "\f1ab";
17015}
17016i.icon.travel:before {
17017 content: "\f0b1";
17018}
17019i.icon.treatment:before {
17020 content: "\f0f1";
17021}
17022i.icon.triangle.down:before {
17023 content: "\f0d7";
17024}
17025i.icon.triangle.left:before {
17026 content: "\f0d9";
17027}
17028i.icon.triangle.right:before {
17029 content: "\f0da";
17030}
17031i.icon.triangle.up:before {
17032 content: "\f0d8";
17033}
17034i.icon.try:before {
17035 content: "\f195";
17036}
17037i.icon.unhide:before {
17038 content: "\f06e";
17039}
17040i.icon.unlinkify:before {
17041 content: "\f127";
17042}
17043i.icon.unmute:before {
17044 content: "\f130";
17045}
17046i.icon.usd:before {
17047 content: "\f155";
17048}
17049i.icon.user.cancel:before {
17050 content: "\f235";
17051}
17052i.icon.user.close:before {
17053 content: "\f235";
17054}
17055i.icon.user.delete:before {
17056 content: "\f235";
17057}
17058i.icon.user.x:before {
17059 content: "\f235";
17060}
17061i.icon.vcard:before {
17062 content: "\f2bb";
17063}
17064i.icon.video.camera:before {
17065 content: "\f03d";
17066}
17067i.icon.video.play:before {
17068 content: "\f144";
17069}
17070i.icon.visa.card:before {
17071 content: "\f1f0";
17072}
17073i.icon.visa:before {
17074 content: "\f1f0";
17075}
17076i.icon.volume.control.phone:before {
17077 content: "\f2a0";
17078}
17079i.icon.wait:before {
17080 content: "\f017";
17081}
17082i.icon.warning.circle:before {
17083 content: "\f06a";
17084}
17085i.icon.warning.sign:before {
17086 content: "\f071";
17087}
17088i.icon.warning:before {
17089 content: "\f12a";
17090}
17091i.icon.wechat:before {
17092 content: "\f1d7";
17093}
17094i.icon.wi-fi:before {
17095 content: "\f1eb";
17096}
17097i.icon.wikipedia:before {
17098 content: "\f266";
17099}
17100i.icon.winner:before {
17101 content: "\f091";
17102}
17103i.icon.wizard:before {
17104 content: "\f0d0";
17105}
17106i.icon.woman:before {
17107 content: "\f221";
17108}
17109i.icon.won:before {
17110 content: "\f159";
17111}
17112i.icon.wordpress.beginner:before {
17113 content: "\f297";
17114}
17115i.icon.wordpress.forms:before {
17116 content: "\f298";
17117}
17118i.icon.world:before {
17119 content: "\f0ac";
17120}
17121i.icon.write.square:before {
17122 content: "\f14b";
17123}
17124i.icon.x:before {
17125 content: "\f00d";
17126}
17127i.icon.yc:before {
17128 content: "\f23b";
17129}
17130i.icon.ycombinator:before {
17131 content: "\f23b";
17132}
17133i.icon.yen:before {
17134 content: "\f157";
17135}
17136i.icon.zip:before {
17137 content: "\f187";
17138}
17139i.icon.zoom.in:before {
17140 content: "\f00e";
17141}
17142i.icon.zoom.out:before {
17143 content: "\f010";
17144}
17145i.icon.zoom:before {
17146 content: "\f00e";
17147}
17148i.icon.bitbucket.square:before {
17149 content: "\f171";
17150}
17151i.icon.checkmark.box:before {
17152 content: "\f14a";
17153}
17154i.icon.circle.thin:before {
17155 content: "\f111";
17156}
17157i.icon.cloud.download:before {
17158 content: "\f381";
17159}
17160i.icon.cloud.upload:before {
17161 content: "\f382";
17162}
17163i.icon.compose:before {
17164 content: "\f303";
17165}
17166i.icon.conversation:before {
17167 content: "\f086";
17168}
17169i.icon.credit.card.alternative:before {
17170 content: "\f09d";
17171}
17172i.icon.currency:before {
17173 content: "\f3d1";
17174}
17175i.icon.dashboard:before {
17176 content: "\f3fd";
17177}
17178i.icon.diamond:before {
17179 content: "\f3a5";
17180}
17181i.icon.disk:before {
17182 content: "\f0a0";
17183}
17184i.icon.exchange:before {
17185 content: "\f362";
17186}
17187i.icon.external.share:before {
17188 content: "\f14d";
17189}
17190i.icon.external.square:before {
17191 content: "\f360";
17192}
17193i.icon.external:before {
17194 content: "\f35d";
17195}
17196i.icon.facebook.official:before {
17197 content: "\f082";
17198}
17199i.icon.food:before {
17200 content: "\f2e7";
17201}
17202i.icon.hourglass.zero:before {
17203 content: "\f253";
17204}
17205i.icon.level.down:before {
17206 content: "\f3be";
17207}
17208i.icon.level.up:before {
17209 content: "\f3bf";
17210}
17211i.icon.log.out:before {
17212 content: "\f2f5";
17213}
17214i.icon.meanpath:before {
17215 content: "\f0c8";
17216}
17217i.icon.money:before {
17218 content: "\f3d1";
17219}
17220i.icon.move:before {
17221 content: "\f0b2";
17222}
17223i.icon.pencil:before {
17224 content: "\f303";
17225}
17226i.icon.protect:before {
17227 content: "\f023";
17228}
17229i.icon.radio:before {
17230 content: "\f192";
17231}
17232i.icon.remove.bookmark:before {
17233 content: "\f02e";
17234}
17235i.icon.resize.horizontal:before {
17236 content: "\f337";
17237}
17238i.icon.resize.vertical:before {
17239 content: "\f338";
17240}
17241i.icon.sign.in:before {
17242 content: "\f2f6";
17243}
17244i.icon.sign.out:before {
17245 content: "\f2f5";
17246}
17247i.icon.spoon:before {
17248 content: "\f2e5";
17249}
17250i.icon.star.half.empty:before {
17251 content: "\f089";
17252}
17253i.icon.star.half.full:before {
17254 content: "\f089";
17255}
17256i.icon.ticket:before {
17257 content: "\f3ff";
17258}
17259i.icon.times.rectangle:before {
17260 content: "\f410";
17261}
17262i.icon.write:before {
17263 content: "\f303";
17264}
17265i.icon.youtube.play:before {
17266 content: "\f167";
17267}
17268/*******************************
17269 Outline Icons
17270*******************************/
17271/* Outline Icon */
17272/* Load & Define Icon Font */
17273@font-face {
17274 font-family: 'outline-icons';
17275 src: url("themes/default/assets/fonts/outline-icons.eot");
17276 src: url("themes/default/assets/fonts/outline-icons.eot?#iefix") format('embedded-opentype'), url("themes/default/assets/fonts/outline-icons.woff2") format('woff2'), url("themes/default/assets/fonts/outline-icons.woff") format('woff'), url("themes/default/assets/fonts/outline-icons.ttf") format('truetype'), url("themes/default/assets/fonts/outline-icons.svg#icons") format('svg');
17277 font-style: normal;
17278 font-weight: normal;
17279 font-variant: normal;
17280 text-decoration: inherit;
17281 text-transform: none;
17282}
17283i.icon.outline {
17284 font-family: 'outline-icons';
17285}
17286/* Icon Definitions */
17287i.icon.address.book.outline:before {
17288 content: "\f2b9";
17289}
17290i.icon.address.card.outline:before {
17291 content: "\f2bb";
17292}
17293i.icon.arrow.alternate.circle.down.outline:before {
17294 content: "\f358";
17295}
17296i.icon.arrow.alternate.circle.left.outline:before {
17297 content: "\f359";
17298}
17299i.icon.arrow.alternate.circle.right.outline:before {
17300 content: "\f35a";
17301}
17302i.icon.arrow.alternate.circle.up.outline:before {
17303 content: "\f35b";
17304}
17305i.icon.bell.outline:before {
17306 content: "\f0f3";
17307}
17308i.icon.bell.slash.outline:before {
17309 content: "\f1f6";
17310}
17311i.icon.bookmark.outline:before {
17312 content: "\f02e";
17313}
17314i.icon.building.outline:before {
17315 content: "\f1ad";
17316}
17317i.icon.calendar.outline:before {
17318 content: "\f133";
17319}
17320i.icon.calendar.alternate.outline:before {
17321 content: "\f073";
17322}
17323i.icon.calendar.check.outline:before {
17324 content: "\f274";
17325}
17326i.icon.calendar.minus.outline:before {
17327 content: "\f272";
17328}
17329i.icon.calendar.plus.outline:before {
17330 content: "\f271";
17331}
17332i.icon.calendar.times.outline:before {
17333 content: "\f273";
17334}
17335i.icon.caret.square.down.outline:before {
17336 content: "\f150";
17337}
17338i.icon.caret.square.left.outline:before {
17339 content: "\f191";
17340}
17341i.icon.caret.square.right.outline:before {
17342 content: "\f152";
17343}
17344i.icon.caret.square.up.outline:before {
17345 content: "\f151";
17346}
17347i.icon.chart.bar.outline:before {
17348 content: "\f080";
17349}
17350i.icon.check.circle.outline:before {
17351 content: "\f058";
17352}
17353i.icon.check.square.outline:before {
17354 content: "\f14a";
17355}
17356i.icon.circle.outline:before {
17357 content: "\f111";
17358}
17359i.icon.clipboard.outline:before {
17360 content: "\f328";
17361}
17362i.icon.clock.outline:before {
17363 content: "\f017";
17364}
17365i.icon.clone.outline:before {
17366 content: "\f24d";
17367}
17368i.icon.closed.captioning.outline:before {
17369 content: "\f20a";
17370}
17371i.icon.comment.outline:before {
17372 content: "\f075";
17373}
17374i.icon.comment.alternate.outline:before {
17375 content: "\f27a";
17376}
17377i.icon.comments.outline:before {
17378 content: "\f086";
17379}
17380i.icon.compass.outline:before {
17381 content: "\f14e";
17382}
17383i.icon.copy.outline:before {
17384 content: "\f0c5";
17385}
17386i.icon.copyright.outline:before {
17387 content: "\f1f9";
17388}
17389i.icon.credit.card.outline:before {
17390 content: "\f09d";
17391}
17392i.icon.dot.circle.outline:before {
17393 content: "\f192";
17394}
17395i.icon.edit.outline:before {
17396 content: "\f044";
17397}
17398i.icon.envelope.outline:before {
17399 content: "\f0e0";
17400}
17401i.icon.envelope.open.outline:before {
17402 content: "\f2b6";
17403}
17404i.icon.eye.slash.outline:before {
17405 content: "\f070";
17406}
17407i.icon.file.outline:before {
17408 content: "\f15b";
17409}
17410i.icon.file.alternate.outline:before {
17411 content: "\f15c";
17412}
17413i.icon.file.archive.outline:before {
17414 content: "\f1c6";
17415}
17416i.icon.file.audio.outline:before {
17417 content: "\f1c7";
17418}
17419i.icon.file.code.outline:before {
17420 content: "\f1c9";
17421}
17422i.icon.file.excel.outline:before {
17423 content: "\f1c3";
17424}
17425i.icon.file.image.outline:before {
17426 content: "\f1c5";
17427}
17428i.icon.file.pdf.outline:before {
17429 content: "\f1c1";
17430}
17431i.icon.file.powerpoint.outline:before {
17432 content: "\f1c4";
17433}
17434i.icon.file.video.outline:before {
17435 content: "\f1c8";
17436}
17437i.icon.file.word.outline:before {
17438 content: "\f1c2";
17439}
17440i.icon.flag.outline:before {
17441 content: "\f024";
17442}
17443i.icon.folder.outline:before {
17444 content: "\f07b";
17445}
17446i.icon.folder.open.outline:before {
17447 content: "\f07c";
17448}
17449i.icon.frown.outline:before {
17450 content: "\f119";
17451}
17452i.icon.futbol.outline:before {
17453 content: "\f1e3";
17454}
17455i.icon.gem.outline:before {
17456 content: "\f3a5";
17457}
17458i.icon.hand.lizard.outline:before {
17459 content: "\f258";
17460}
17461i.icon.hand.paper.outline:before {
17462 content: "\f256";
17463}
17464i.icon.hand.peace.outline:before {
17465 content: "\f25b";
17466}
17467i.icon.hand.point.down.outline:before {
17468 content: "\f0a7";
17469}
17470i.icon.hand.point.left.outline:before {
17471 content: "\f0a5";
17472}
17473i.icon.hand.point.right.outline:before {
17474 content: "\f0a4";
17475}
17476i.icon.hand.point.up.outline:before {
17477 content: "\f0a6";
17478}
17479i.icon.hand.pointer.outline:before {
17480 content: "\f25a";
17481}
17482i.icon.hand.rock.outline:before {
17483 content: "\f255";
17484}
17485i.icon.hand.scissors.outline:before {
17486 content: "\f257";
17487}
17488i.icon.hand.spock.outline:before {
17489 content: "\f259";
17490}
17491i.icon.handshake.outline:before {
17492 content: "\f2b5";
17493}
17494i.icon.hdd.outline:before {
17495 content: "\f0a0";
17496}
17497i.icon.heart.outline:before {
17498 content: "\f004";
17499}
17500i.icon.hospital.outline:before {
17501 content: "\f0f8";
17502}
17503i.icon.hourglass.outline:before {
17504 content: "\f254";
17505}
17506i.icon.id.badge.outline:before {
17507 content: "\f2c1";
17508}
17509i.icon.id.card.outline:before {
17510 content: "\f2c2";
17511}
17512i.icon.image.outline:before {
17513 content: "\f03e";
17514}
17515i.icon.images.outline:before {
17516 content: "\f302";
17517}
17518i.icon.keyboard.outline:before {
17519 content: "\f11c";
17520}
17521i.icon.lemon.outline:before {
17522 content: "\f094";
17523}
17524i.icon.life.ring.outline:before {
17525 content: "\f1cd";
17526}
17527i.icon.lightbulb.outline:before {
17528 content: "\f0eb";
17529}
17530i.icon.list.alternate.outline:before {
17531 content: "\f022";
17532}
17533i.icon.map.outline:before {
17534 content: "\f279";
17535}
17536i.icon.meh.outline:before {
17537 content: "\f11a";
17538}
17539i.icon.minus.square.outline:before {
17540 content: "\f146";
17541}
17542i.icon.money.bill.alternate.outline:before {
17543 content: "\f3d1";
17544}
17545i.icon.moon.outline:before {
17546 content: "\f186";
17547}
17548i.icon.newspaper.outline:before {
17549 content: "\f1ea";
17550}
17551i.icon.object.group.outline:before {
17552 content: "\f247";
17553}
17554i.icon.object.ungroup.outline:before {
17555 content: "\f248";
17556}
17557i.icon.paper.plane.outline:before {
17558 content: "\f1d8";
17559}
17560i.icon.pause.circle.outline:before {
17561 content: "\f28b";
17562}
17563i.icon.play.circle.outline:before {
17564 content: "\f144";
17565}
17566i.icon.plus.square.outline:before {
17567 content: "\f0fe";
17568}
17569i.icon.question.circle.outline:before {
17570 content: "\f059";
17571}
17572i.icon.registered.outline:before {
17573 content: "\f25d";
17574}
17575i.icon.save.outline:before {
17576 content: "\f0c7";
17577}
17578i.icon.share.square.outline:before {
17579 content: "\f14d";
17580}
17581i.icon.smile.outline:before {
17582 content: "\f118";
17583}
17584i.icon.snowflake.outline:before {
17585 content: "\f2dc";
17586}
17587i.icon.square.outline:before {
17588 content: "\f0c8";
17589}
17590i.icon.star.outline:before {
17591 content: "\f005";
17592}
17593i.icon.star.half.outline:before {
17594 content: "\f089";
17595}
17596i.icon.sticky.note.outline:before {
17597 content: "\f249";
17598}
17599i.icon.stop.circle.outline:before {
17600 content: "\f28d";
17601}
17602i.icon.sun.outline:before {
17603 content: "\f185";
17604}
17605i.icon.thumbs.down.outline:before {
17606 content: "\f165";
17607}
17608i.icon.thumbs.up.outline:before {
17609 content: "\f164";
17610}
17611i.icon.times.circle.outline:before {
17612 content: "\f057";
17613}
17614i.icon.trash.alternate.outline:before {
17615 content: "\f2ed";
17616}
17617i.icon.user.outline:before {
17618 content: "\f007";
17619}
17620i.icon.user.circle.outline:before {
17621 content: "\f2bd";
17622}
17623i.icon.window.close.outline:before {
17624 content: "\f410";
17625}
17626i.icon.window.maximize.outline:before {
17627 content: "\f2d0";
17628}
17629i.icon.window.minimize.outline:before {
17630 content: "\f2d1";
17631}
17632i.icon.window.restore.outline:before {
17633 content: "\f2d2";
17634}
17635i.icon.disk.outline:before {
17636 content: "\f369";
17637}
17638/* Outline Aliases */
17639i.icon.heart.empty,
17640i.icon.star.empty {
17641 font-family: 'outline-icons';
17642}
17643i.icon.heart.empty:before {
17644 content: "\f004";
17645}
17646i.icon.star.empty:before {
17647 content: "\f089";
17648}
17649/*******************************
17650 Brand Icons
17651*******************************/
17652/* Load & Define Brand Font */
17653@font-face {
17654 font-family: 'brand-icons';
17655 src: url("themes/default/assets/fonts/brand-icons.eot");
17656 src: url("themes/default/assets/fonts/brand-icons.eot?#iefix") format('embedded-opentype'), url("themes/default/assets/fonts/brand-icons.woff2") format('woff2'), url("themes/default/assets/fonts/brand-icons.woff") format('woff'), url("themes/default/assets/fonts/brand-icons.ttf") format('truetype'), url("themes/default/assets/fonts/brand-icons.svg#icons") format('svg');
17657 font-style: normal;
17658 font-weight: normal;
17659 font-variant: normal;
17660 text-decoration: inherit;
17661 text-transform: none;
17662}
17663/* Brand Icon Font Family */
17664i.icon.\35 00px,
17665i.icon.accessible.icon,
17666i.icon.accusoft,
17667i.icon.adn,
17668i.icon.adversal,
17669i.icon.affiliatetheme,
17670i.icon.algolia,
17671i.icon.amazon,
17672i.icon.amazon.pay,
17673i.icon.amilia,
17674i.icon.android,
17675i.icon.angellist,
17676i.icon.angrycreative,
17677i.icon.angular,
17678i.icon.app.store,
17679i.icon.app.store.ios,
17680i.icon.apper,
17681i.icon.apple,
17682i.icon.apple.pay,
17683i.icon.asymmetrik,
17684i.icon.audible,
17685i.icon.autoprefixer,
17686i.icon.avianex,
17687i.icon.aviato,
17688i.icon.aws,
17689i.icon.bandcamp,
17690i.icon.behance,
17691i.icon.behance.square,
17692i.icon.bimobject,
17693i.icon.bitbucket,
17694i.icon.bitcoin,
17695i.icon.bity,
17696i.icon.black.tie,
17697i.icon.blackberry,
17698i.icon.blogger,
17699i.icon.blogger.b,
17700i.icon.bluetooth,
17701i.icon.bluetooth.b,
17702i.icon.btc,
17703i.icon.buromobelexperte,
17704i.icon.buysellads,
17705i.icon.cc.amazon.pay,
17706i.icon.cc.amex,
17707i.icon.cc.apple.pay,
17708i.icon.cc.diners.club,
17709i.icon.cc.discover,
17710i.icon.cc.jcb,
17711i.icon.cc.mastercard,
17712i.icon.cc.paypal,
17713i.icon.cc.stripe,
17714i.icon.cc.visa,
17715i.icon.centercode,
17716i.icon.chrome,
17717i.icon.cloudscale,
17718i.icon.cloudsmith,
17719i.icon.cloudversify,
17720i.icon.codepen,
17721i.icon.codiepie,
17722i.icon.connectdevelop,
17723i.icon.contao,
17724i.icon.cpanel,
17725i.icon.creative.commons,
17726i.icon.css3,
17727i.icon.css3.alternate,
17728i.icon.cuttlefish,
17729i.icon.d.and.d,
17730i.icon.dashcube,
17731i.icon.delicious,
17732i.icon.deploydog,
17733i.icon.deskpro,
17734i.icon.deviantart,
17735i.icon.digg,
17736i.icon.digital.ocean,
17737i.icon.discord,
17738i.icon.discourse,
17739i.icon.dochub,
17740i.icon.docker,
17741i.icon.draft2digital,
17742i.icon.dribbble,
17743i.icon.dribbble.square,
17744i.icon.dropbox,
17745i.icon.drupal,
17746i.icon.dyalog,
17747i.icon.earlybirds,
17748i.icon.edge,
17749i.icon.elementor,
17750i.icon.ember,
17751i.icon.empire,
17752i.icon.envira,
17753i.icon.erlang,
17754i.icon.ethereum,
17755i.icon.etsy,
17756i.icon.expeditedssl,
17757i.icon.facebook,
17758i.icon.facebook.f,
17759i.icon.facebook.messenger,
17760i.icon.facebook.square,
17761i.icon.firefox,
17762i.icon.first.order,
17763i.icon.firstdraft,
17764i.icon.flickr,
17765i.icon.flipboard,
17766i.icon.fly,
17767i.icon.font.awesome,
17768i.icon.font.awesome.alternate,
17769i.icon.font.awesome.flag,
17770i.icon.fonticons,
17771i.icon.fonticons.fi,
17772i.icon.fort.awesome,
17773i.icon.fort.awesome.alternate,
17774i.icon.forumbee,
17775i.icon.foursquare,
17776i.icon.free.code.camp,
17777i.icon.freebsd,
17778i.icon.get.pocket,
17779i.icon.gg,
17780i.icon.gg.circle,
17781i.icon.git,
17782i.icon.git.square,
17783i.icon.github,
17784i.icon.github.alternate,
17785i.icon.github.square,
17786i.icon.gitkraken,
17787i.icon.gitlab,
17788i.icon.gitter,
17789i.icon.glide,
17790i.icon.glide.g,
17791i.icon.gofore,
17792i.icon.goodreads,
17793i.icon.goodreads.g,
17794i.icon.google,
17795i.icon.google.drive,
17796i.icon.google.play,
17797i.icon.google.plus,
17798i.icon.google.plus.g,
17799i.icon.google.plus.square,
17800i.icon.google.wallet,
17801i.icon.gratipay,
17802i.icon.grav,
17803i.icon.gripfire,
17804i.icon.grunt,
17805i.icon.gulp,
17806i.icon.hacker.news,
17807i.icon.hacker.news.square,
17808i.icon.hips,
17809i.icon.hire.a.helper,
17810i.icon.hooli,
17811i.icon.hotjar,
17812i.icon.houzz,
17813i.icon.html5,
17814i.icon.hubspot,
17815i.icon.imdb,
17816i.icon.instagram,
17817i.icon.internet.explorer,
17818i.icon.ioxhost,
17819i.icon.itunes,
17820i.icon.itunes.note,
17821i.icon.jenkins,
17822i.icon.joget,
17823i.icon.joomla,
17824i.icon.js,
17825i.icon.js.square,
17826i.icon.jsfiddle,
17827i.icon.keycdn,
17828i.icon.kickstarter,
17829i.icon.kickstarter.k,
17830i.icon.korvue,
17831i.icon.laravel,
17832i.icon.lastfm,
17833i.icon.lastfm.square,
17834i.icon.leanpub,
17835i.icon.less,
17836i.icon.linechat,
17837i.icon.linkedin,
17838i.icon.linkedin.in,
17839i.icon.linode,
17840i.icon.linux,
17841i.icon.lyft,
17842i.icon.magento,
17843i.icon.maxcdn,
17844i.icon.medapps,
17845i.icon.medium,
17846i.icon.medium.m,
17847i.icon.medrt,
17848i.icon.meetup,
17849i.icon.microsoft,
17850i.icon.mix,
17851i.icon.mixcloud,
17852i.icon.mizuni,
17853i.icon.modx,
17854i.icon.monero,
17855i.icon.napster,
17856i.icon.nintendo.switch,
17857i.icon.node,
17858i.icon.node.js,
17859i.icon.npm,
17860i.icon.ns8,
17861i.icon.nutritionix,
17862i.icon.odnoklassniki,
17863i.icon.odnoklassniki.square,
17864i.icon.opencart,
17865i.icon.openid,
17866i.icon.opera,
17867i.icon.optin.monster,
17868i.icon.osi,
17869i.icon.page4,
17870i.icon.pagelines,
17871i.icon.palfed,
17872i.icon.patreon,
17873i.icon.paypal,
17874i.icon.periscope,
17875i.icon.phabricator,
17876i.icon.phoenix.framework,
17877i.icon.php,
17878i.icon.pied.piper,
17879i.icon.pied.piper.alternate,
17880i.icon.pied.piper.pp,
17881i.icon.pinterest,
17882i.icon.pinterest.p,
17883i.icon.pinterest.square,
17884i.icon.playstation,
17885i.icon.product.hunt,
17886i.icon.pushed,
17887i.icon.python,
17888i.icon.qq,
17889i.icon.quinscape,
17890i.icon.quora,
17891i.icon.ravelry,
17892i.icon.react,
17893i.icon.rebel,
17894i.icon.redriver,
17895i.icon.reddit,
17896i.icon.reddit.alien,
17897i.icon.reddit.square,
17898i.icon.rendact,
17899i.icon.renren,
17900i.icon.replyd,
17901i.icon.resolving,
17902i.icon.rocketchat,
17903i.icon.rockrms,
17904i.icon.safari,
17905i.icon.sass,
17906i.icon.schlix,
17907i.icon.scribd,
17908i.icon.searchengin,
17909i.icon.sellcast,
17910i.icon.sellsy,
17911i.icon.servicestack,
17912i.icon.shirtsinbulk,
17913i.icon.simplybuilt,
17914i.icon.sistrix,
17915i.icon.skyatlas,
17916i.icon.skype,
17917i.icon.slack,
17918i.icon.slack.hash,
17919i.icon.slideshare,
17920i.icon.snapchat,
17921i.icon.snapchat.ghost,
17922i.icon.snapchat.square,
17923i.icon.soundcloud,
17924i.icon.speakap,
17925i.icon.spotify,
17926i.icon.stack.exchange,
17927i.icon.stack.overflow,
17928i.icon.staylinked,
17929i.icon.steam,
17930i.icon.steam.square,
17931i.icon.steam.symbol,
17932i.icon.sticker.mule,
17933i.icon.strava,
17934i.icon.stripe,
17935i.icon.stripe.s,
17936i.icon.studiovinari,
17937i.icon.stumbleupon,
17938i.icon.stumbleupon.circle,
17939i.icon.superpowers,
17940i.icon.supple,
17941i.icon.telegram,
17942i.icon.telegram.plane,
17943i.icon.tencent.weibo,
17944i.icon.themeisle,
17945i.icon.trello,
17946i.icon.tripadvisor,
17947i.icon.tumblr,
17948i.icon.tumblr.square,
17949i.icon.twitch,
17950i.icon.twitter,
17951i.icon.twitter.square,
17952i.icon.typo3,
17953i.icon.uber,
17954i.icon.uikit,
17955i.icon.uniregistry,
17956i.icon.untappd,
17957i.icon.usb,
17958i.icon.ussunnah,
17959i.icon.vaadin,
17960i.icon.viacoin,
17961i.icon.viadeo,
17962i.icon.viadeo.square,
17963i.icon.viber,
17964i.icon.vimeo,
17965i.icon.vimeo.square,
17966i.icon.vimeo.v,
17967i.icon.vine,
17968i.icon.vk,
17969i.icon.vnv,
17970i.icon.vuejs,
17971i.icon.wechat,
17972i.icon.weibo,
17973i.icon.weixin,
17974i.icon.whatsapp,
17975i.icon.whatsapp.square,
17976i.icon.whmcs,
17977i.icon.wikipedia.w,
17978i.icon.windows,
17979i.icon.wordpress,
17980i.icon.wordpress.simple,
17981i.icon.wpbeginner,
17982i.icon.wpexplorer,
17983i.icon.wpforms,
17984i.icon.xbox,
17985i.icon.xing,
17986i.icon.xing.square,
17987i.icon.y.combinator,
17988i.icon.yahoo,
17989i.icon.yandex,
17990i.icon.yandex.international,
17991i.icon.yelp,
17992i.icon.yoast,
17993i.icon.youtube,
17994i.icon.youtube.square {
17995 font-family: 'brand-icons';
17996}
17997/* Brand Icons Ideally Would Be Defined Here */
17998i.icon.ei {
17999 font-family: 'ElegantIcons';
18000}
18001i.icon.ei.arrow_up:before {
18002 content: "\21";
18003}
18004i.icon.ei.arrow_down:before {
18005 content: "\22";
18006}
18007i.icon.ei.arrow_left:before {
18008 content: "\23";
18009}
18010i.icon.ei.arrow_right:before {
18011 content: "\24";
18012}
18013i.icon.ei.arrow_left-up:before {
18014 content: "\25";
18015}
18016i.icon.ei.arrow_right-up:before {
18017 content: "\26";
18018}
18019i.icon.ei.arrow_right-down:before {
18020 content: "\27";
18021}
18022i.icon.ei.arrow_left-down:before {
18023 content: "\28";
18024}
18025i.icon.ei.arrow-up-down:before {
18026 content: "\29";
18027}
18028i.icon.ei.arrow_up-down_alt:before {
18029 content: "\2a";
18030}
18031i.icon.ei.arrow_left-right_alt:before {
18032 content: "\2b";
18033}
18034i.icon.ei.arrow_left-right:before {
18035 content: "\2c";
18036}
18037i.icon.ei.arrow_expand_alt2:before {
18038 content: "\2d";
18039}
18040i.icon.ei.arrow_expand_alt:before {
18041 content: "\2e";
18042}
18043i.icon.ei.arrow_condense:before {
18044 content: "\2f";
18045}
18046i.icon.ei.arrow_expand:before {
18047 content: "\30";
18048}
18049i.icon.ei.arrow_move:before {
18050 content: "\31";
18051}
18052i.icon.ei.arrow_carrot-up:before {
18053 content: "\32";
18054}
18055i.icon.ei.arrow_carrot-down:before {
18056 content: "\33";
18057}
18058i.icon.ei.arrow_carrot-left:before {
18059 content: "\34";
18060}
18061i.icon.ei.arrow_carrot-right:before {
18062 content: "\35";
18063}
18064i.icon.ei.arrow_carrot-2up:before {
18065 content: "\36";
18066}
18067i.icon.ei.arrow_carrot-2down:before {
18068 content: "\37";
18069}
18070i.icon.ei.arrow_carrot-2left:before {
18071 content: "\38";
18072}
18073i.icon.ei.arrow_carrot-2right:before {
18074 content: "\39";
18075}
18076i.icon.ei.arrow_carrot-up_alt2:before {
18077 content: "\3a";
18078}
18079i.icon.ei.arrow_carrot-down_alt2:before {
18080 content: "\3b";
18081}
18082i.icon.ei.arrow_carrot-left_alt2:before {
18083 content: "\3c";
18084}
18085i.icon.ei.arrow_carrot-right_alt2:before {
18086 content: "\3d";
18087}
18088i.icon.ei.arrow_carrot-2up_alt2:before {
18089 content: "\3e";
18090}
18091i.icon.ei.arrow_carrot-2down_alt2:before {
18092 content: "\3f";
18093}
18094i.icon.ei.arrow_carrot-2left_alt2:before {
18095 content: "\40";
18096}
18097i.icon.ei.arrow_carrot-2right_alt2:before {
18098 content: "\41";
18099}
18100i.icon.ei.arrow_triangle-up:before {
18101 content: "\42";
18102}
18103i.icon.ei.arrow_triangle-down:before {
18104 content: "\43";
18105}
18106i.icon.ei.arrow_triangle-left:before {
18107 content: "\44";
18108}
18109i.icon.ei.arrow_triangle-right:before {
18110 content: "\45";
18111}
18112i.icon.ei.arrow_triangle-up_alt2:before {
18113 content: "\46";
18114}
18115i.icon.ei.arrow_triangle-down_alt2:before {
18116 content: "\47";
18117}
18118i.icon.ei.arrow_triangle-left_alt2:before {
18119 content: "\48";
18120}
18121i.icon.ei.arrow_triangle-right_alt2:before {
18122 content: "\49";
18123}
18124i.icon.ei.arrow_back:before {
18125 content: "\4a";
18126}
18127i.icon.ei.icon_minus-06:before {
18128 content: "\4b";
18129}
18130i.icon.ei.icon_plus:before {
18131 content: "\4c";
18132}
18133i.icon.ei.icon_close:before {
18134 content: "\4d";
18135}
18136i.icon.ei.icon_check:before {
18137 content: "\4e";
18138}
18139i.icon.ei.icon_minus_alt2:before {
18140 content: "\4f";
18141}
18142i.icon.ei.icon_plus_alt2:before {
18143 content: "\50";
18144}
18145i.icon.ei.icon_close_alt2:before {
18146 content: "\51";
18147}
18148i.icon.ei.icon_check_alt2:before {
18149 content: "\52";
18150}
18151i.icon.ei.icon_zoom-out_alt:before {
18152 content: "\53";
18153}
18154i.icon.ei.icon_zoom-in_alt:before {
18155 content: "\54";
18156}
18157i.icon.ei.icon_search:before {
18158 content: "\55";
18159}
18160i.icon.ei.icon_box-empty:before {
18161 content: "\56";
18162}
18163i.icon.ei.icon_box-selected:before {
18164 content: "\57";
18165}
18166i.icon.ei.icon_minus-box:before {
18167 content: "\58";
18168}
18169i.icon.ei.icon_plus-box:before {
18170 content: "\59";
18171}
18172i.icon.ei.icon_box-checked:before {
18173 content: "\5a";
18174}
18175i.icon.ei.icon_circle-empty:before {
18176 content: "\5b";
18177}
18178i.icon.ei.icon_circle-slelected:before {
18179 content: "\5c";
18180}
18181i.icon.ei.icon_stop_alt2:before {
18182 content: "\5d";
18183}
18184i.icon.ei.icon_stop:before {
18185 content: "\5e";
18186}
18187i.icon.ei.icon_pause_alt2:before {
18188 content: "\5f";
18189}
18190i.icon.ei.icon_pause:before {
18191 content: "\60";
18192}
18193i.icon.ei.icon_menu:before {
18194 content: "\61";
18195}
18196i.icon.ei.icon_menu-square_alt2:before {
18197 content: "\62";
18198}
18199i.icon.ei.icon_menu-circle_alt2:before {
18200 content: "\63";
18201}
18202i.icon.ei.icon_ul:before {
18203 content: "\64";
18204}
18205i.icon.ei.icon_ol:before {
18206 content: "\65";
18207}
18208i.icon.ei.icon_adjust-horiz:before {
18209 content: "\66";
18210}
18211i.icon.ei.icon_adjust-vert:before {
18212 content: "\67";
18213}
18214i.icon.ei.icon_document_alt:before {
18215 content: "\68";
18216}
18217i.icon.ei.icon_documents_alt:before {
18218 content: "\69";
18219}
18220i.icon.ei.icon_pencil:before {
18221 content: "\6a";
18222}
18223i.icon.ei.icon_pencil-edit_alt:before {
18224 content: "\6b";
18225}
18226i.icon.ei.icon_pencil-edit:before {
18227 content: "\6c";
18228}
18229i.icon.ei.icon_folder-alt:before {
18230 content: "\6d";
18231}
18232i.icon.ei.icon_folder-open_alt:before {
18233 content: "\6e";
18234}
18235i.icon.ei.icon_folder-add_alt:before {
18236 content: "\6f";
18237}
18238i.icon.ei.icon_info_alt:before {
18239 content: "\70";
18240}
18241i.icon.ei.icon_error-oct_alt:before {
18242 content: "\71";
18243}
18244i.icon.ei.icon_error-circle_alt:before {
18245 content: "\72";
18246}
18247i.icon.ei.icon_error-triangle_alt:before {
18248 content: "\73";
18249}
18250i.icon.ei.icon_question_alt2:before {
18251 content: "\74";
18252}
18253i.icon.ei.icon_question:before {
18254 content: "\75";
18255}
18256i.icon.ei.icon_comment_alt:before {
18257 content: "\76";
18258}
18259i.icon.ei.icon_chat_alt:before {
18260 content: "\77";
18261}
18262i.icon.ei.icon_vol-mute_alt:before {
18263 content: "\78";
18264}
18265i.icon.ei.icon_volume-low_alt:before {
18266 content: "\79";
18267}
18268i.icon.ei.icon_volume-high_alt:before {
18269 content: "\7a";
18270}
18271i.icon.ei.icon_quotations:before {
18272 content: "\7b";
18273}
18274i.icon.ei.icon_quotations_alt2:before {
18275 content: "\7c";
18276}
18277i.icon.ei.icon_clock_alt:before {
18278 content: "\7d";
18279}
18280i.icon.ei.icon_lock_alt:before {
18281 content: "\7e";
18282}
18283i.icon.ei.icon_lock-open_alt:before {
18284 content: "\e000";
18285}
18286i.icon.ei.icon_key_alt:before {
18287 content: "\e001";
18288}
18289i.icon.ei.icon_cloud_alt:before {
18290 content: "\e002";
18291}
18292i.icon.ei.icon_cloud-upload_alt:before {
18293 content: "\e003";
18294}
18295i.icon.ei.icon_cloud-download_alt:before {
18296 content: "\e004";
18297}
18298i.icon.ei.icon_image:before {
18299 content: "\e005";
18300}
18301i.icon.ei.icon_images:before {
18302 content: "\e006";
18303}
18304i.icon.ei.icon_lightbulb_alt:before {
18305 content: "\e007";
18306}
18307i.icon.ei.icon_gift_alt:before {
18308 content: "\e008";
18309}
18310i.icon.ei.icon_house_alt:before {
18311 content: "\e009";
18312}
18313i.icon.ei.icon_genius:before {
18314 content: "\e00a";
18315}
18316i.icon.ei.icon_mobile:before {
18317 content: "\e00b";
18318}
18319i.icon.ei.icon_tablet:before {
18320 content: "\e00c";
18321}
18322i.icon.ei.icon_laptop:before {
18323 content: "\e00d";
18324}
18325i.icon.ei.icon_desktop:before {
18326 content: "\e00e";
18327}
18328i.icon.ei.icon_camera_alt:before {
18329 content: "\e00f";
18330}
18331i.icon.ei.icon_mail_alt:before {
18332 content: "\e010";
18333}
18334i.icon.ei.icon_cone_alt:before {
18335 content: "\e011";
18336}
18337i.icon.ei.icon_ribbon_alt:before {
18338 content: "\e012";
18339}
18340i.icon.ei.icon_bag_alt:before {
18341 content: "\e013";
18342}
18343i.icon.ei.icon_creditcard:before {
18344 content: "\e014";
18345}
18346i.icon.ei.icon_cart_alt:before {
18347 content: "\e015";
18348}
18349i.icon.ei.icon_paperclip:before {
18350 content: "\e016";
18351}
18352i.icon.ei.icon_tag_alt:before {
18353 content: "\e017";
18354}
18355i.icon.ei.icon_tags_alt:before {
18356 content: "\e018";
18357}
18358i.icon.ei.icon_trash_alt:before {
18359 content: "\e019";
18360}
18361i.icon.ei.icon_cursor_alt:before {
18362 content: "\e01a";
18363}
18364i.icon.ei.icon_mic_alt:before {
18365 content: "\e01b";
18366}
18367i.icon.ei.icon_compass_alt:before {
18368 content: "\e01c";
18369}
18370i.icon.ei.icon_pin_alt:before {
18371 content: "\e01d";
18372}
18373i.icon.ei.icon_pushpin_alt:before {
18374 content: "\e01e";
18375}
18376i.icon.ei.icon_map_alt:before {
18377 content: "\e01f";
18378}
18379i.icon.ei.icon_drawer_alt:before {
18380 content: "\e020";
18381}
18382i.icon.ei.icon_toolbox_alt:before {
18383 content: "\e021";
18384}
18385i.icon.ei.icon_book_alt:before {
18386 content: "\e022";
18387}
18388i.icon.ei.icon_calendar:before {
18389 content: "\e023";
18390}
18391i.icon.ei.icon_film:before {
18392 content: "\e024";
18393}
18394i.icon.ei.icon_table:before {
18395 content: "\e025";
18396}
18397i.icon.ei.icon_contacts_alt:before {
18398 content: "\e026";
18399}
18400i.icon.ei.icon_headphones:before {
18401 content: "\e027";
18402}
18403i.icon.ei.icon_lifesaver:before {
18404 content: "\e028";
18405}
18406i.icon.ei.icon_piechart:before {
18407 content: "\e029";
18408}
18409i.icon.ei.icon_refresh:before {
18410 content: "\e02a";
18411}
18412i.icon.ei.icon_link_alt:before {
18413 content: "\e02b";
18414}
18415i.icon.ei.icon_link:before {
18416 content: "\e02c";
18417}
18418i.icon.ei.icon_loading:before {
18419 content: "\e02d";
18420}
18421i.icon.ei.icon_blocked:before {
18422 content: "\e02e";
18423}
18424i.icon.ei.icon_archive_alt:before {
18425 content: "\e02f";
18426}
18427i.icon.ei.icon_heart_alt:before {
18428 content: "\e030";
18429}
18430i.icon.ei.icon_star_alt:before {
18431 content: "\e031";
18432}
18433i.icon.ei.icon_star-half_alt:before {
18434 content: "\e032";
18435}
18436i.icon.ei.icon_star:before {
18437 content: "\e033";
18438}
18439i.icon.ei.icon_star-half:before {
18440 content: "\e034";
18441}
18442i.icon.ei.icon_tools:before {
18443 content: "\e035";
18444}
18445i.icon.ei.icon_tool:before {
18446 content: "\e036";
18447}
18448i.icon.ei.icon_cog:before {
18449 content: "\e037";
18450}
18451i.icon.ei.icon_cogs:before {
18452 content: "\e038";
18453}
18454i.icon.ei.arrow_up_alt:before {
18455 content: "\e039";
18456}
18457i.icon.ei.arrow_down_alt:before {
18458 content: "\e03a";
18459}
18460i.icon.ei.arrow_left_alt:before {
18461 content: "\e03b";
18462}
18463i.icon.ei.arrow_right_alt:before {
18464 content: "\e03c";
18465}
18466i.icon.ei.arrow_left-up_alt:before {
18467 content: "\e03d";
18468}
18469i.icon.ei.arrow_right-up_alt:before {
18470 content: "\e03e";
18471}
18472i.icon.ei.arrow_right-down_alt:before {
18473 content: "\e03f";
18474}
18475i.icon.ei.arrow_left-down_alt:before {
18476 content: "\e040";
18477}
18478i.icon.ei.arrow_condense_alt:before {
18479 content: "\e041";
18480}
18481i.icon.ei.arrow_expand_alt3:before {
18482 content: "\e042";
18483}
18484i.icon.ei.arrow_carrot_up_alt:before {
18485 content: "\e043";
18486}
18487i.icon.ei.arrow_carrot-down_alt:before {
18488 content: "\e044";
18489}
18490i.icon.ei.arrow_carrot-left_alt:before {
18491 content: "\e045";
18492}
18493i.icon.ei.arrow_carrot-right_alt:before {
18494 content: "\e046";
18495}
18496i.icon.ei.arrow_carrot-2up_alt:before {
18497 content: "\e047";
18498}
18499i.icon.ei.arrow_carrot-2dwnn_alt:before {
18500 content: "\e048";
18501}
18502i.icon.ei.arrow_carrot-2left_alt:before {
18503 content: "\e049";
18504}
18505i.icon.ei.arrow_carrot-2right_alt:before {
18506 content: "\e04a";
18507}
18508i.icon.ei.arrow_triangle-up_alt:before {
18509 content: "\e04b";
18510}
18511i.icon.ei.arrow_triangle-down_alt:before {
18512 content: "\e04c";
18513}
18514i.icon.ei.arrow_triangle-left_alt:before {
18515 content: "\e04d";
18516}
18517i.icon.ei.arrow_triangle-right_alt:before {
18518 content: "\e04e";
18519}
18520i.icon.ei.icon_minus_alt:before {
18521 content: "\e04f";
18522}
18523i.icon.ei.icon_plus_alt:before {
18524 content: "\e050";
18525}
18526i.icon.ei.icon_close_alt:before {
18527 content: "\e051";
18528}
18529i.icon.ei.icon_check_alt:before {
18530 content: "\e052";
18531}
18532i.icon.ei.icon_zoom-out:before {
18533 content: "\e053";
18534}
18535i.icon.ei.icon_zoom-in:before {
18536 content: "\e054";
18537}
18538i.icon.ei.icon_stop_alt:before {
18539 content: "\e055";
18540}
18541i.icon.ei.icon_menu-square_alt:before {
18542 content: "\e056";
18543}
18544i.icon.ei.icon_menu-circle_alt:before {
18545 content: "\e057";
18546}
18547i.icon.ei.icon_document:before {
18548 content: "\e058";
18549}
18550i.icon.ei.icon_documents:before {
18551 content: "\e059";
18552}
18553i.icon.ei.icon_pencil_alt:before {
18554 content: "\e05a";
18555}
18556i.icon.ei.icon_folder:before {
18557 content: "\e05b";
18558}
18559i.icon.ei.icon_folder-open:before {
18560 content: "\e05c";
18561}
18562i.icon.ei.icon_folder-add:before {
18563 content: "\e05d";
18564}
18565i.icon.ei.icon_folder_upload:before {
18566 content: "\e05e";
18567}
18568i.icon.ei.icon_folder_download:before {
18569 content: "\e05f";
18570}
18571i.icon.ei.icon_info:before {
18572 content: "\e060";
18573}
18574i.icon.ei.icon_error-circle:before {
18575 content: "\e061";
18576}
18577i.icon.ei.icon_error-oct:before {
18578 content: "\e062";
18579}
18580i.icon.ei.icon_error-triangle:before {
18581 content: "\e063";
18582}
18583i.icon.ei.icon_question_alt:before {
18584 content: "\e064";
18585}
18586i.icon.ei.icon_comment:before {
18587 content: "\e065";
18588}
18589i.icon.ei.icon_chat:before {
18590 content: "\e066";
18591}
18592i.icon.ei.icon_vol-mute:before {
18593 content: "\e067";
18594}
18595i.icon.ei.icon_volume-low:before {
18596 content: "\e068";
18597}
18598i.icon.ei.icon_volume-high:before {
18599 content: "\e069";
18600}
18601i.icon.ei.icon_quotations_alt:before {
18602 content: "\e06a";
18603}
18604i.icon.ei.icon_clock:before {
18605 content: "\e06b";
18606}
18607i.icon.ei.icon_lock:before {
18608 content: "\e06c";
18609}
18610i.icon.ei.icon_lock-open:before {
18611 content: "\e06d";
18612}
18613i.icon.ei.icon_key:before {
18614 content: "\e06e";
18615}
18616i.icon.ei.icon_cloud:before {
18617 content: "\e06f";
18618}
18619i.icon.ei.icon_cloud-upload:before {
18620 content: "\e070";
18621}
18622i.icon.ei.icon_cloud-download:before {
18623 content: "\e071";
18624}
18625i.icon.ei.icon_lightbulb:before {
18626 content: "\e072";
18627}
18628i.icon.ei.icon_gift:before {
18629 content: "\e073";
18630}
18631i.icon.ei.icon_house:before {
18632 content: "\e074";
18633}
18634i.icon.ei.icon_camera:before {
18635 content: "\e075";
18636}
18637i.icon.ei.icon_mail:before {
18638 content: "\e076";
18639}
18640i.icon.ei.icon_cone:before {
18641 content: "\e077";
18642}
18643i.icon.ei.icon_ribbon:before {
18644 content: "\e078";
18645}
18646i.icon.ei.icon_bag:before {
18647 content: "\e079";
18648}
18649i.icon.ei.icon_cart:before {
18650 content: "\e07a";
18651}
18652i.icon.ei.icon_tag:before {
18653 content: "\e07b";
18654}
18655i.icon.ei.icon_tags:before {
18656 content: "\e07c";
18657}
18658i.icon.ei.icon_trash:before {
18659 content: "\e07d";
18660}
18661i.icon.ei.icon_cursor:before {
18662 content: "\e07e";
18663}
18664i.icon.ei.icon_mic:before {
18665 content: "\e07f";
18666}
18667i.icon.ei.icon_compass:before {
18668 content: "\e080";
18669}
18670i.icon.ei.icon_pin:before {
18671 content: "\e081";
18672}
18673i.icon.ei.icon_pushpin:before {
18674 content: "\e082";
18675}
18676i.icon.ei.icon_map:before {
18677 content: "\e083";
18678}
18679i.icon.ei.icon_drawer:before {
18680 content: "\e084";
18681}
18682i.icon.ei.icon_toolbox:before {
18683 content: "\e085";
18684}
18685i.icon.ei.icon_book:before {
18686 content: "\e086";
18687}
18688i.icon.ei.icon_contacts:before {
18689 content: "\e087";
18690}
18691i.icon.ei.icon_archive:before {
18692 content: "\e088";
18693}
18694i.icon.ei.icon_heart:before {
18695 content: "\e089";
18696}
18697i.icon.ei.icon_profile:before {
18698 content: "\e08a";
18699}
18700i.icon.ei.icon_group:before {
18701 content: "\e08b";
18702}
18703i.icon.ei.icon_grid-2x2:before {
18704 content: "\e08c";
18705}
18706i.icon.ei.icon_grid-3x3:before {
18707 content: "\e08d";
18708}
18709i.icon.ei.icon_music:before {
18710 content: "\e08e";
18711}
18712i.icon.ei.icon_pause_alt:before {
18713 content: "\e08f";
18714}
18715i.icon.ei.icon_phone:before {
18716 content: "\e090";
18717}
18718i.icon.ei.icon_upload:before {
18719 content: "\e091";
18720}
18721i.icon.ei.icon_download:before {
18722 content: "\e092";
18723}
18724i.icon.ei.social_facebook:before {
18725 content: "\e093";
18726}
18727i.icon.ei.social_twitter:before {
18728 content: "\e094";
18729}
18730i.icon.ei.social_pinterest:before {
18731 content: "\e095";
18732}
18733i.icon.ei.social_googleplus:before {
18734 content: "\e096";
18735}
18736i.icon.ei.social_tumblr:before {
18737 content: "\e097";
18738}
18739i.icon.ei.social_tumbleupon:before {
18740 content: "\e098";
18741}
18742i.icon.ei.social_wordpress:before {
18743 content: "\e099";
18744}
18745i.icon.ei.social_instagram:before {
18746 content: "\e09a";
18747}
18748i.icon.ei.social_dribbble:before {
18749 content: "\e09b";
18750}
18751i.icon.ei.social_vimeo:before {
18752 content: "\e09c";
18753}
18754i.icon.ei.social_linkedin:before {
18755 content: "\e09d";
18756}
18757i.icon.ei.social_rss:before {
18758 content: "\e09e";
18759}
18760i.icon.ei.social_deviantart:before {
18761 content: "\e09f";
18762}
18763i.icon.ei.social_share:before {
18764 content: "\e0a0";
18765}
18766i.icon.ei.social_myspace:before {
18767 content: "\e0a1";
18768}
18769i.icon.ei.social_skype:before {
18770 content: "\e0a2";
18771}
18772i.icon.ei.social_youtube:before {
18773 content: "\e0a3";
18774}
18775i.icon.ei.social_picassa:before {
18776 content: "\e0a4";
18777}
18778i.icon.ei.social_googledrive:before {
18779 content: "\e0a5";
18780}
18781i.icon.ei.social_flickr:before {
18782 content: "\e0a6";
18783}
18784i.icon.ei.social_blogger:before {
18785 content: "\e0a7";
18786}
18787i.icon.ei.social_spotify:before {
18788 content: "\e0a8";
18789}
18790i.icon.ei.social_delicious:before {
18791 content: "\e0a9";
18792}
18793i.icon.ei.social_facebook_circle:before {
18794 content: "\e0aa";
18795}
18796i.icon.ei.social_twitter_circle:before {
18797 content: "\e0ab";
18798}
18799i.icon.ei.social_pinterest_circle:before {
18800 content: "\e0ac";
18801}
18802i.icon.ei.social_googleplus_circle:before {
18803 content: "\e0ad";
18804}
18805i.icon.ei.social_tumblr_circle:before {
18806 content: "\e0ae";
18807}
18808i.icon.ei.social_stumbleupon_circle:before {
18809 content: "\e0af";
18810}
18811i.icon.ei.social_wordpress_circle:before {
18812 content: "\e0b0";
18813}
18814i.icon.ei.social_instagram_circle:before {
18815 content: "\e0b1";
18816}
18817i.icon.ei.social_dribbble_circle:before {
18818 content: "\e0b2";
18819}
18820i.icon.ei.social_vimeo_circle:before {
18821 content: "\e0b3";
18822}
18823i.icon.ei.social_linkedin_circle:before {
18824 content: "\e0b4";
18825}
18826i.icon.ei.social_rss_circle:before {
18827 content: "\e0b5";
18828}
18829i.icon.ei.social_deviantart_circle:before {
18830 content: "\e0b6";
18831}
18832i.icon.ei.social_share_circle:before {
18833 content: "\e0b7";
18834}
18835i.icon.ei.social_myspace_circle:before {
18836 content: "\e0b8";
18837}
18838i.icon.ei.social_skype_circle:before {
18839 content: "\e0b9";
18840}
18841i.icon.ei.social_youtube_circle:before {
18842 content: "\e0ba";
18843}
18844i.icon.ei.social_picassa_circle:before {
18845 content: "\e0bb";
18846}
18847i.icon.ei.social_googledrive_alt2:before {
18848 content: "\e0bc";
18849}
18850i.icon.ei.social_flickr_circle:before {
18851 content: "\e0bd";
18852}
18853i.icon.ei.social_blogger_circle:before {
18854 content: "\e0be";
18855}
18856i.icon.ei.social_spotify_circle:before {
18857 content: "\e0bf";
18858}
18859i.icon.ei.social_delicious_circle:before {
18860 content: "\e0c0";
18861}
18862i.icon.ei.social_facebook_square:before {
18863 content: "\e0c1";
18864}
18865i.icon.ei.social_twitter_square:before {
18866 content: "\e0c2";
18867}
18868i.icon.ei.social_pinterest_square:before {
18869 content: "\e0c3";
18870}
18871i.icon.ei.social_googleplus_square:before {
18872 content: "\e0c4";
18873}
18874i.icon.ei.social_tumblr_square:before {
18875 content: "\e0c5";
18876}
18877i.icon.ei.social_stumbleupon_square:before {
18878 content: "\e0c6";
18879}
18880i.icon.ei.social_wordpress_square:before {
18881 content: "\e0c7";
18882}
18883i.icon.ei.social_instagram_square:before {
18884 content: "\e0c8";
18885}
18886i.icon.ei.social_dribbble_square:before {
18887 content: "\e0c9";
18888}
18889i.icon.ei.social_vimeo_square:before {
18890 content: "\e0ca";
18891}
18892i.icon.ei.social_linkedin_square:before {
18893 content: "\e0cb";
18894}
18895i.icon.ei.social_rss_square:before {
18896 content: "\e0cc";
18897}
18898i.icon.ei.social_deviantart_square:before {
18899 content: "\e0cd";
18900}
18901i.icon.ei.social_share_square:before {
18902 content: "\e0ce";
18903}
18904i.icon.ei.social_myspace_square:before {
18905 content: "\e0cf";
18906}
18907i.icon.ei.social_skype_square:before {
18908 content: "\e0d0";
18909}
18910i.icon.ei.social_youtube_square:before {
18911 content: "\e0d1";
18912}
18913i.icon.ei.social_picassa_square:before {
18914 content: "\e0d2";
18915}
18916i.icon.ei.social_googledrive_square:before {
18917 content: "\e0d3";
18918}
18919i.icon.ei.social_flickr_square:before {
18920 content: "\e0d4";
18921}
18922i.icon.ei.social_blogger_square:before {
18923 content: "\e0d5";
18924}
18925i.icon.ei.social_spotify_square:before {
18926 content: "\e0d6";
18927}
18928i.icon.ei.social_delicious_square:before {
18929 content: "\e0d7";
18930}
18931i.icon.ei.icon_printer:before {
18932 content: "\e103";
18933}
18934i.icon.ei.icon_calulator:before {
18935 content: "\e0ee";
18936}
18937i.icon.ei.icon_building:before {
18938 content: "\e0ef";
18939}
18940i.icon.ei.icon_floppy:before {
18941 content: "\e0e8";
18942}
18943i.icon.ei.icon_drive:before {
18944 content: "\e0ea";
18945}
18946i.icon.ei.icon_search-2:before {
18947 content: "\e101";
18948}
18949i.icon.ei.icon_id:before {
18950 content: "\e107";
18951}
18952i.icon.ei.icon_id-2:before {
18953 content: "\e108";
18954}
18955i.icon.ei.icon_puzzle:before {
18956 content: "\e102";
18957}
18958i.icon.ei.icon_like:before {
18959 content: "\e106";
18960}
18961i.icon.ei.icon_dislike:before {
18962 content: "\e0eb";
18963}
18964i.icon.ei.icon_mug:before {
18965 content: "\e105";
18966}
18967i.icon.ei.icon_currency:before {
18968 content: "\e0ed";
18969}
18970i.icon.ei.icon_wallet:before {
18971 content: "\e100";
18972}
18973i.icon.ei.icon_pens:before {
18974 content: "\e104";
18975}
18976i.icon.ei.icon_easel:before {
18977 content: "\e0e9";
18978}
18979i.icon.ei.icon_flowchart:before {
18980 content: "\e109";
18981}
18982i.icon.ei.icon_datareport:before {
18983 content: "\e0ec";
18984}
18985i.icon.ei.icon_briefcase:before {
18986 content: "\e0fe";
18987}
18988i.icon.ei.icon_shield:before {
18989 content: "\e0f6";
18990}
18991i.icon.ei.icon_percent:before {
18992 content: "\e0fb";
18993}
18994i.icon.ei.icon_globe:before {
18995 content: "\e0e2";
18996}
18997i.icon.ei.icon_globe-2:before {
18998 content: "\e0e3";
18999}
19000i.icon.ei.icon_target:before {
19001 content: "\e0f5";
19002}
19003i.icon.ei.icon_hourglass:before {
19004 content: "\e0e1";
19005}
19006i.icon.ei.icon_balance:before {
19007 content: "\e0ff";
19008}
19009i.icon.ei.icon_rook:before {
19010 content: "\e0f8";
19011}
19012i.icon.ei.icon_printer-alt:before {
19013 content: "\e0fa";
19014}
19015i.icon.ei.icon_calculator_alt:before {
19016 content: "\e0e7";
19017}
19018i.icon.ei.icon_building_alt:before {
19019 content: "\e0fd";
19020}
19021i.icon.ei.icon_floppy_alt:before {
19022 content: "\e0e4";
19023}
19024i.icon.ei.icon_drive_alt:before {
19025 content: "\e0e5";
19026}
19027i.icon.ei.icon_search_alt:before {
19028 content: "\e0f7";
19029}
19030i.icon.ei.icon_id_alt:before {
19031 content: "\e0e0";
19032}
19033i.icon.ei.icon_id-2_alt:before {
19034 content: "\e0fc";
19035}
19036i.icon.ei.icon_puzzle_alt:before {
19037 content: "\e0f9";
19038}
19039i.icon.ei.icon_like_alt:before {
19040 content: "\e0dd";
19041}
19042i.icon.ei.icon_dislike_alt:before {
19043 content: "\e0f1";
19044}
19045i.icon.ei.icon_mug_alt:before {
19046 content: "\e0dc";
19047}
19048i.icon.ei.icon_currency_alt:before {
19049 content: "\e0f3";
19050}
19051i.icon.ei.icon_wallet_alt:before {
19052 content: "\e0d8";
19053}
19054i.icon.ei.icon_pens_alt:before {
19055 content: "\e0db";
19056}
19057i.icon.ei.icon_easel_alt:before {
19058 content: "\e0f0";
19059}
19060i.icon.ei.icon_flowchart_alt:before {
19061 content: "\e0df";
19062}
19063i.icon.ei.icon_datareport_alt:before {
19064 content: "\e0f2";
19065}
19066i.icon.ei.icon_briefcase_alt:before {
19067 content: "\e0f4";
19068}
19069i.icon.ei.icon_shield_alt:before {
19070 content: "\e0d9";
19071}
19072i.icon.ei.icon_percent_alt:before {
19073 content: "\e0da";
19074}
19075i.icon.ei.icon_globe_alt:before {
19076 content: "\e0de";
19077}
19078i.icon.ei.icon_clipboard:before {
19079 content: "\e0e6";
19080}
19081/*!
19082 * # Semantic UI - Image
19083 * http://github.com/semantic-org/semantic-ui/
19084 *
19085 *
19086 * Released under the MIT license
19087 * http://opensource.org/licenses/MIT
19088 *
19089 */
19090/*******************************
19091 Theme
19092*******************************/
19093/*
19094
19095████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
19096╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
19097 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
19098 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
19099 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
19100 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
19101
19102*/
19103/*******************************
19104 Theme Selection
19105*******************************/
19106/* To override a theme for an individual element
19107 specify theme name below
19108*/
19109/* Global */
19110/* Elements */
19111/* Collections */
19112/* Modules */
19113/* Views */
19114/*******************************
19115 Folders
19116*******************************/
19117/* Path to theme packages */
19118/* Path to site override folder */
19119/*******************************
19120 Import Theme
19121*******************************/
19122/*******************************
19123 Import Directives
19124*******************************/
19125/*------------------
19126 Theme
19127-------------------*/
19128/*--------------------
19129 Site Variables
19130---------------------*/
19131/* Default site.variables */
19132/*******************************
19133 Site Settings
19134*******************************/
19135/*-------------------
19136 Fonts
19137--------------------*/
19138/*-------------------
19139 Base Sizes
19140--------------------*/
19141/* This is the single variable that controls them all */
19142/* The size of page text */
19143/*-------------------
19144 Border Radius
19145--------------------*/
19146/* See Power-user section below
19147 for explanation of @px variables
19148*/
19149/*-------------------
19150 Brand Colors
19151--------------------*/
19152/*--------------
19153 Page Heading
19154---------------*/
19155/*--------------
19156 Form Input
19157---------------*/
19158/* This adjusts the default form input across all elements */
19159/* Input Text Color */
19160/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
19161/*-------------------
19162 Focused Input
19163--------------------*/
19164/* Used on inputs, textarea etc */
19165/* Used on dropdowns, other larger blocks */
19166/*-------------------
19167 Sizes
19168--------------------*/
19169/*
19170 Sizes are all expressed in terms of 14px/em (default em)
19171 This ensures these "ratios" remain constant despite changes in EM
19172*/
19173/*-------------------
19174 Page
19175--------------------*/
19176/*-------------------
19177 Paragraph
19178--------------------*/
19179/*-------------------
19180 Links
19181--------------------*/
19182/*-------------------
19183 Scroll Bars
19184--------------------*/
19185/* Inverted */
19186/*-------------------
19187 Highlighted Text
19188--------------------*/
19189/*-------------------
19190 Loader
19191--------------------*/
19192/*-------------------
19193 Grid
19194--------------------*/
19195/*-------------------
19196 Transitions
19197--------------------*/
19198/*-------------------
19199 Breakpoints
19200--------------------*/
19201/*-------------------
19202 Site Colors
19203--------------------*/
19204/*--- Colors ---*/
19205/*--- Light Colors ---*/
19206/*--- Neutrals ---*/
19207/*--- Colored Backgrounds ---*/
19208/*--- Colored Headers ---*/
19209/*--- Colored Text ---*/
19210/*--- Colored Border ---*/
19211/*-------------------
19212 Alpha Colors
19213--------------------*/
19214/*-------------------
19215 Accents
19216--------------------*/
19217/* Differentiating Neutrals */
19218/* Differentiating Layers */
19219/*******************************
19220 Power-User
19221*******************************/
19222/*-------------------
19223 Emotive Colors
19224--------------------*/
19225/* Positive */
19226/* Negative */
19227/* Info */
19228/* Warning */
19229/*-------------------
19230 Paths
19231--------------------*/
19232/* For source only. Modified in gulp for dist */
19233/*-------------------
19234 Em Sizes
19235--------------------*/
19236/*
19237 This rounds @size values to the closest pixel then expresses that value in (r)em.
19238 This ensures all size values round to exact pixels
19239*/
19240/* em */
19241/* rem */
19242/*-------------------
19243 Icons
19244--------------------*/
19245/* Maximum Glyph Width of Icon */
19246/*-------------------
19247 Neutral Text
19248--------------------*/
19249/*-------------------
19250 Brand Colors
19251--------------------*/
19252/*-------------------
19253 Borders
19254--------------------*/
19255/*-------------------
19256 Derived Values
19257--------------------*/
19258/* Loaders Position Offset */
19259/* Rendered Scrollbar Width */
19260/* Maximum Single Character Glyph Width, aka Capital "W" */
19261/* Used to match floats with text */
19262/* Header Spacing */
19263/* Minimum Mobile Width */
19264/* Positive / Negative Dupes */
19265/* Responsive */
19266/*-------------------
19267 Exact Pixel Values
19268--------------------*/
19269/*
19270 These are used to specify exact pixel values in em
19271 for things like borders that remain constantly
19272 sized as emSize adjusts
19273
19274 Since there are many more sizes than names for sizes,
19275 these are named by their original pixel values.
19276
19277*/
19278/* Columns */
19279/*******************************
19280 States
19281*******************************/
19282/*-------------------
19283 Disabled
19284--------------------*/
19285/*-------------------
19286 Hover
19287--------------------*/
19288/*--- Shadows ---*/
19289/*--- Colors ---*/
19290/*--- Emotive ---*/
19291/*--- Brand ---*/
19292/*--- Dark Tones ---*/
19293/*--- Light Tones ---*/
19294/*-------------------
19295 Focus
19296--------------------*/
19297/*--- Colors ---*/
19298/*--- Emotive ---*/
19299/*--- Brand ---*/
19300/*--- Dark Tones ---*/
19301/*--- Light Tones ---*/
19302/*-------------------
19303 Down (:active)
19304--------------------*/
19305/*--- Colors ---*/
19306/*--- Emotive ---*/
19307/*--- Brand ---*/
19308/*--- Dark Tones ---*/
19309/*--- Light Tones ---*/
19310/*-------------------
19311 Active
19312--------------------*/
19313/*--- Colors ---*/
19314/*--- Emotive ---*/
19315/*--- Brand ---*/
19316/*--- Dark Tones ---*/
19317/*--- Light Tones ---*/
19318/* Packaged site.variables */
19319/*******************************
19320 Site Settings
19321*******************************/
19322/*-------------------
19323 Fonts
19324--------------------*/
19325/*-------------------
19326 Base Sizes
19327--------------------*/
19328/* This is the single variable that controls them all */
19329/* The size of page text */
19330/*-------------------
19331 Border Radius
19332--------------------*/
19333/* See Power-user section below
19334 for explanation of @px variables
19335*/
19336/*-------------------
19337 Brand Colors
19338--------------------*/
19339/*--------------
19340 Page Heading
19341---------------*/
19342/*--------------
19343 Form Input
19344---------------*/
19345/* This adjusts the default form input across all elements */
19346/* Input Text Color */
19347/* Line Height Default For Inputs in Browser */
19348/*-------------------
19349 Focused Input
19350--------------------*/
19351/* Used on inputs, textarea etc */
19352/* Used on dropdowns, other larger blocks */
19353/*-------------------
19354 Sizes
19355--------------------*/
19356/*
19357 Sizes are all expressed in terms of 14px/em (default em)
19358 This ensures these "ratios" remain constant despite changes in EM
19359*/
19360/*-------------------
19361 Page
19362--------------------*/
19363/*-------------------
19364 Paragraph
19365--------------------*/
19366/*-------------------
19367 Links
19368--------------------*/
19369/*-------------------
19370 Highlighted Text
19371--------------------*/
19372/*-------------------
19373 Loader
19374--------------------*/
19375/*-------------------
19376 Grid
19377--------------------*/
19378/*-------------------
19379 Transitions
19380--------------------*/
19381/*-------------------
19382 Breakpoints
19383--------------------*/
19384/*-------------------
19385 Site Colors
19386--------------------*/
19387/*--- Colors ---*/
19388/*--- Light Colors ---*/
19389/*--- Neutrals ---*/
19390/*--- Colored Backgrounds ---*/
19391/*--- Colored Headers ---*/
19392/*--- Colored Text ---*/
19393/*--- Colored Border ---*/
19394/*-------------------
19395 Alpha Colors
19396--------------------*/
19397/*-------------------
19398 Accents
19399--------------------*/
19400/* Differentiating Neutrals */
19401/* Differentiating Layers */
19402/*******************************
19403 Power-User
19404*******************************/
19405/*-------------------
19406 Emotive Colors
19407--------------------*/
19408/* Positive */
19409/* Negative */
19410/* Info */
19411/* Warning */
19412/*-------------------
19413 Paths
19414--------------------*/
19415/* For source only. Modified in gulp for dist */
19416/*-------------------
19417 Em Sizes
19418--------------------*/
19419/*
19420 This rounds @size values to the closest pixel then expresses that value in (r)em.
19421 This ensures all size values round to exact pixels
19422*/
19423/* em */
19424/* rem */
19425/*-------------------
19426 Icons
19427--------------------*/
19428/* Maximum Glyph Width of Icon */
19429/*-------------------
19430 Neutral Text
19431--------------------*/
19432/*-------------------
19433 Brand Colors
19434--------------------*/
19435/*-------------------
19436 Borders
19437--------------------*/
19438/*-------------------
19439 Derived Values
19440--------------------*/
19441/* Loaders Position Offset */
19442/* Rendered Scrollbar Width */
19443/* Maximum Single Character Glyph Width, aka Capital "W" */
19444/* Used to match floats with text */
19445/* Header Spacing */
19446/* Minimum Mobile Width */
19447/* Positive / Negative Dupes */
19448/* Responsive */
19449/*-------------------
19450 Exact Pixel Values
19451--------------------*/
19452/*
19453 These are used to specify exact pixel values in em
19454 for things like borders that remain constantly
19455 sized as emSize adjusts
19456
19457 Since there are many more sizes than names for sizes,
19458 these are named by their original pixel values.
19459
19460*/
19461/* Columns */
19462/*******************************
19463 States
19464*******************************/
19465/*-------------------
19466 Disabled
19467--------------------*/
19468/*-------------------
19469 Hover
19470--------------------*/
19471/*--- Shadows ---*/
19472/*--- Colors ---*/
19473/* https://github.com/Tripwire/octagon/issues/144 */
19474/*--- Emotive ---*/
19475/*--- Brand ---*/
19476/*--- Dark Tones ---*/
19477/*--- Light Tones ---*/
19478/*-------------------
19479 Focus
19480--------------------*/
19481/*--- Colors ---*/
19482/*--- Emotive ---*/
19483/*--- Brand ---*/
19484/*--- Dark Tones ---*/
19485/*--- Light Tones ---*/
19486/*-------------------
19487 Down (:active)
19488--------------------*/
19489/*--- Colors ---*/
19490/*--- Emotive ---*/
19491/*--- Brand ---*/
19492/*--- Dark Tones ---*/
19493/*--- Light Tones ---*/
19494/*-------------------
19495 Active
19496--------------------*/
19497/*--- Colors ---*/
19498/*--- Emotive ---*/
19499/*--- Brand ---*/
19500/*--- Dark Tones ---*/
19501/*--- Light Tones ---*/
19502/* Component's site.variables */
19503/*******************************
19504 Site Settings
19505*******************************/
19506/*-------------------
19507 Fonts
19508--------------------*/
19509/*-------------------
19510 Base Sizes
19511--------------------*/
19512/* This is the single variable that controls them all */
19513/* The size of page text */
19514/*-------------------
19515 Border Radius
19516--------------------*/
19517/* See Power-user section below
19518 for explanation of @px variables
19519*/
19520/*-------------------
19521 Brand Colors
19522--------------------*/
19523/*--------------
19524 Page Heading
19525---------------*/
19526/*--------------
19527 Form Input
19528---------------*/
19529/* This adjusts the default form input across all elements */
19530/* Input Text Color */
19531/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
19532/*-------------------
19533 Focused Input
19534--------------------*/
19535/* Used on inputs, textarea etc */
19536/* Used on dropdowns, other larger blocks */
19537/*-------------------
19538 Sizes
19539--------------------*/
19540/*
19541 Sizes are all expressed in terms of 14px/em (default em)
19542 This ensures these "ratios" remain constant despite changes in EM
19543*/
19544/*-------------------
19545 Page
19546--------------------*/
19547/*-------------------
19548 Paragraph
19549--------------------*/
19550/*-------------------
19551 Links
19552--------------------*/
19553/*-------------------
19554 Scroll Bars
19555--------------------*/
19556/* Inverted */
19557/*-------------------
19558 Highlighted Text
19559--------------------*/
19560/*-------------------
19561 Loader
19562--------------------*/
19563/*-------------------
19564 Grid
19565--------------------*/
19566/*-------------------
19567 Transitions
19568--------------------*/
19569/*-------------------
19570 Breakpoints
19571--------------------*/
19572/*-------------------
19573 Site Colors
19574--------------------*/
19575/*--- Colors ---*/
19576/*--- Light Colors ---*/
19577/*--- Neutrals ---*/
19578/*--- Colored Backgrounds ---*/
19579/*--- Colored Headers ---*/
19580/*--- Colored Text ---*/
19581/*--- Colored Border ---*/
19582/*-------------------
19583 Alpha Colors
19584--------------------*/
19585/*-------------------
19586 Accents
19587--------------------*/
19588/* Differentiating Neutrals */
19589/* Differentiating Layers */
19590/*******************************
19591 Power-User
19592*******************************/
19593/*-------------------
19594 Emotive Colors
19595--------------------*/
19596/* Positive */
19597/* Negative */
19598/* Info */
19599/* Warning */
19600/*-------------------
19601 Paths
19602--------------------*/
19603/* For source only. Modified in gulp for dist */
19604/*-------------------
19605 Em Sizes
19606--------------------*/
19607/*
19608 This rounds @size values to the closest pixel then expresses that value in (r)em.
19609 This ensures all size values round to exact pixels
19610*/
19611/* em */
19612/* rem */
19613/*-------------------
19614 Icons
19615--------------------*/
19616/* Maximum Glyph Width of Icon */
19617/*-------------------
19618 Neutral Text
19619--------------------*/
19620/*-------------------
19621 Brand Colors
19622--------------------*/
19623/*-------------------
19624 Borders
19625--------------------*/
19626/*-------------------
19627 Derived Values
19628--------------------*/
19629/* Loaders Position Offset */
19630/* Rendered Scrollbar Width */
19631/* Maximum Single Character Glyph Width, aka Capital "W" */
19632/* Used to match floats with text */
19633/* Header Spacing */
19634/* Minimum Mobile Width */
19635/* Positive / Negative Dupes */
19636/* Responsive */
19637/*-------------------
19638 Exact Pixel Values
19639--------------------*/
19640/*
19641 These are used to specify exact pixel values in em
19642 for things like borders that remain constantly
19643 sized as emSize adjusts
19644
19645 Since there are many more sizes than names for sizes,
19646 these are named by their original pixel values.
19647
19648*/
19649/* Columns */
19650/*******************************
19651 States
19652*******************************/
19653/*-------------------
19654 Disabled
19655--------------------*/
19656/*-------------------
19657 Hover
19658--------------------*/
19659/*--- Shadows ---*/
19660/*--- Colors ---*/
19661/*--- Emotive ---*/
19662/*--- Brand ---*/
19663/*--- Dark Tones ---*/
19664/*--- Light Tones ---*/
19665/*-------------------
19666 Focus
19667--------------------*/
19668/*--- Colors ---*/
19669/*--- Emotive ---*/
19670/*--- Brand ---*/
19671/*--- Dark Tones ---*/
19672/*--- Light Tones ---*/
19673/*-------------------
19674 Down (:active)
19675--------------------*/
19676/*--- Colors ---*/
19677/*--- Emotive ---*/
19678/*--- Brand ---*/
19679/*--- Dark Tones ---*/
19680/*--- Light Tones ---*/
19681/*-------------------
19682 Active
19683--------------------*/
19684/*--- Colors ---*/
19685/*--- Emotive ---*/
19686/*--- Brand ---*/
19687/*--- Dark Tones ---*/
19688/*--- Light Tones ---*/
19689/* Site theme site.variables */
19690/*-------------------
19691 Component Variables
19692---------------------*/
19693/* Default */
19694/*******************************
19695 Image
19696*******************************/
19697/*-------------------
19698 Element
19699--------------------*/
19700/*-------------------
19701 Types
19702--------------------*/
19703/* Avatar */
19704/*-------------------
19705 Variations
19706--------------------*/
19707/* Spaced */
19708/* Floated */
19709/* Size */
19710/* Packaged Theme */
19711/*******************************
19712 Image
19713*******************************/
19714/*-------------------
19715 Element
19716--------------------*/
19717/*-------------------
19718 Types
19719--------------------*/
19720/* Avatar */
19721/*-------------------
19722 Variations
19723--------------------*/
19724/* Spaced */
19725/* Floated */
19726/* Size */
19727/* Site Theme */
19728/*******************************
19729 Mix-ins
19730*******************************/
19731/*------------------
19732 Fonts
19733-------------------*/
19734/*------------------
19735 Overrides
19736-------------------*/
19737/* End Config */
19738/*******************************
19739 Image
19740*******************************/
19741.ui.image {
19742 position: relative;
19743 display: inline-block;
19744 vertical-align: middle;
19745 max-width: 100%;
19746 background-color: transparent;
19747}
19748img.ui.image {
19749 display: block;
19750}
19751.ui.image svg,
19752.ui.image img {
19753 display: block;
19754 max-width: 100%;
19755 height: auto;
19756}
19757/*******************************
19758 States
19759*******************************/
19760.ui.hidden.images,
19761.ui.hidden.image {
19762 display: none;
19763}
19764.ui.hidden.transition.images,
19765.ui.hidden.transition.image {
19766 display: block;
19767 visibility: hidden;
19768}
19769.ui.images > .hidden.transition {
19770 display: inline-block;
19771 visibility: hidden;
19772}
19773.ui.disabled.images,
19774.ui.disabled.image {
19775 cursor: default;
19776 opacity: 0.45;
19777}
19778/*******************************
19779 Variations
19780*******************************/
19781/*--------------
19782 Inline
19783---------------*/
19784.ui.inline.image,
19785.ui.inline.image svg,
19786.ui.inline.image img {
19787 display: inline-block;
19788}
19789/*------------------
19790 Vertical Aligned
19791-------------------*/
19792.ui.top.aligned.images .image,
19793.ui.top.aligned.image,
19794.ui.top.aligned.image svg,
19795.ui.top.aligned.image img {
19796 display: inline-block;
19797 vertical-align: top;
19798}
19799.ui.middle.aligned.images .image,
19800.ui.middle.aligned.image,
19801.ui.middle.aligned.image svg,
19802.ui.middle.aligned.image img {
19803 display: inline-block;
19804 vertical-align: middle;
19805}
19806.ui.bottom.aligned.images .image,
19807.ui.bottom.aligned.image,
19808.ui.bottom.aligned.image svg,
19809.ui.bottom.aligned.image img {
19810 display: inline-block;
19811 vertical-align: bottom;
19812}
19813/*--------------
19814 Rounded
19815---------------*/
19816.ui.rounded.images .image,
19817.ui.rounded.image,
19818.ui.rounded.images .image > *,
19819.ui.rounded.image > * {
19820 border-radius: 0.3125em;
19821}
19822/*--------------
19823 Bordered
19824---------------*/
19825.ui.bordered.images .image,
19826.ui.bordered.images img,
19827.ui.bordered.images svg,
19828.ui.bordered.image img,
19829.ui.bordered.image svg,
19830img.ui.bordered.image {
19831 border: 1px solid rgba(0, 0, 0, 0.1);
19832}
19833/*--------------
19834 Circular
19835---------------*/
19836.ui.circular.images,
19837.ui.circular.image {
19838 overflow: hidden;
19839}
19840.ui.circular.images .image,
19841.ui.circular.image,
19842.ui.circular.images .image > *,
19843.ui.circular.image > * {
19844 -webkit-border-radius: 500rem;
19845 -moz-border-radius: 500rem;
19846 border-radius: 500rem;
19847}
19848/*--------------
19849 Fluid
19850---------------*/
19851.ui.fluid.images,
19852.ui.fluid.image,
19853.ui.fluid.images img,
19854.ui.fluid.images svg,
19855.ui.fluid.image svg,
19856.ui.fluid.image img {
19857 display: block;
19858 width: 100%;
19859 height: auto;
19860}
19861/*--------------
19862 Avatar
19863---------------*/
19864.ui.avatar.images .image,
19865.ui.avatar.images img,
19866.ui.avatar.images svg,
19867.ui.avatar.image img,
19868.ui.avatar.image svg,
19869.ui.avatar.image {
19870 margin-right: 0.25em;
19871 display: inline-block;
19872 width: 2em;
19873 height: 2em;
19874 -webkit-border-radius: 500rem;
19875 -moz-border-radius: 500rem;
19876 border-radius: 500rem;
19877}
19878/*-------------------
19879 Spaced
19880--------------------*/
19881.ui.spaced.image {
19882 display: inline-block !important;
19883 margin-left: 0.5em;
19884 margin-right: 0.5em;
19885}
19886.ui[class*="left spaced"].image {
19887 margin-left: 0.5em;
19888 margin-right: 0em;
19889}
19890.ui[class*="right spaced"].image {
19891 margin-left: 0em;
19892 margin-right: 0.5em;
19893}
19894/*-------------------
19895 Floated
19896--------------------*/
19897.ui.floated.image,
19898.ui.floated.images {
19899 float: left;
19900 margin-right: 1em;
19901 margin-bottom: 1em;
19902}
19903.ui.right.floated.images,
19904.ui.right.floated.image {
19905 float: right;
19906 margin-right: 0em;
19907 margin-bottom: 1em;
19908 margin-left: 1em;
19909}
19910.ui.floated.images:last-child,
19911.ui.floated.image:last-child {
19912 margin-bottom: 0em;
19913}
19914.ui.centered.images,
19915.ui.centered.image {
19916 margin-left: auto;
19917 margin-right: auto;
19918}
19919/*--------------
19920 Sizes
19921---------------*/
19922.ui.mini.images .image,
19923.ui.mini.images img,
19924.ui.mini.images svg,
19925.ui.mini.image {
19926 width: 35px;
19927 height: auto;
19928 font-size: 0.78571429rem;
19929}
19930.ui.tiny.images .image,
19931.ui.tiny.images img,
19932.ui.tiny.images svg,
19933.ui.tiny.image {
19934 width: 80px;
19935 height: auto;
19936 font-size: 0.85714286rem;
19937}
19938.ui.small.images .image,
19939.ui.small.images img,
19940.ui.small.images svg,
19941.ui.small.image {
19942 width: 150px;
19943 height: auto;
19944 font-size: 0.92857143rem;
19945}
19946.ui.medium.images .image,
19947.ui.medium.images img,
19948.ui.medium.images svg,
19949.ui.medium.image {
19950 width: 300px;
19951 height: auto;
19952 font-size: 1rem;
19953}
19954.ui.large.images .image,
19955.ui.large.images img,
19956.ui.large.images svg,
19957.ui.large.image {
19958 width: 450px;
19959 height: auto;
19960 font-size: 1.14285714rem;
19961}
19962.ui.big.images .image,
19963.ui.big.images img,
19964.ui.big.images svg,
19965.ui.big.image {
19966 width: 600px;
19967 height: auto;
19968 font-size: 1.28571429rem;
19969}
19970.ui.huge.images .image,
19971.ui.huge.images img,
19972.ui.huge.images svg,
19973.ui.huge.image {
19974 width: 800px;
19975 height: auto;
19976 font-size: 1.42857143rem;
19977}
19978.ui.massive.images .image,
19979.ui.massive.images img,
19980.ui.massive.images svg,
19981.ui.massive.image {
19982 width: 960px;
19983 height: auto;
19984 font-size: 1.71428571rem;
19985}
19986/*******************************
19987 Groups
19988*******************************/
19989.ui.images {
19990 font-size: 0em;
19991 margin: 0em -0.25rem 0rem;
19992}
19993.ui.images .image,
19994.ui.images > img,
19995.ui.images > svg {
19996 display: inline-block;
19997 margin: 0em 0.25rem 0.5rem;
19998}
19999/*******************************
20000 Theme Overrides
20001*******************************/
20002/*!
20003 * # Semantic UI - Input
20004 * http://github.com/semantic-org/semantic-ui/
20005 *
20006 *
20007 * Released under the MIT license
20008 * http://opensource.org/licenses/MIT
20009 *
20010 */
20011/*******************************
20012 Theme
20013*******************************/
20014/*
20015
20016████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
20017╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
20018 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
20019 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
20020 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
20021 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
20022
20023*/
20024/*******************************
20025 Theme Selection
20026*******************************/
20027/* To override a theme for an individual element
20028 specify theme name below
20029*/
20030/* Global */
20031/* Elements */
20032/* Collections */
20033/* Modules */
20034/* Views */
20035/*******************************
20036 Folders
20037*******************************/
20038/* Path to theme packages */
20039/* Path to site override folder */
20040/*******************************
20041 Import Theme
20042*******************************/
20043/*******************************
20044 Import Directives
20045*******************************/
20046/*------------------
20047 Theme
20048-------------------*/
20049/*--------------------
20050 Site Variables
20051---------------------*/
20052/* Default site.variables */
20053/*******************************
20054 Site Settings
20055*******************************/
20056/*-------------------
20057 Fonts
20058--------------------*/
20059/*-------------------
20060 Base Sizes
20061--------------------*/
20062/* This is the single variable that controls them all */
20063/* The size of page text */
20064/*-------------------
20065 Border Radius
20066--------------------*/
20067/* See Power-user section below
20068 for explanation of @px variables
20069*/
20070/*-------------------
20071 Brand Colors
20072--------------------*/
20073/*--------------
20074 Page Heading
20075---------------*/
20076/*--------------
20077 Form Input
20078---------------*/
20079/* This adjusts the default form input across all elements */
20080/* Input Text Color */
20081/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
20082/*-------------------
20083 Focused Input
20084--------------------*/
20085/* Used on inputs, textarea etc */
20086/* Used on dropdowns, other larger blocks */
20087/*-------------------
20088 Sizes
20089--------------------*/
20090/*
20091 Sizes are all expressed in terms of 14px/em (default em)
20092 This ensures these "ratios" remain constant despite changes in EM
20093*/
20094/*-------------------
20095 Page
20096--------------------*/
20097/*-------------------
20098 Paragraph
20099--------------------*/
20100/*-------------------
20101 Links
20102--------------------*/
20103/*-------------------
20104 Scroll Bars
20105--------------------*/
20106/* Inverted */
20107/*-------------------
20108 Highlighted Text
20109--------------------*/
20110/*-------------------
20111 Loader
20112--------------------*/
20113/*-------------------
20114 Grid
20115--------------------*/
20116/*-------------------
20117 Transitions
20118--------------------*/
20119/*-------------------
20120 Breakpoints
20121--------------------*/
20122/*-------------------
20123 Site Colors
20124--------------------*/
20125/*--- Colors ---*/
20126/*--- Light Colors ---*/
20127/*--- Neutrals ---*/
20128/*--- Colored Backgrounds ---*/
20129/*--- Colored Headers ---*/
20130/*--- Colored Text ---*/
20131/*--- Colored Border ---*/
20132/*-------------------
20133 Alpha Colors
20134--------------------*/
20135/*-------------------
20136 Accents
20137--------------------*/
20138/* Differentiating Neutrals */
20139/* Differentiating Layers */
20140/*******************************
20141 Power-User
20142*******************************/
20143/*-------------------
20144 Emotive Colors
20145--------------------*/
20146/* Positive */
20147/* Negative */
20148/* Info */
20149/* Warning */
20150/*-------------------
20151 Paths
20152--------------------*/
20153/* For source only. Modified in gulp for dist */
20154/*-------------------
20155 Em Sizes
20156--------------------*/
20157/*
20158 This rounds @size values to the closest pixel then expresses that value in (r)em.
20159 This ensures all size values round to exact pixels
20160*/
20161/* em */
20162/* rem */
20163/*-------------------
20164 Icons
20165--------------------*/
20166/* Maximum Glyph Width of Icon */
20167/*-------------------
20168 Neutral Text
20169--------------------*/
20170/*-------------------
20171 Brand Colors
20172--------------------*/
20173/*-------------------
20174 Borders
20175--------------------*/
20176/*-------------------
20177 Derived Values
20178--------------------*/
20179/* Loaders Position Offset */
20180/* Rendered Scrollbar Width */
20181/* Maximum Single Character Glyph Width, aka Capital "W" */
20182/* Used to match floats with text */
20183/* Header Spacing */
20184/* Minimum Mobile Width */
20185/* Positive / Negative Dupes */
20186/* Responsive */
20187/*-------------------
20188 Exact Pixel Values
20189--------------------*/
20190/*
20191 These are used to specify exact pixel values in em
20192 for things like borders that remain constantly
20193 sized as emSize adjusts
20194
20195 Since there are many more sizes than names for sizes,
20196 these are named by their original pixel values.
20197
20198*/
20199/* Columns */
20200/*******************************
20201 States
20202*******************************/
20203/*-------------------
20204 Disabled
20205--------------------*/
20206/*-------------------
20207 Hover
20208--------------------*/
20209/*--- Shadows ---*/
20210/*--- Colors ---*/
20211/*--- Emotive ---*/
20212/*--- Brand ---*/
20213/*--- Dark Tones ---*/
20214/*--- Light Tones ---*/
20215/*-------------------
20216 Focus
20217--------------------*/
20218/*--- Colors ---*/
20219/*--- Emotive ---*/
20220/*--- Brand ---*/
20221/*--- Dark Tones ---*/
20222/*--- Light Tones ---*/
20223/*-------------------
20224 Down (:active)
20225--------------------*/
20226/*--- Colors ---*/
20227/*--- Emotive ---*/
20228/*--- Brand ---*/
20229/*--- Dark Tones ---*/
20230/*--- Light Tones ---*/
20231/*-------------------
20232 Active
20233--------------------*/
20234/*--- Colors ---*/
20235/*--- Emotive ---*/
20236/*--- Brand ---*/
20237/*--- Dark Tones ---*/
20238/*--- Light Tones ---*/
20239/* Packaged site.variables */
20240/*******************************
20241 Site Settings
20242*******************************/
20243/*-------------------
20244 Fonts
20245--------------------*/
20246/*-------------------
20247 Base Sizes
20248--------------------*/
20249/* This is the single variable that controls them all */
20250/* The size of page text */
20251/*-------------------
20252 Border Radius
20253--------------------*/
20254/* See Power-user section below
20255 for explanation of @px variables
20256*/
20257/*-------------------
20258 Brand Colors
20259--------------------*/
20260/*--------------
20261 Page Heading
20262---------------*/
20263/*--------------
20264 Form Input
20265---------------*/
20266/* This adjusts the default form input across all elements */
20267/* Input Text Color */
20268/* Line Height Default For Inputs in Browser */
20269/*-------------------
20270 Focused Input
20271--------------------*/
20272/* Used on inputs, textarea etc */
20273/* Used on dropdowns, other larger blocks */
20274/*-------------------
20275 Sizes
20276--------------------*/
20277/*
20278 Sizes are all expressed in terms of 14px/em (default em)
20279 This ensures these "ratios" remain constant despite changes in EM
20280*/
20281/*-------------------
20282 Page
20283--------------------*/
20284/*-------------------
20285 Paragraph
20286--------------------*/
20287/*-------------------
20288 Links
20289--------------------*/
20290/*-------------------
20291 Highlighted Text
20292--------------------*/
20293/*-------------------
20294 Loader
20295--------------------*/
20296/*-------------------
20297 Grid
20298--------------------*/
20299/*-------------------
20300 Transitions
20301--------------------*/
20302/*-------------------
20303 Breakpoints
20304--------------------*/
20305/*-------------------
20306 Site Colors
20307--------------------*/
20308/*--- Colors ---*/
20309/*--- Light Colors ---*/
20310/*--- Neutrals ---*/
20311/*--- Colored Backgrounds ---*/
20312/*--- Colored Headers ---*/
20313/*--- Colored Text ---*/
20314/*--- Colored Border ---*/
20315/*-------------------
20316 Alpha Colors
20317--------------------*/
20318/*-------------------
20319 Accents
20320--------------------*/
20321/* Differentiating Neutrals */
20322/* Differentiating Layers */
20323/*******************************
20324 Power-User
20325*******************************/
20326/*-------------------
20327 Emotive Colors
20328--------------------*/
20329/* Positive */
20330/* Negative */
20331/* Info */
20332/* Warning */
20333/*-------------------
20334 Paths
20335--------------------*/
20336/* For source only. Modified in gulp for dist */
20337/*-------------------
20338 Em Sizes
20339--------------------*/
20340/*
20341 This rounds @size values to the closest pixel then expresses that value in (r)em.
20342 This ensures all size values round to exact pixels
20343*/
20344/* em */
20345/* rem */
20346/*-------------------
20347 Icons
20348--------------------*/
20349/* Maximum Glyph Width of Icon */
20350/*-------------------
20351 Neutral Text
20352--------------------*/
20353/*-------------------
20354 Brand Colors
20355--------------------*/
20356/*-------------------
20357 Borders
20358--------------------*/
20359/*-------------------
20360 Derived Values
20361--------------------*/
20362/* Loaders Position Offset */
20363/* Rendered Scrollbar Width */
20364/* Maximum Single Character Glyph Width, aka Capital "W" */
20365/* Used to match floats with text */
20366/* Header Spacing */
20367/* Minimum Mobile Width */
20368/* Positive / Negative Dupes */
20369/* Responsive */
20370/*-------------------
20371 Exact Pixel Values
20372--------------------*/
20373/*
20374 These are used to specify exact pixel values in em
20375 for things like borders that remain constantly
20376 sized as emSize adjusts
20377
20378 Since there are many more sizes than names for sizes,
20379 these are named by their original pixel values.
20380
20381*/
20382/* Columns */
20383/*******************************
20384 States
20385*******************************/
20386/*-------------------
20387 Disabled
20388--------------------*/
20389/*-------------------
20390 Hover
20391--------------------*/
20392/*--- Shadows ---*/
20393/*--- Colors ---*/
20394/* https://github.com/Tripwire/octagon/issues/144 */
20395/*--- Emotive ---*/
20396/*--- Brand ---*/
20397/*--- Dark Tones ---*/
20398/*--- Light Tones ---*/
20399/*-------------------
20400 Focus
20401--------------------*/
20402/*--- Colors ---*/
20403/*--- Emotive ---*/
20404/*--- Brand ---*/
20405/*--- Dark Tones ---*/
20406/*--- Light Tones ---*/
20407/*-------------------
20408 Down (:active)
20409--------------------*/
20410/*--- Colors ---*/
20411/*--- Emotive ---*/
20412/*--- Brand ---*/
20413/*--- Dark Tones ---*/
20414/*--- Light Tones ---*/
20415/*-------------------
20416 Active
20417--------------------*/
20418/*--- Colors ---*/
20419/*--- Emotive ---*/
20420/*--- Brand ---*/
20421/*--- Dark Tones ---*/
20422/*--- Light Tones ---*/
20423/* Component's site.variables */
20424/*******************************
20425 Site Settings
20426*******************************/
20427/*-------------------
20428 Fonts
20429--------------------*/
20430/*-------------------
20431 Base Sizes
20432--------------------*/
20433/* This is the single variable that controls them all */
20434/* The size of page text */
20435/*-------------------
20436 Border Radius
20437--------------------*/
20438/* See Power-user section below
20439 for explanation of @px variables
20440*/
20441/*-------------------
20442 Brand Colors
20443--------------------*/
20444/*--------------
20445 Page Heading
20446---------------*/
20447/*--------------
20448 Form Input
20449---------------*/
20450/* This adjusts the default form input across all elements */
20451/* Input Text Color */
20452/* Line Height Default For Inputs in Browser */
20453/*-------------------
20454 Focused Input
20455--------------------*/
20456/* Used on inputs, textarea etc */
20457/* Used on dropdowns, other larger blocks */
20458/*-------------------
20459 Sizes
20460--------------------*/
20461/*
20462 Sizes are all expressed in terms of 14px/em (default em)
20463 This ensures these "ratios" remain constant despite changes in EM
20464*/
20465/*-------------------
20466 Page
20467--------------------*/
20468/*-------------------
20469 Paragraph
20470--------------------*/
20471/*-------------------
20472 Links
20473--------------------*/
20474/*-------------------
20475 Highlighted Text
20476--------------------*/
20477/*-------------------
20478 Loader
20479--------------------*/
20480/*-------------------
20481 Grid
20482--------------------*/
20483/*-------------------
20484 Transitions
20485--------------------*/
20486/*-------------------
20487 Breakpoints
20488--------------------*/
20489/*-------------------
20490 Site Colors
20491--------------------*/
20492/*--- Colors ---*/
20493/*--- Light Colors ---*/
20494/*--- Neutrals ---*/
20495/*--- Colored Backgrounds ---*/
20496/*--- Colored Headers ---*/
20497/*--- Colored Text ---*/
20498/*--- Colored Border ---*/
20499/*-------------------
20500 Alpha Colors
20501--------------------*/
20502/*-------------------
20503 Accents
20504--------------------*/
20505/* Differentiating Neutrals */
20506/* Differentiating Layers */
20507/*******************************
20508 Power-User
20509*******************************/
20510/*-------------------
20511 Emotive Colors
20512--------------------*/
20513/* Positive */
20514/* Negative */
20515/* Info */
20516/* Warning */
20517/*-------------------
20518 Paths
20519--------------------*/
20520/* For source only. Modified in gulp for dist */
20521/*-------------------
20522 Em Sizes
20523--------------------*/
20524/*
20525 This rounds @size values to the closest pixel then expresses that value in (r)em.
20526 This ensures all size values round to exact pixels
20527*/
20528/* em */
20529/* rem */
20530/*-------------------
20531 Icons
20532--------------------*/
20533/* Maximum Glyph Width of Icon */
20534/*-------------------
20535 Neutral Text
20536--------------------*/
20537/*-------------------
20538 Brand Colors
20539--------------------*/
20540/*-------------------
20541 Borders
20542--------------------*/
20543/*-------------------
20544 Derived Values
20545--------------------*/
20546/* Loaders Position Offset */
20547/* Rendered Scrollbar Width */
20548/* Maximum Single Character Glyph Width, aka Capital "W" */
20549/* Used to match floats with text */
20550/* Header Spacing */
20551/* Minimum Mobile Width */
20552/* Positive / Negative Dupes */
20553/* Responsive */
20554/*-------------------
20555 Exact Pixel Values
20556--------------------*/
20557/*
20558 These are used to specify exact pixel values in em
20559 for things like borders that remain constantly
20560 sized as emSize adjusts
20561
20562 Since there are many more sizes than names for sizes,
20563 these are named by their original pixel values.
20564
20565*/
20566/* Columns */
20567/*******************************
20568 States
20569*******************************/
20570/*-------------------
20571 Disabled
20572--------------------*/
20573/*-------------------
20574 Hover
20575--------------------*/
20576/*--- Shadows ---*/
20577/*--- Colors ---*/
20578/* https://github.com/Tripwire/octagon/issues/144 */
20579/*--- Emotive ---*/
20580/*--- Brand ---*/
20581/*--- Dark Tones ---*/
20582/*--- Light Tones ---*/
20583/*-------------------
20584 Focus
20585--------------------*/
20586/*--- Colors ---*/
20587/*--- Emotive ---*/
20588/*--- Brand ---*/
20589/*--- Dark Tones ---*/
20590/*--- Light Tones ---*/
20591/*-------------------
20592 Down (:active)
20593--------------------*/
20594/*--- Colors ---*/
20595/*--- Emotive ---*/
20596/*--- Brand ---*/
20597/*--- Dark Tones ---*/
20598/*--- Light Tones ---*/
20599/*-------------------
20600 Active
20601--------------------*/
20602/*--- Colors ---*/
20603/*--- Emotive ---*/
20604/*--- Brand ---*/
20605/*--- Dark Tones ---*/
20606/*--- Light Tones ---*/
20607/* Site theme site.variables */
20608/*-------------------
20609 Component Variables
20610---------------------*/
20611/* Default */
20612/*******************************
20613 Input
20614*******************************/
20615/*-------------------
20616 Element
20617--------------------*/
20618/*-------------------
20619 Types
20620--------------------*/
20621/* Icon Input */
20622/* Circular Icon Input */
20623/* Labeled Input */
20624/*-------------------
20625 States
20626--------------------*/
20627/* Placeholder */
20628/* Down */
20629/* Focus */
20630/* Error */
20631/* Loader */
20632/*-------------------
20633 Variations
20634--------------------*/
20635/* Inverted */
20636/* Packaged Theme */
20637/*******************************
20638 Input
20639*******************************/
20640/*-------------------
20641 Element
20642--------------------*/
20643/*-------------------
20644 Types
20645--------------------*/
20646/* Icon Input */
20647/* Circular Icon Input */
20648/* Labeled Input */
20649/*-------------------
20650 States
20651--------------------*/
20652/* Placeholder */
20653/* Down */
20654/* Focus */
20655/* Error */
20656/* Loader */
20657/*-------------------
20658 Variations
20659--------------------*/
20660/* Inverted */
20661/* Site Theme */
20662/*******************************
20663 Mix-ins
20664*******************************/
20665/*------------------
20666 Fonts
20667-------------------*/
20668/*------------------
20669 Overrides
20670-------------------*/
20671/* End Config */
20672/*******************************
20673 Standard
20674*******************************/
20675/*--------------------
20676 Inputs
20677---------------------*/
20678.ui.input {
20679 position: relative;
20680 font-weight: normal;
20681 font-style: normal;
20682 display: inline-flex;
20683 color: rgba(0, 0, 0, 0.87);
20684}
20685.ui.input > input {
20686 margin: 0em;
20687 max-width: 100%;
20688 flex: 1 0 auto;
20689 outline: none;
20690 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
20691 text-align: left;
20692 line-height: 1.2142em;
20693 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
20694 padding: 0.67861429em 1em;
20695 background: #FFFFFF;
20696 border: 1px solid rgba(34, 36, 38, 0.15);
20697 color: rgba(0, 0, 0, 0.87);
20698 border-radius: 0px;
20699 transition: box-shadow 0.1s ease, border-color 0.1s ease;
20700 box-shadow: none;
20701}
20702/*--------------------
20703 Placeholder
20704---------------------*/
20705/* browsers require these rules separate */
20706.ui.input > input::-webkit-input-placeholder {
20707 color: rgba(191, 191, 191, 0.87);
20708}
20709.ui.input > input::-moz-placeholder {
20710 color: rgba(191, 191, 191, 0.87);
20711}
20712.ui.input > input:-ms-input-placeholder {
20713 color: rgba(191, 191, 191, 0.87);
20714}
20715/*******************************
20716 States
20717*******************************/
20718/*--------------------
20719 Disabled
20720---------------------*/
20721.ui.disabled.input,
20722.ui.input:not(.disabled) input[disabled] {
20723 opacity: 0.45;
20724}
20725.ui.disabled.input > input,
20726.ui.input:not(.disabled) input[disabled] {
20727 pointer-events: none;
20728}
20729/*--------------------
20730 Active
20731---------------------*/
20732.ui.input > input:active,
20733.ui.input.down input {
20734 border-color: rgba(0, 0, 0, 0.3);
20735 background: #FAFAFA;
20736 color: rgba(0, 0, 0, 0.87);
20737 box-shadow: none;
20738}
20739/*--------------------
20740 Loading
20741---------------------*/
20742.ui.loading.loading.input > i.icon:before {
20743 position: absolute;
20744 content: '';
20745 top: 50%;
20746 left: 50%;
20747 margin: -0.64285714em 0em 0em -0.64285714em;
20748 width: 1.28571429em;
20749 height: 1.28571429em;
20750 border-radius: 500rem;
20751 border: 0.2em solid rgba(0, 0, 0, 0.1);
20752}
20753.ui.loading.loading.input > i.icon:after {
20754 position: absolute;
20755 content: '';
20756 top: 50%;
20757 left: 50%;
20758 margin: -0.64285714em 0em 0em -0.64285714em;
20759 width: 1.28571429em;
20760 height: 1.28571429em;
20761 animation: button-spin 0.6s linear;
20762 animation-iteration-count: infinite;
20763 border-radius: 500rem;
20764 border-color: #586A7B transparent transparent;
20765 border-style: solid;
20766 border-width: 0.2em;
20767 box-shadow: 0px 0px 0px 1px transparent;
20768}
20769/*--------------------
20770 Focus
20771---------------------*/
20772.ui.input.focus > input,
20773.ui.input > input:focus {
20774 border-color: #85B7D9;
20775 background: #FFFFFF;
20776 color: rgba(0, 0, 0, 0.8);
20777 box-shadow: none;
20778}
20779.ui.input.focus > input::-webkit-input-placeholder,
20780.ui.input > input:focus::-webkit-input-placeholder {
20781 color: rgba(115, 115, 115, 0.87);
20782}
20783.ui.input.focus > input::-moz-placeholder,
20784.ui.input > input:focus::-moz-placeholder {
20785 color: rgba(115, 115, 115, 0.87);
20786}
20787.ui.input.focus > input:-ms-input-placeholder,
20788.ui.input > input:focus:-ms-input-placeholder {
20789 color: rgba(115, 115, 115, 0.87);
20790}
20791/*--------------------
20792 Error
20793---------------------*/
20794.ui.input.error > input {
20795 background-color: #FFF6F6;
20796 border-color: #E0B4B4;
20797 color: rgba(255, 255, 255, 0.9);
20798 box-shadow: none;
20799}
20800/* Error Placeholder */
20801.ui.input.error > input::-webkit-input-placeholder {
20802 color: rgba(255, 255, 255, 0.9);
20803}
20804.ui.input.error > input::-moz-placeholder {
20805 color: rgba(255, 255, 255, 0.9);
20806}
20807.ui.input.error > input:-ms-input-placeholder {
20808 color: rgba(255, 255, 255, 0.9) !important;
20809}
20810/* Focused Error Placeholder */
20811.ui.input.error > input:focus::-webkit-input-placeholder {
20812 color: rgba(255, 255, 255, 0.9);
20813}
20814.ui.input.error > input:focus::-moz-placeholder {
20815 color: rgba(255, 255, 255, 0.9);
20816}
20817.ui.input.error > input:focus:-ms-input-placeholder {
20818 color: rgba(255, 255, 255, 0.9) !important;
20819}
20820/*******************************
20821 Variations
20822*******************************/
20823/*--------------------
20824 Transparent
20825---------------------*/
20826.ui.transparent.input > input {
20827 border-color: transparent !important;
20828 background-color: transparent !important;
20829 padding: 0em !important;
20830 box-shadow: none !important;
20831 border-radius: 0px !important;
20832}
20833/* Transparent Icon */
20834.ui.transparent.icon.input > i.icon {
20835 width: 1.1em;
20836}
20837.ui.transparent.icon.input > input {
20838 padding-left: 0em !important;
20839 padding-right: 2em !important;
20840}
20841.ui.transparent[class*="left icon"].input > input {
20842 padding-left: 2em !important;
20843 padding-right: 0em !important;
20844}
20845/* Transparent Inverted */
20846.ui.transparent.inverted.input {
20847 color: #FFFFFF;
20848}
20849.ui.transparent.inverted.input > input {
20850 color: inherit;
20851}
20852.ui.transparent.inverted.input > input::-webkit-input-placeholder {
20853 color: rgba(255, 255, 255, 0.5);
20854}
20855.ui.transparent.inverted.input > input::-moz-placeholder {
20856 color: rgba(255, 255, 255, 0.5);
20857}
20858.ui.transparent.inverted.input > input:-ms-input-placeholder {
20859 color: rgba(255, 255, 255, 0.5);
20860}
20861/*--------------------
20862 Icon
20863---------------------*/
20864.ui.icon.input > i.icon {
20865 cursor: default;
20866 position: absolute;
20867 line-height: 1;
20868 text-align: center;
20869 top: 0px;
20870 right: 0px;
20871 margin: 0em;
20872 height: 100%;
20873 width: 2.67142857em;
20874 opacity: 0.5;
20875 border-radius: 0em 0px 0px 0em;
20876 transition: opacity 0.3s ease;
20877}
20878.ui.icon.input > i.icon:not(.link) {
20879 pointer-events: none;
20880}
20881.ui.icon.input > input {
20882 padding-right: 2.67142857em !important;
20883}
20884.ui.icon.input > i.icon:before,
20885.ui.icon.input > i.icon:after {
20886 left: 0;
20887 position: absolute;
20888 text-align: center;
20889 top: 50%;
20890 width: 100%;
20891 margin-top: -0.5em;
20892}
20893.ui.icon.input > i.link.icon {
20894 cursor: pointer;
20895}
20896.ui.icon.input > i.circular.icon {
20897 top: 0.35em;
20898 right: 0.5em;
20899}
20900/* Left Icon Input */
20901.ui[class*="left icon"].input > i.icon {
20902 right: auto;
20903 left: 1px;
20904 border-radius: 0px 0em 0em 0px;
20905}
20906.ui[class*="left icon"].input > i.circular.icon {
20907 right: auto;
20908 left: 0.5em;
20909}
20910.ui[class*="left icon"].input > input {
20911 padding-left: 2.67142857em !important;
20912 padding-right: 1em !important;
20913}
20914/* Focus */
20915.ui.icon.input > input:focus ~ i.icon {
20916 opacity: 1;
20917}
20918/*--------------------
20919 Labeled
20920---------------------*/
20921/* Adjacent Label */
20922.ui.labeled.input > .label {
20923 flex: 0 0 auto;
20924 margin: 0;
20925 font-size: 1em;
20926}
20927.ui.labeled.input > .label:not(.corner) {
20928 padding-top: 0.78571429em;
20929 padding-bottom: 0.78571429em;
20930}
20931/* Regular Label on Left */
20932.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
20933 border-top-right-radius: 0px;
20934 border-bottom-right-radius: 0px;
20935}
20936.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
20937 border-top-left-radius: 0px;
20938 border-bottom-left-radius: 0px;
20939 border-left-color: transparent;
20940}
20941.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
20942 border-left-color: #85B7D9;
20943}
20944/* Regular Label on Right */
20945.ui[class*="right labeled"].input > input {
20946 border-top-right-radius: 0px !important;
20947 border-bottom-right-radius: 0px !important;
20948 border-right-color: transparent !important;
20949}
20950.ui[class*="right labeled"].input > input + .label {
20951 border-top-left-radius: 0px;
20952 border-bottom-left-radius: 0px;
20953}
20954.ui[class*="right labeled"].input > input:focus {
20955 border-right-color: #85B7D9 !important;
20956}
20957/* Corner Label */
20958.ui.labeled.input .corner.label {
20959 top: 1px;
20960 right: 1px;
20961 font-size: 0.64285714em;
20962 border-radius: 0em 0px 0em 0em;
20963}
20964/* Spacing with corner label */
20965.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
20966 padding-right: 2.5em !important;
20967}
20968.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
20969 padding-right: 3.25em !important;
20970}
20971.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
20972 margin-right: 1.25em;
20973}
20974/* Left Labeled */
20975.ui[class*="left corner labeled"].labeled.input > input {
20976 padding-left: 2.5em !important;
20977}
20978.ui[class*="left corner labeled"].icon.input > input {
20979 padding-left: 3.25em !important;
20980}
20981.ui[class*="left corner labeled"].icon.input > .icon {
20982 margin-left: 1.25em;
20983}
20984/* Corner Label Position */
20985.ui.input > .ui.corner.label {
20986 top: 1px;
20987 right: 1px;
20988}
20989.ui.input > .ui.left.corner.label {
20990 right: auto;
20991 left: 1px;
20992}
20993/*--------------------
20994 Action
20995---------------------*/
20996.ui.action.input > .button,
20997.ui.action.input > .buttons {
20998 display: flex;
20999 align-items: center;
21000 flex: 0 0 auto;
21001}
21002.ui.action.input > .button,
21003.ui.action.input > .buttons > .button {
21004 padding-top: 0.78571429em;
21005 padding-bottom: 0.78571429em;
21006 margin: 0;
21007}
21008/* Button on Right */
21009.ui.action.input:not([class*="left action"]) > input {
21010 border-top-right-radius: 0px !important;
21011 border-bottom-right-radius: 0px !important;
21012 border-right-color: transparent !important;
21013}
21014.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
21015.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
21016.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
21017 border-radius: 0px;
21018}
21019.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
21020.ui.action.input:not([class*="left action"]) > .button:last-child,
21021.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
21022 border-radius: 0px 0px 0px 0px;
21023}
21024/* Input Focus */
21025.ui.action.input:not([class*="left action"]) > input:focus {
21026 border-right-color: #85B7D9 !important;
21027}
21028/* Button on Left */
21029.ui[class*="left action"].input > input {
21030 border-top-left-radius: 0px !important;
21031 border-bottom-left-radius: 0px !important;
21032 border-left-color: transparent !important;
21033}
21034.ui[class*="left action"].input > .dropdown,
21035.ui[class*="left action"].input > .button,
21036.ui[class*="left action"].input > .buttons > .button {
21037 border-radius: 0px;
21038}
21039.ui[class*="left action"].input > .dropdown:first-child,
21040.ui[class*="left action"].input > .button:first-child,
21041.ui[class*="left action"].input > .buttons:first-child > .button {
21042 border-radius: 0px 0px 0px 0px;
21043}
21044/* Input Focus */
21045.ui[class*="left action"].input > input:focus {
21046 border-left-color: #85B7D9 !important;
21047}
21048/*--------------------
21049 Inverted
21050---------------------*/
21051/* Standard */
21052.ui.inverted.input > input {
21053 border: none;
21054}
21055/*--------------------
21056 Fluid
21057---------------------*/
21058.ui.fluid.input {
21059 display: flex;
21060}
21061.ui.fluid.input > input {
21062 width: 0px !important;
21063}
21064/*--------------------
21065 Size
21066---------------------*/
21067.ui.mini.input {
21068 font-size: 0.78571429em;
21069}
21070.ui.small.input {
21071 font-size: 0.92857143em;
21072}
21073.ui.input {
21074 font-size: 1em;
21075}
21076.ui.large.input {
21077 font-size: 1.14285714em;
21078}
21079.ui.big.input {
21080 font-size: 1.28571429em;
21081}
21082.ui.huge.input {
21083 font-size: 1.42857143em;
21084}
21085.ui.massive.input {
21086 font-size: 1.71428571em;
21087}
21088/*******************************
21089 Theme Overrides
21090*******************************/
21091.ui.input input {
21092 border: 1px solid #586A7B;
21093 border-radius: 0px;
21094}
21095.ui.input.error input {
21096 border-color: #c0382b;
21097 background-color: white;
21098}
21099.ui.input input:active,
21100.ui.input.down input {
21101 border-color: #3498db;
21102}
21103.ui.input.focus input,
21104.ui.input input:focus {
21105 border-color: #3498db;
21106}
21107/*!
21108 * # Semantic UI - Label
21109 * http://github.com/semantic-org/semantic-ui/
21110 *
21111 *
21112 * Released under the MIT license
21113 * http://opensource.org/licenses/MIT
21114 *
21115 */
21116/*******************************
21117 Theme
21118*******************************/
21119/*
21120
21121████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
21122╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
21123 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
21124 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
21125 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
21126 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
21127
21128*/
21129/*******************************
21130 Theme Selection
21131*******************************/
21132/* To override a theme for an individual element
21133 specify theme name below
21134*/
21135/* Global */
21136/* Elements */
21137/* Collections */
21138/* Modules */
21139/* Views */
21140/*******************************
21141 Folders
21142*******************************/
21143/* Path to theme packages */
21144/* Path to site override folder */
21145/*******************************
21146 Import Theme
21147*******************************/
21148/*******************************
21149 Import Directives
21150*******************************/
21151/*------------------
21152 Theme
21153-------------------*/
21154/*--------------------
21155 Site Variables
21156---------------------*/
21157/* Default site.variables */
21158/*******************************
21159 Site Settings
21160*******************************/
21161/*-------------------
21162 Fonts
21163--------------------*/
21164/*-------------------
21165 Base Sizes
21166--------------------*/
21167/* This is the single variable that controls them all */
21168/* The size of page text */
21169/*-------------------
21170 Border Radius
21171--------------------*/
21172/* See Power-user section below
21173 for explanation of @px variables
21174*/
21175/*-------------------
21176 Brand Colors
21177--------------------*/
21178/*--------------
21179 Page Heading
21180---------------*/
21181/*--------------
21182 Form Input
21183---------------*/
21184/* This adjusts the default form input across all elements */
21185/* Input Text Color */
21186/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
21187/*-------------------
21188 Focused Input
21189--------------------*/
21190/* Used on inputs, textarea etc */
21191/* Used on dropdowns, other larger blocks */
21192/*-------------------
21193 Sizes
21194--------------------*/
21195/*
21196 Sizes are all expressed in terms of 14px/em (default em)
21197 This ensures these "ratios" remain constant despite changes in EM
21198*/
21199/*-------------------
21200 Page
21201--------------------*/
21202/*-------------------
21203 Paragraph
21204--------------------*/
21205/*-------------------
21206 Links
21207--------------------*/
21208/*-------------------
21209 Scroll Bars
21210--------------------*/
21211/* Inverted */
21212/*-------------------
21213 Highlighted Text
21214--------------------*/
21215/*-------------------
21216 Loader
21217--------------------*/
21218/*-------------------
21219 Grid
21220--------------------*/
21221/*-------------------
21222 Transitions
21223--------------------*/
21224/*-------------------
21225 Breakpoints
21226--------------------*/
21227/*-------------------
21228 Site Colors
21229--------------------*/
21230/*--- Colors ---*/
21231/*--- Light Colors ---*/
21232/*--- Neutrals ---*/
21233/*--- Colored Backgrounds ---*/
21234/*--- Colored Headers ---*/
21235/*--- Colored Text ---*/
21236/*--- Colored Border ---*/
21237/*-------------------
21238 Alpha Colors
21239--------------------*/
21240/*-------------------
21241 Accents
21242--------------------*/
21243/* Differentiating Neutrals */
21244/* Differentiating Layers */
21245/*******************************
21246 Power-User
21247*******************************/
21248/*-------------------
21249 Emotive Colors
21250--------------------*/
21251/* Positive */
21252/* Negative */
21253/* Info */
21254/* Warning */
21255/*-------------------
21256 Paths
21257--------------------*/
21258/* For source only. Modified in gulp for dist */
21259/*-------------------
21260 Em Sizes
21261--------------------*/
21262/*
21263 This rounds @size values to the closest pixel then expresses that value in (r)em.
21264 This ensures all size values round to exact pixels
21265*/
21266/* em */
21267/* rem */
21268/*-------------------
21269 Icons
21270--------------------*/
21271/* Maximum Glyph Width of Icon */
21272/*-------------------
21273 Neutral Text
21274--------------------*/
21275/*-------------------
21276 Brand Colors
21277--------------------*/
21278/*-------------------
21279 Borders
21280--------------------*/
21281/*-------------------
21282 Derived Values
21283--------------------*/
21284/* Loaders Position Offset */
21285/* Rendered Scrollbar Width */
21286/* Maximum Single Character Glyph Width, aka Capital "W" */
21287/* Used to match floats with text */
21288/* Header Spacing */
21289/* Minimum Mobile Width */
21290/* Positive / Negative Dupes */
21291/* Responsive */
21292/*-------------------
21293 Exact Pixel Values
21294--------------------*/
21295/*
21296 These are used to specify exact pixel values in em
21297 for things like borders that remain constantly
21298 sized as emSize adjusts
21299
21300 Since there are many more sizes than names for sizes,
21301 these are named by their original pixel values.
21302
21303*/
21304/* Columns */
21305/*******************************
21306 States
21307*******************************/
21308/*-------------------
21309 Disabled
21310--------------------*/
21311/*-------------------
21312 Hover
21313--------------------*/
21314/*--- Shadows ---*/
21315/*--- Colors ---*/
21316/*--- Emotive ---*/
21317/*--- Brand ---*/
21318/*--- Dark Tones ---*/
21319/*--- Light Tones ---*/
21320/*-------------------
21321 Focus
21322--------------------*/
21323/*--- Colors ---*/
21324/*--- Emotive ---*/
21325/*--- Brand ---*/
21326/*--- Dark Tones ---*/
21327/*--- Light Tones ---*/
21328/*-------------------
21329 Down (:active)
21330--------------------*/
21331/*--- Colors ---*/
21332/*--- Emotive ---*/
21333/*--- Brand ---*/
21334/*--- Dark Tones ---*/
21335/*--- Light Tones ---*/
21336/*-------------------
21337 Active
21338--------------------*/
21339/*--- Colors ---*/
21340/*--- Emotive ---*/
21341/*--- Brand ---*/
21342/*--- Dark Tones ---*/
21343/*--- Light Tones ---*/
21344/* Packaged site.variables */
21345/*******************************
21346 Site Settings
21347*******************************/
21348/*-------------------
21349 Fonts
21350--------------------*/
21351/*-------------------
21352 Base Sizes
21353--------------------*/
21354/* This is the single variable that controls them all */
21355/* The size of page text */
21356/*-------------------
21357 Border Radius
21358--------------------*/
21359/* See Power-user section below
21360 for explanation of @px variables
21361*/
21362/*-------------------
21363 Brand Colors
21364--------------------*/
21365/*--------------
21366 Page Heading
21367---------------*/
21368/*--------------
21369 Form Input
21370---------------*/
21371/* This adjusts the default form input across all elements */
21372/* Input Text Color */
21373/* Line Height Default For Inputs in Browser */
21374/*-------------------
21375 Focused Input
21376--------------------*/
21377/* Used on inputs, textarea etc */
21378/* Used on dropdowns, other larger blocks */
21379/*-------------------
21380 Sizes
21381--------------------*/
21382/*
21383 Sizes are all expressed in terms of 14px/em (default em)
21384 This ensures these "ratios" remain constant despite changes in EM
21385*/
21386/*-------------------
21387 Page
21388--------------------*/
21389/*-------------------
21390 Paragraph
21391--------------------*/
21392/*-------------------
21393 Links
21394--------------------*/
21395/*-------------------
21396 Highlighted Text
21397--------------------*/
21398/*-------------------
21399 Loader
21400--------------------*/
21401/*-------------------
21402 Grid
21403--------------------*/
21404/*-------------------
21405 Transitions
21406--------------------*/
21407/*-------------------
21408 Breakpoints
21409--------------------*/
21410/*-------------------
21411 Site Colors
21412--------------------*/
21413/*--- Colors ---*/
21414/*--- Light Colors ---*/
21415/*--- Neutrals ---*/
21416/*--- Colored Backgrounds ---*/
21417/*--- Colored Headers ---*/
21418/*--- Colored Text ---*/
21419/*--- Colored Border ---*/
21420/*-------------------
21421 Alpha Colors
21422--------------------*/
21423/*-------------------
21424 Accents
21425--------------------*/
21426/* Differentiating Neutrals */
21427/* Differentiating Layers */
21428/*******************************
21429 Power-User
21430*******************************/
21431/*-------------------
21432 Emotive Colors
21433--------------------*/
21434/* Positive */
21435/* Negative */
21436/* Info */
21437/* Warning */
21438/*-------------------
21439 Paths
21440--------------------*/
21441/* For source only. Modified in gulp for dist */
21442/*-------------------
21443 Em Sizes
21444--------------------*/
21445/*
21446 This rounds @size values to the closest pixel then expresses that value in (r)em.
21447 This ensures all size values round to exact pixels
21448*/
21449/* em */
21450/* rem */
21451/*-------------------
21452 Icons
21453--------------------*/
21454/* Maximum Glyph Width of Icon */
21455/*-------------------
21456 Neutral Text
21457--------------------*/
21458/*-------------------
21459 Brand Colors
21460--------------------*/
21461/*-------------------
21462 Borders
21463--------------------*/
21464/*-------------------
21465 Derived Values
21466--------------------*/
21467/* Loaders Position Offset */
21468/* Rendered Scrollbar Width */
21469/* Maximum Single Character Glyph Width, aka Capital "W" */
21470/* Used to match floats with text */
21471/* Header Spacing */
21472/* Minimum Mobile Width */
21473/* Positive / Negative Dupes */
21474/* Responsive */
21475/*-------------------
21476 Exact Pixel Values
21477--------------------*/
21478/*
21479 These are used to specify exact pixel values in em
21480 for things like borders that remain constantly
21481 sized as emSize adjusts
21482
21483 Since there are many more sizes than names for sizes,
21484 these are named by their original pixel values.
21485
21486*/
21487/* Columns */
21488/*******************************
21489 States
21490*******************************/
21491/*-------------------
21492 Disabled
21493--------------------*/
21494/*-------------------
21495 Hover
21496--------------------*/
21497/*--- Shadows ---*/
21498/*--- Colors ---*/
21499/* https://github.com/Tripwire/octagon/issues/144 */
21500/*--- Emotive ---*/
21501/*--- Brand ---*/
21502/*--- Dark Tones ---*/
21503/*--- Light Tones ---*/
21504/*-------------------
21505 Focus
21506--------------------*/
21507/*--- Colors ---*/
21508/*--- Emotive ---*/
21509/*--- Brand ---*/
21510/*--- Dark Tones ---*/
21511/*--- Light Tones ---*/
21512/*-------------------
21513 Down (:active)
21514--------------------*/
21515/*--- Colors ---*/
21516/*--- Emotive ---*/
21517/*--- Brand ---*/
21518/*--- Dark Tones ---*/
21519/*--- Light Tones ---*/
21520/*-------------------
21521 Active
21522--------------------*/
21523/*--- Colors ---*/
21524/*--- Emotive ---*/
21525/*--- Brand ---*/
21526/*--- Dark Tones ---*/
21527/*--- Light Tones ---*/
21528/* Component's site.variables */
21529/*******************************
21530 Site Settings
21531*******************************/
21532/*-------------------
21533 Fonts
21534--------------------*/
21535/*-------------------
21536 Base Sizes
21537--------------------*/
21538/* This is the single variable that controls them all */
21539/* The size of page text */
21540/*-------------------
21541 Border Radius
21542--------------------*/
21543/* See Power-user section below
21544 for explanation of @px variables
21545*/
21546/*-------------------
21547 Brand Colors
21548--------------------*/
21549/*--------------
21550 Page Heading
21551---------------*/
21552/*--------------
21553 Form Input
21554---------------*/
21555/* This adjusts the default form input across all elements */
21556/* Input Text Color */
21557/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
21558/*-------------------
21559 Focused Input
21560--------------------*/
21561/* Used on inputs, textarea etc */
21562/* Used on dropdowns, other larger blocks */
21563/*-------------------
21564 Sizes
21565--------------------*/
21566/*
21567 Sizes are all expressed in terms of 14px/em (default em)
21568 This ensures these "ratios" remain constant despite changes in EM
21569*/
21570/*-------------------
21571 Page
21572--------------------*/
21573/*-------------------
21574 Paragraph
21575--------------------*/
21576/*-------------------
21577 Links
21578--------------------*/
21579/*-------------------
21580 Scroll Bars
21581--------------------*/
21582/* Inverted */
21583/*-------------------
21584 Highlighted Text
21585--------------------*/
21586/*-------------------
21587 Loader
21588--------------------*/
21589/*-------------------
21590 Grid
21591--------------------*/
21592/*-------------------
21593 Transitions
21594--------------------*/
21595/*-------------------
21596 Breakpoints
21597--------------------*/
21598/*-------------------
21599 Site Colors
21600--------------------*/
21601/*--- Colors ---*/
21602/*--- Light Colors ---*/
21603/*--- Neutrals ---*/
21604/*--- Colored Backgrounds ---*/
21605/*--- Colored Headers ---*/
21606/*--- Colored Text ---*/
21607/*--- Colored Border ---*/
21608/*-------------------
21609 Alpha Colors
21610--------------------*/
21611/*-------------------
21612 Accents
21613--------------------*/
21614/* Differentiating Neutrals */
21615/* Differentiating Layers */
21616/*******************************
21617 Power-User
21618*******************************/
21619/*-------------------
21620 Emotive Colors
21621--------------------*/
21622/* Positive */
21623/* Negative */
21624/* Info */
21625/* Warning */
21626/*-------------------
21627 Paths
21628--------------------*/
21629/* For source only. Modified in gulp for dist */
21630/*-------------------
21631 Em Sizes
21632--------------------*/
21633/*
21634 This rounds @size values to the closest pixel then expresses that value in (r)em.
21635 This ensures all size values round to exact pixels
21636*/
21637/* em */
21638/* rem */
21639/*-------------------
21640 Icons
21641--------------------*/
21642/* Maximum Glyph Width of Icon */
21643/*-------------------
21644 Neutral Text
21645--------------------*/
21646/*-------------------
21647 Brand Colors
21648--------------------*/
21649/*-------------------
21650 Borders
21651--------------------*/
21652/*-------------------
21653 Derived Values
21654--------------------*/
21655/* Loaders Position Offset */
21656/* Rendered Scrollbar Width */
21657/* Maximum Single Character Glyph Width, aka Capital "W" */
21658/* Used to match floats with text */
21659/* Header Spacing */
21660/* Minimum Mobile Width */
21661/* Positive / Negative Dupes */
21662/* Responsive */
21663/*-------------------
21664 Exact Pixel Values
21665--------------------*/
21666/*
21667 These are used to specify exact pixel values in em
21668 for things like borders that remain constantly
21669 sized as emSize adjusts
21670
21671 Since there are many more sizes than names for sizes,
21672 these are named by their original pixel values.
21673
21674*/
21675/* Columns */
21676/*******************************
21677 States
21678*******************************/
21679/*-------------------
21680 Disabled
21681--------------------*/
21682/*-------------------
21683 Hover
21684--------------------*/
21685/*--- Shadows ---*/
21686/*--- Colors ---*/
21687/*--- Emotive ---*/
21688/*--- Brand ---*/
21689/*--- Dark Tones ---*/
21690/*--- Light Tones ---*/
21691/*-------------------
21692 Focus
21693--------------------*/
21694/*--- Colors ---*/
21695/*--- Emotive ---*/
21696/*--- Brand ---*/
21697/*--- Dark Tones ---*/
21698/*--- Light Tones ---*/
21699/*-------------------
21700 Down (:active)
21701--------------------*/
21702/*--- Colors ---*/
21703/*--- Emotive ---*/
21704/*--- Brand ---*/
21705/*--- Dark Tones ---*/
21706/*--- Light Tones ---*/
21707/*-------------------
21708 Active
21709--------------------*/
21710/*--- Colors ---*/
21711/*--- Emotive ---*/
21712/*--- Brand ---*/
21713/*--- Dark Tones ---*/
21714/*--- Light Tones ---*/
21715/* Site theme site.variables */
21716/*-------------------
21717 Component Variables
21718---------------------*/
21719/* Default */
21720/*******************************
21721 Label
21722*******************************/
21723/*-------------------
21724 Element
21725--------------------*/
21726/* medium is not @emSize custom value required */
21727/* Group */
21728/*-------------------
21729 Parts
21730--------------------*/
21731/* Link */
21732/* Icon */
21733/* Image */
21734/* Detail */
21735/* Delete */
21736/*-------------------
21737 Types
21738--------------------*/
21739/* Image Label */
21740/*-------------------
21741 States
21742--------------------*/
21743/* Hover */
21744/* Active */
21745/* Active Hover */
21746/*-------------------
21747 Variations
21748--------------------*/
21749/* Basic */
21750/* Tag */
21751/* Avoids error with background: inherit; on animation */
21752/* Ribbon */
21753/* Rounding Offset on Triangle */
21754/* Rounding Offset on Triangle */
21755/* Colors */
21756/* Attached */
21757/* Corner */
21758/* Corner Text */
21759/* Horizontal */
21760/* Circular Padding */
21761/* Pointing */
21762/* Basic Pointing */
21763/* Floating */
21764/*-------------------
21765 Group
21766--------------------*/
21767/* Sizing */
21768/* Packaged Theme */
21769/*******************************
21770 Label
21771*******************************/
21772/*-------------------
21773 Element
21774--------------------*/
21775/* medium is not @emSize custom value required */
21776/* Group */
21777/*-------------------
21778 Parts
21779--------------------*/
21780/* Link */
21781/* Icon */
21782/* Image */
21783/* Detail */
21784/* Delete */
21785/*-------------------
21786 Types
21787--------------------*/
21788/* Image Label */
21789/*-------------------
21790 States
21791--------------------*/
21792/* Hover */
21793/* Active */
21794/* Active Hover */
21795/*-------------------
21796 Variations
21797--------------------*/
21798/* Basic */
21799/* Tag */
21800/* Avoids error with background: inherit; on animation */
21801/* Ribbon */
21802/* Rounding Offset on Triangle */
21803/* Rounding Offset on Triangle */
21804/* Colors */
21805/* Attached */
21806/* Corner */
21807/* Corner Text */
21808/* Horizontal */
21809/* Circular Padding */
21810/* Pointing */
21811/* Basic Pointing */
21812/* Floating */
21813/*-------------------
21814 Group
21815--------------------*/
21816/* Sizing */
21817/* Site Theme */
21818/*******************************
21819 Mix-ins
21820*******************************/
21821/*------------------
21822 Fonts
21823-------------------*/
21824/*------------------
21825 Overrides
21826-------------------*/
21827/* End Config */
21828/*******************************
21829 Label
21830*******************************/
21831.ui.label {
21832 display: inline-block;
21833 line-height: 1;
21834 vertical-align: baseline;
21835 margin: 0em 0.14285714em;
21836 background-color: #E8E8E8;
21837 background-image: none;
21838 padding: 0.5833em 0.833em;
21839 color: rgba(0, 0, 0, 0.6);
21840 text-transform: none;
21841 font-weight: bold;
21842 border: 0px solid transparent;
21843 border-radius: 0.28571429rem;
21844 transition: background 0.1s ease;
21845}
21846.ui.label:first-child {
21847 margin-left: 0em;
21848}
21849.ui.label:last-child {
21850 margin-right: 0em;
21851}
21852/* Link */
21853a.ui.label {
21854 cursor: pointer;
21855}
21856/* Inside Link */
21857.ui.label > a {
21858 cursor: pointer;
21859 color: inherit;
21860 opacity: 0.5;
21861 transition: 0.1s opacity ease;
21862}
21863.ui.label > a:hover {
21864 opacity: 1;
21865}
21866/* Image */
21867.ui.label > img {
21868 width: auto !important;
21869 vertical-align: middle;
21870 height: 2.1666em !important;
21871}
21872/* Icon */
21873.ui.label > .icon {
21874 width: auto;
21875 margin: 0em 0.75em 0em 0em;
21876}
21877/* Detail */
21878.ui.label > .detail {
21879 display: inline-block;
21880 vertical-align: top;
21881 font-weight: bold;
21882 margin-left: 1em;
21883 opacity: 0.8;
21884}
21885.ui.label > .detail .icon {
21886 margin: 0em 0.25em 0em 0em;
21887}
21888/* Removable label */
21889.ui.label > .close.icon,
21890.ui.label > .delete.icon {
21891 cursor: pointer;
21892 margin-right: 0em;
21893 margin-left: 0.5em;
21894 font-size: 0.92857143em;
21895 opacity: 0.5;
21896 transition: background 0.1s ease;
21897}
21898.ui.label > .delete.icon:hover {
21899 opacity: 1;
21900}
21901/*-------------------
21902 Group
21903--------------------*/
21904.ui.labels > .label {
21905 margin: 0em 0.5em 0.5em 0em;
21906}
21907/*-------------------
21908 Coupling
21909--------------------*/
21910.ui.header > .ui.label {
21911 margin-top: -0.29165em;
21912}
21913/* Remove border radius on attached segment */
21914.ui.attached.segment > .ui.top.left.attached.label,
21915.ui.bottom.attached.segment > .ui.top.left.attached.label {
21916 border-top-left-radius: 0;
21917}
21918.ui.attached.segment > .ui.top.right.attached.label,
21919.ui.bottom.attached.segment > .ui.top.right.attached.label {
21920 border-top-right-radius: 0;
21921}
21922.ui.top.attached.segment > .ui.bottom.left.attached.label {
21923 border-bottom-left-radius: 0;
21924}
21925.ui.top.attached.segment > .ui.bottom.right.attached.label {
21926 border-bottom-right-radius: 0;
21927}
21928/* Padding on next content after a label */
21929.ui.top.attached.label:first-child + :not(.attached),
21930.ui.top.attached.label + [class*="right floated"] + * {
21931 margin-top: 2rem !important;
21932}
21933.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
21934 margin-top: 0em;
21935 margin-bottom: 2rem !important;
21936}
21937/*******************************
21938 Types
21939*******************************/
21940.ui.image.label {
21941 width: auto !important;
21942 margin-top: 0em;
21943 margin-bottom: 0em;
21944 max-width: 9999px;
21945 vertical-align: baseline;
21946 text-transform: none;
21947 background: #E8E8E8;
21948 padding: 0.5833em 0.833em 0.5833em 0.5em;
21949 border-radius: 0.28571429rem;
21950 box-shadow: none;
21951}
21952.ui.image.label img {
21953 display: inline-block;
21954 vertical-align: top;
21955 height: 2.1666em;
21956 margin: -0.5833em 0.5em -0.5833em -0.5em;
21957 border-radius: 0.28571429rem 0em 0em 0.28571429rem;
21958}
21959.ui.image.label .detail {
21960 background: rgba(0, 0, 0, 0.1);
21961 margin: -0.5833em -0.833em -0.5833em 0.5em;
21962 padding: 0.5833em 0.833em;
21963 border-radius: 0em 0.28571429rem 0.28571429rem 0em;
21964}
21965/*-------------------
21966 Tag
21967--------------------*/
21968.ui.tag.labels .label,
21969.ui.tag.label {
21970 margin-left: 1em;
21971 position: relative;
21972 padding-left: 1.5em;
21973 padding-right: 1.5em;
21974 border-radius: 0em 0.28571429rem 0.28571429rem 0em;
21975 transition: none;
21976}
21977.ui.tag.labels .label:before,
21978.ui.tag.label:before {
21979 position: absolute;
21980 transform: translateY(-50%) translateX(50%) rotate(-45deg);
21981 top: 50%;
21982 right: 100%;
21983 content: '';
21984 background-color: inherit;
21985 background-image: none;
21986 width: 1.56em;
21987 height: 1.56em;
21988 transition: none;
21989}
21990.ui.tag.labels .label:after,
21991.ui.tag.label:after {
21992 position: absolute;
21993 content: '';
21994 top: 50%;
21995 left: -0.25em;
21996 margin-top: -0.25em;
21997 background-color: #FFFFFF !important;
21998 width: 0.5em;
21999 height: 0.5em;
22000 box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
22001 border-radius: 500rem;
22002}
22003/*-------------------
22004 Corner Label
22005--------------------*/
22006.ui.corner.label {
22007 position: absolute;
22008 top: 0em;
22009 right: 0em;
22010 margin: 0em;
22011 padding: 0em;
22012 text-align: center;
22013 border-color: #E8E8E8;
22014 width: 4em;
22015 height: 4em;
22016 z-index: 1;
22017 transition: border-color 0.1s ease;
22018}
22019/* Icon Label */
22020.ui.corner.label {
22021 background-color: transparent !important;
22022}
22023.ui.corner.label:after {
22024 position: absolute;
22025 content: "";
22026 right: 0em;
22027 top: 0em;
22028 z-index: -1;
22029 width: 0em;
22030 height: 0em;
22031 background-color: transparent !important;
22032 border-top: 0em solid transparent;
22033 border-right: 4em solid transparent;
22034 border-bottom: 4em solid transparent;
22035 border-left: 0em solid transparent;
22036 border-right-color: inherit;
22037 transition: border-color 0.1s ease;
22038}
22039.ui.corner.label .icon {
22040 cursor: default;
22041 position: relative;
22042 top: 0.64285714em;
22043 left: 0.78571429em;
22044 font-size: 1.14285714em;
22045 margin: 0em;
22046}
22047/* Left Corner */
22048.ui.left.corner.label,
22049.ui.left.corner.label:after {
22050 right: auto;
22051 left: 0em;
22052}
22053.ui.left.corner.label:after {
22054 border-top: 4em solid transparent;
22055 border-right: 4em solid transparent;
22056 border-bottom: 0em solid transparent;
22057 border-left: 0em solid transparent;
22058 border-top-color: inherit;
22059}
22060.ui.left.corner.label .icon {
22061 left: -0.78571429em;
22062}
22063/* Segment */
22064.ui.segment > .ui.corner.label {
22065 top: -1px;
22066 right: -1px;
22067}
22068.ui.segment > .ui.left.corner.label {
22069 right: auto;
22070 left: -1px;
22071}
22072/*-------------------
22073 Ribbon
22074--------------------*/
22075.ui.ribbon.label {
22076 position: relative;
22077 margin: 0em;
22078 min-width: max-content;
22079 border-radius: 0em 0.28571429rem 0.28571429rem 0em;
22080 border-color: rgba(0, 0, 0, 0.15);
22081}
22082.ui.ribbon.label:after {
22083 position: absolute;
22084 content: '';
22085 top: 100%;
22086 left: 0%;
22087 background-color: transparent !important;
22088 border-style: solid;
22089 border-width: 0em 1.2em 1.2em 0em;
22090 border-color: transparent;
22091 border-right-color: inherit;
22092 width: 0em;
22093 height: 0em;
22094}
22095/* Positioning */
22096.ui.ribbon.label {
22097 left: calc( -1rem - 1.2em );
22098 margin-right: -1.2em;
22099 padding-left: calc( 1rem + 1.2em );
22100 padding-right: 1.2em;
22101}
22102.ui[class*="right ribbon"].label {
22103 left: calc(100% + 1rem + 1.2em );
22104 padding-left: 1.2em;
22105 padding-right: calc( 1rem + 1.2em );
22106}
22107/* Right Ribbon */
22108.ui[class*="right ribbon"].label {
22109 text-align: left;
22110 transform: translateX(-100%);
22111 border-radius: 0.28571429rem 0em 0em 0.28571429rem;
22112}
22113.ui[class*="right ribbon"].label:after {
22114 left: auto;
22115 right: 0%;
22116 border-style: solid;
22117 border-width: 1.2em 1.2em 0em 0em;
22118 border-color: transparent;
22119 border-top-color: inherit;
22120}
22121/* Inside Table */
22122.ui.image > .ribbon.label,
22123.ui.card .image > .ribbon.label {
22124 position: absolute;
22125 top: 1rem;
22126}
22127.ui.card .image > .ui.ribbon.label,
22128.ui.image > .ui.ribbon.label {
22129 left: calc( 0.05rem - 1.2em );
22130}
22131.ui.card .image > .ui[class*="right ribbon"].label,
22132.ui.image > .ui[class*="right ribbon"].label {
22133 left: calc(100% + -0.05rem + 1.2em );
22134 padding-left: 0.833em;
22135}
22136/* Inside Table */
22137.ui.table td > .ui.ribbon.label {
22138 left: calc( -0.78571429em - 1.2em );
22139}
22140.ui.table td > .ui[class*="right ribbon"].label {
22141 left: calc(100% + 0.78571429em + 1.2em );
22142 padding-left: 0.833em;
22143}
22144/*-------------------
22145 Attached
22146--------------------*/
22147.ui[class*="top attached"].label,
22148.ui.attached.label {
22149 width: 100%;
22150 position: absolute;
22151 margin: 0em;
22152 top: 0em;
22153 left: 0em;
22154 padding: 0.75em 1em;
22155 border-radius: 0.21428571rem 0.21428571rem 0em 0em;
22156}
22157.ui[class*="bottom attached"].label {
22158 top: auto;
22159 bottom: 0em;
22160 border-radius: 0em 0em 0.21428571rem 0.21428571rem;
22161}
22162.ui[class*="top left attached"].label {
22163 width: auto;
22164 margin-top: 0em !important;
22165 border-radius: 0.21428571rem 0em 0.28571429rem 0em;
22166}
22167.ui[class*="top right attached"].label {
22168 width: auto;
22169 left: auto;
22170 right: 0em;
22171 border-radius: 0em 0.21428571rem 0em 0.28571429rem;
22172}
22173.ui[class*="bottom left attached"].label {
22174 width: auto;
22175 top: auto;
22176 bottom: 0em;
22177 border-radius: 0em 0.28571429rem 0em 0.21428571rem;
22178}
22179.ui[class*="bottom right attached"].label {
22180 top: auto;
22181 bottom: 0em;
22182 left: auto;
22183 right: 0em;
22184 width: auto;
22185 border-radius: 0.28571429rem 0em 0.21428571rem 0em;
22186}
22187/*******************************
22188 States
22189*******************************/
22190/*-------------------
22191 Disabled
22192--------------------*/
22193.ui.label.disabled {
22194 opacity: 0.5;
22195}
22196/*-------------------
22197 Hover
22198--------------------*/
22199a.ui.labels .label:hover,
22200a.ui.label:hover {
22201 background-color: #E0E0E0;
22202 border-color: #E0E0E0;
22203 background-image: none;
22204 color: rgba(0, 0, 0, 0.8);
22205}
22206.ui.labels a.label:hover:before,
22207a.ui.label:hover:before {
22208 color: rgba(0, 0, 0, 0.8);
22209}
22210/*-------------------
22211 Active
22212--------------------*/
22213.ui.active.label {
22214 background-color: #D0D0D0;
22215 border-color: #D0D0D0;
22216 background-image: none;
22217 color: rgba(0, 0, 0, 0.95);
22218}
22219.ui.active.label:before {
22220 background-color: #D0D0D0;
22221 background-image: none;
22222 color: rgba(0, 0, 0, 0.95);
22223}
22224/*-------------------
22225 Active Hover
22226--------------------*/
22227a.ui.labels .active.label:hover,
22228a.ui.active.label:hover {
22229 background-color: #C8C8C8;
22230 border-color: #C8C8C8;
22231 background-image: none;
22232 color: rgba(0, 0, 0, 0.95);
22233}
22234.ui.labels a.active.label:ActiveHover:before,
22235a.ui.active.label:ActiveHover:before {
22236 background-color: #C8C8C8;
22237 background-image: none;
22238 color: rgba(0, 0, 0, 0.95);
22239}
22240/*-------------------
22241 Visible
22242--------------------*/
22243.ui.labels.visible .label,
22244.ui.label.visible:not(.dropdown) {
22245 display: inline-block !important;
22246}
22247/*-------------------
22248 Hidden
22249--------------------*/
22250.ui.labels.hidden .label,
22251.ui.label.hidden {
22252 display: none !important;
22253}
22254/*******************************
22255 Variations
22256*******************************/
22257/*-------------------
22258 Colors
22259--------------------*/
22260/*--- Red ---*/
22261.ui.red.labels .label,
22262.ui.red.label {
22263 background-color: #DB2828 !important;
22264 border-color: #DB2828 !important;
22265 color: #FFFFFF !important;
22266}
22267/* Link */
22268.ui.red.labels .label:hover,
22269a.ui.red.label:hover {
22270 background-color: #d01919 !important;
22271 border-color: #d01919 !important;
22272 color: #FFFFFF !important;
22273}
22274/* Corner */
22275.ui.red.corner.label,
22276.ui.red.corner.label:hover {
22277 background-color: transparent !important;
22278}
22279/* Ribbon */
22280.ui.red.ribbon.label {
22281 border-color: #b21e1e !important;
22282}
22283/* Basic */
22284.ui.basic.red.label {
22285 background-color: none #FFFFFF !important;
22286 color: #DB2828 !important;
22287 border-color: #DB2828 !important;
22288}
22289.ui.basic.red.labels a.label:hover,
22290a.ui.basic.red.label:hover {
22291 background-color: #FFFFFF !important;
22292 color: #d01919 !important;
22293 border-color: #d01919 !important;
22294}
22295/*--- Orange ---*/
22296.ui.orange.labels .label,
22297.ui.orange.label {
22298 background-color: #F2711C !important;
22299 border-color: #F2711C !important;
22300 color: #FFFFFF !important;
22301}
22302/* Link */
22303.ui.orange.labels .label:hover,
22304a.ui.orange.label:hover {
22305 background-color: #f26202 !important;
22306 border-color: #f26202 !important;
22307 color: #FFFFFF !important;
22308}
22309/* Corner */
22310.ui.orange.corner.label,
22311.ui.orange.corner.label:hover {
22312 background-color: transparent !important;
22313}
22314/* Ribbon */
22315.ui.orange.ribbon.label {
22316 border-color: #cf590c !important;
22317}
22318/* Basic */
22319.ui.basic.orange.label {
22320 background-color: none #FFFFFF !important;
22321 color: #F2711C !important;
22322 border-color: #F2711C !important;
22323}
22324.ui.basic.orange.labels a.label:hover,
22325a.ui.basic.orange.label:hover {
22326 background-color: #FFFFFF !important;
22327 color: #f26202 !important;
22328 border-color: #f26202 !important;
22329}
22330/*--- Yellow ---*/
22331.ui.yellow.labels .label,
22332.ui.yellow.label {
22333 background-color: #FBBD08 !important;
22334 border-color: #FBBD08 !important;
22335 color: #FFFFFF !important;
22336}
22337/* Link */
22338.ui.yellow.labels .label:hover,
22339a.ui.yellow.label:hover {
22340 background-color: #eaae00 !important;
22341 border-color: #eaae00 !important;
22342 color: #FFFFFF !important;
22343}
22344/* Corner */
22345.ui.yellow.corner.label,
22346.ui.yellow.corner.label:hover {
22347 background-color: transparent !important;
22348}
22349/* Ribbon */
22350.ui.yellow.ribbon.label {
22351 border-color: #cd9903 !important;
22352}
22353/* Basic */
22354.ui.basic.yellow.label {
22355 background-color: none #FFFFFF !important;
22356 color: #FBBD08 !important;
22357 border-color: #FBBD08 !important;
22358}
22359.ui.basic.yellow.labels a.label:hover,
22360a.ui.basic.yellow.label:hover {
22361 background-color: #FFFFFF !important;
22362 color: #eaae00 !important;
22363 border-color: #eaae00 !important;
22364}
22365/*--- Olive ---*/
22366.ui.olive.labels .label,
22367.ui.olive.label {
22368 background-color: #B5CC18 !important;
22369 border-color: #B5CC18 !important;
22370 color: #FFFFFF !important;
22371}
22372/* Link */
22373.ui.olive.labels .label:hover,
22374a.ui.olive.label:hover {
22375 background-color: #a7bd0d !important;
22376 border-color: #a7bd0d !important;
22377 color: #FFFFFF !important;
22378}
22379/* Corner */
22380.ui.olive.corner.label,
22381.ui.olive.corner.label:hover {
22382 background-color: transparent !important;
22383}
22384/* Ribbon */
22385.ui.olive.ribbon.label {
22386 border-color: #198f35 !important;
22387}
22388/* Basic */
22389.ui.basic.olive.label {
22390 background-color: none #FFFFFF !important;
22391 color: #B5CC18 !important;
22392 border-color: #B5CC18 !important;
22393}
22394.ui.basic.olive.labels a.label:hover,
22395a.ui.basic.olive.label:hover {
22396 background-color: #FFFFFF !important;
22397 color: #a7bd0d !important;
22398 border-color: #a7bd0d !important;
22399}
22400/*--- Green ---*/
22401.ui.green.labels .label,
22402.ui.green.label {
22403 background-color: #21BA45 !important;
22404 border-color: #21BA45 !important;
22405 color: #FFFFFF !important;
22406}
22407/* Link */
22408.ui.green.labels .label:hover,
22409a.ui.green.label:hover {
22410 background-color: #16ab39 !important;
22411 border-color: #16ab39 !important;
22412 color: #FFFFFF !important;
22413}
22414/* Corner */
22415.ui.green.corner.label,
22416.ui.green.corner.label:hover {
22417 background-color: transparent !important;
22418}
22419/* Ribbon */
22420.ui.green.ribbon.label {
22421 border-color: #198f35 !important;
22422}
22423/* Basic */
22424.ui.basic.green.label {
22425 background-color: none #FFFFFF !important;
22426 color: #21BA45 !important;
22427 border-color: #21BA45 !important;
22428}
22429.ui.basic.green.labels a.label:hover,
22430a.ui.basic.green.label:hover {
22431 background-color: #FFFFFF !important;
22432 color: #16ab39 !important;
22433 border-color: #16ab39 !important;
22434}
22435/*--- Teal ---*/
22436.ui.teal.labels .label,
22437.ui.teal.label {
22438 background-color: #00B5AD !important;
22439 border-color: #00B5AD !important;
22440 color: #FFFFFF !important;
22441}
22442/* Link */
22443.ui.teal.labels .label:hover,
22444a.ui.teal.label:hover {
22445 background-color: #009c95 !important;
22446 border-color: #009c95 !important;
22447 color: #FFFFFF !important;
22448}
22449/* Corner */
22450.ui.teal.corner.label,
22451.ui.teal.corner.label:hover {
22452 background-color: transparent !important;
22453}
22454/* Ribbon */
22455.ui.teal.ribbon.label {
22456 border-color: #00827c !important;
22457}
22458/* Basic */
22459.ui.basic.teal.label {
22460 background-color: none #FFFFFF !important;
22461 color: #00B5AD !important;
22462 border-color: #00B5AD !important;
22463}
22464.ui.basic.teal.labels a.label:hover,
22465a.ui.basic.teal.label:hover {
22466 background-color: #FFFFFF !important;
22467 color: #009c95 !important;
22468 border-color: #009c95 !important;
22469}
22470/*--- Blue ---*/
22471.ui.blue.labels .label,
22472.ui.blue.label {
22473 background-color: #2185D0 !important;
22474 border-color: #2185D0 !important;
22475 color: #FFFFFF !important;
22476}
22477/* Link */
22478.ui.blue.labels .label:hover,
22479a.ui.blue.label:hover {
22480 background-color: #1678c2 !important;
22481 border-color: #1678c2 !important;
22482 color: #FFFFFF !important;
22483}
22484/* Corner */
22485.ui.blue.corner.label,
22486.ui.blue.corner.label:hover {
22487 background-color: transparent !important;
22488}
22489/* Ribbon */
22490.ui.blue.ribbon.label {
22491 border-color: #1a69a4 !important;
22492}
22493/* Basic */
22494.ui.basic.blue.label {
22495 background-color: none #FFFFFF !important;
22496 color: #2185D0 !important;
22497 border-color: #2185D0 !important;
22498}
22499.ui.basic.blue.labels a.label:hover,
22500a.ui.basic.blue.label:hover {
22501 background-color: #FFFFFF !important;
22502 color: #1678c2 !important;
22503 border-color: #1678c2 !important;
22504}
22505/*--- Violet ---*/
22506.ui.violet.labels .label,
22507.ui.violet.label {
22508 background-color: #6435C9 !important;
22509 border-color: #6435C9 !important;
22510 color: #FFFFFF !important;
22511}
22512/* Link */
22513.ui.violet.labels .label:hover,
22514a.ui.violet.label:hover {
22515 background-color: #5829bb !important;
22516 border-color: #5829bb !important;
22517 color: #FFFFFF !important;
22518}
22519/* Corner */
22520.ui.violet.corner.label,
22521.ui.violet.corner.label:hover {
22522 background-color: transparent !important;
22523}
22524/* Ribbon */
22525.ui.violet.ribbon.label {
22526 border-color: #502aa1 !important;
22527}
22528/* Basic */
22529.ui.basic.violet.label {
22530 background-color: none #FFFFFF !important;
22531 color: #6435C9 !important;
22532 border-color: #6435C9 !important;
22533}
22534.ui.basic.violet.labels a.label:hover,
22535a.ui.basic.violet.label:hover {
22536 background-color: #FFFFFF !important;
22537 color: #5829bb !important;
22538 border-color: #5829bb !important;
22539}
22540/*--- Purple ---*/
22541.ui.purple.labels .label,
22542.ui.purple.label {
22543 background-color: #A333C8 !important;
22544 border-color: #A333C8 !important;
22545 color: #FFFFFF !important;
22546}
22547/* Link */
22548.ui.purple.labels .label:hover,
22549a.ui.purple.label:hover {
22550 background-color: #9627ba !important;
22551 border-color: #9627ba !important;
22552 color: #FFFFFF !important;
22553}
22554/* Corner */
22555.ui.purple.corner.label,
22556.ui.purple.corner.label:hover {
22557 background-color: transparent !important;
22558}
22559/* Ribbon */
22560.ui.purple.ribbon.label {
22561 border-color: #82299f !important;
22562}
22563/* Basic */
22564.ui.basic.purple.label {
22565 background-color: none #FFFFFF !important;
22566 color: #A333C8 !important;
22567 border-color: #A333C8 !important;
22568}
22569.ui.basic.purple.labels a.label:hover,
22570a.ui.basic.purple.label:hover {
22571 background-color: #FFFFFF !important;
22572 color: #9627ba !important;
22573 border-color: #9627ba !important;
22574}
22575/*--- Pink ---*/
22576.ui.pink.labels .label,
22577.ui.pink.label {
22578 background-color: #E03997 !important;
22579 border-color: #E03997 !important;
22580 color: #FFFFFF !important;
22581}
22582/* Link */
22583.ui.pink.labels .label:hover,
22584a.ui.pink.label:hover {
22585 background-color: #e61a8d !important;
22586 border-color: #e61a8d !important;
22587 color: #FFFFFF !important;
22588}
22589/* Corner */
22590.ui.pink.corner.label,
22591.ui.pink.corner.label:hover {
22592 background-color: transparent !important;
22593}
22594/* Ribbon */
22595.ui.pink.ribbon.label {
22596 border-color: #c71f7e !important;
22597}
22598/* Basic */
22599.ui.basic.pink.label {
22600 background-color: none #FFFFFF !important;
22601 color: #E03997 !important;
22602 border-color: #E03997 !important;
22603}
22604.ui.basic.pink.labels a.label:hover,
22605a.ui.basic.pink.label:hover {
22606 background-color: #FFFFFF !important;
22607 color: #e61a8d !important;
22608 border-color: #e61a8d !important;
22609}
22610/*--- Brown ---*/
22611.ui.brown.labels .label,
22612.ui.brown.label {
22613 background-color: #A5673F !important;
22614 border-color: #A5673F !important;
22615 color: #FFFFFF !important;
22616}
22617/* Link */
22618.ui.brown.labels .label:hover,
22619a.ui.brown.label:hover {
22620 background-color: #975b33 !important;
22621 border-color: #975b33 !important;
22622 color: #FFFFFF !important;
22623}
22624/* Corner */
22625.ui.brown.corner.label,
22626.ui.brown.corner.label:hover {
22627 background-color: transparent !important;
22628}
22629/* Ribbon */
22630.ui.brown.ribbon.label {
22631 border-color: #805031 !important;
22632}
22633/* Basic */
22634.ui.basic.brown.label {
22635 background-color: none #FFFFFF !important;
22636 color: #A5673F !important;
22637 border-color: #A5673F !important;
22638}
22639.ui.basic.brown.labels a.label:hover,
22640a.ui.basic.brown.label:hover {
22641 background-color: #FFFFFF !important;
22642 color: #975b33 !important;
22643 border-color: #975b33 !important;
22644}
22645/*--- Grey ---*/
22646.ui.grey.labels .label,
22647.ui.grey.label {
22648 background-color: #767676 !important;
22649 border-color: #767676 !important;
22650 color: #FFFFFF !important;
22651}
22652/* Link */
22653.ui.grey.labels .label:hover,
22654a.ui.grey.label:hover {
22655 background-color: #838383 !important;
22656 border-color: #838383 !important;
22657 color: #FFFFFF !important;
22658}
22659/* Corner */
22660.ui.grey.corner.label,
22661.ui.grey.corner.label:hover {
22662 background-color: transparent !important;
22663}
22664/* Ribbon */
22665.ui.grey.ribbon.label {
22666 border-color: #805031 !important;
22667}
22668/* Basic */
22669.ui.basic.grey.label {
22670 background-color: none #FFFFFF !important;
22671 color: #767676 !important;
22672 border-color: #767676 !important;
22673}
22674.ui.basic.grey.labels a.label:hover,
22675a.ui.basic.grey.label:hover {
22676 background-color: #FFFFFF !important;
22677 color: #838383 !important;
22678 border-color: #838383 !important;
22679}
22680/*--- Black ---*/
22681.ui.black.labels .label,
22682.ui.black.label {
22683 background-color: #1B1C1D !important;
22684 border-color: #1B1C1D !important;
22685 color: #FFFFFF !important;
22686}
22687/* Link */
22688.ui.black.labels .label:hover,
22689a.ui.black.label:hover {
22690 background-color: #27292a !important;
22691 border-color: #27292a !important;
22692 color: #FFFFFF !important;
22693}
22694/* Corner */
22695.ui.black.corner.label,
22696.ui.black.corner.label:hover {
22697 background-color: transparent !important;
22698}
22699/* Ribbon */
22700.ui.black.ribbon.label {
22701 border-color: #805031 !important;
22702}
22703/* Basic */
22704.ui.basic.black.label {
22705 background-color: none #FFFFFF !important;
22706 color: #1B1C1D !important;
22707 border-color: #1B1C1D !important;
22708}
22709.ui.basic.black.labels a.label:hover,
22710a.ui.basic.black.label:hover {
22711 background-color: #FFFFFF !important;
22712 color: #27292a !important;
22713 border-color: #27292a !important;
22714}
22715/*-------------------
22716 Basic
22717--------------------*/
22718.ui.basic.label {
22719 background: none #FFFFFF;
22720 border: 1px solid rgba(34, 36, 38, 0.15);
22721 color: rgba(0, 0, 0, 0.87);
22722 box-shadow: none;
22723}
22724/* Link */
22725a.ui.basic.label:hover {
22726 text-decoration: none;
22727 background: none #FFFFFF;
22728 color: #1e70bf;
22729 box-shadow: 1px solid rgba(34, 36, 38, 0.15);
22730 box-shadow: none;
22731}
22732/* Pointing */
22733.ui.basic.pointing.label:before {
22734 border-color: inherit;
22735}
22736/*-------------------
22737 Fluid
22738--------------------*/
22739.ui.label.fluid,
22740.ui.fluid.labels > .label {
22741 width: 100%;
22742 box-sizing: border-box;
22743}
22744/*-------------------
22745 Inverted
22746--------------------*/
22747.ui.inverted.labels .label,
22748.ui.inverted.label {
22749 color: rgba(255, 255, 255, 0.9) !important;
22750}
22751/*-------------------
22752 Horizontal
22753--------------------*/
22754.ui.horizontal.labels .label,
22755.ui.horizontal.label {
22756 margin: 0em 0.5em 0em 0em;
22757 padding: 0.4em 0.833em;
22758 min-width: 3em;
22759 text-align: center;
22760}
22761/*-------------------
22762 Circular
22763--------------------*/
22764.ui.circular.labels .label,
22765.ui.circular.label {
22766 min-width: 2em;
22767 min-height: 2em;
22768 padding: 0.5em !important;
22769 line-height: 1em;
22770 text-align: center;
22771 border-radius: 500rem;
22772}
22773.ui.empty.circular.labels .label,
22774.ui.empty.circular.label {
22775 min-width: 0em;
22776 min-height: 0em;
22777 overflow: hidden;
22778 width: 0.5em;
22779 height: 0.5em;
22780 vertical-align: baseline;
22781}
22782/*-------------------
22783 Pointing
22784--------------------*/
22785.ui.pointing.label {
22786 position: relative;
22787}
22788.ui.attached.pointing.label {
22789 position: absolute;
22790}
22791.ui.pointing.label:before {
22792 background-color: inherit;
22793 background-image: inherit;
22794 border-width: none;
22795 border-style: solid;
22796 border-color: inherit;
22797}
22798/* Arrow */
22799.ui.pointing.label:before {
22800 position: absolute;
22801 content: '';
22802 transform: rotate(45deg);
22803 background-image: none;
22804 z-index: 2;
22805 width: 0.6666em;
22806 height: 0.6666em;
22807 transition: background 0.1s ease;
22808}
22809/*--- Above ---*/
22810.ui.pointing.label,
22811.ui[class*="pointing above"].label {
22812 margin-top: 1em;
22813}
22814.ui.pointing.label:before,
22815.ui[class*="pointing above"].label:before {
22816 border-width: 1px 0px 0px 1px;
22817 transform: translateX(-50%) translateY(-50%) rotate(45deg);
22818 top: 0%;
22819 left: 50%;
22820}
22821/*--- Below ---*/
22822.ui[class*="bottom pointing"].label,
22823.ui[class*="pointing below"].label {
22824 margin-top: 0em;
22825 margin-bottom: 1em;
22826}
22827.ui[class*="bottom pointing"].label:before,
22828.ui[class*="pointing below"].label:before {
22829 border-width: 0px 1px 1px 0px;
22830 top: auto;
22831 right: auto;
22832 transform: translateX(-50%) translateY(-50%) rotate(45deg);
22833 top: 100%;
22834 left: 50%;
22835}
22836/*--- Left ---*/
22837.ui[class*="left pointing"].label {
22838 margin-top: 0em;
22839 margin-left: 0.6666em;
22840}
22841.ui[class*="left pointing"].label:before {
22842 border-width: 0px 0px 1px 1px;
22843 transform: translateX(-50%) translateY(-50%) rotate(45deg);
22844 bottom: auto;
22845 right: auto;
22846 top: 50%;
22847 left: 0em;
22848}
22849/*--- Right ---*/
22850.ui[class*="right pointing"].label {
22851 margin-top: 0em;
22852 margin-right: 0.6666em;
22853}
22854.ui[class*="right pointing"].label:before {
22855 border-width: 1px 1px 0px 0px;
22856 transform: translateX(50%) translateY(-50%) rotate(45deg);
22857 top: 50%;
22858 right: 0%;
22859 bottom: auto;
22860 left: auto;
22861}
22862/* Basic Pointing */
22863/*--- Above ---*/
22864.ui.basic.pointing.label:before,
22865.ui.basic[class*="pointing above"].label:before {
22866 margin-top: -1px;
22867}
22868/*--- Below ---*/
22869.ui.basic[class*="bottom pointing"].label:before,
22870.ui.basic[class*="pointing below"].label:before {
22871 bottom: auto;
22872 top: 100%;
22873 margin-top: 1px;
22874}
22875/*--- Left ---*/
22876.ui.basic[class*="left pointing"].label:before {
22877 top: 50%;
22878 left: -1px;
22879}
22880/*--- Right ---*/
22881.ui.basic[class*="right pointing"].label:before {
22882 top: 50%;
22883 right: -1px;
22884}
22885/*------------------
22886 Floating Label
22887-------------------*/
22888.ui.floating.label {
22889 position: absolute;
22890 z-index: 100;
22891 top: -1em;
22892 left: 100%;
22893 margin: 0em 0em 0em -1.5em !important;
22894}
22895/*-------------------
22896 Sizes
22897--------------------*/
22898.ui.mini.labels .label,
22899.ui.mini.label {
22900 font-size: 0.64285714rem;
22901}
22902.ui.tiny.labels .label,
22903.ui.tiny.label {
22904 font-size: 0.71428571rem;
22905}
22906.ui.small.labels .label,
22907.ui.small.label {
22908 font-size: 0.78571429rem;
22909}
22910.ui.labels .label,
22911.ui.label {
22912 font-size: 0.85714286rem;
22913}
22914.ui.large.labels .label,
22915.ui.large.label {
22916 font-size: 1rem;
22917}
22918.ui.big.labels .label,
22919.ui.big.label {
22920 font-size: 1.28571429rem;
22921}
22922.ui.huge.labels .label,
22923.ui.huge.label {
22924 font-size: 1.42857143rem;
22925}
22926.ui.massive.labels .label,
22927.ui.massive.label {
22928 font-size: 1.71428571rem;
22929}
22930/*******************************
22931 Theme Overrides
22932*******************************/
22933/*!
22934 * # Semantic UI - List
22935 * http://github.com/semantic-org/semantic-ui/
22936 *
22937 *
22938 * Released under the MIT license
22939 * http://opensource.org/licenses/MIT
22940 *
22941 */
22942/*******************************
22943 Theme
22944*******************************/
22945/*
22946
22947████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
22948╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
22949 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
22950 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
22951 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
22952 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
22953
22954*/
22955/*******************************
22956 Theme Selection
22957*******************************/
22958/* To override a theme for an individual element
22959 specify theme name below
22960*/
22961/* Global */
22962/* Elements */
22963/* Collections */
22964/* Modules */
22965/* Views */
22966/*******************************
22967 Folders
22968*******************************/
22969/* Path to theme packages */
22970/* Path to site override folder */
22971/*******************************
22972 Import Theme
22973*******************************/
22974/*******************************
22975 Import Directives
22976*******************************/
22977/*------------------
22978 Theme
22979-------------------*/
22980/*--------------------
22981 Site Variables
22982---------------------*/
22983/* Default site.variables */
22984/*******************************
22985 Site Settings
22986*******************************/
22987/*-------------------
22988 Fonts
22989--------------------*/
22990/*-------------------
22991 Base Sizes
22992--------------------*/
22993/* This is the single variable that controls them all */
22994/* The size of page text */
22995/*-------------------
22996 Border Radius
22997--------------------*/
22998/* See Power-user section below
22999 for explanation of @px variables
23000*/
23001/*-------------------
23002 Brand Colors
23003--------------------*/
23004/*--------------
23005 Page Heading
23006---------------*/
23007/*--------------
23008 Form Input
23009---------------*/
23010/* This adjusts the default form input across all elements */
23011/* Input Text Color */
23012/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
23013/*-------------------
23014 Focused Input
23015--------------------*/
23016/* Used on inputs, textarea etc */
23017/* Used on dropdowns, other larger blocks */
23018/*-------------------
23019 Sizes
23020--------------------*/
23021/*
23022 Sizes are all expressed in terms of 14px/em (default em)
23023 This ensures these "ratios" remain constant despite changes in EM
23024*/
23025/*-------------------
23026 Page
23027--------------------*/
23028/*-------------------
23029 Paragraph
23030--------------------*/
23031/*-------------------
23032 Links
23033--------------------*/
23034/*-------------------
23035 Scroll Bars
23036--------------------*/
23037/* Inverted */
23038/*-------------------
23039 Highlighted Text
23040--------------------*/
23041/*-------------------
23042 Loader
23043--------------------*/
23044/*-------------------
23045 Grid
23046--------------------*/
23047/*-------------------
23048 Transitions
23049--------------------*/
23050/*-------------------
23051 Breakpoints
23052--------------------*/
23053/*-------------------
23054 Site Colors
23055--------------------*/
23056/*--- Colors ---*/
23057/*--- Light Colors ---*/
23058/*--- Neutrals ---*/
23059/*--- Colored Backgrounds ---*/
23060/*--- Colored Headers ---*/
23061/*--- Colored Text ---*/
23062/*--- Colored Border ---*/
23063/*-------------------
23064 Alpha Colors
23065--------------------*/
23066/*-------------------
23067 Accents
23068--------------------*/
23069/* Differentiating Neutrals */
23070/* Differentiating Layers */
23071/*******************************
23072 Power-User
23073*******************************/
23074/*-------------------
23075 Emotive Colors
23076--------------------*/
23077/* Positive */
23078/* Negative */
23079/* Info */
23080/* Warning */
23081/*-------------------
23082 Paths
23083--------------------*/
23084/* For source only. Modified in gulp for dist */
23085/*-------------------
23086 Em Sizes
23087--------------------*/
23088/*
23089 This rounds @size values to the closest pixel then expresses that value in (r)em.
23090 This ensures all size values round to exact pixels
23091*/
23092/* em */
23093/* rem */
23094/*-------------------
23095 Icons
23096--------------------*/
23097/* Maximum Glyph Width of Icon */
23098/*-------------------
23099 Neutral Text
23100--------------------*/
23101/*-------------------
23102 Brand Colors
23103--------------------*/
23104/*-------------------
23105 Borders
23106--------------------*/
23107/*-------------------
23108 Derived Values
23109--------------------*/
23110/* Loaders Position Offset */
23111/* Rendered Scrollbar Width */
23112/* Maximum Single Character Glyph Width, aka Capital "W" */
23113/* Used to match floats with text */
23114/* Header Spacing */
23115/* Minimum Mobile Width */
23116/* Positive / Negative Dupes */
23117/* Responsive */
23118/*-------------------
23119 Exact Pixel Values
23120--------------------*/
23121/*
23122 These are used to specify exact pixel values in em
23123 for things like borders that remain constantly
23124 sized as emSize adjusts
23125
23126 Since there are many more sizes than names for sizes,
23127 these are named by their original pixel values.
23128
23129*/
23130/* Columns */
23131/*******************************
23132 States
23133*******************************/
23134/*-------------------
23135 Disabled
23136--------------------*/
23137/*-------------------
23138 Hover
23139--------------------*/
23140/*--- Shadows ---*/
23141/*--- Colors ---*/
23142/*--- Emotive ---*/
23143/*--- Brand ---*/
23144/*--- Dark Tones ---*/
23145/*--- Light Tones ---*/
23146/*-------------------
23147 Focus
23148--------------------*/
23149/*--- Colors ---*/
23150/*--- Emotive ---*/
23151/*--- Brand ---*/
23152/*--- Dark Tones ---*/
23153/*--- Light Tones ---*/
23154/*-------------------
23155 Down (:active)
23156--------------------*/
23157/*--- Colors ---*/
23158/*--- Emotive ---*/
23159/*--- Brand ---*/
23160/*--- Dark Tones ---*/
23161/*--- Light Tones ---*/
23162/*-------------------
23163 Active
23164--------------------*/
23165/*--- Colors ---*/
23166/*--- Emotive ---*/
23167/*--- Brand ---*/
23168/*--- Dark Tones ---*/
23169/*--- Light Tones ---*/
23170/* Packaged site.variables */
23171/*******************************
23172 Site Settings
23173*******************************/
23174/*-------------------
23175 Fonts
23176--------------------*/
23177/*-------------------
23178 Base Sizes
23179--------------------*/
23180/* This is the single variable that controls them all */
23181/* The size of page text */
23182/*-------------------
23183 Border Radius
23184--------------------*/
23185/* See Power-user section below
23186 for explanation of @px variables
23187*/
23188/*-------------------
23189 Brand Colors
23190--------------------*/
23191/*--------------
23192 Page Heading
23193---------------*/
23194/*--------------
23195 Form Input
23196---------------*/
23197/* This adjusts the default form input across all elements */
23198/* Input Text Color */
23199/* Line Height Default For Inputs in Browser */
23200/*-------------------
23201 Focused Input
23202--------------------*/
23203/* Used on inputs, textarea etc */
23204/* Used on dropdowns, other larger blocks */
23205/*-------------------
23206 Sizes
23207--------------------*/
23208/*
23209 Sizes are all expressed in terms of 14px/em (default em)
23210 This ensures these "ratios" remain constant despite changes in EM
23211*/
23212/*-------------------
23213 Page
23214--------------------*/
23215/*-------------------
23216 Paragraph
23217--------------------*/
23218/*-------------------
23219 Links
23220--------------------*/
23221/*-------------------
23222 Highlighted Text
23223--------------------*/
23224/*-------------------
23225 Loader
23226--------------------*/
23227/*-------------------
23228 Grid
23229--------------------*/
23230/*-------------------
23231 Transitions
23232--------------------*/
23233/*-------------------
23234 Breakpoints
23235--------------------*/
23236/*-------------------
23237 Site Colors
23238--------------------*/
23239/*--- Colors ---*/
23240/*--- Light Colors ---*/
23241/*--- Neutrals ---*/
23242/*--- Colored Backgrounds ---*/
23243/*--- Colored Headers ---*/
23244/*--- Colored Text ---*/
23245/*--- Colored Border ---*/
23246/*-------------------
23247 Alpha Colors
23248--------------------*/
23249/*-------------------
23250 Accents
23251--------------------*/
23252/* Differentiating Neutrals */
23253/* Differentiating Layers */
23254/*******************************
23255 Power-User
23256*******************************/
23257/*-------------------
23258 Emotive Colors
23259--------------------*/
23260/* Positive */
23261/* Negative */
23262/* Info */
23263/* Warning */
23264/*-------------------
23265 Paths
23266--------------------*/
23267/* For source only. Modified in gulp for dist */
23268/*-------------------
23269 Em Sizes
23270--------------------*/
23271/*
23272 This rounds @size values to the closest pixel then expresses that value in (r)em.
23273 This ensures all size values round to exact pixels
23274*/
23275/* em */
23276/* rem */
23277/*-------------------
23278 Icons
23279--------------------*/
23280/* Maximum Glyph Width of Icon */
23281/*-------------------
23282 Neutral Text
23283--------------------*/
23284/*-------------------
23285 Brand Colors
23286--------------------*/
23287/*-------------------
23288 Borders
23289--------------------*/
23290/*-------------------
23291 Derived Values
23292--------------------*/
23293/* Loaders Position Offset */
23294/* Rendered Scrollbar Width */
23295/* Maximum Single Character Glyph Width, aka Capital "W" */
23296/* Used to match floats with text */
23297/* Header Spacing */
23298/* Minimum Mobile Width */
23299/* Positive / Negative Dupes */
23300/* Responsive */
23301/*-------------------
23302 Exact Pixel Values
23303--------------------*/
23304/*
23305 These are used to specify exact pixel values in em
23306 for things like borders that remain constantly
23307 sized as emSize adjusts
23308
23309 Since there are many more sizes than names for sizes,
23310 these are named by their original pixel values.
23311
23312*/
23313/* Columns */
23314/*******************************
23315 States
23316*******************************/
23317/*-------------------
23318 Disabled
23319--------------------*/
23320/*-------------------
23321 Hover
23322--------------------*/
23323/*--- Shadows ---*/
23324/*--- Colors ---*/
23325/* https://github.com/Tripwire/octagon/issues/144 */
23326/*--- Emotive ---*/
23327/*--- Brand ---*/
23328/*--- Dark Tones ---*/
23329/*--- Light Tones ---*/
23330/*-------------------
23331 Focus
23332--------------------*/
23333/*--- Colors ---*/
23334/*--- Emotive ---*/
23335/*--- Brand ---*/
23336/*--- Dark Tones ---*/
23337/*--- Light Tones ---*/
23338/*-------------------
23339 Down (:active)
23340--------------------*/
23341/*--- Colors ---*/
23342/*--- Emotive ---*/
23343/*--- Brand ---*/
23344/*--- Dark Tones ---*/
23345/*--- Light Tones ---*/
23346/*-------------------
23347 Active
23348--------------------*/
23349/*--- Colors ---*/
23350/*--- Emotive ---*/
23351/*--- Brand ---*/
23352/*--- Dark Tones ---*/
23353/*--- Light Tones ---*/
23354/* Component's site.variables */
23355/*******************************
23356 Site Settings
23357*******************************/
23358/*-------------------
23359 Fonts
23360--------------------*/
23361/*-------------------
23362 Base Sizes
23363--------------------*/
23364/* This is the single variable that controls them all */
23365/* The size of page text */
23366/*-------------------
23367 Border Radius
23368--------------------*/
23369/* See Power-user section below
23370 for explanation of @px variables
23371*/
23372/*-------------------
23373 Brand Colors
23374--------------------*/
23375/*--------------
23376 Page Heading
23377---------------*/
23378/*--------------
23379 Form Input
23380---------------*/
23381/* This adjusts the default form input across all elements */
23382/* Input Text Color */
23383/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
23384/*-------------------
23385 Focused Input
23386--------------------*/
23387/* Used on inputs, textarea etc */
23388/* Used on dropdowns, other larger blocks */
23389/*-------------------
23390 Sizes
23391--------------------*/
23392/*
23393 Sizes are all expressed in terms of 14px/em (default em)
23394 This ensures these "ratios" remain constant despite changes in EM
23395*/
23396/*-------------------
23397 Page
23398--------------------*/
23399/*-------------------
23400 Paragraph
23401--------------------*/
23402/*-------------------
23403 Links
23404--------------------*/
23405/*-------------------
23406 Scroll Bars
23407--------------------*/
23408/* Inverted */
23409/*-------------------
23410 Highlighted Text
23411--------------------*/
23412/*-------------------
23413 Loader
23414--------------------*/
23415/*-------------------
23416 Grid
23417--------------------*/
23418/*-------------------
23419 Transitions
23420--------------------*/
23421/*-------------------
23422 Breakpoints
23423--------------------*/
23424/*-------------------
23425 Site Colors
23426--------------------*/
23427/*--- Colors ---*/
23428/*--- Light Colors ---*/
23429/*--- Neutrals ---*/
23430/*--- Colored Backgrounds ---*/
23431/*--- Colored Headers ---*/
23432/*--- Colored Text ---*/
23433/*--- Colored Border ---*/
23434/*-------------------
23435 Alpha Colors
23436--------------------*/
23437/*-------------------
23438 Accents
23439--------------------*/
23440/* Differentiating Neutrals */
23441/* Differentiating Layers */
23442/*******************************
23443 Power-User
23444*******************************/
23445/*-------------------
23446 Emotive Colors
23447--------------------*/
23448/* Positive */
23449/* Negative */
23450/* Info */
23451/* Warning */
23452/*-------------------
23453 Paths
23454--------------------*/
23455/* For source only. Modified in gulp for dist */
23456/*-------------------
23457 Em Sizes
23458--------------------*/
23459/*
23460 This rounds @size values to the closest pixel then expresses that value in (r)em.
23461 This ensures all size values round to exact pixels
23462*/
23463/* em */
23464/* rem */
23465/*-------------------
23466 Icons
23467--------------------*/
23468/* Maximum Glyph Width of Icon */
23469/*-------------------
23470 Neutral Text
23471--------------------*/
23472/*-------------------
23473 Brand Colors
23474--------------------*/
23475/*-------------------
23476 Borders
23477--------------------*/
23478/*-------------------
23479 Derived Values
23480--------------------*/
23481/* Loaders Position Offset */
23482/* Rendered Scrollbar Width */
23483/* Maximum Single Character Glyph Width, aka Capital "W" */
23484/* Used to match floats with text */
23485/* Header Spacing */
23486/* Minimum Mobile Width */
23487/* Positive / Negative Dupes */
23488/* Responsive */
23489/*-------------------
23490 Exact Pixel Values
23491--------------------*/
23492/*
23493 These are used to specify exact pixel values in em
23494 for things like borders that remain constantly
23495 sized as emSize adjusts
23496
23497 Since there are many more sizes than names for sizes,
23498 these are named by their original pixel values.
23499
23500*/
23501/* Columns */
23502/*******************************
23503 States
23504*******************************/
23505/*-------------------
23506 Disabled
23507--------------------*/
23508/*-------------------
23509 Hover
23510--------------------*/
23511/*--- Shadows ---*/
23512/*--- Colors ---*/
23513/*--- Emotive ---*/
23514/*--- Brand ---*/
23515/*--- Dark Tones ---*/
23516/*--- Light Tones ---*/
23517/*-------------------
23518 Focus
23519--------------------*/
23520/*--- Colors ---*/
23521/*--- Emotive ---*/
23522/*--- Brand ---*/
23523/*--- Dark Tones ---*/
23524/*--- Light Tones ---*/
23525/*-------------------
23526 Down (:active)
23527--------------------*/
23528/*--- Colors ---*/
23529/*--- Emotive ---*/
23530/*--- Brand ---*/
23531/*--- Dark Tones ---*/
23532/*--- Light Tones ---*/
23533/*-------------------
23534 Active
23535--------------------*/
23536/*--- Colors ---*/
23537/*--- Emotive ---*/
23538/*--- Brand ---*/
23539/*--- Dark Tones ---*/
23540/*--- Light Tones ---*/
23541/* Site theme site.variables */
23542/*-------------------
23543 Component Variables
23544---------------------*/
23545/* Default */
23546/*******************************
23547 List
23548*******************************/
23549/*-------------------
23550 View
23551--------------------*/
23552/* List */
23553/* List Item */
23554/* Sub List */
23555/* Sub List Item */
23556/*-------------------
23557 Elements
23558--------------------*/
23559/* Icon */
23560/* Image */
23561/* Content */
23562/* Header */
23563/* Description */
23564/* Link */
23565/* Header Link */
23566/* Linked Icon */
23567/*-------------------
23568 States
23569--------------------*/
23570/*-------------------
23571 Variations
23572--------------------*/
23573/* Float */
23574/* Horizontal */
23575/* Inverted */
23576/* Link List */
23577/* Inverted Link List */
23578/* Selection List */
23579/* Selection List States */
23580/* Inverted Selection List */
23581/* Animated List */
23582/* Bulleted */
23583/* Horizontal Bullets */
23584/* Ordered List */
23585/* Horizontal Ordered */
23586/* Divided */
23587/* Divided Horizontal */
23588/* Divided */
23589/* Divided Horizontal */
23590/* Relaxed */
23591/* Very Relaxed */
23592/* Packaged Theme */
23593/*******************************
23594 List
23595*******************************/
23596/*-------------------
23597 View
23598--------------------*/
23599/* List */
23600/* List Item */
23601/* Sub List */
23602/* Sub List Item */
23603/*-------------------
23604 Elements
23605--------------------*/
23606/* Icon */
23607/* Image */
23608/* Content */
23609/* Header */
23610/* Description */
23611/* Link */
23612/* Header Link */
23613/* Linked Icon */
23614/*-------------------
23615 States
23616--------------------*/
23617/*-------------------
23618 Variations
23619--------------------*/
23620/* Float */
23621/* Horizontal */
23622/* Inverted */
23623/* Link List */
23624/* Inverted Link List */
23625/* Selection List */
23626/* Selection List States */
23627/* Inverted Selection List */
23628/* Animated List */
23629/* Bulleted */
23630/* Horizontal Bullets */
23631/* Ordered List */
23632/* Horizontal Ordered */
23633/* Divided */
23634/* Divided Horizontal */
23635/* Divided */
23636/* Divided Horizontal */
23637/* Relaxed */
23638/* Very Relaxed */
23639/* Site Theme */
23640/*******************************
23641 Mix-ins
23642*******************************/
23643/*------------------
23644 Fonts
23645-------------------*/
23646/*------------------
23647 Overrides
23648-------------------*/
23649/* End Config */
23650/*******************************
23651 List
23652*******************************/
23653ul.ui.list,
23654ol.ui.list,
23655.ui.list {
23656 list-style-type: none;
23657 margin: 1em 0em;
23658 padding: 0em 0em;
23659}
23660ul.ui.list:first-child,
23661ol.ui.list:first-child,
23662.ui.list:first-child {
23663 margin-top: 0em;
23664 padding-top: 0em;
23665}
23666ul.ui.list:last-child,
23667ol.ui.list:last-child,
23668.ui.list:last-child {
23669 margin-bottom: 0em;
23670 padding-bottom: 0em;
23671}
23672/*******************************
23673 Content
23674*******************************/
23675/* List Item */
23676ul.ui.list li,
23677ol.ui.list li,
23678.ui.list > .item,
23679.ui.list .list > .item {
23680 display: list-item;
23681 table-layout: fixed;
23682 list-style-type: none;
23683 list-style-position: outside;
23684 padding: 0.21428571em 0em;
23685 line-height: 1.14285714em;
23686}
23687ul.ui.list > li:first-child:after,
23688ol.ui.list > li:first-child:after,
23689.ui.list > .list > .item,
23690.ui.list > .item:after {
23691 content: '';
23692 display: block;
23693 height: 0;
23694 clear: both;
23695 visibility: hidden;
23696}
23697ul.ui.list li:first-child,
23698ol.ui.list li:first-child,
23699.ui.list .list > .item:first-child,
23700.ui.list > .item:first-child {
23701 padding-top: 0em;
23702}
23703ul.ui.list li:last-child,
23704ol.ui.list li:last-child,
23705.ui.list .list > .item:last-child,
23706.ui.list > .item:last-child {
23707 padding-bottom: 0em;
23708}
23709/* Child List */
23710ul.ui.list ul,
23711ol.ui.list ol,
23712.ui.list .list {
23713 clear: both;
23714 margin: 0em;
23715 padding: 0.75em 0em 0.25em 0.5em;
23716}
23717/* Child Item */
23718ul.ui.list ul li,
23719ol.ui.list ol li,
23720.ui.list .list > .item {
23721 padding: 0.14285714em 0em;
23722 line-height: inherit;
23723}
23724/* Icon */
23725.ui.list .list > .item > i.icon,
23726.ui.list > .item > i.icon {
23727 display: table-cell;
23728 margin: 0em;
23729 padding-top: 0em;
23730 padding-right: 0.28571429em;
23731 vertical-align: top;
23732 transition: color 0.1s ease;
23733}
23734.ui.list .list > .item > i.icon:only-child,
23735.ui.list > .item > i.icon:only-child {
23736 display: inline-block;
23737 vertical-align: top;
23738}
23739/* Image */
23740.ui.list .list > .item > .image,
23741.ui.list > .item > .image {
23742 display: table-cell;
23743 background-color: transparent;
23744 margin: 0em;
23745 vertical-align: top;
23746}
23747.ui.list .list > .item > .image:not(:only-child):not(img),
23748.ui.list > .item > .image:not(:only-child):not(img) {
23749 padding-right: 0.5em;
23750}
23751.ui.list .list > .item > .image img,
23752.ui.list > .item > .image img {
23753 vertical-align: top;
23754}
23755.ui.list .list > .item > img.image,
23756.ui.list .list > .item > .image:only-child,
23757.ui.list > .item > img.image,
23758.ui.list > .item > .image:only-child {
23759 display: inline-block;
23760}
23761/* Content */
23762.ui.list .list > .item > .content,
23763.ui.list > .item > .content {
23764 line-height: 1.14285714em;
23765}
23766.ui.list .list > .item > .image + .content,
23767.ui.list .list > .item > .icon + .content,
23768.ui.list > .item > .image + .content,
23769.ui.list > .item > .icon + .content {
23770 display: table-cell;
23771 padding: 0em 0em 0em 0.5em;
23772 vertical-align: top;
23773}
23774.ui.list .list > .item > img.image + .content,
23775.ui.list > .item > img.image + .content {
23776 display: inline-block;
23777}
23778.ui.list .list > .item > .content > .list,
23779.ui.list > .item > .content > .list {
23780 margin-left: 0em;
23781 padding-left: 0em;
23782}
23783/* Header */
23784.ui.list .list > .item .header,
23785.ui.list > .item .header {
23786 display: block;
23787 margin: 0em;
23788 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
23789 font-weight: bold;
23790 color: rgba(0, 0, 0, 0.87);
23791}
23792/* Description */
23793.ui.list .list > .item .description,
23794.ui.list > .item .description {
23795 display: block;
23796 color: rgba(0, 0, 0, 0.7);
23797}
23798/* Child Link */
23799.ui.list > .item a,
23800.ui.list .list > .item a {
23801 cursor: pointer;
23802}
23803/* Linking Item */
23804.ui.list .list > a.item,
23805.ui.list > a.item {
23806 cursor: pointer;
23807 color: #4183C4;
23808}
23809.ui.list .list > a.item:hover,
23810.ui.list > a.item:hover {
23811 color: #1e70bf;
23812}
23813/* Linked Item Icons */
23814.ui.list .list > a.item i.icon,
23815.ui.list > a.item i.icon {
23816 color: rgba(0, 0, 0, 0.4);
23817}
23818/* Header Link */
23819.ui.list .list > .item a.header,
23820.ui.list > .item a.header {
23821 cursor: pointer;
23822 color: #4183C4 !important;
23823}
23824.ui.list .list > .item a.header:hover,
23825.ui.list > .item a.header:hover {
23826 color: #1e70bf !important;
23827}
23828/* Floated Content */
23829.ui[class*="left floated"].list {
23830 float: left;
23831}
23832.ui[class*="right floated"].list {
23833 float: right;
23834}
23835.ui.list .list > .item [class*="left floated"],
23836.ui.list > .item [class*="left floated"] {
23837 float: left;
23838 margin: 0em 1em 0em 0em;
23839}
23840.ui.list .list > .item [class*="right floated"],
23841.ui.list > .item [class*="right floated"] {
23842 float: right;
23843 margin: 0em 0em 0em 1em;
23844}
23845/*******************************
23846 Coupling
23847*******************************/
23848.ui.menu .ui.list > .item,
23849.ui.menu .ui.list .list > .item {
23850 display: list-item;
23851 table-layout: fixed;
23852 background-color: transparent;
23853 list-style-type: none;
23854 list-style-position: outside;
23855 padding: 0.21428571em 0em;
23856 line-height: 1.14285714em;
23857}
23858.ui.menu .ui.list .list > .item:before,
23859.ui.menu .ui.list > .item:before {
23860 border: none;
23861 background: none;
23862}
23863.ui.menu .ui.list .list > .item:first-child,
23864.ui.menu .ui.list > .item:first-child {
23865 padding-top: 0em;
23866}
23867.ui.menu .ui.list .list > .item:last-child,
23868.ui.menu .ui.list > .item:last-child {
23869 padding-bottom: 0em;
23870}
23871/*******************************
23872 Types
23873*******************************/
23874/*-------------------
23875 Horizontal
23876--------------------*/
23877.ui.horizontal.list {
23878 display: inline-block;
23879 font-size: 0em;
23880}
23881.ui.horizontal.list > .item {
23882 display: inline-block;
23883 margin-left: 1em;
23884 font-size: 1rem;
23885}
23886.ui.horizontal.list:not(.celled) > .item:first-child {
23887 margin-left: 0em !important;
23888 padding-left: 0em !important;
23889}
23890.ui.horizontal.list .list {
23891 padding-left: 0em;
23892 padding-bottom: 0em;
23893}
23894.ui.horizontal.list > .item > .image,
23895.ui.horizontal.list .list > .item > .image,
23896.ui.horizontal.list > .item > .icon,
23897.ui.horizontal.list .list > .item > .icon,
23898.ui.horizontal.list > .item > .content,
23899.ui.horizontal.list .list > .item > .content {
23900 vertical-align: middle;
23901}
23902/* Padding on all elements */
23903.ui.horizontal.list > .item:first-child,
23904.ui.horizontal.list > .item:last-child {
23905 padding-top: 0.21428571em;
23906 padding-bottom: 0.21428571em;
23907}
23908/* Horizontal List */
23909.ui.horizontal.list > .item > i.icon {
23910 margin: 0em;
23911 padding: 0em 0.25em 0em 0em;
23912}
23913.ui.horizontal.list > .item > .icon,
23914.ui.horizontal.list > .item > .icon + .content {
23915 float: none;
23916 display: inline-block;
23917}
23918/*******************************
23919 States
23920*******************************/
23921/*-------------------
23922 Disabled
23923--------------------*/
23924.ui.list .list > .disabled.item,
23925.ui.list > .disabled.item {
23926 pointer-events: none;
23927 color: rgba(40, 40, 40, 0.3) !important;
23928}
23929.ui.inverted.list .list > .disabled.item,
23930.ui.inverted.list > .disabled.item {
23931 color: rgba(225, 225, 225, 0.3) !important;
23932}
23933/*-------------------
23934 Hover
23935--------------------*/
23936.ui.list .list > a.item:hover .icon,
23937.ui.list > a.item:hover .icon {
23938 color: rgba(0, 0, 0, 0.87);
23939}
23940/*******************************
23941 Variations
23942*******************************/
23943/*-------------------
23944 Inverted
23945--------------------*/
23946.ui.inverted.list .list > a.item > .icon,
23947.ui.inverted.list > a.item > .icon {
23948 color: rgba(255, 255, 255, 0.7);
23949}
23950.ui.inverted.list .list > .item .header,
23951.ui.inverted.list > .item .header {
23952 color: rgba(255, 255, 255, 0.9);
23953}
23954.ui.inverted.list .list > .item .description,
23955.ui.inverted.list > .item .description {
23956 color: rgba(255, 255, 255, 0.7);
23957}
23958/* Item Link */
23959.ui.inverted.list .list > a.item,
23960.ui.inverted.list > a.item {
23961 cursor: pointer;
23962 color: rgba(255, 255, 255, 0.9);
23963}
23964.ui.inverted.list .list > a.item:hover,
23965.ui.inverted.list > a.item:hover {
23966 color: #1e70bf;
23967}
23968/* Linking Content */
23969.ui.inverted.list .item a:not(.ui) {
23970 color: rgba(255, 255, 255, 0.9) !important;
23971}
23972.ui.inverted.list .item a:not(.ui):hover {
23973 color: #1e70bf !important;
23974}
23975/*-------------------
23976 Aligned
23977--------------------*/
23978.ui.list[class*="top aligned"] .image,
23979.ui.list[class*="top aligned"] .content,
23980.ui.list [class*="top aligned"] {
23981 vertical-align: top !important;
23982}
23983.ui.list[class*="middle aligned"] .image,
23984.ui.list[class*="middle aligned"] .content,
23985.ui.list [class*="middle aligned"] {
23986 vertical-align: middle !important;
23987}
23988.ui.list[class*="bottom aligned"] .image,
23989.ui.list[class*="bottom aligned"] .content,
23990.ui.list [class*="bottom aligned"] {
23991 vertical-align: bottom !important;
23992}
23993/*-------------------
23994 Link
23995--------------------*/
23996.ui.link.list .item,
23997.ui.link.list a.item,
23998.ui.link.list .item a:not(.ui) {
23999 color: rgba(0, 0, 0, 0.4);
24000 transition: 0.1s color ease;
24001}
24002.ui.link.list.list a.item:hover,
24003.ui.link.list.list .item a:not(.ui):hover {
24004 color: rgba(0, 0, 0, 0.8);
24005}
24006.ui.link.list.list a.item:active,
24007.ui.link.list.list .item a:not(.ui):active {
24008 color: rgba(0, 0, 0, 0.9);
24009}
24010.ui.link.list.list .active.item,
24011.ui.link.list.list .active.item a:not(.ui) {
24012 color: rgba(0, 0, 0, 0.95);
24013}
24014/* Inverted */
24015.ui.inverted.link.list .item,
24016.ui.inverted.link.list a.item,
24017.ui.inverted.link.list .item a:not(.ui) {
24018 color: rgba(255, 255, 255, 0.5);
24019}
24020.ui.inverted.link.list.list a.item:hover,
24021.ui.inverted.link.list.list .item a:not(.ui):hover {
24022 color: #ffffff;
24023}
24024.ui.inverted.link.list.list a.item:active,
24025.ui.inverted.link.list.list .item a:not(.ui):active {
24026 color: #ffffff;
24027}
24028.ui.inverted.link.list.list a.active.item,
24029.ui.inverted.link.list.list .active.item a:not(.ui) {
24030 color: #ffffff;
24031}
24032/*-------------------
24033 Selection
24034--------------------*/
24035.ui.selection.list .list > .item,
24036.ui.selection.list > .item {
24037 cursor: pointer;
24038 background: transparent;
24039 padding: 0.5em 0.5em;
24040 margin: 0em;
24041 color: rgba(0, 0, 0, 0.4);
24042 border-radius: 0.5em;
24043 transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
24044}
24045.ui.selection.list .list > .item:last-child,
24046.ui.selection.list > .item:last-child {
24047 margin-bottom: 0em;
24048}
24049.ui.selection.list.list > .item:hover,
24050.ui.selection.list > .item:hover {
24051 background: rgba(0, 0, 0, 0.03);
24052 color: rgba(0, 0, 0, 0.8);
24053}
24054.ui.selection.list .list > .item:active,
24055.ui.selection.list > .item:active {
24056 background: rgba(0, 0, 0, 0.05);
24057 color: rgba(0, 0, 0, 0.9);
24058}
24059.ui.selection.list .list > .item.active,
24060.ui.selection.list > .item.active {
24061 background: rgba(0, 0, 0, 0.05);
24062 color: rgba(0, 0, 0, 0.95);
24063}
24064/* Inverted */
24065.ui.inverted.selection.list > .item,
24066.ui.inverted.selection.list > .item {
24067 background: transparent;
24068 color: rgba(255, 255, 255, 0.5);
24069}
24070.ui.inverted.selection.list > .item:hover,
24071.ui.inverted.selection.list > .item:hover {
24072 background: rgba(255, 255, 255, 0.02);
24073 color: #ffffff;
24074}
24075.ui.inverted.selection.list > .item:active,
24076.ui.inverted.selection.list > .item:active {
24077 background: rgba(255, 255, 255, 0.08);
24078 color: #ffffff;
24079}
24080.ui.inverted.selection.list > .item.active,
24081.ui.inverted.selection.list > .item.active {
24082 background: rgba(255, 255, 255, 0.08);
24083 color: #ffffff;
24084}
24085/* Celled / Divided Selection List */
24086.ui.celled.selection.list .list > .item,
24087.ui.divided.selection.list .list > .item,
24088.ui.celled.selection.list > .item,
24089.ui.divided.selection.list > .item {
24090 border-radius: 0em;
24091}
24092/*-------------------
24093 Animated
24094--------------------*/
24095.ui.animated.list > .item {
24096 transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
24097}
24098.ui.animated.list:not(.horizontal) > .item:hover {
24099 padding-left: 1em;
24100}
24101/*-------------------
24102 Fitted
24103--------------------*/
24104.ui.fitted.list:not(.selection) .list > .item,
24105.ui.fitted.list:not(.selection) > .item {
24106 padding-left: 0em;
24107 padding-right: 0em;
24108}
24109.ui.fitted.selection.list .list > .item,
24110.ui.fitted.selection.list > .item {
24111 margin-left: -0.5em;
24112 margin-right: -0.5em;
24113}
24114/*-------------------
24115 Bulleted
24116--------------------*/
24117ul.ui.list,
24118.ui.bulleted.list {
24119 margin-left: 1.25rem;
24120}
24121ul.ui.list li,
24122.ui.bulleted.list .list > .item,
24123.ui.bulleted.list > .item {
24124 position: relative;
24125}
24126ul.ui.list li:before,
24127.ui.bulleted.list .list > .item:before,
24128.ui.bulleted.list > .item:before {
24129 user-select: none;
24130 pointer-events: none;
24131 position: absolute;
24132 top: auto;
24133 left: auto;
24134 font-weight: normal;
24135 margin-left: -1.25rem;
24136 content: '•';
24137 opacity: 1;
24138 color: inherit;
24139 vertical-align: top;
24140}
24141ul.ui.list li:before,
24142.ui.bulleted.list .list > a.item:before,
24143.ui.bulleted.list > a.item:before {
24144 color: rgba(0, 0, 0, 0.87);
24145}
24146ul.ui.list ul,
24147.ui.bulleted.list .list {
24148 padding-left: 1.25rem;
24149}
24150/* Horizontal Bulleted */
24151ul.ui.horizontal.bulleted.list,
24152.ui.horizontal.bulleted.list {
24153 margin-left: 0em;
24154}
24155ul.ui.horizontal.bulleted.list li,
24156.ui.horizontal.bulleted.list > .item {
24157 margin-left: 1.75rem;
24158}
24159ul.ui.horizontal.bulleted.list li:first-child,
24160.ui.horizontal.bulleted.list > .item:first-child {
24161 margin-left: 0em;
24162}
24163ul.ui.horizontal.bulleted.list li::before,
24164.ui.horizontal.bulleted.list > .item::before {
24165 color: rgba(0, 0, 0, 0.87);
24166}
24167ul.ui.horizontal.bulleted.list li:first-child::before,
24168.ui.horizontal.bulleted.list > .item:first-child::before {
24169 display: none;
24170}
24171/*-------------------
24172 Ordered
24173--------------------*/
24174ol.ui.list,
24175.ui.ordered.list,
24176.ui.ordered.list .list,
24177ol.ui.list ol {
24178 counter-reset: ordered;
24179 margin-left: 1.25rem;
24180 list-style-type: none;
24181}
24182ol.ui.list li,
24183.ui.ordered.list .list > .item,
24184.ui.ordered.list > .item {
24185 list-style-type: none;
24186 position: relative;
24187}
24188ol.ui.list li:before,
24189.ui.ordered.list .list > .item:before,
24190.ui.ordered.list > .item:before {
24191 position: absolute;
24192 top: auto;
24193 left: auto;
24194 user-select: none;
24195 pointer-events: none;
24196 margin-left: -1.25rem;
24197 counter-increment: ordered;
24198 content: counters(ordered, ".") " ";
24199 text-align: right;
24200 color: rgba(0, 0, 0, 0.87);
24201 vertical-align: middle;
24202 opacity: 0.8;
24203}
24204ol.ui.inverted.list li:before,
24205.ui.ordered.inverted.list .list > .item:before,
24206.ui.ordered.inverted.list > .item:before {
24207 color: rgba(255, 255, 255, 0.7);
24208}
24209/* Value */
24210.ui.ordered.list > .list > .item[data-value],
24211.ui.ordered.list > .item[data-value] {
24212 content: attr(data-value);
24213}
24214ol.ui.list li[value]:before {
24215 content: attr(value);
24216}
24217/* Child Lists */
24218ol.ui.list ol,
24219.ui.ordered.list .list {
24220 margin-left: 1em;
24221}
24222ol.ui.list ol li:before,
24223.ui.ordered.list .list > .item:before {
24224 margin-left: -2em;
24225}
24226/* Horizontal Ordered */
24227ol.ui.horizontal.list,
24228.ui.ordered.horizontal.list {
24229 margin-left: 0em;
24230}
24231ol.ui.horizontal.list li:before,
24232.ui.ordered.horizontal.list .list > .item:before,
24233.ui.ordered.horizontal.list > .item:before {
24234 position: static;
24235 margin: 0em 0.5em 0em 0em;
24236}
24237/*-------------------
24238 Divided
24239--------------------*/
24240.ui.divided.list > .item {
24241 border-top: 1px solid rgba(34, 36, 38, 0.15);
24242}
24243.ui.divided.list .list > .item {
24244 border-top: none;
24245}
24246.ui.divided.list .item .list > .item {
24247 border-top: none;
24248}
24249.ui.divided.list .list > .item:first-child,
24250.ui.divided.list > .item:first-child {
24251 border-top: none;
24252}
24253/* Sub Menu */
24254.ui.divided.list:not(.horizontal) .list > .item:first-child {
24255 border-top-width: 1px;
24256}
24257/* Divided bulleted */
24258.ui.divided.bulleted.list:not(.horizontal),
24259.ui.divided.bulleted.list .list {
24260 margin-left: 0em;
24261 padding-left: 0em;
24262}
24263.ui.divided.bulleted.list > .item:not(.horizontal) {
24264 padding-left: 1.25rem;
24265}
24266/* Divided Ordered */
24267.ui.divided.ordered.list {
24268 margin-left: 0em;
24269}
24270.ui.divided.ordered.list .list > .item,
24271.ui.divided.ordered.list > .item {
24272 padding-left: 1.25rem;
24273}
24274.ui.divided.ordered.list .item .list {
24275 margin-left: 0em;
24276 margin-right: 0em;
24277 padding-bottom: 0.21428571em;
24278}
24279.ui.divided.ordered.list .item .list > .item {
24280 padding-left: 1em;
24281}
24282/* Divided Selection */
24283.ui.divided.selection.list .list > .item,
24284.ui.divided.selection.list > .item {
24285 margin: 0em;
24286 border-radius: 0em;
24287}
24288/* Divided horizontal */
24289.ui.divided.horizontal.list {
24290 margin-left: 0em;
24291}
24292.ui.divided.horizontal.list > .item:not(:first-child) {
24293 padding-left: 0.5em;
24294}
24295.ui.divided.horizontal.list > .item:not(:last-child) {
24296 padding-right: 0.5em;
24297}
24298.ui.divided.horizontal.list > .item {
24299 border-top: none;
24300 border-left: 1px solid rgba(34, 36, 38, 0.15);
24301 margin: 0em;
24302 line-height: 0.6;
24303}
24304.ui.horizontal.divided.list > .item:first-child {
24305 border-left: none;
24306}
24307/* Inverted */
24308.ui.divided.inverted.list > .item,
24309.ui.divided.inverted.list > .list,
24310.ui.divided.inverted.horizontal.list > .item {
24311 border-color: rgba(255, 255, 255, 0.1);
24312}
24313/*-------------------
24314 Celled
24315--------------------*/
24316.ui.celled.list > .item,
24317.ui.celled.list > .list {
24318 border-top: 1px solid rgba(34, 36, 38, 0.15);
24319 padding-left: 0.5em;
24320 padding-right: 0.5em;
24321}
24322.ui.celled.list > .item:last-child {
24323 border-bottom: 1px solid rgba(34, 36, 38, 0.15);
24324}
24325/* Padding on all elements */
24326.ui.celled.list > .item:first-child,
24327.ui.celled.list > .item:last-child {
24328 padding-top: 0.21428571em;
24329 padding-bottom: 0.21428571em;
24330}
24331/* Sub Menu */
24332.ui.celled.list .item .list > .item {
24333 border-width: 0px;
24334}
24335.ui.celled.list .list > .item:first-child {
24336 border-top-width: 0px;
24337}
24338/* Celled Bulleted */
24339.ui.celled.bulleted.list {
24340 margin-left: 0em;
24341}
24342.ui.celled.bulleted.list .list > .item,
24343.ui.celled.bulleted.list > .item {
24344 padding-left: 1.25rem;
24345}
24346.ui.celled.bulleted.list .item .list {
24347 margin-left: -1.25rem;
24348 margin-right: -1.25rem;
24349 padding-bottom: 0.21428571em;
24350}
24351/* Celled Ordered */
24352.ui.celled.ordered.list {
24353 margin-left: 0em;
24354}
24355.ui.celled.ordered.list .list > .item,
24356.ui.celled.ordered.list > .item {
24357 padding-left: 1.25rem;
24358}
24359.ui.celled.ordered.list .item .list {
24360 margin-left: 0em;
24361 margin-right: 0em;
24362 padding-bottom: 0.21428571em;
24363}
24364.ui.celled.ordered.list .list > .item {
24365 padding-left: 1em;
24366}
24367/* Celled Horizontal */
24368.ui.horizontal.celled.list {
24369 margin-left: 0em;
24370}
24371.ui.horizontal.celled.list .list > .item,
24372.ui.horizontal.celled.list > .item {
24373 border-top: none;
24374 border-left: 1px solid rgba(34, 36, 38, 0.15);
24375 margin: 0em;
24376 padding-left: 0.5em;
24377 padding-right: 0.5em;
24378 line-height: 0.6;
24379}
24380.ui.horizontal.celled.list .list > .item:last-child,
24381.ui.horizontal.celled.list > .item:last-child {
24382 border-bottom: none;
24383 border-right: 1px solid rgba(34, 36, 38, 0.15);
24384}
24385/* Inverted */
24386.ui.celled.inverted.list > .item,
24387.ui.celled.inverted.list > .list {
24388 border-color: 1px solid rgba(255, 255, 255, 0.1);
24389}
24390.ui.celled.inverted.horizontal.list .list > .item,
24391.ui.celled.inverted.horizontal.list > .item {
24392 border-color: 1px solid rgba(255, 255, 255, 0.1);
24393}
24394/*-------------------
24395 Relaxed
24396--------------------*/
24397.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
24398 padding-top: 0.42857143em;
24399}
24400.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
24401 padding-bottom: 0.42857143em;
24402}
24403.ui.horizontal.relaxed.list .list > .item:not(:first-child),
24404.ui.horizontal.relaxed.list > .item:not(:first-child) {
24405 padding-left: 1rem;
24406}
24407.ui.horizontal.relaxed.list .list > .item:not(:last-child),
24408.ui.horizontal.relaxed.list > .item:not(:last-child) {
24409 padding-right: 1rem;
24410}
24411/* Very Relaxed */
24412.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
24413 padding-top: 0.85714286em;
24414}
24415.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
24416 padding-bottom: 0.85714286em;
24417}
24418.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
24419.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
24420 padding-left: 1.5rem;
24421}
24422.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
24423.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
24424 padding-right: 1.5rem;
24425}
24426/*-------------------
24427 Sizes
24428--------------------*/
24429.ui.mini.list {
24430 font-size: 0.78571429em;
24431}
24432.ui.tiny.list {
24433 font-size: 0.85714286em;
24434}
24435.ui.small.list {
24436 font-size: 0.92857143em;
24437}
24438.ui.list {
24439 font-size: 1em;
24440}
24441.ui.large.list {
24442 font-size: 1.14285714em;
24443}
24444.ui.big.list {
24445 font-size: 1.28571429em;
24446}
24447.ui.huge.list {
24448 font-size: 1.42857143em;
24449}
24450.ui.massive.list {
24451 font-size: 1.71428571em;
24452}
24453.ui.mini.horizontal.list .list > .item,
24454.ui.mini.horizontal.list > .item {
24455 font-size: 0.78571429rem;
24456}
24457.ui.tiny.horizontal.list .list > .item,
24458.ui.tiny.horizontal.list > .item {
24459 font-size: 0.85714286rem;
24460}
24461.ui.small.horizontal.list .list > .item,
24462.ui.small.horizontal.list > .item {
24463 font-size: 0.92857143rem;
24464}
24465.ui.horizontal.list .list > .item,
24466.ui.horizontal.list > .item {
24467 font-size: 1rem;
24468}
24469.ui.large.horizontal.list .list > .item,
24470.ui.large.horizontal.list > .item {
24471 font-size: 1.14285714rem;
24472}
24473.ui.big.horizontal.list .list > .item,
24474.ui.big.horizontal.list > .item {
24475 font-size: 1.28571429rem;
24476}
24477.ui.huge.horizontal.list .list > .item,
24478.ui.huge.horizontal.list > .item {
24479 font-size: 1.42857143rem;
24480}
24481.ui.massive.horizontal.list .list > .item,
24482.ui.massive.horizontal.list > .item {
24483 font-size: 1.71428571rem;
24484}
24485/*******************************
24486 Theme Overrides
24487*******************************/
24488/*!
24489 * # Semantic UI - Loader
24490 * http://github.com/semantic-org/semantic-ui/
24491 *
24492 *
24493 * Released under the MIT license
24494 * http://opensource.org/licenses/MIT
24495 *
24496 */
24497/*******************************
24498 Theme
24499*******************************/
24500/*
24501
24502████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
24503╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
24504 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
24505 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
24506 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
24507 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
24508
24509*/
24510/*******************************
24511 Theme Selection
24512*******************************/
24513/* To override a theme for an individual element
24514 specify theme name below
24515*/
24516/* Global */
24517/* Elements */
24518/* Collections */
24519/* Modules */
24520/* Views */
24521/*******************************
24522 Folders
24523*******************************/
24524/* Path to theme packages */
24525/* Path to site override folder */
24526/*******************************
24527 Import Theme
24528*******************************/
24529/*******************************
24530 Import Directives
24531*******************************/
24532/*------------------
24533 Theme
24534-------------------*/
24535/*--------------------
24536 Site Variables
24537---------------------*/
24538/* Default site.variables */
24539/*******************************
24540 Site Settings
24541*******************************/
24542/*-------------------
24543 Fonts
24544--------------------*/
24545/*-------------------
24546 Base Sizes
24547--------------------*/
24548/* This is the single variable that controls them all */
24549/* The size of page text */
24550/*-------------------
24551 Border Radius
24552--------------------*/
24553/* See Power-user section below
24554 for explanation of @px variables
24555*/
24556/*-------------------
24557 Brand Colors
24558--------------------*/
24559/*--------------
24560 Page Heading
24561---------------*/
24562/*--------------
24563 Form Input
24564---------------*/
24565/* This adjusts the default form input across all elements */
24566/* Input Text Color */
24567/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
24568/*-------------------
24569 Focused Input
24570--------------------*/
24571/* Used on inputs, textarea etc */
24572/* Used on dropdowns, other larger blocks */
24573/*-------------------
24574 Sizes
24575--------------------*/
24576/*
24577 Sizes are all expressed in terms of 14px/em (default em)
24578 This ensures these "ratios" remain constant despite changes in EM
24579*/
24580/*-------------------
24581 Page
24582--------------------*/
24583/*-------------------
24584 Paragraph
24585--------------------*/
24586/*-------------------
24587 Links
24588--------------------*/
24589/*-------------------
24590 Scroll Bars
24591--------------------*/
24592/* Inverted */
24593/*-------------------
24594 Highlighted Text
24595--------------------*/
24596/*-------------------
24597 Loader
24598--------------------*/
24599/*-------------------
24600 Grid
24601--------------------*/
24602/*-------------------
24603 Transitions
24604--------------------*/
24605/*-------------------
24606 Breakpoints
24607--------------------*/
24608/*-------------------
24609 Site Colors
24610--------------------*/
24611/*--- Colors ---*/
24612/*--- Light Colors ---*/
24613/*--- Neutrals ---*/
24614/*--- Colored Backgrounds ---*/
24615/*--- Colored Headers ---*/
24616/*--- Colored Text ---*/
24617/*--- Colored Border ---*/
24618/*-------------------
24619 Alpha Colors
24620--------------------*/
24621/*-------------------
24622 Accents
24623--------------------*/
24624/* Differentiating Neutrals */
24625/* Differentiating Layers */
24626/*******************************
24627 Power-User
24628*******************************/
24629/*-------------------
24630 Emotive Colors
24631--------------------*/
24632/* Positive */
24633/* Negative */
24634/* Info */
24635/* Warning */
24636/*-------------------
24637 Paths
24638--------------------*/
24639/* For source only. Modified in gulp for dist */
24640/*-------------------
24641 Em Sizes
24642--------------------*/
24643/*
24644 This rounds @size values to the closest pixel then expresses that value in (r)em.
24645 This ensures all size values round to exact pixels
24646*/
24647/* em */
24648/* rem */
24649/*-------------------
24650 Icons
24651--------------------*/
24652/* Maximum Glyph Width of Icon */
24653/*-------------------
24654 Neutral Text
24655--------------------*/
24656/*-------------------
24657 Brand Colors
24658--------------------*/
24659/*-------------------
24660 Borders
24661--------------------*/
24662/*-------------------
24663 Derived Values
24664--------------------*/
24665/* Loaders Position Offset */
24666/* Rendered Scrollbar Width */
24667/* Maximum Single Character Glyph Width, aka Capital "W" */
24668/* Used to match floats with text */
24669/* Header Spacing */
24670/* Minimum Mobile Width */
24671/* Positive / Negative Dupes */
24672/* Responsive */
24673/*-------------------
24674 Exact Pixel Values
24675--------------------*/
24676/*
24677 These are used to specify exact pixel values in em
24678 for things like borders that remain constantly
24679 sized as emSize adjusts
24680
24681 Since there are many more sizes than names for sizes,
24682 these are named by their original pixel values.
24683
24684*/
24685/* Columns */
24686/*******************************
24687 States
24688*******************************/
24689/*-------------------
24690 Disabled
24691--------------------*/
24692/*-------------------
24693 Hover
24694--------------------*/
24695/*--- Shadows ---*/
24696/*--- Colors ---*/
24697/*--- Emotive ---*/
24698/*--- Brand ---*/
24699/*--- Dark Tones ---*/
24700/*--- Light Tones ---*/
24701/*-------------------
24702 Focus
24703--------------------*/
24704/*--- Colors ---*/
24705/*--- Emotive ---*/
24706/*--- Brand ---*/
24707/*--- Dark Tones ---*/
24708/*--- Light Tones ---*/
24709/*-------------------
24710 Down (:active)
24711--------------------*/
24712/*--- Colors ---*/
24713/*--- Emotive ---*/
24714/*--- Brand ---*/
24715/*--- Dark Tones ---*/
24716/*--- Light Tones ---*/
24717/*-------------------
24718 Active
24719--------------------*/
24720/*--- Colors ---*/
24721/*--- Emotive ---*/
24722/*--- Brand ---*/
24723/*--- Dark Tones ---*/
24724/*--- Light Tones ---*/
24725/* Packaged site.variables */
24726/*******************************
24727 Site Settings
24728*******************************/
24729/*-------------------
24730 Fonts
24731--------------------*/
24732/*-------------------
24733 Base Sizes
24734--------------------*/
24735/* This is the single variable that controls them all */
24736/* The size of page text */
24737/*-------------------
24738 Border Radius
24739--------------------*/
24740/* See Power-user section below
24741 for explanation of @px variables
24742*/
24743/*-------------------
24744 Brand Colors
24745--------------------*/
24746/*--------------
24747 Page Heading
24748---------------*/
24749/*--------------
24750 Form Input
24751---------------*/
24752/* This adjusts the default form input across all elements */
24753/* Input Text Color */
24754/* Line Height Default For Inputs in Browser */
24755/*-------------------
24756 Focused Input
24757--------------------*/
24758/* Used on inputs, textarea etc */
24759/* Used on dropdowns, other larger blocks */
24760/*-------------------
24761 Sizes
24762--------------------*/
24763/*
24764 Sizes are all expressed in terms of 14px/em (default em)
24765 This ensures these "ratios" remain constant despite changes in EM
24766*/
24767/*-------------------
24768 Page
24769--------------------*/
24770/*-------------------
24771 Paragraph
24772--------------------*/
24773/*-------------------
24774 Links
24775--------------------*/
24776/*-------------------
24777 Highlighted Text
24778--------------------*/
24779/*-------------------
24780 Loader
24781--------------------*/
24782/*-------------------
24783 Grid
24784--------------------*/
24785/*-------------------
24786 Transitions
24787--------------------*/
24788/*-------------------
24789 Breakpoints
24790--------------------*/
24791/*-------------------
24792 Site Colors
24793--------------------*/
24794/*--- Colors ---*/
24795/*--- Light Colors ---*/
24796/*--- Neutrals ---*/
24797/*--- Colored Backgrounds ---*/
24798/*--- Colored Headers ---*/
24799/*--- Colored Text ---*/
24800/*--- Colored Border ---*/
24801/*-------------------
24802 Alpha Colors
24803--------------------*/
24804/*-------------------
24805 Accents
24806--------------------*/
24807/* Differentiating Neutrals */
24808/* Differentiating Layers */
24809/*******************************
24810 Power-User
24811*******************************/
24812/*-------------------
24813 Emotive Colors
24814--------------------*/
24815/* Positive */
24816/* Negative */
24817/* Info */
24818/* Warning */
24819/*-------------------
24820 Paths
24821--------------------*/
24822/* For source only. Modified in gulp for dist */
24823/*-------------------
24824 Em Sizes
24825--------------------*/
24826/*
24827 This rounds @size values to the closest pixel then expresses that value in (r)em.
24828 This ensures all size values round to exact pixels
24829*/
24830/* em */
24831/* rem */
24832/*-------------------
24833 Icons
24834--------------------*/
24835/* Maximum Glyph Width of Icon */
24836/*-------------------
24837 Neutral Text
24838--------------------*/
24839/*-------------------
24840 Brand Colors
24841--------------------*/
24842/*-------------------
24843 Borders
24844--------------------*/
24845/*-------------------
24846 Derived Values
24847--------------------*/
24848/* Loaders Position Offset */
24849/* Rendered Scrollbar Width */
24850/* Maximum Single Character Glyph Width, aka Capital "W" */
24851/* Used to match floats with text */
24852/* Header Spacing */
24853/* Minimum Mobile Width */
24854/* Positive / Negative Dupes */
24855/* Responsive */
24856/*-------------------
24857 Exact Pixel Values
24858--------------------*/
24859/*
24860 These are used to specify exact pixel values in em
24861 for things like borders that remain constantly
24862 sized as emSize adjusts
24863
24864 Since there are many more sizes than names for sizes,
24865 these are named by their original pixel values.
24866
24867*/
24868/* Columns */
24869/*******************************
24870 States
24871*******************************/
24872/*-------------------
24873 Disabled
24874--------------------*/
24875/*-------------------
24876 Hover
24877--------------------*/
24878/*--- Shadows ---*/
24879/*--- Colors ---*/
24880/* https://github.com/Tripwire/octagon/issues/144 */
24881/*--- Emotive ---*/
24882/*--- Brand ---*/
24883/*--- Dark Tones ---*/
24884/*--- Light Tones ---*/
24885/*-------------------
24886 Focus
24887--------------------*/
24888/*--- Colors ---*/
24889/*--- Emotive ---*/
24890/*--- Brand ---*/
24891/*--- Dark Tones ---*/
24892/*--- Light Tones ---*/
24893/*-------------------
24894 Down (:active)
24895--------------------*/
24896/*--- Colors ---*/
24897/*--- Emotive ---*/
24898/*--- Brand ---*/
24899/*--- Dark Tones ---*/
24900/*--- Light Tones ---*/
24901/*-------------------
24902 Active
24903--------------------*/
24904/*--- Colors ---*/
24905/*--- Emotive ---*/
24906/*--- Brand ---*/
24907/*--- Dark Tones ---*/
24908/*--- Light Tones ---*/
24909/* Component's site.variables */
24910/*******************************
24911 Site Settings
24912*******************************/
24913/*-------------------
24914 Fonts
24915--------------------*/
24916/*-------------------
24917 Base Sizes
24918--------------------*/
24919/* This is the single variable that controls them all */
24920/* The size of page text */
24921/*-------------------
24922 Border Radius
24923--------------------*/
24924/* See Power-user section below
24925 for explanation of @px variables
24926*/
24927/*-------------------
24928 Brand Colors
24929--------------------*/
24930/*--------------
24931 Page Heading
24932---------------*/
24933/*--------------
24934 Form Input
24935---------------*/
24936/* This adjusts the default form input across all elements */
24937/* Input Text Color */
24938/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
24939/*-------------------
24940 Focused Input
24941--------------------*/
24942/* Used on inputs, textarea etc */
24943/* Used on dropdowns, other larger blocks */
24944/*-------------------
24945 Sizes
24946--------------------*/
24947/*
24948 Sizes are all expressed in terms of 14px/em (default em)
24949 This ensures these "ratios" remain constant despite changes in EM
24950*/
24951/*-------------------
24952 Page
24953--------------------*/
24954/*-------------------
24955 Paragraph
24956--------------------*/
24957/*-------------------
24958 Links
24959--------------------*/
24960/*-------------------
24961 Scroll Bars
24962--------------------*/
24963/* Inverted */
24964/*-------------------
24965 Highlighted Text
24966--------------------*/
24967/*-------------------
24968 Loader
24969--------------------*/
24970/*-------------------
24971 Grid
24972--------------------*/
24973/*-------------------
24974 Transitions
24975--------------------*/
24976/*-------------------
24977 Breakpoints
24978--------------------*/
24979/*-------------------
24980 Site Colors
24981--------------------*/
24982/*--- Colors ---*/
24983/*--- Light Colors ---*/
24984/*--- Neutrals ---*/
24985/*--- Colored Backgrounds ---*/
24986/*--- Colored Headers ---*/
24987/*--- Colored Text ---*/
24988/*--- Colored Border ---*/
24989/*-------------------
24990 Alpha Colors
24991--------------------*/
24992/*-------------------
24993 Accents
24994--------------------*/
24995/* Differentiating Neutrals */
24996/* Differentiating Layers */
24997/*******************************
24998 Power-User
24999*******************************/
25000/*-------------------
25001 Emotive Colors
25002--------------------*/
25003/* Positive */
25004/* Negative */
25005/* Info */
25006/* Warning */
25007/*-------------------
25008 Paths
25009--------------------*/
25010/* For source only. Modified in gulp for dist */
25011/*-------------------
25012 Em Sizes
25013--------------------*/
25014/*
25015 This rounds @size values to the closest pixel then expresses that value in (r)em.
25016 This ensures all size values round to exact pixels
25017*/
25018/* em */
25019/* rem */
25020/*-------------------
25021 Icons
25022--------------------*/
25023/* Maximum Glyph Width of Icon */
25024/*-------------------
25025 Neutral Text
25026--------------------*/
25027/*-------------------
25028 Brand Colors
25029--------------------*/
25030/*-------------------
25031 Borders
25032--------------------*/
25033/*-------------------
25034 Derived Values
25035--------------------*/
25036/* Loaders Position Offset */
25037/* Rendered Scrollbar Width */
25038/* Maximum Single Character Glyph Width, aka Capital "W" */
25039/* Used to match floats with text */
25040/* Header Spacing */
25041/* Minimum Mobile Width */
25042/* Positive / Negative Dupes */
25043/* Responsive */
25044/*-------------------
25045 Exact Pixel Values
25046--------------------*/
25047/*
25048 These are used to specify exact pixel values in em
25049 for things like borders that remain constantly
25050 sized as emSize adjusts
25051
25052 Since there are many more sizes than names for sizes,
25053 these are named by their original pixel values.
25054
25055*/
25056/* Columns */
25057/*******************************
25058 States
25059*******************************/
25060/*-------------------
25061 Disabled
25062--------------------*/
25063/*-------------------
25064 Hover
25065--------------------*/
25066/*--- Shadows ---*/
25067/*--- Colors ---*/
25068/*--- Emotive ---*/
25069/*--- Brand ---*/
25070/*--- Dark Tones ---*/
25071/*--- Light Tones ---*/
25072/*-------------------
25073 Focus
25074--------------------*/
25075/*--- Colors ---*/
25076/*--- Emotive ---*/
25077/*--- Brand ---*/
25078/*--- Dark Tones ---*/
25079/*--- Light Tones ---*/
25080/*-------------------
25081 Down (:active)
25082--------------------*/
25083/*--- Colors ---*/
25084/*--- Emotive ---*/
25085/*--- Brand ---*/
25086/*--- Dark Tones ---*/
25087/*--- Light Tones ---*/
25088/*-------------------
25089 Active
25090--------------------*/
25091/*--- Colors ---*/
25092/*--- Emotive ---*/
25093/*--- Brand ---*/
25094/*--- Dark Tones ---*/
25095/*--- Light Tones ---*/
25096/* Site theme site.variables */
25097/*-------------------
25098 Component Variables
25099---------------------*/
25100/* Default */
25101/*******************************
25102 Loader
25103*******************************/
25104/* Some global loader styles defined in site.variables */
25105/*-------------------
25106 Standard
25107--------------------*/
25108/*-------------------
25109 Types
25110--------------------*/
25111/* Text */
25112/*-------------------
25113 States
25114--------------------*/
25115/*-------------------
25116 Variations
25117--------------------*/
25118/* Exact Sizes (Avoids Rounding Errors) */
25119/* Packaged Theme */
25120/*******************************
25121 Loader
25122*******************************/
25123/* Some global loader styles defined in site.variables */
25124/*-------------------
25125 Standard
25126--------------------*/
25127/*-------------------
25128 Types
25129--------------------*/
25130/* Text */
25131/*-------------------
25132 States
25133--------------------*/
25134/*-------------------
25135 Variations
25136--------------------*/
25137/* Exact Sizes (Avoids Rounding Errors) */
25138/* Site Theme */
25139/*******************************
25140 Mix-ins
25141*******************************/
25142/*------------------
25143 Fonts
25144-------------------*/
25145/*------------------
25146 Overrides
25147-------------------*/
25148/* End Config */
25149/*******************************
25150 Loader
25151*******************************/
25152/* Standard Size */
25153.ui.loader {
25154 display: none;
25155 position: absolute;
25156 top: 50%;
25157 left: 50%;
25158 margin: 0px;
25159 text-align: center;
25160 z-index: 1000;
25161 transform: translateX(-50%) translateY(-50%);
25162}
25163/* Static Shape */
25164.ui.loader:before {
25165 position: absolute;
25166 content: '';
25167 top: 0%;
25168 left: 50%;
25169 width: 100%;
25170 height: 100%;
25171 border-radius: 500rem;
25172 border: 0.2em solid rgba(0, 0, 0, 0.1);
25173}
25174/* Active Shape */
25175.ui.loader:after {
25176 position: absolute;
25177 content: '';
25178 top: 0%;
25179 left: 50%;
25180 width: 100%;
25181 height: 100%;
25182 animation: loader 0.6s linear;
25183 animation-iteration-count: infinite;
25184 border-radius: 500rem;
25185 border-color: #767676 transparent transparent;
25186 border-style: solid;
25187 border-width: 0.2em;
25188 box-shadow: 0px 0px 0px 1px transparent;
25189}
25190/* Active Animation */
25191@keyframes loader {
25192 from {
25193 transform: rotate(0deg);
25194 }
25195 to {
25196 transform: rotate(360deg);
25197 }
25198}
25199/* Sizes */
25200.ui.mini.loader:before,
25201.ui.mini.loader:after {
25202 width: 1rem;
25203 height: 1rem;
25204 margin: 0em 0em 0em -0.5rem;
25205}
25206.ui.tiny.loader:before,
25207.ui.tiny.loader:after {
25208 width: 1.14285714rem;
25209 height: 1.14285714rem;
25210 margin: 0em 0em 0em -0.57142857rem;
25211}
25212.ui.small.loader:before,
25213.ui.small.loader:after {
25214 width: 1.71428571rem;
25215 height: 1.71428571rem;
25216 margin: 0em 0em 0em -0.85714286rem;
25217}
25218.ui.loader:before,
25219.ui.loader:after {
25220 width: 2.28571429rem;
25221 height: 2.28571429rem;
25222 margin: 0em 0em 0em -1.14285714rem;
25223}
25224.ui.large.loader:before,
25225.ui.large.loader:after {
25226 width: 3.42857143rem;
25227 height: 3.42857143rem;
25228 margin: 0em 0em 0em -1.71428571rem;
25229}
25230.ui.big.loader:before,
25231.ui.big.loader:after {
25232 width: 3.71428571rem;
25233 height: 3.71428571rem;
25234 margin: 0em 0em 0em -1.85714286rem;
25235}
25236.ui.huge.loader:before,
25237.ui.huge.loader:after {
25238 width: 4.14285714rem;
25239 height: 4.14285714rem;
25240 margin: 0em 0em 0em -2.07142857rem;
25241}
25242.ui.massive.loader:before,
25243.ui.massive.loader:after {
25244 width: 4.57142857rem;
25245 height: 4.57142857rem;
25246 margin: 0em 0em 0em -2.28571429rem;
25247}
25248/*-------------------
25249 Coupling
25250--------------------*/
25251/* Show inside active dimmer */
25252.ui.dimmer .loader {
25253 display: block;
25254}
25255/* Black Dimmer */
25256.ui.dimmer .ui.loader {
25257 color: rgba(255, 255, 255, 0.9);
25258}
25259.ui.dimmer .ui.loader:before {
25260 border-color: rgba(255, 255, 255, 0.15);
25261}
25262.ui.dimmer .ui.loader:after {
25263 border-color: #FFFFFF transparent transparent;
25264}
25265/* White Dimmer (Inverted) */
25266.ui.inverted.dimmer .ui.loader {
25267 color: rgba(0, 0, 0, 0.87);
25268}
25269.ui.inverted.dimmer .ui.loader:before {
25270 border-color: rgba(0, 0, 0, 0.1);
25271}
25272.ui.inverted.dimmer .ui.loader:after {
25273 border-color: #767676 transparent transparent;
25274}
25275/*******************************
25276 Types
25277*******************************/
25278/*-------------------
25279 Text
25280--------------------*/
25281.ui.text.loader {
25282 width: auto !important;
25283 height: auto !important;
25284 text-align: center;
25285 font-style: normal;
25286}
25287/*******************************
25288 States
25289*******************************/
25290.ui.indeterminate.loader:after {
25291 animation-direction: reverse;
25292 animation-duration: 1.2s;
25293}
25294.ui.loader.active,
25295.ui.loader.visible {
25296 display: block;
25297}
25298.ui.loader.disabled,
25299.ui.loader.hidden {
25300 display: none;
25301}
25302/*******************************
25303 Variations
25304*******************************/
25305/*-------------------
25306 Sizes
25307--------------------*/
25308/* Loader */
25309.ui.inverted.dimmer .ui.mini.loader,
25310.ui.mini.loader {
25311 width: 1rem;
25312 height: 1rem;
25313 font-size: 0.78571429em;
25314}
25315.ui.inverted.dimmer .ui.tiny.loader,
25316.ui.tiny.loader {
25317 width: 1.14285714rem;
25318 height: 1.14285714rem;
25319 font-size: 0.85714286em;
25320}
25321.ui.inverted.dimmer .ui.small.loader,
25322.ui.small.loader {
25323 width: 1.71428571rem;
25324 height: 1.71428571rem;
25325 font-size: 0.92857143em;
25326}
25327.ui.inverted.dimmer .ui.loader,
25328.ui.loader {
25329 width: 2.28571429rem;
25330 height: 2.28571429rem;
25331 font-size: 1em;
25332}
25333.ui.inverted.dimmer .ui.large.loader,
25334.ui.large.loader {
25335 width: 3.42857143rem;
25336 height: 3.42857143rem;
25337 font-size: 1.14285714em;
25338}
25339.ui.inverted.dimmer .ui.big.loader,
25340.ui.big.loader {
25341 width: 3.71428571rem;
25342 height: 3.71428571rem;
25343 font-size: 1.28571429em;
25344}
25345.ui.inverted.dimmer .ui.huge.loader,
25346.ui.huge.loader {
25347 width: 4.14285714rem;
25348 height: 4.14285714rem;
25349 font-size: 1.42857143em;
25350}
25351.ui.inverted.dimmer .ui.massive.loader,
25352.ui.massive.loader {
25353 width: 4.57142857rem;
25354 height: 4.57142857rem;
25355 font-size: 1.71428571em;
25356}
25357/* Text Loader */
25358.ui.mini.text.loader {
25359 min-width: 1rem;
25360 padding-top: 1.78571429rem;
25361}
25362.ui.tiny.text.loader {
25363 min-width: 1.14285714rem;
25364 padding-top: 1.92857143rem;
25365}
25366.ui.small.text.loader {
25367 min-width: 1.71428571rem;
25368 padding-top: 2.5rem;
25369}
25370.ui.text.loader {
25371 min-width: 2.28571429rem;
25372 padding-top: 3.07142857rem;
25373}
25374.ui.large.text.loader {
25375 min-width: 3.42857143rem;
25376 padding-top: 4.21428571rem;
25377}
25378.ui.big.text.loader {
25379 min-width: 3.71428571rem;
25380 padding-top: 4.5rem;
25381}
25382.ui.huge.text.loader {
25383 min-width: 4.14285714rem;
25384 padding-top: 4.92857143rem;
25385}
25386.ui.massive.text.loader {
25387 min-width: 4.57142857rem;
25388 padding-top: 5.35714286rem;
25389}
25390/*-------------------
25391 Inverted
25392--------------------*/
25393.ui.inverted.loader {
25394 color: rgba(255, 255, 255, 0.9);
25395}
25396.ui.inverted.loader:before {
25397 border-color: rgba(255, 255, 255, 0.15);
25398}
25399.ui.inverted.loader:after {
25400 border-top-color: #FFFFFF;
25401}
25402/*-------------------
25403 Inline
25404--------------------*/
25405.ui.inline.loader {
25406 position: relative;
25407 vertical-align: middle;
25408 margin: 0em;
25409 left: 0em;
25410 top: 0em;
25411 transform: none;
25412}
25413.ui.inline.loader.active,
25414.ui.inline.loader.visible {
25415 display: inline-block;
25416}
25417/* Centered Inline */
25418.ui.centered.inline.loader.active,
25419.ui.centered.inline.loader.visible {
25420 display: block;
25421 margin-left: auto;
25422 margin-right: auto;
25423}
25424/*******************************
25425 Theme Overrides
25426*******************************/
25427/*!
25428 * # Semantic UI - Rail
25429 * http://github.com/semantic-org/semantic-ui/
25430 *
25431 *
25432 * Released under the MIT license
25433 * http://opensource.org/licenses/MIT
25434 *
25435 */
25436/*******************************
25437 Theme
25438*******************************/
25439/*
25440
25441████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
25442╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
25443 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
25444 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
25445 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
25446 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
25447
25448*/
25449/*******************************
25450 Theme Selection
25451*******************************/
25452/* To override a theme for an individual element
25453 specify theme name below
25454*/
25455/* Global */
25456/* Elements */
25457/* Collections */
25458/* Modules */
25459/* Views */
25460/*******************************
25461 Folders
25462*******************************/
25463/* Path to theme packages */
25464/* Path to site override folder */
25465/*******************************
25466 Import Theme
25467*******************************/
25468/*******************************
25469 Import Directives
25470*******************************/
25471/*------------------
25472 Theme
25473-------------------*/
25474/*--------------------
25475 Site Variables
25476---------------------*/
25477/* Default site.variables */
25478/*******************************
25479 Site Settings
25480*******************************/
25481/*-------------------
25482 Fonts
25483--------------------*/
25484/*-------------------
25485 Base Sizes
25486--------------------*/
25487/* This is the single variable that controls them all */
25488/* The size of page text */
25489/*-------------------
25490 Border Radius
25491--------------------*/
25492/* See Power-user section below
25493 for explanation of @px variables
25494*/
25495/*-------------------
25496 Brand Colors
25497--------------------*/
25498/*--------------
25499 Page Heading
25500---------------*/
25501/*--------------
25502 Form Input
25503---------------*/
25504/* This adjusts the default form input across all elements */
25505/* Input Text Color */
25506/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
25507/*-------------------
25508 Focused Input
25509--------------------*/
25510/* Used on inputs, textarea etc */
25511/* Used on dropdowns, other larger blocks */
25512/*-------------------
25513 Sizes
25514--------------------*/
25515/*
25516 Sizes are all expressed in terms of 14px/em (default em)
25517 This ensures these "ratios" remain constant despite changes in EM
25518*/
25519/*-------------------
25520 Page
25521--------------------*/
25522/*-------------------
25523 Paragraph
25524--------------------*/
25525/*-------------------
25526 Links
25527--------------------*/
25528/*-------------------
25529 Scroll Bars
25530--------------------*/
25531/* Inverted */
25532/*-------------------
25533 Highlighted Text
25534--------------------*/
25535/*-------------------
25536 Loader
25537--------------------*/
25538/*-------------------
25539 Grid
25540--------------------*/
25541/*-------------------
25542 Transitions
25543--------------------*/
25544/*-------------------
25545 Breakpoints
25546--------------------*/
25547/*-------------------
25548 Site Colors
25549--------------------*/
25550/*--- Colors ---*/
25551/*--- Light Colors ---*/
25552/*--- Neutrals ---*/
25553/*--- Colored Backgrounds ---*/
25554/*--- Colored Headers ---*/
25555/*--- Colored Text ---*/
25556/*--- Colored Border ---*/
25557/*-------------------
25558 Alpha Colors
25559--------------------*/
25560/*-------------------
25561 Accents
25562--------------------*/
25563/* Differentiating Neutrals */
25564/* Differentiating Layers */
25565/*******************************
25566 Power-User
25567*******************************/
25568/*-------------------
25569 Emotive Colors
25570--------------------*/
25571/* Positive */
25572/* Negative */
25573/* Info */
25574/* Warning */
25575/*-------------------
25576 Paths
25577--------------------*/
25578/* For source only. Modified in gulp for dist */
25579/*-------------------
25580 Em Sizes
25581--------------------*/
25582/*
25583 This rounds @size values to the closest pixel then expresses that value in (r)em.
25584 This ensures all size values round to exact pixels
25585*/
25586/* em */
25587/* rem */
25588/*-------------------
25589 Icons
25590--------------------*/
25591/* Maximum Glyph Width of Icon */
25592/*-------------------
25593 Neutral Text
25594--------------------*/
25595/*-------------------
25596 Brand Colors
25597--------------------*/
25598/*-------------------
25599 Borders
25600--------------------*/
25601/*-------------------
25602 Derived Values
25603--------------------*/
25604/* Loaders Position Offset */
25605/* Rendered Scrollbar Width */
25606/* Maximum Single Character Glyph Width, aka Capital "W" */
25607/* Used to match floats with text */
25608/* Header Spacing */
25609/* Minimum Mobile Width */
25610/* Positive / Negative Dupes */
25611/* Responsive */
25612/*-------------------
25613 Exact Pixel Values
25614--------------------*/
25615/*
25616 These are used to specify exact pixel values in em
25617 for things like borders that remain constantly
25618 sized as emSize adjusts
25619
25620 Since there are many more sizes than names for sizes,
25621 these are named by their original pixel values.
25622
25623*/
25624/* Columns */
25625/*******************************
25626 States
25627*******************************/
25628/*-------------------
25629 Disabled
25630--------------------*/
25631/*-------------------
25632 Hover
25633--------------------*/
25634/*--- Shadows ---*/
25635/*--- Colors ---*/
25636/*--- Emotive ---*/
25637/*--- Brand ---*/
25638/*--- Dark Tones ---*/
25639/*--- Light Tones ---*/
25640/*-------------------
25641 Focus
25642--------------------*/
25643/*--- Colors ---*/
25644/*--- Emotive ---*/
25645/*--- Brand ---*/
25646/*--- Dark Tones ---*/
25647/*--- Light Tones ---*/
25648/*-------------------
25649 Down (:active)
25650--------------------*/
25651/*--- Colors ---*/
25652/*--- Emotive ---*/
25653/*--- Brand ---*/
25654/*--- Dark Tones ---*/
25655/*--- Light Tones ---*/
25656/*-------------------
25657 Active
25658--------------------*/
25659/*--- Colors ---*/
25660/*--- Emotive ---*/
25661/*--- Brand ---*/
25662/*--- Dark Tones ---*/
25663/*--- Light Tones ---*/
25664/* Packaged site.variables */
25665/*******************************
25666 Site Settings
25667*******************************/
25668/*-------------------
25669 Fonts
25670--------------------*/
25671/*-------------------
25672 Base Sizes
25673--------------------*/
25674/* This is the single variable that controls them all */
25675/* The size of page text */
25676/*-------------------
25677 Border Radius
25678--------------------*/
25679/* See Power-user section below
25680 for explanation of @px variables
25681*/
25682/*-------------------
25683 Brand Colors
25684--------------------*/
25685/*--------------
25686 Page Heading
25687---------------*/
25688/*--------------
25689 Form Input
25690---------------*/
25691/* This adjusts the default form input across all elements */
25692/* Input Text Color */
25693/* Line Height Default For Inputs in Browser */
25694/*-------------------
25695 Focused Input
25696--------------------*/
25697/* Used on inputs, textarea etc */
25698/* Used on dropdowns, other larger blocks */
25699/*-------------------
25700 Sizes
25701--------------------*/
25702/*
25703 Sizes are all expressed in terms of 14px/em (default em)
25704 This ensures these "ratios" remain constant despite changes in EM
25705*/
25706/*-------------------
25707 Page
25708--------------------*/
25709/*-------------------
25710 Paragraph
25711--------------------*/
25712/*-------------------
25713 Links
25714--------------------*/
25715/*-------------------
25716 Highlighted Text
25717--------------------*/
25718/*-------------------
25719 Loader
25720--------------------*/
25721/*-------------------
25722 Grid
25723--------------------*/
25724/*-------------------
25725 Transitions
25726--------------------*/
25727/*-------------------
25728 Breakpoints
25729--------------------*/
25730/*-------------------
25731 Site Colors
25732--------------------*/
25733/*--- Colors ---*/
25734/*--- Light Colors ---*/
25735/*--- Neutrals ---*/
25736/*--- Colored Backgrounds ---*/
25737/*--- Colored Headers ---*/
25738/*--- Colored Text ---*/
25739/*--- Colored Border ---*/
25740/*-------------------
25741 Alpha Colors
25742--------------------*/
25743/*-------------------
25744 Accents
25745--------------------*/
25746/* Differentiating Neutrals */
25747/* Differentiating Layers */
25748/*******************************
25749 Power-User
25750*******************************/
25751/*-------------------
25752 Emotive Colors
25753--------------------*/
25754/* Positive */
25755/* Negative */
25756/* Info */
25757/* Warning */
25758/*-------------------
25759 Paths
25760--------------------*/
25761/* For source only. Modified in gulp for dist */
25762/*-------------------
25763 Em Sizes
25764--------------------*/
25765/*
25766 This rounds @size values to the closest pixel then expresses that value in (r)em.
25767 This ensures all size values round to exact pixels
25768*/
25769/* em */
25770/* rem */
25771/*-------------------
25772 Icons
25773--------------------*/
25774/* Maximum Glyph Width of Icon */
25775/*-------------------
25776 Neutral Text
25777--------------------*/
25778/*-------------------
25779 Brand Colors
25780--------------------*/
25781/*-------------------
25782 Borders
25783--------------------*/
25784/*-------------------
25785 Derived Values
25786--------------------*/
25787/* Loaders Position Offset */
25788/* Rendered Scrollbar Width */
25789/* Maximum Single Character Glyph Width, aka Capital "W" */
25790/* Used to match floats with text */
25791/* Header Spacing */
25792/* Minimum Mobile Width */
25793/* Positive / Negative Dupes */
25794/* Responsive */
25795/*-------------------
25796 Exact Pixel Values
25797--------------------*/
25798/*
25799 These are used to specify exact pixel values in em
25800 for things like borders that remain constantly
25801 sized as emSize adjusts
25802
25803 Since there are many more sizes than names for sizes,
25804 these are named by their original pixel values.
25805
25806*/
25807/* Columns */
25808/*******************************
25809 States
25810*******************************/
25811/*-------------------
25812 Disabled
25813--------------------*/
25814/*-------------------
25815 Hover
25816--------------------*/
25817/*--- Shadows ---*/
25818/*--- Colors ---*/
25819/* https://github.com/Tripwire/octagon/issues/144 */
25820/*--- Emotive ---*/
25821/*--- Brand ---*/
25822/*--- Dark Tones ---*/
25823/*--- Light Tones ---*/
25824/*-------------------
25825 Focus
25826--------------------*/
25827/*--- Colors ---*/
25828/*--- Emotive ---*/
25829/*--- Brand ---*/
25830/*--- Dark Tones ---*/
25831/*--- Light Tones ---*/
25832/*-------------------
25833 Down (:active)
25834--------------------*/
25835/*--- Colors ---*/
25836/*--- Emotive ---*/
25837/*--- Brand ---*/
25838/*--- Dark Tones ---*/
25839/*--- Light Tones ---*/
25840/*-------------------
25841 Active
25842--------------------*/
25843/*--- Colors ---*/
25844/*--- Emotive ---*/
25845/*--- Brand ---*/
25846/*--- Dark Tones ---*/
25847/*--- Light Tones ---*/
25848/* Component's site.variables */
25849/*******************************
25850 Site Settings
25851*******************************/
25852/*-------------------
25853 Fonts
25854--------------------*/
25855/*-------------------
25856 Base Sizes
25857--------------------*/
25858/* This is the single variable that controls them all */
25859/* The size of page text */
25860/*-------------------
25861 Border Radius
25862--------------------*/
25863/* See Power-user section below
25864 for explanation of @px variables
25865*/
25866/*-------------------
25867 Brand Colors
25868--------------------*/
25869/*--------------
25870 Page Heading
25871---------------*/
25872/*--------------
25873 Form Input
25874---------------*/
25875/* This adjusts the default form input across all elements */
25876/* Input Text Color */
25877/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
25878/*-------------------
25879 Focused Input
25880--------------------*/
25881/* Used on inputs, textarea etc */
25882/* Used on dropdowns, other larger blocks */
25883/*-------------------
25884 Sizes
25885--------------------*/
25886/*
25887 Sizes are all expressed in terms of 14px/em (default em)
25888 This ensures these "ratios" remain constant despite changes in EM
25889*/
25890/*-------------------
25891 Page
25892--------------------*/
25893/*-------------------
25894 Paragraph
25895--------------------*/
25896/*-------------------
25897 Links
25898--------------------*/
25899/*-------------------
25900 Scroll Bars
25901--------------------*/
25902/* Inverted */
25903/*-------------------
25904 Highlighted Text
25905--------------------*/
25906/*-------------------
25907 Loader
25908--------------------*/
25909/*-------------------
25910 Grid
25911--------------------*/
25912/*-------------------
25913 Transitions
25914--------------------*/
25915/*-------------------
25916 Breakpoints
25917--------------------*/
25918/*-------------------
25919 Site Colors
25920--------------------*/
25921/*--- Colors ---*/
25922/*--- Light Colors ---*/
25923/*--- Neutrals ---*/
25924/*--- Colored Backgrounds ---*/
25925/*--- Colored Headers ---*/
25926/*--- Colored Text ---*/
25927/*--- Colored Border ---*/
25928/*-------------------
25929 Alpha Colors
25930--------------------*/
25931/*-------------------
25932 Accents
25933--------------------*/
25934/* Differentiating Neutrals */
25935/* Differentiating Layers */
25936/*******************************
25937 Power-User
25938*******************************/
25939/*-------------------
25940 Emotive Colors
25941--------------------*/
25942/* Positive */
25943/* Negative */
25944/* Info */
25945/* Warning */
25946/*-------------------
25947 Paths
25948--------------------*/
25949/* For source only. Modified in gulp for dist */
25950/*-------------------
25951 Em Sizes
25952--------------------*/
25953/*
25954 This rounds @size values to the closest pixel then expresses that value in (r)em.
25955 This ensures all size values round to exact pixels
25956*/
25957/* em */
25958/* rem */
25959/*-------------------
25960 Icons
25961--------------------*/
25962/* Maximum Glyph Width of Icon */
25963/*-------------------
25964 Neutral Text
25965--------------------*/
25966/*-------------------
25967 Brand Colors
25968--------------------*/
25969/*-------------------
25970 Borders
25971--------------------*/
25972/*-------------------
25973 Derived Values
25974--------------------*/
25975/* Loaders Position Offset */
25976/* Rendered Scrollbar Width */
25977/* Maximum Single Character Glyph Width, aka Capital "W" */
25978/* Used to match floats with text */
25979/* Header Spacing */
25980/* Minimum Mobile Width */
25981/* Positive / Negative Dupes */
25982/* Responsive */
25983/*-------------------
25984 Exact Pixel Values
25985--------------------*/
25986/*
25987 These are used to specify exact pixel values in em
25988 for things like borders that remain constantly
25989 sized as emSize adjusts
25990
25991 Since there are many more sizes than names for sizes,
25992 these are named by their original pixel values.
25993
25994*/
25995/* Columns */
25996/*******************************
25997 States
25998*******************************/
25999/*-------------------
26000 Disabled
26001--------------------*/
26002/*-------------------
26003 Hover
26004--------------------*/
26005/*--- Shadows ---*/
26006/*--- Colors ---*/
26007/*--- Emotive ---*/
26008/*--- Brand ---*/
26009/*--- Dark Tones ---*/
26010/*--- Light Tones ---*/
26011/*-------------------
26012 Focus
26013--------------------*/
26014/*--- Colors ---*/
26015/*--- Emotive ---*/
26016/*--- Brand ---*/
26017/*--- Dark Tones ---*/
26018/*--- Light Tones ---*/
26019/*-------------------
26020 Down (:active)
26021--------------------*/
26022/*--- Colors ---*/
26023/*--- Emotive ---*/
26024/*--- Brand ---*/
26025/*--- Dark Tones ---*/
26026/*--- Light Tones ---*/
26027/*-------------------
26028 Active
26029--------------------*/
26030/*--- Colors ---*/
26031/*--- Emotive ---*/
26032/*--- Brand ---*/
26033/*--- Dark Tones ---*/
26034/*--- Light Tones ---*/
26035/* Site theme site.variables */
26036/*-------------------
26037 Component Variables
26038---------------------*/
26039/* Default */
26040/*******************************
26041 Rail
26042*******************************/
26043/*-------------------
26044 Element
26045--------------------*/
26046/*-------------------
26047 Variations
26048--------------------*/
26049/* Close */
26050/* Dividing */
26051/* Packaged Theme */
26052/*******************************
26053 Rail
26054*******************************/
26055/*-------------------
26056 Element
26057--------------------*/
26058/*-------------------
26059 Variations
26060--------------------*/
26061/* Close */
26062/* Dividing */
26063/* Site Theme */
26064/*******************************
26065 Mix-ins
26066*******************************/
26067/*------------------
26068 Fonts
26069-------------------*/
26070/*------------------
26071 Overrides
26072-------------------*/
26073/* End Config */
26074/*******************************
26075 Rails
26076*******************************/
26077.ui.rail {
26078 position: absolute;
26079 top: 0%;
26080 width: 300px;
26081 height: 100%;
26082}
26083.ui.left.rail {
26084 left: auto;
26085 right: 100%;
26086 padding: 0em 2rem 0em 0em;
26087 margin: 0em 2rem 0em 0em;
26088}
26089.ui.right.rail {
26090 left: 100%;
26091 right: auto;
26092 padding: 0em 0em 0em 2rem;
26093 margin: 0em 0em 0em 2rem;
26094}
26095/*******************************
26096 Variations
26097*******************************/
26098/*--------------
26099 Internal
26100---------------*/
26101.ui.left.internal.rail {
26102 left: 0%;
26103 right: auto;
26104 padding: 0em 0em 0em 2rem;
26105 margin: 0em 0em 0em 2rem;
26106}
26107.ui.right.internal.rail {
26108 left: auto;
26109 right: 0%;
26110 padding: 0em 2rem 0em 0em;
26111 margin: 0em 2rem 0em 0em;
26112}
26113/*--------------
26114 Dividing
26115---------------*/
26116.ui.dividing.rail {
26117 width: 302.5px;
26118}
26119.ui.left.dividing.rail {
26120 padding: 0em 2.5rem 0em 0em;
26121 margin: 0em 2.5rem 0em 0em;
26122 border-right: 1px solid rgba(34, 36, 38, 0.15);
26123}
26124.ui.right.dividing.rail {
26125 border-left: 1px solid rgba(34, 36, 38, 0.15);
26126 padding: 0em 0em 0em 2.5rem;
26127 margin: 0em 0em 0em 2.5rem;
26128}
26129/*--------------
26130 Distance
26131---------------*/
26132.ui.close.rail {
26133 width: calc( 300px + 1em );
26134}
26135.ui.close.left.rail {
26136 padding: 0em 1em 0em 0em;
26137 margin: 0em 1em 0em 0em;
26138}
26139.ui.close.right.rail {
26140 padding: 0em 0em 0em 1em;
26141 margin: 0em 0em 0em 1em;
26142}
26143.ui.very.close.rail {
26144 width: calc( 300px + 0.5em );
26145}
26146.ui.very.close.left.rail {
26147 padding: 0em 0.5em 0em 0em;
26148 margin: 0em 0.5em 0em 0em;
26149}
26150.ui.very.close.right.rail {
26151 padding: 0em 0em 0em 0.5em;
26152 margin: 0em 0em 0em 0.5em;
26153}
26154/*--------------
26155 Attached
26156---------------*/
26157.ui.attached.left.rail,
26158.ui.attached.right.rail {
26159 padding: 0em;
26160 margin: 0em;
26161}
26162/*--------------
26163 Sizing
26164---------------*/
26165.ui.mini.rail {
26166 font-size: 0.78571429rem;
26167}
26168.ui.tiny.rail {
26169 font-size: 0.85714286rem;
26170}
26171.ui.small.rail {
26172 font-size: 0.92857143rem;
26173}
26174.ui.rail {
26175 font-size: 1rem;
26176}
26177.ui.large.rail {
26178 font-size: 1.14285714rem;
26179}
26180.ui.big.rail {
26181 font-size: 1.28571429rem;
26182}
26183.ui.huge.rail {
26184 font-size: 1.42857143rem;
26185}
26186.ui.massive.rail {
26187 font-size: 1.71428571rem;
26188}
26189/*******************************
26190 Theme Overrides
26191*******************************/
26192/*!
26193 * # Semantic UI - Reveal
26194 * http://github.com/semantic-org/semantic-ui/
26195 *
26196 *
26197 * Released under the MIT license
26198 * http://opensource.org/licenses/MIT
26199 *
26200 */
26201/*******************************
26202 Theme
26203*******************************/
26204/*
26205
26206████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
26207╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
26208 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
26209 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
26210 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
26211 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
26212
26213*/
26214/*******************************
26215 Theme Selection
26216*******************************/
26217/* To override a theme for an individual element
26218 specify theme name below
26219*/
26220/* Global */
26221/* Elements */
26222/* Collections */
26223/* Modules */
26224/* Views */
26225/*******************************
26226 Folders
26227*******************************/
26228/* Path to theme packages */
26229/* Path to site override folder */
26230/*******************************
26231 Import Theme
26232*******************************/
26233/*******************************
26234 Import Directives
26235*******************************/
26236/*------------------
26237 Theme
26238-------------------*/
26239/*--------------------
26240 Site Variables
26241---------------------*/
26242/* Default site.variables */
26243/*******************************
26244 Site Settings
26245*******************************/
26246/*-------------------
26247 Fonts
26248--------------------*/
26249/*-------------------
26250 Base Sizes
26251--------------------*/
26252/* This is the single variable that controls them all */
26253/* The size of page text */
26254/*-------------------
26255 Border Radius
26256--------------------*/
26257/* See Power-user section below
26258 for explanation of @px variables
26259*/
26260/*-------------------
26261 Brand Colors
26262--------------------*/
26263/*--------------
26264 Page Heading
26265---------------*/
26266/*--------------
26267 Form Input
26268---------------*/
26269/* This adjusts the default form input across all elements */
26270/* Input Text Color */
26271/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
26272/*-------------------
26273 Focused Input
26274--------------------*/
26275/* Used on inputs, textarea etc */
26276/* Used on dropdowns, other larger blocks */
26277/*-------------------
26278 Sizes
26279--------------------*/
26280/*
26281 Sizes are all expressed in terms of 14px/em (default em)
26282 This ensures these "ratios" remain constant despite changes in EM
26283*/
26284/*-------------------
26285 Page
26286--------------------*/
26287/*-------------------
26288 Paragraph
26289--------------------*/
26290/*-------------------
26291 Links
26292--------------------*/
26293/*-------------------
26294 Scroll Bars
26295--------------------*/
26296/* Inverted */
26297/*-------------------
26298 Highlighted Text
26299--------------------*/
26300/*-------------------
26301 Loader
26302--------------------*/
26303/*-------------------
26304 Grid
26305--------------------*/
26306/*-------------------
26307 Transitions
26308--------------------*/
26309/*-------------------
26310 Breakpoints
26311--------------------*/
26312/*-------------------
26313 Site Colors
26314--------------------*/
26315/*--- Colors ---*/
26316/*--- Light Colors ---*/
26317/*--- Neutrals ---*/
26318/*--- Colored Backgrounds ---*/
26319/*--- Colored Headers ---*/
26320/*--- Colored Text ---*/
26321/*--- Colored Border ---*/
26322/*-------------------
26323 Alpha Colors
26324--------------------*/
26325/*-------------------
26326 Accents
26327--------------------*/
26328/* Differentiating Neutrals */
26329/* Differentiating Layers */
26330/*******************************
26331 Power-User
26332*******************************/
26333/*-------------------
26334 Emotive Colors
26335--------------------*/
26336/* Positive */
26337/* Negative */
26338/* Info */
26339/* Warning */
26340/*-------------------
26341 Paths
26342--------------------*/
26343/* For source only. Modified in gulp for dist */
26344/*-------------------
26345 Em Sizes
26346--------------------*/
26347/*
26348 This rounds @size values to the closest pixel then expresses that value in (r)em.
26349 This ensures all size values round to exact pixels
26350*/
26351/* em */
26352/* rem */
26353/*-------------------
26354 Icons
26355--------------------*/
26356/* Maximum Glyph Width of Icon */
26357/*-------------------
26358 Neutral Text
26359--------------------*/
26360/*-------------------
26361 Brand Colors
26362--------------------*/
26363/*-------------------
26364 Borders
26365--------------------*/
26366/*-------------------
26367 Derived Values
26368--------------------*/
26369/* Loaders Position Offset */
26370/* Rendered Scrollbar Width */
26371/* Maximum Single Character Glyph Width, aka Capital "W" */
26372/* Used to match floats with text */
26373/* Header Spacing */
26374/* Minimum Mobile Width */
26375/* Positive / Negative Dupes */
26376/* Responsive */
26377/*-------------------
26378 Exact Pixel Values
26379--------------------*/
26380/*
26381 These are used to specify exact pixel values in em
26382 for things like borders that remain constantly
26383 sized as emSize adjusts
26384
26385 Since there are many more sizes than names for sizes,
26386 these are named by their original pixel values.
26387
26388*/
26389/* Columns */
26390/*******************************
26391 States
26392*******************************/
26393/*-------------------
26394 Disabled
26395--------------------*/
26396/*-------------------
26397 Hover
26398--------------------*/
26399/*--- Shadows ---*/
26400/*--- Colors ---*/
26401/*--- Emotive ---*/
26402/*--- Brand ---*/
26403/*--- Dark Tones ---*/
26404/*--- Light Tones ---*/
26405/*-------------------
26406 Focus
26407--------------------*/
26408/*--- Colors ---*/
26409/*--- Emotive ---*/
26410/*--- Brand ---*/
26411/*--- Dark Tones ---*/
26412/*--- Light Tones ---*/
26413/*-------------------
26414 Down (:active)
26415--------------------*/
26416/*--- Colors ---*/
26417/*--- Emotive ---*/
26418/*--- Brand ---*/
26419/*--- Dark Tones ---*/
26420/*--- Light Tones ---*/
26421/*-------------------
26422 Active
26423--------------------*/
26424/*--- Colors ---*/
26425/*--- Emotive ---*/
26426/*--- Brand ---*/
26427/*--- Dark Tones ---*/
26428/*--- Light Tones ---*/
26429/* Packaged site.variables */
26430/*******************************
26431 Site Settings
26432*******************************/
26433/*-------------------
26434 Fonts
26435--------------------*/
26436/*-------------------
26437 Base Sizes
26438--------------------*/
26439/* This is the single variable that controls them all */
26440/* The size of page text */
26441/*-------------------
26442 Border Radius
26443--------------------*/
26444/* See Power-user section below
26445 for explanation of @px variables
26446*/
26447/*-------------------
26448 Brand Colors
26449--------------------*/
26450/*--------------
26451 Page Heading
26452---------------*/
26453/*--------------
26454 Form Input
26455---------------*/
26456/* This adjusts the default form input across all elements */
26457/* Input Text Color */
26458/* Line Height Default For Inputs in Browser */
26459/*-------------------
26460 Focused Input
26461--------------------*/
26462/* Used on inputs, textarea etc */
26463/* Used on dropdowns, other larger blocks */
26464/*-------------------
26465 Sizes
26466--------------------*/
26467/*
26468 Sizes are all expressed in terms of 14px/em (default em)
26469 This ensures these "ratios" remain constant despite changes in EM
26470*/
26471/*-------------------
26472 Page
26473--------------------*/
26474/*-------------------
26475 Paragraph
26476--------------------*/
26477/*-------------------
26478 Links
26479--------------------*/
26480/*-------------------
26481 Highlighted Text
26482--------------------*/
26483/*-------------------
26484 Loader
26485--------------------*/
26486/*-------------------
26487 Grid
26488--------------------*/
26489/*-------------------
26490 Transitions
26491--------------------*/
26492/*-------------------
26493 Breakpoints
26494--------------------*/
26495/*-------------------
26496 Site Colors
26497--------------------*/
26498/*--- Colors ---*/
26499/*--- Light Colors ---*/
26500/*--- Neutrals ---*/
26501/*--- Colored Backgrounds ---*/
26502/*--- Colored Headers ---*/
26503/*--- Colored Text ---*/
26504/*--- Colored Border ---*/
26505/*-------------------
26506 Alpha Colors
26507--------------------*/
26508/*-------------------
26509 Accents
26510--------------------*/
26511/* Differentiating Neutrals */
26512/* Differentiating Layers */
26513/*******************************
26514 Power-User
26515*******************************/
26516/*-------------------
26517 Emotive Colors
26518--------------------*/
26519/* Positive */
26520/* Negative */
26521/* Info */
26522/* Warning */
26523/*-------------------
26524 Paths
26525--------------------*/
26526/* For source only. Modified in gulp for dist */
26527/*-------------------
26528 Em Sizes
26529--------------------*/
26530/*
26531 This rounds @size values to the closest pixel then expresses that value in (r)em.
26532 This ensures all size values round to exact pixels
26533*/
26534/* em */
26535/* rem */
26536/*-------------------
26537 Icons
26538--------------------*/
26539/* Maximum Glyph Width of Icon */
26540/*-------------------
26541 Neutral Text
26542--------------------*/
26543/*-------------------
26544 Brand Colors
26545--------------------*/
26546/*-------------------
26547 Borders
26548--------------------*/
26549/*-------------------
26550 Derived Values
26551--------------------*/
26552/* Loaders Position Offset */
26553/* Rendered Scrollbar Width */
26554/* Maximum Single Character Glyph Width, aka Capital "W" */
26555/* Used to match floats with text */
26556/* Header Spacing */
26557/* Minimum Mobile Width */
26558/* Positive / Negative Dupes */
26559/* Responsive */
26560/*-------------------
26561 Exact Pixel Values
26562--------------------*/
26563/*
26564 These are used to specify exact pixel values in em
26565 for things like borders that remain constantly
26566 sized as emSize adjusts
26567
26568 Since there are many more sizes than names for sizes,
26569 these are named by their original pixel values.
26570
26571*/
26572/* Columns */
26573/*******************************
26574 States
26575*******************************/
26576/*-------------------
26577 Disabled
26578--------------------*/
26579/*-------------------
26580 Hover
26581--------------------*/
26582/*--- Shadows ---*/
26583/*--- Colors ---*/
26584/* https://github.com/Tripwire/octagon/issues/144 */
26585/*--- Emotive ---*/
26586/*--- Brand ---*/
26587/*--- Dark Tones ---*/
26588/*--- Light Tones ---*/
26589/*-------------------
26590 Focus
26591--------------------*/
26592/*--- Colors ---*/
26593/*--- Emotive ---*/
26594/*--- Brand ---*/
26595/*--- Dark Tones ---*/
26596/*--- Light Tones ---*/
26597/*-------------------
26598 Down (:active)
26599--------------------*/
26600/*--- Colors ---*/
26601/*--- Emotive ---*/
26602/*--- Brand ---*/
26603/*--- Dark Tones ---*/
26604/*--- Light Tones ---*/
26605/*-------------------
26606 Active
26607--------------------*/
26608/*--- Colors ---*/
26609/*--- Emotive ---*/
26610/*--- Brand ---*/
26611/*--- Dark Tones ---*/
26612/*--- Light Tones ---*/
26613/* Component's site.variables */
26614/*******************************
26615 Site Settings
26616*******************************/
26617/*-------------------
26618 Fonts
26619--------------------*/
26620/*-------------------
26621 Base Sizes
26622--------------------*/
26623/* This is the single variable that controls them all */
26624/* The size of page text */
26625/*-------------------
26626 Border Radius
26627--------------------*/
26628/* See Power-user section below
26629 for explanation of @px variables
26630*/
26631/*-------------------
26632 Brand Colors
26633--------------------*/
26634/*--------------
26635 Page Heading
26636---------------*/
26637/*--------------
26638 Form Input
26639---------------*/
26640/* This adjusts the default form input across all elements */
26641/* Input Text Color */
26642/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
26643/*-------------------
26644 Focused Input
26645--------------------*/
26646/* Used on inputs, textarea etc */
26647/* Used on dropdowns, other larger blocks */
26648/*-------------------
26649 Sizes
26650--------------------*/
26651/*
26652 Sizes are all expressed in terms of 14px/em (default em)
26653 This ensures these "ratios" remain constant despite changes in EM
26654*/
26655/*-------------------
26656 Page
26657--------------------*/
26658/*-------------------
26659 Paragraph
26660--------------------*/
26661/*-------------------
26662 Links
26663--------------------*/
26664/*-------------------
26665 Scroll Bars
26666--------------------*/
26667/* Inverted */
26668/*-------------------
26669 Highlighted Text
26670--------------------*/
26671/*-------------------
26672 Loader
26673--------------------*/
26674/*-------------------
26675 Grid
26676--------------------*/
26677/*-------------------
26678 Transitions
26679--------------------*/
26680/*-------------------
26681 Breakpoints
26682--------------------*/
26683/*-------------------
26684 Site Colors
26685--------------------*/
26686/*--- Colors ---*/
26687/*--- Light Colors ---*/
26688/*--- Neutrals ---*/
26689/*--- Colored Backgrounds ---*/
26690/*--- Colored Headers ---*/
26691/*--- Colored Text ---*/
26692/*--- Colored Border ---*/
26693/*-------------------
26694 Alpha Colors
26695--------------------*/
26696/*-------------------
26697 Accents
26698--------------------*/
26699/* Differentiating Neutrals */
26700/* Differentiating Layers */
26701/*******************************
26702 Power-User
26703*******************************/
26704/*-------------------
26705 Emotive Colors
26706--------------------*/
26707/* Positive */
26708/* Negative */
26709/* Info */
26710/* Warning */
26711/*-------------------
26712 Paths
26713--------------------*/
26714/* For source only. Modified in gulp for dist */
26715/*-------------------
26716 Em Sizes
26717--------------------*/
26718/*
26719 This rounds @size values to the closest pixel then expresses that value in (r)em.
26720 This ensures all size values round to exact pixels
26721*/
26722/* em */
26723/* rem */
26724/*-------------------
26725 Icons
26726--------------------*/
26727/* Maximum Glyph Width of Icon */
26728/*-------------------
26729 Neutral Text
26730--------------------*/
26731/*-------------------
26732 Brand Colors
26733--------------------*/
26734/*-------------------
26735 Borders
26736--------------------*/
26737/*-------------------
26738 Derived Values
26739--------------------*/
26740/* Loaders Position Offset */
26741/* Rendered Scrollbar Width */
26742/* Maximum Single Character Glyph Width, aka Capital "W" */
26743/* Used to match floats with text */
26744/* Header Spacing */
26745/* Minimum Mobile Width */
26746/* Positive / Negative Dupes */
26747/* Responsive */
26748/*-------------------
26749 Exact Pixel Values
26750--------------------*/
26751/*
26752 These are used to specify exact pixel values in em
26753 for things like borders that remain constantly
26754 sized as emSize adjusts
26755
26756 Since there are many more sizes than names for sizes,
26757 these are named by their original pixel values.
26758
26759*/
26760/* Columns */
26761/*******************************
26762 States
26763*******************************/
26764/*-------------------
26765 Disabled
26766--------------------*/
26767/*-------------------
26768 Hover
26769--------------------*/
26770/*--- Shadows ---*/
26771/*--- Colors ---*/
26772/*--- Emotive ---*/
26773/*--- Brand ---*/
26774/*--- Dark Tones ---*/
26775/*--- Light Tones ---*/
26776/*-------------------
26777 Focus
26778--------------------*/
26779/*--- Colors ---*/
26780/*--- Emotive ---*/
26781/*--- Brand ---*/
26782/*--- Dark Tones ---*/
26783/*--- Light Tones ---*/
26784/*-------------------
26785 Down (:active)
26786--------------------*/
26787/*--- Colors ---*/
26788/*--- Emotive ---*/
26789/*--- Brand ---*/
26790/*--- Dark Tones ---*/
26791/*--- Light Tones ---*/
26792/*-------------------
26793 Active
26794--------------------*/
26795/*--- Colors ---*/
26796/*--- Emotive ---*/
26797/*--- Brand ---*/
26798/*--- Dark Tones ---*/
26799/*--- Light Tones ---*/
26800/* Site theme site.variables */
26801/*-------------------
26802 Component Variables
26803---------------------*/
26804/* Default */
26805/*******************************
26806 Reveal
26807*******************************/
26808/* Types */
26809/* Packaged Theme */
26810/*******************************
26811 Reveal
26812*******************************/
26813/* Types */
26814/* Site Theme */
26815/*******************************
26816 Mix-ins
26817*******************************/
26818/*------------------
26819 Fonts
26820-------------------*/
26821/*------------------
26822 Overrides
26823-------------------*/
26824/* End Config */
26825/*******************************
26826 Reveal
26827*******************************/
26828.ui.reveal {
26829 display: inherit;
26830 position: relative !important;
26831 font-size: 0em !important;
26832}
26833.ui.reveal > .visible.content {
26834 position: absolute !important;
26835 top: 0em !important;
26836 left: 0em !important;
26837 z-index: 3 !important;
26838 transition: all 0.5s ease 0.1s;
26839}
26840.ui.reveal > .hidden.content {
26841 position: relative !important;
26842 z-index: 2 !important;
26843}
26844/* Make sure hovered element is on top of other reveal */
26845.ui.active.reveal .visible.content,
26846.ui.reveal:hover .visible.content {
26847 z-index: 4 !important;
26848}
26849/*******************************
26850 Types
26851*******************************/
26852/*--------------
26853 Slide
26854---------------*/
26855.ui.slide.reveal {
26856 position: relative !important;
26857 overflow: hidden !important;
26858 white-space: nowrap;
26859}
26860.ui.slide.reveal > .content {
26861 display: block;
26862 width: 100%;
26863 white-space: normal;
26864 float: left;
26865 margin: 0em;
26866 transition: transform 0.5s ease 0.1s;
26867}
26868.ui.slide.reveal > .visible.content {
26869 position: relative !important;
26870}
26871.ui.slide.reveal > .hidden.content {
26872 position: absolute !important;
26873 left: 0% !important;
26874 width: 100% !important;
26875 transform: translateX(100%) !important;
26876}
26877.ui.slide.active.reveal > .visible.content,
26878.ui.slide.reveal:hover > .visible.content {
26879 transform: translateX(-100%) !important;
26880}
26881.ui.slide.active.reveal > .hidden.content,
26882.ui.slide.reveal:hover > .hidden.content {
26883 transform: translateX(0%) !important;
26884}
26885.ui.slide.right.reveal > .visible.content {
26886 transform: translateX(0%) !important;
26887}
26888.ui.slide.right.reveal > .hidden.content {
26889 transform: translateX(-100%) !important;
26890}
26891.ui.slide.right.active.reveal > .visible.content,
26892.ui.slide.right.reveal:hover > .visible.content {
26893 transform: translateX(100%) !important;
26894}
26895.ui.slide.right.active.reveal > .hidden.content,
26896.ui.slide.right.reveal:hover > .hidden.content {
26897 transform: translateX(0%) !important;
26898}
26899.ui.slide.up.reveal > .hidden.content {
26900 transform: translateY(100%) !important;
26901}
26902.ui.slide.up.active.reveal > .visible.content,
26903.ui.slide.up.reveal:hover > .visible.content {
26904 transform: translateY(-100%) !important;
26905}
26906.ui.slide.up.active.reveal > .hidden.content,
26907.ui.slide.up.reveal:hover > .hidden.content {
26908 transform: translateY(0%) !important;
26909}
26910.ui.slide.down.reveal > .hidden.content {
26911 transform: translateY(-100%) !important;
26912}
26913.ui.slide.down.active.reveal > .visible.content,
26914.ui.slide.down.reveal:hover > .visible.content {
26915 transform: translateY(100%) !important;
26916}
26917.ui.slide.down.active.reveal > .hidden.content,
26918.ui.slide.down.reveal:hover > .hidden.content {
26919 transform: translateY(0%) !important;
26920}
26921/*--------------
26922 Fade
26923---------------*/
26924.ui.fade.reveal > .visible.content {
26925 opacity: 1;
26926}
26927.ui.fade.active.reveal > .visible.content,
26928.ui.fade.reveal:hover > .visible.content {
26929 opacity: 0;
26930}
26931/*--------------
26932 Move
26933---------------*/
26934.ui.move.reveal {
26935 position: relative !important;
26936 overflow: hidden !important;
26937 white-space: nowrap;
26938}
26939.ui.move.reveal > .content {
26940 display: block;
26941 float: left;
26942 white-space: normal;
26943 margin: 0em;
26944 transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
26945}
26946.ui.move.reveal > .visible.content {
26947 position: relative !important;
26948}
26949.ui.move.reveal > .hidden.content {
26950 position: absolute !important;
26951 left: 0% !important;
26952 width: 100% !important;
26953}
26954.ui.move.active.reveal > .visible.content,
26955.ui.move.reveal:hover > .visible.content {
26956 transform: translateX(-100%) !important;
26957}
26958.ui.move.right.active.reveal > .visible.content,
26959.ui.move.right.reveal:hover > .visible.content {
26960 transform: translateX(100%) !important;
26961}
26962.ui.move.up.active.reveal > .visible.content,
26963.ui.move.up.reveal:hover > .visible.content {
26964 transform: translateY(-100%) !important;
26965}
26966.ui.move.down.active.reveal > .visible.content,
26967.ui.move.down.reveal:hover > .visible.content {
26968 transform: translateY(100%) !important;
26969}
26970/*--------------
26971 Rotate
26972---------------*/
26973.ui.rotate.reveal > .visible.content {
26974 transition-duration: 0.5s;
26975 transform: rotate(0deg);
26976}
26977.ui.rotate.reveal > .visible.content,
26978.ui.rotate.right.reveal > .visible.content {
26979 transform-origin: bottom right;
26980}
26981.ui.rotate.active.reveal > .visible.content,
26982.ui.rotate.reveal:hover > .visible.content,
26983.ui.rotate.right.active.reveal > .visible.content,
26984.ui.rotate.right.reveal:hover > .visible.content {
26985 transform: rotate(110deg);
26986}
26987.ui.rotate.left.reveal > .visible.content {
26988 transform-origin: bottom left;
26989}
26990.ui.rotate.left.active.reveal > .visible.content,
26991.ui.rotate.left.reveal:hover > .visible.content {
26992 transform: rotate(-110deg);
26993}
26994/*******************************
26995 States
26996*******************************/
26997.ui.disabled.reveal:hover > .visible.visible.content {
26998 position: static !important;
26999 display: block !important;
27000 opacity: 1 !important;
27001 top: 0 !important;
27002 left: 0 !important;
27003 right: auto !important;
27004 bottom: auto !important;
27005 transform: none !important;
27006}
27007.ui.disabled.reveal:hover > .hidden.hidden.content {
27008 display: none !important;
27009}
27010/*******************************
27011 Coupling
27012*******************************/
27013.ui.reveal > .ui.ribbon.label {
27014 z-index: 5;
27015}
27016/*******************************
27017 Variations
27018*******************************/
27019/*--------------
27020 Visible
27021---------------*/
27022.ui.visible.reveal {
27023 overflow: visible;
27024}
27025/*--------------
27026 Instant
27027---------------*/
27028.ui.instant.reveal > .content {
27029 transition-delay: 0s !important;
27030}
27031/*--------------
27032 Sizing
27033---------------*/
27034.ui.reveal > .content {
27035 font-size: 1rem !important;
27036}
27037/*******************************
27038 Theme Overrides
27039*******************************/
27040/*!
27041 * # Semantic UI - Segment
27042 * http://github.com/semantic-org/semantic-ui/
27043 *
27044 *
27045 * Released under the MIT license
27046 * http://opensource.org/licenses/MIT
27047 *
27048 */
27049/*******************************
27050 Theme
27051*******************************/
27052/*
27053
27054████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
27055╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
27056 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
27057 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
27058 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
27059 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
27060
27061*/
27062/*******************************
27063 Theme Selection
27064*******************************/
27065/* To override a theme for an individual element
27066 specify theme name below
27067*/
27068/* Global */
27069/* Elements */
27070/* Collections */
27071/* Modules */
27072/* Views */
27073/*******************************
27074 Folders
27075*******************************/
27076/* Path to theme packages */
27077/* Path to site override folder */
27078/*******************************
27079 Import Theme
27080*******************************/
27081/*******************************
27082 Import Directives
27083*******************************/
27084/*------------------
27085 Theme
27086-------------------*/
27087/*--------------------
27088 Site Variables
27089---------------------*/
27090/* Default site.variables */
27091/*******************************
27092 Site Settings
27093*******************************/
27094/*-------------------
27095 Fonts
27096--------------------*/
27097/*-------------------
27098 Base Sizes
27099--------------------*/
27100/* This is the single variable that controls them all */
27101/* The size of page text */
27102/*-------------------
27103 Border Radius
27104--------------------*/
27105/* See Power-user section below
27106 for explanation of @px variables
27107*/
27108/*-------------------
27109 Brand Colors
27110--------------------*/
27111/*--------------
27112 Page Heading
27113---------------*/
27114/*--------------
27115 Form Input
27116---------------*/
27117/* This adjusts the default form input across all elements */
27118/* Input Text Color */
27119/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
27120/*-------------------
27121 Focused Input
27122--------------------*/
27123/* Used on inputs, textarea etc */
27124/* Used on dropdowns, other larger blocks */
27125/*-------------------
27126 Sizes
27127--------------------*/
27128/*
27129 Sizes are all expressed in terms of 14px/em (default em)
27130 This ensures these "ratios" remain constant despite changes in EM
27131*/
27132/*-------------------
27133 Page
27134--------------------*/
27135/*-------------------
27136 Paragraph
27137--------------------*/
27138/*-------------------
27139 Links
27140--------------------*/
27141/*-------------------
27142 Scroll Bars
27143--------------------*/
27144/* Inverted */
27145/*-------------------
27146 Highlighted Text
27147--------------------*/
27148/*-------------------
27149 Loader
27150--------------------*/
27151/*-------------------
27152 Grid
27153--------------------*/
27154/*-------------------
27155 Transitions
27156--------------------*/
27157/*-------------------
27158 Breakpoints
27159--------------------*/
27160/*-------------------
27161 Site Colors
27162--------------------*/
27163/*--- Colors ---*/
27164/*--- Light Colors ---*/
27165/*--- Neutrals ---*/
27166/*--- Colored Backgrounds ---*/
27167/*--- Colored Headers ---*/
27168/*--- Colored Text ---*/
27169/*--- Colored Border ---*/
27170/*-------------------
27171 Alpha Colors
27172--------------------*/
27173/*-------------------
27174 Accents
27175--------------------*/
27176/* Differentiating Neutrals */
27177/* Differentiating Layers */
27178/*******************************
27179 Power-User
27180*******************************/
27181/*-------------------
27182 Emotive Colors
27183--------------------*/
27184/* Positive */
27185/* Negative */
27186/* Info */
27187/* Warning */
27188/*-------------------
27189 Paths
27190--------------------*/
27191/* For source only. Modified in gulp for dist */
27192/*-------------------
27193 Em Sizes
27194--------------------*/
27195/*
27196 This rounds @size values to the closest pixel then expresses that value in (r)em.
27197 This ensures all size values round to exact pixels
27198*/
27199/* em */
27200/* rem */
27201/*-------------------
27202 Icons
27203--------------------*/
27204/* Maximum Glyph Width of Icon */
27205/*-------------------
27206 Neutral Text
27207--------------------*/
27208/*-------------------
27209 Brand Colors
27210--------------------*/
27211/*-------------------
27212 Borders
27213--------------------*/
27214/*-------------------
27215 Derived Values
27216--------------------*/
27217/* Loaders Position Offset */
27218/* Rendered Scrollbar Width */
27219/* Maximum Single Character Glyph Width, aka Capital "W" */
27220/* Used to match floats with text */
27221/* Header Spacing */
27222/* Minimum Mobile Width */
27223/* Positive / Negative Dupes */
27224/* Responsive */
27225/*-------------------
27226 Exact Pixel Values
27227--------------------*/
27228/*
27229 These are used to specify exact pixel values in em
27230 for things like borders that remain constantly
27231 sized as emSize adjusts
27232
27233 Since there are many more sizes than names for sizes,
27234 these are named by their original pixel values.
27235
27236*/
27237/* Columns */
27238/*******************************
27239 States
27240*******************************/
27241/*-------------------
27242 Disabled
27243--------------------*/
27244/*-------------------
27245 Hover
27246--------------------*/
27247/*--- Shadows ---*/
27248/*--- Colors ---*/
27249/*--- Emotive ---*/
27250/*--- Brand ---*/
27251/*--- Dark Tones ---*/
27252/*--- Light Tones ---*/
27253/*-------------------
27254 Focus
27255--------------------*/
27256/*--- Colors ---*/
27257/*--- Emotive ---*/
27258/*--- Brand ---*/
27259/*--- Dark Tones ---*/
27260/*--- Light Tones ---*/
27261/*-------------------
27262 Down (:active)
27263--------------------*/
27264/*--- Colors ---*/
27265/*--- Emotive ---*/
27266/*--- Brand ---*/
27267/*--- Dark Tones ---*/
27268/*--- Light Tones ---*/
27269/*-------------------
27270 Active
27271--------------------*/
27272/*--- Colors ---*/
27273/*--- Emotive ---*/
27274/*--- Brand ---*/
27275/*--- Dark Tones ---*/
27276/*--- Light Tones ---*/
27277/* Packaged site.variables */
27278/*******************************
27279 Site Settings
27280*******************************/
27281/*-------------------
27282 Fonts
27283--------------------*/
27284/*-------------------
27285 Base Sizes
27286--------------------*/
27287/* This is the single variable that controls them all */
27288/* The size of page text */
27289/*-------------------
27290 Border Radius
27291--------------------*/
27292/* See Power-user section below
27293 for explanation of @px variables
27294*/
27295/*-------------------
27296 Brand Colors
27297--------------------*/
27298/*--------------
27299 Page Heading
27300---------------*/
27301/*--------------
27302 Form Input
27303---------------*/
27304/* This adjusts the default form input across all elements */
27305/* Input Text Color */
27306/* Line Height Default For Inputs in Browser */
27307/*-------------------
27308 Focused Input
27309--------------------*/
27310/* Used on inputs, textarea etc */
27311/* Used on dropdowns, other larger blocks */
27312/*-------------------
27313 Sizes
27314--------------------*/
27315/*
27316 Sizes are all expressed in terms of 14px/em (default em)
27317 This ensures these "ratios" remain constant despite changes in EM
27318*/
27319/*-------------------
27320 Page
27321--------------------*/
27322/*-------------------
27323 Paragraph
27324--------------------*/
27325/*-------------------
27326 Links
27327--------------------*/
27328/*-------------------
27329 Highlighted Text
27330--------------------*/
27331/*-------------------
27332 Loader
27333--------------------*/
27334/*-------------------
27335 Grid
27336--------------------*/
27337/*-------------------
27338 Transitions
27339--------------------*/
27340/*-------------------
27341 Breakpoints
27342--------------------*/
27343/*-------------------
27344 Site Colors
27345--------------------*/
27346/*--- Colors ---*/
27347/*--- Light Colors ---*/
27348/*--- Neutrals ---*/
27349/*--- Colored Backgrounds ---*/
27350/*--- Colored Headers ---*/
27351/*--- Colored Text ---*/
27352/*--- Colored Border ---*/
27353/*-------------------
27354 Alpha Colors
27355--------------------*/
27356/*-------------------
27357 Accents
27358--------------------*/
27359/* Differentiating Neutrals */
27360/* Differentiating Layers */
27361/*******************************
27362 Power-User
27363*******************************/
27364/*-------------------
27365 Emotive Colors
27366--------------------*/
27367/* Positive */
27368/* Negative */
27369/* Info */
27370/* Warning */
27371/*-------------------
27372 Paths
27373--------------------*/
27374/* For source only. Modified in gulp for dist */
27375/*-------------------
27376 Em Sizes
27377--------------------*/
27378/*
27379 This rounds @size values to the closest pixel then expresses that value in (r)em.
27380 This ensures all size values round to exact pixels
27381*/
27382/* em */
27383/* rem */
27384/*-------------------
27385 Icons
27386--------------------*/
27387/* Maximum Glyph Width of Icon */
27388/*-------------------
27389 Neutral Text
27390--------------------*/
27391/*-------------------
27392 Brand Colors
27393--------------------*/
27394/*-------------------
27395 Borders
27396--------------------*/
27397/*-------------------
27398 Derived Values
27399--------------------*/
27400/* Loaders Position Offset */
27401/* Rendered Scrollbar Width */
27402/* Maximum Single Character Glyph Width, aka Capital "W" */
27403/* Used to match floats with text */
27404/* Header Spacing */
27405/* Minimum Mobile Width */
27406/* Positive / Negative Dupes */
27407/* Responsive */
27408/*-------------------
27409 Exact Pixel Values
27410--------------------*/
27411/*
27412 These are used to specify exact pixel values in em
27413 for things like borders that remain constantly
27414 sized as emSize adjusts
27415
27416 Since there are many more sizes than names for sizes,
27417 these are named by their original pixel values.
27418
27419*/
27420/* Columns */
27421/*******************************
27422 States
27423*******************************/
27424/*-------------------
27425 Disabled
27426--------------------*/
27427/*-------------------
27428 Hover
27429--------------------*/
27430/*--- Shadows ---*/
27431/*--- Colors ---*/
27432/* https://github.com/Tripwire/octagon/issues/144 */
27433/*--- Emotive ---*/
27434/*--- Brand ---*/
27435/*--- Dark Tones ---*/
27436/*--- Light Tones ---*/
27437/*-------------------
27438 Focus
27439--------------------*/
27440/*--- Colors ---*/
27441/*--- Emotive ---*/
27442/*--- Brand ---*/
27443/*--- Dark Tones ---*/
27444/*--- Light Tones ---*/
27445/*-------------------
27446 Down (:active)
27447--------------------*/
27448/*--- Colors ---*/
27449/*--- Emotive ---*/
27450/*--- Brand ---*/
27451/*--- Dark Tones ---*/
27452/*--- Light Tones ---*/
27453/*-------------------
27454 Active
27455--------------------*/
27456/*--- Colors ---*/
27457/*--- Emotive ---*/
27458/*--- Brand ---*/
27459/*--- Dark Tones ---*/
27460/*--- Light Tones ---*/
27461/* Component's site.variables */
27462/*******************************
27463 Site Settings
27464*******************************/
27465/*-------------------
27466 Fonts
27467--------------------*/
27468/*-------------------
27469 Base Sizes
27470--------------------*/
27471/* This is the single variable that controls them all */
27472/* The size of page text */
27473/*-------------------
27474 Border Radius
27475--------------------*/
27476/* See Power-user section below
27477 for explanation of @px variables
27478*/
27479/*-------------------
27480 Brand Colors
27481--------------------*/
27482/*--------------
27483 Page Heading
27484---------------*/
27485/*--------------
27486 Form Input
27487---------------*/
27488/* This adjusts the default form input across all elements */
27489/* Input Text Color */
27490/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
27491/*-------------------
27492 Focused Input
27493--------------------*/
27494/* Used on inputs, textarea etc */
27495/* Used on dropdowns, other larger blocks */
27496/*-------------------
27497 Sizes
27498--------------------*/
27499/*
27500 Sizes are all expressed in terms of 14px/em (default em)
27501 This ensures these "ratios" remain constant despite changes in EM
27502*/
27503/*-------------------
27504 Page
27505--------------------*/
27506/*-------------------
27507 Paragraph
27508--------------------*/
27509/*-------------------
27510 Links
27511--------------------*/
27512/*-------------------
27513 Scroll Bars
27514--------------------*/
27515/* Inverted */
27516/*-------------------
27517 Highlighted Text
27518--------------------*/
27519/*-------------------
27520 Loader
27521--------------------*/
27522/*-------------------
27523 Grid
27524--------------------*/
27525/*-------------------
27526 Transitions
27527--------------------*/
27528/*-------------------
27529 Breakpoints
27530--------------------*/
27531/*-------------------
27532 Site Colors
27533--------------------*/
27534/*--- Colors ---*/
27535/*--- Light Colors ---*/
27536/*--- Neutrals ---*/
27537/*--- Colored Backgrounds ---*/
27538/*--- Colored Headers ---*/
27539/*--- Colored Text ---*/
27540/*--- Colored Border ---*/
27541/*-------------------
27542 Alpha Colors
27543--------------------*/
27544/*-------------------
27545 Accents
27546--------------------*/
27547/* Differentiating Neutrals */
27548/* Differentiating Layers */
27549/*******************************
27550 Power-User
27551*******************************/
27552/*-------------------
27553 Emotive Colors
27554--------------------*/
27555/* Positive */
27556/* Negative */
27557/* Info */
27558/* Warning */
27559/*-------------------
27560 Paths
27561--------------------*/
27562/* For source only. Modified in gulp for dist */
27563/*-------------------
27564 Em Sizes
27565--------------------*/
27566/*
27567 This rounds @size values to the closest pixel then expresses that value in (r)em.
27568 This ensures all size values round to exact pixels
27569*/
27570/* em */
27571/* rem */
27572/*-------------------
27573 Icons
27574--------------------*/
27575/* Maximum Glyph Width of Icon */
27576/*-------------------
27577 Neutral Text
27578--------------------*/
27579/*-------------------
27580 Brand Colors
27581--------------------*/
27582/*-------------------
27583 Borders
27584--------------------*/
27585/*-------------------
27586 Derived Values
27587--------------------*/
27588/* Loaders Position Offset */
27589/* Rendered Scrollbar Width */
27590/* Maximum Single Character Glyph Width, aka Capital "W" */
27591/* Used to match floats with text */
27592/* Header Spacing */
27593/* Minimum Mobile Width */
27594/* Positive / Negative Dupes */
27595/* Responsive */
27596/*-------------------
27597 Exact Pixel Values
27598--------------------*/
27599/*
27600 These are used to specify exact pixel values in em
27601 for things like borders that remain constantly
27602 sized as emSize adjusts
27603
27604 Since there are many more sizes than names for sizes,
27605 these are named by their original pixel values.
27606
27607*/
27608/* Columns */
27609/*******************************
27610 States
27611*******************************/
27612/*-------------------
27613 Disabled
27614--------------------*/
27615/*-------------------
27616 Hover
27617--------------------*/
27618/*--- Shadows ---*/
27619/*--- Colors ---*/
27620/*--- Emotive ---*/
27621/*--- Brand ---*/
27622/*--- Dark Tones ---*/
27623/*--- Light Tones ---*/
27624/*-------------------
27625 Focus
27626--------------------*/
27627/*--- Colors ---*/
27628/*--- Emotive ---*/
27629/*--- Brand ---*/
27630/*--- Dark Tones ---*/
27631/*--- Light Tones ---*/
27632/*-------------------
27633 Down (:active)
27634--------------------*/
27635/*--- Colors ---*/
27636/*--- Emotive ---*/
27637/*--- Brand ---*/
27638/*--- Dark Tones ---*/
27639/*--- Light Tones ---*/
27640/*-------------------
27641 Active
27642--------------------*/
27643/*--- Colors ---*/
27644/*--- Emotive ---*/
27645/*--- Brand ---*/
27646/*--- Dark Tones ---*/
27647/*--- Light Tones ---*/
27648/* Site theme site.variables */
27649/*-------------------
27650 Component Variables
27651---------------------*/
27652/* Default */
27653/*******************************
27654 Segment
27655*******************************/
27656/*-------------------
27657 Element
27658--------------------*/
27659/*-------------------
27660 Group
27661--------------------*/
27662/*-------------------
27663 Coupling
27664--------------------*/
27665/* Page Grid Segment */
27666/*******************************
27667 States
27668*******************************/
27669/* Loading Dimmer */
27670/* Loading Spinner */
27671/*******************************
27672 Variations
27673*******************************/
27674/* Piled */
27675/* Circular */
27676/* Stacked */
27677/* Raised */
27678/* Padded */
27679/* Attached */
27680/* Inverted */
27681/* Floated */
27682/* Basic */
27683/* Colors */
27684/* Ordinality */
27685/* Packaged Theme */
27686/*******************************
27687 Segment
27688*******************************/
27689/*-------------------
27690 Element
27691--------------------*/
27692/*-------------------
27693 Group
27694--------------------*/
27695/*-------------------
27696 Coupling
27697--------------------*/
27698/* Page Grid Segment */
27699/*******************************
27700 States
27701*******************************/
27702/* Loading Dimmer */
27703/* Loading Spinner */
27704/*******************************
27705 Variations
27706*******************************/
27707/* Piled */
27708/* Circular */
27709/* Stacked */
27710/* Raised */
27711/* Padded */
27712/* Attached */
27713/* Inverted */
27714/* Floated */
27715/* Basic */
27716/* Colors */
27717/* Ordinality */
27718/* Site Theme */
27719/*******************************
27720 Mix-ins
27721*******************************/
27722/*------------------
27723 Fonts
27724-------------------*/
27725/*------------------
27726 Overrides
27727-------------------*/
27728/* End Config */
27729/*******************************
27730 Segment
27731*******************************/
27732.ui.segment {
27733 position: relative;
27734 background: #FFFFFF;
27735 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
27736 margin: 1rem 0em;
27737 padding: 1em 1em;
27738 border-radius: 0.28571429rem;
27739 border: 1px solid rgba(34, 36, 38, 0.15);
27740}
27741.ui.segment:first-child {
27742 margin-top: 0em;
27743}
27744.ui.segment:last-child {
27745 margin-bottom: 0em;
27746}
27747/* Vertical */
27748.ui.vertical.segment {
27749 margin: 0em;
27750 padding-left: 0em;
27751 padding-right: 0em;
27752 background: none transparent;
27753 border-radius: 0px;
27754 box-shadow: none;
27755 border: none;
27756 border-bottom: 1px solid rgba(34, 36, 38, 0.15);
27757}
27758.ui.vertical.segment:last-child {
27759 border-bottom: none;
27760}
27761/*-------------------
27762 Loose Coupling
27763--------------------*/
27764/* Header */
27765.ui.inverted.segment > .ui.header {
27766 color: #FFFFFF;
27767}
27768/* Label */
27769.ui[class*="bottom attached"].segment > [class*="top attached"].label {
27770 border-top-left-radius: 0em;
27771 border-top-right-radius: 0em;
27772}
27773.ui[class*="top attached"].segment > [class*="bottom attached"].label {
27774 border-bottom-left-radius: 0em;
27775 border-bottom-right-radius: 0em;
27776}
27777.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
27778 border-top-left-radius: 0em;
27779 border-top-right-radius: 0em;
27780}
27781.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
27782 border-bottom-left-radius: 0em;
27783 border-bottom-right-radius: 0em;
27784}
27785/* Grid */
27786.ui.page.grid.segment,
27787.ui.grid > .row > .ui.segment.column,
27788.ui.grid > .ui.segment.column {
27789 padding-top: 2em;
27790 padding-bottom: 2em;
27791}
27792.ui.grid.segment {
27793 margin: 1rem 0em;
27794 border-radius: 0.28571429rem;
27795}
27796/* Table */
27797.ui.basic.table.segment {
27798 background: #FFFFFF;
27799 border: 1px solid rgba(34, 36, 38, 0.15);
27800 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
27801}
27802.ui[class*="very basic"].table.segment {
27803 padding: 1em 1em;
27804}
27805/*******************************
27806 Types
27807*******************************/
27808/*-------------------
27809 Piled
27810--------------------*/
27811.ui.piled.segments,
27812.ui.piled.segment {
27813 margin: 3em 0em;
27814 box-shadow: '';
27815 z-index: auto;
27816}
27817.ui.piled.segment:first-child {
27818 margin-top: 0em;
27819}
27820.ui.piled.segment:last-child {
27821 margin-bottom: 0em;
27822}
27823.ui.piled.segments:after,
27824.ui.piled.segments:before,
27825.ui.piled.segment:after,
27826.ui.piled.segment:before {
27827 background-color: #FFFFFF;
27828 visibility: visible;
27829 content: '';
27830 display: block;
27831 height: 100%;
27832 left: 0px;
27833 position: absolute;
27834 width: 100%;
27835 border: 1px solid rgba(34, 36, 38, 0.15);
27836 box-shadow: '';
27837}
27838.ui.piled.segments:before,
27839.ui.piled.segment:before {
27840 transform: rotate(-1.2deg);
27841 top: 0;
27842 z-index: -2;
27843}
27844.ui.piled.segments:after,
27845.ui.piled.segment:after {
27846 transform: rotate(1.2deg);
27847 top: 0;
27848 z-index: -1;
27849}
27850/* Piled Attached */
27851.ui[class*="top attached"].piled.segment {
27852 margin-top: 3em;
27853 margin-bottom: 0em;
27854}
27855.ui.piled.segment[class*="top attached"]:first-child {
27856 margin-top: 0em;
27857}
27858.ui.piled.segment[class*="bottom attached"] {
27859 margin-top: 0em;
27860 margin-bottom: 3em;
27861}
27862.ui.piled.segment[class*="bottom attached"]:last-child {
27863 margin-bottom: 0em;
27864}
27865/*-------------------
27866 Stacked
27867--------------------*/
27868.ui.stacked.segment {
27869 padding-bottom: 1.4em;
27870}
27871.ui.stacked.segments:before,
27872.ui.stacked.segments:after,
27873.ui.stacked.segment:before,
27874.ui.stacked.segment:after {
27875 content: '';
27876 position: absolute;
27877 bottom: -3px;
27878 left: 0%;
27879 border-top: 1px solid rgba(34, 36, 38, 0.15);
27880 background: rgba(0, 0, 0, 0.03);
27881 width: 100%;
27882 height: 6px;
27883 visibility: visible;
27884}
27885.ui.stacked.segments:before,
27886.ui.stacked.segment:before {
27887 display: none;
27888}
27889/* Add additional page */
27890.ui.tall.stacked.segments:before,
27891.ui.tall.stacked.segment:before {
27892 display: block;
27893 bottom: 0px;
27894}
27895/* Inverted */
27896.ui.stacked.inverted.segments:before,
27897.ui.stacked.inverted.segments:after,
27898.ui.stacked.inverted.segment:before,
27899.ui.stacked.inverted.segment:after {
27900 background-color: rgba(0, 0, 0, 0.03);
27901 border-top: 1px solid rgba(34, 36, 38, 0.35);
27902}
27903/*-------------------
27904 Padded
27905--------------------*/
27906.ui.padded.segment {
27907 padding: 1.5em;
27908}
27909.ui[class*="very padded"].segment {
27910 padding: 3em;
27911}
27912/* Padded vertical */
27913.ui.padded.segment.vertical.segment,
27914.ui[class*="very padded"].vertical.segment {
27915 padding-left: 0px;
27916 padding-right: 0px;
27917}
27918/*-------------------
27919 Compact
27920--------------------*/
27921.ui.compact.segment {
27922 display: table;
27923}
27924/* Compact Group */
27925.ui.compact.segments {
27926 display: inline-flex;
27927}
27928.ui.compact.segments .segment,
27929.ui.segments .compact.segment {
27930 display: block;
27931 flex: 0 1 auto;
27932}
27933/*-------------------
27934 Circular
27935--------------------*/
27936.ui.circular.segment {
27937 display: table-cell;
27938 padding: 2em;
27939 text-align: center;
27940 vertical-align: middle;
27941 border-radius: 500em;
27942}
27943/*-------------------
27944 Raised
27945--------------------*/
27946.ui.raised.segments,
27947.ui.raised.segment {
27948 box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
27949}
27950/*******************************
27951 Groups
27952*******************************/
27953/* Group */
27954.ui.segments {
27955 flex-direction: column;
27956 position: relative;
27957 margin: 1rem 0em;
27958 border: 1px solid rgba(34, 36, 38, 0.15);
27959 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
27960 border-radius: 0.28571429rem;
27961}
27962.ui.segments:first-child {
27963 margin-top: 0em;
27964}
27965.ui.segments:last-child {
27966 margin-bottom: 0em;
27967}
27968/* Nested Segment */
27969.ui.segments > .segment {
27970 top: 0px;
27971 bottom: 0px;
27972 border-radius: 0px;
27973 margin: 0em;
27974 width: auto;
27975 box-shadow: none;
27976 border: none;
27977 border-top: 1px solid rgba(34, 36, 38, 0.15);
27978}
27979.ui.segments:not(.horizontal) > .segment:first-child {
27980 border-top: none;
27981 margin-top: 0em;
27982 bottom: 0px;
27983 margin-bottom: 0em;
27984 top: 0px;
27985 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
27986}
27987/* Bottom */
27988.ui.segments:not(.horizontal) > .segment:last-child {
27989 top: 0px;
27990 bottom: 0px;
27991 margin-top: 0em;
27992 margin-bottom: 0em;
27993 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
27994 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
27995}
27996/* Only */
27997.ui.segments:not(.horizontal) > .segment:only-child {
27998 border-radius: 0.28571429rem;
27999}
28000/* Nested Group */
28001.ui.segments > .ui.segments {
28002 border-top: 1px solid rgba(34, 36, 38, 0.15);
28003 margin: 1rem 1rem;
28004}
28005.ui.segments > .segments:first-child {
28006 border-top: none;
28007}
28008.ui.segments > .segment + .segments:not(.horizontal) {
28009 margin-top: 0em;
28010}
28011/* Horizontal Group */
28012.ui.horizontal.segments {
28013 display: flex;
28014 flex-direction: row;
28015 background-color: transparent;
28016 border-radius: 0px;
28017 padding: 0em;
28018 background-color: #FFFFFF;
28019 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
28020 margin: 1rem 0em;
28021 border-radius: 0.28571429rem;
28022 border: 1px solid rgba(34, 36, 38, 0.15);
28023}
28024/* Nested Horizontal Group */
28025.ui.segments > .horizontal.segments {
28026 margin: 0em;
28027 background-color: transparent;
28028 border-radius: 0px;
28029 border: none;
28030 box-shadow: none;
28031 border-top: 1px solid rgba(34, 36, 38, 0.15);
28032}
28033/* Horizontal Segment */
28034.ui.horizontal.segments > .segment {
28035 flex: 1 1 auto;
28036 -ms-flex: 1 1 0px;
28037 /* Solves #2550 MS Flex */
28038 margin: 0em;
28039 min-width: 0px;
28040 background-color: transparent;
28041 border-radius: 0px;
28042 border: none;
28043 box-shadow: none;
28044 border-left: 1px solid rgba(34, 36, 38, 0.15);
28045}
28046/* Border Fixes */
28047.ui.segments > .horizontal.segments:first-child {
28048 border-top: none;
28049}
28050.ui.horizontal.segments > .segment:first-child {
28051 border-left: none;
28052}
28053/*******************************
28054 States
28055*******************************/
28056/*--------------
28057 Disabled
28058---------------*/
28059.ui.disabled.segment {
28060 opacity: 0.45;
28061 color: rgba(40, 40, 40, 0.3);
28062}
28063/*--------------
28064 Loading
28065---------------*/
28066.ui.loading.segment {
28067 position: relative;
28068 cursor: default;
28069 pointer-events: none;
28070 text-shadow: none !important;
28071 color: transparent !important;
28072 transition: all 0s linear;
28073}
28074.ui.loading.segment:before {
28075 position: absolute;
28076 content: '';
28077 top: 0%;
28078 left: 0%;
28079 background: rgba(255, 255, 255, 0.8);
28080 width: 100%;
28081 height: 100%;
28082 border-radius: 0.28571429rem;
28083 z-index: 100;
28084}
28085.ui.loading.segment:after {
28086 position: absolute;
28087 content: '';
28088 top: 50%;
28089 left: 50%;
28090 margin: -1.5em 0em 0em -1.5em;
28091 width: 3em;
28092 height: 3em;
28093 animation: segment-spin 0.6s linear;
28094 animation-iteration-count: infinite;
28095 border-radius: 500rem;
28096 border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
28097 border-style: solid;
28098 border-width: 0.2em;
28099 box-shadow: 0px 0px 0px 1px transparent;
28100 visibility: visible;
28101 z-index: 101;
28102}
28103@keyframes segment-spin {
28104 from {
28105 transform: rotate(0deg);
28106 }
28107 to {
28108 transform: rotate(360deg);
28109 }
28110}
28111/*******************************
28112 Variations
28113*******************************/
28114/*-------------------
28115 Basic
28116--------------------*/
28117.ui.basic.segment {
28118 background: none transparent;
28119 box-shadow: none;
28120 border: none;
28121 border-radius: 0px;
28122}
28123/*-------------------
28124 Clearing
28125--------------------*/
28126.ui.clearing.segment:after {
28127 content: ".";
28128 display: block;
28129 height: 0;
28130 clear: both;
28131 visibility: hidden;
28132}
28133/*-------------------
28134 Colors
28135--------------------*/
28136/* Red */
28137.ui.red.segment:not(.inverted) {
28138 border-top: 2px solid #DB2828 !important;
28139}
28140.ui.inverted.red.segment {
28141 background-color: #DB2828 !important;
28142 color: #FFFFFF !important;
28143}
28144/* Orange */
28145.ui.orange.segment:not(.inverted) {
28146 border-top: 2px solid #F2711C !important;
28147}
28148.ui.inverted.orange.segment {
28149 background-color: #F2711C !important;
28150 color: #FFFFFF !important;
28151}
28152/* Yellow */
28153.ui.yellow.segment:not(.inverted) {
28154 border-top: 2px solid #FBBD08 !important;
28155}
28156.ui.inverted.yellow.segment {
28157 background-color: #FBBD08 !important;
28158 color: #FFFFFF !important;
28159}
28160/* Olive */
28161.ui.olive.segment:not(.inverted) {
28162 border-top: 2px solid #B5CC18 !important;
28163}
28164.ui.inverted.olive.segment {
28165 background-color: #B5CC18 !important;
28166 color: #FFFFFF !important;
28167}
28168/* Green */
28169.ui.green.segment:not(.inverted) {
28170 border-top: 2px solid #21BA45 !important;
28171}
28172.ui.inverted.green.segment {
28173 background-color: #21BA45 !important;
28174 color: #FFFFFF !important;
28175}
28176/* Teal */
28177.ui.teal.segment:not(.inverted) {
28178 border-top: 2px solid #00B5AD !important;
28179}
28180.ui.inverted.teal.segment {
28181 background-color: #00B5AD !important;
28182 color: #FFFFFF !important;
28183}
28184/* Blue */
28185.ui.blue.segment:not(.inverted) {
28186 border-top: 2px solid #2185D0 !important;
28187}
28188.ui.inverted.blue.segment {
28189 background-color: #2185D0 !important;
28190 color: #FFFFFF !important;
28191}
28192/* Violet */
28193.ui.violet.segment:not(.inverted) {
28194 border-top: 2px solid #6435C9 !important;
28195}
28196.ui.inverted.violet.segment {
28197 background-color: #6435C9 !important;
28198 color: #FFFFFF !important;
28199}
28200/* Purple */
28201.ui.purple.segment:not(.inverted) {
28202 border-top: 2px solid #A333C8 !important;
28203}
28204.ui.inverted.purple.segment {
28205 background-color: #A333C8 !important;
28206 color: #FFFFFF !important;
28207}
28208/* Pink */
28209.ui.pink.segment:not(.inverted) {
28210 border-top: 2px solid #E03997 !important;
28211}
28212.ui.inverted.pink.segment {
28213 background-color: #E03997 !important;
28214 color: #FFFFFF !important;
28215}
28216/* Brown */
28217.ui.brown.segment:not(.inverted) {
28218 border-top: 2px solid #A5673F !important;
28219}
28220.ui.inverted.brown.segment {
28221 background-color: #A5673F !important;
28222 color: #FFFFFF !important;
28223}
28224/* Grey */
28225.ui.grey.segment:not(.inverted) {
28226 border-top: 2px solid #767676 !important;
28227}
28228.ui.inverted.grey.segment {
28229 background-color: #767676 !important;
28230 color: #FFFFFF !important;
28231}
28232/* Black */
28233.ui.black.segment:not(.inverted) {
28234 border-top: 2px solid #1B1C1D !important;
28235}
28236.ui.inverted.black.segment {
28237 background-color: #1B1C1D !important;
28238 color: #FFFFFF !important;
28239}
28240/*-------------------
28241 Aligned
28242--------------------*/
28243.ui[class*="left aligned"].segment {
28244 text-align: left;
28245}
28246.ui[class*="right aligned"].segment {
28247 text-align: right;
28248}
28249.ui[class*="center aligned"].segment {
28250 text-align: center;
28251}
28252/*-------------------
28253 Floated
28254--------------------*/
28255.ui.floated.segment,
28256.ui[class*="left floated"].segment {
28257 float: left;
28258 margin-right: 1em;
28259}
28260.ui[class*="right floated"].segment {
28261 float: right;
28262 margin-left: 1em;
28263}
28264/*-------------------
28265 Inverted
28266--------------------*/
28267.ui.inverted.segment {
28268 border: none;
28269 box-shadow: none;
28270}
28271.ui.inverted.segment,
28272.ui.primary.inverted.segment {
28273 background: #1B1C1D;
28274 color: rgba(255, 255, 255, 0.9);
28275}
28276/* Nested */
28277.ui.inverted.segment .segment {
28278 color: rgba(0, 0, 0, 0.87);
28279}
28280.ui.inverted.segment .inverted.segment {
28281 color: rgba(255, 255, 255, 0.9);
28282}
28283/* Attached */
28284.ui.inverted.attached.segment {
28285 border-color: #555555;
28286}
28287/*-------------------
28288 Emphasis
28289--------------------*/
28290/* Secondary */
28291.ui.secondary.segment {
28292 background: #F3F4F5;
28293 color: rgba(0, 0, 0, 0.6);
28294}
28295.ui.secondary.inverted.segment {
28296 background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
28297 color: rgba(255, 255, 255, 0.8);
28298}
28299/* Tertiary */
28300.ui.tertiary.segment {
28301 background: #DCDDDE;
28302 color: rgba(0, 0, 0, 0.6);
28303}
28304.ui.tertiary.inverted.segment {
28305 background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
28306 color: rgba(255, 255, 255, 0.8);
28307}
28308/*-------------------
28309 Attached
28310--------------------*/
28311/* Middle */
28312.ui.attached.segment {
28313 top: 0px;
28314 bottom: 0px;
28315 border-radius: 0px;
28316 margin: 0em -1px;
28317 width: calc(100% + 2px );
28318 max-width: calc(100% + 2px );
28319 box-shadow: none;
28320 border: 1px solid #D4D4D5;
28321}
28322.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
28323 border-top: none;
28324}
28325/* Top */
28326.ui[class*="top attached"].segment {
28327 bottom: 0px;
28328 margin-bottom: 0em;
28329 top: 0px;
28330 margin-top: 1rem;
28331 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
28332}
28333.ui.segment[class*="top attached"]:first-child {
28334 margin-top: 0em;
28335}
28336/* Bottom */
28337.ui.segment[class*="bottom attached"] {
28338 bottom: 0px;
28339 margin-top: 0em;
28340 top: 0px;
28341 margin-bottom: 1rem;
28342 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
28343 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
28344}
28345.ui.segment[class*="bottom attached"]:last-child {
28346 margin-bottom: 0em;
28347}
28348/*-------------------
28349 Size
28350--------------------*/
28351.ui.mini.segments .segment,
28352.ui.mini.segment {
28353 font-size: 0.78571429rem;
28354}
28355.ui.tiny.segments .segment,
28356.ui.tiny.segment {
28357 font-size: 0.85714286rem;
28358}
28359.ui.small.segments .segment,
28360.ui.small.segment {
28361 font-size: 0.92857143rem;
28362}
28363.ui.segments .segment,
28364.ui.segment {
28365 font-size: 1rem;
28366}
28367.ui.large.segments .segment,
28368.ui.large.segment {
28369 font-size: 1.14285714rem;
28370}
28371.ui.big.segments .segment,
28372.ui.big.segment {
28373 font-size: 1.28571429rem;
28374}
28375.ui.huge.segments .segment,
28376.ui.huge.segment {
28377 font-size: 1.42857143rem;
28378}
28379.ui.massive.segments .segment,
28380.ui.massive.segment {
28381 font-size: 1.71428571rem;
28382}
28383/*******************************
28384 Theme Overrides
28385*******************************/
28386/*!
28387 * # Semantic UI - Step
28388 * http://github.com/semantic-org/semantic-ui/
28389 *
28390 *
28391 * Released under the MIT license
28392 * http://opensource.org/licenses/MIT
28393 *
28394 */
28395/*******************************
28396 Step
28397*******************************/
28398/*--------------
28399 Load Theme
28400---------------*/
28401/*
28402
28403████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
28404╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
28405 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
28406 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
28407 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
28408 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
28409
28410*/
28411/*******************************
28412 Theme Selection
28413*******************************/
28414/* To override a theme for an individual element
28415 specify theme name below
28416*/
28417/* Global */
28418/* Elements */
28419/* Collections */
28420/* Modules */
28421/* Views */
28422/*******************************
28423 Folders
28424*******************************/
28425/* Path to theme packages */
28426/* Path to site override folder */
28427/*******************************
28428 Import Theme
28429*******************************/
28430/*******************************
28431 Import Directives
28432*******************************/
28433/*------------------
28434 Theme
28435-------------------*/
28436/*--------------------
28437 Site Variables
28438---------------------*/
28439/* Default site.variables */
28440/*******************************
28441 Site Settings
28442*******************************/
28443/*-------------------
28444 Fonts
28445--------------------*/
28446/*-------------------
28447 Base Sizes
28448--------------------*/
28449/* This is the single variable that controls them all */
28450/* The size of page text */
28451/*-------------------
28452 Border Radius
28453--------------------*/
28454/* See Power-user section below
28455 for explanation of @px variables
28456*/
28457/*-------------------
28458 Brand Colors
28459--------------------*/
28460/*--------------
28461 Page Heading
28462---------------*/
28463/*--------------
28464 Form Input
28465---------------*/
28466/* This adjusts the default form input across all elements */
28467/* Input Text Color */
28468/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
28469/*-------------------
28470 Focused Input
28471--------------------*/
28472/* Used on inputs, textarea etc */
28473/* Used on dropdowns, other larger blocks */
28474/*-------------------
28475 Sizes
28476--------------------*/
28477/*
28478 Sizes are all expressed in terms of 14px/em (default em)
28479 This ensures these "ratios" remain constant despite changes in EM
28480*/
28481/*-------------------
28482 Page
28483--------------------*/
28484/*-------------------
28485 Paragraph
28486--------------------*/
28487/*-------------------
28488 Links
28489--------------------*/
28490/*-------------------
28491 Scroll Bars
28492--------------------*/
28493/* Inverted */
28494/*-------------------
28495 Highlighted Text
28496--------------------*/
28497/*-------------------
28498 Loader
28499--------------------*/
28500/*-------------------
28501 Grid
28502--------------------*/
28503/*-------------------
28504 Transitions
28505--------------------*/
28506/*-------------------
28507 Breakpoints
28508--------------------*/
28509/*-------------------
28510 Site Colors
28511--------------------*/
28512/*--- Colors ---*/
28513/*--- Light Colors ---*/
28514/*--- Neutrals ---*/
28515/*--- Colored Backgrounds ---*/
28516/*--- Colored Headers ---*/
28517/*--- Colored Text ---*/
28518/*--- Colored Border ---*/
28519/*-------------------
28520 Alpha Colors
28521--------------------*/
28522/*-------------------
28523 Accents
28524--------------------*/
28525/* Differentiating Neutrals */
28526/* Differentiating Layers */
28527/*******************************
28528 Power-User
28529*******************************/
28530/*-------------------
28531 Emotive Colors
28532--------------------*/
28533/* Positive */
28534/* Negative */
28535/* Info */
28536/* Warning */
28537/*-------------------
28538 Paths
28539--------------------*/
28540/* For source only. Modified in gulp for dist */
28541/*-------------------
28542 Em Sizes
28543--------------------*/
28544/*
28545 This rounds @size values to the closest pixel then expresses that value in (r)em.
28546 This ensures all size values round to exact pixels
28547*/
28548/* em */
28549/* rem */
28550/*-------------------
28551 Icons
28552--------------------*/
28553/* Maximum Glyph Width of Icon */
28554/*-------------------
28555 Neutral Text
28556--------------------*/
28557/*-------------------
28558 Brand Colors
28559--------------------*/
28560/*-------------------
28561 Borders
28562--------------------*/
28563/*-------------------
28564 Derived Values
28565--------------------*/
28566/* Loaders Position Offset */
28567/* Rendered Scrollbar Width */
28568/* Maximum Single Character Glyph Width, aka Capital "W" */
28569/* Used to match floats with text */
28570/* Header Spacing */
28571/* Minimum Mobile Width */
28572/* Positive / Negative Dupes */
28573/* Responsive */
28574/*-------------------
28575 Exact Pixel Values
28576--------------------*/
28577/*
28578 These are used to specify exact pixel values in em
28579 for things like borders that remain constantly
28580 sized as emSize adjusts
28581
28582 Since there are many more sizes than names for sizes,
28583 these are named by their original pixel values.
28584
28585*/
28586/* Columns */
28587/*******************************
28588 States
28589*******************************/
28590/*-------------------
28591 Disabled
28592--------------------*/
28593/*-------------------
28594 Hover
28595--------------------*/
28596/*--- Shadows ---*/
28597/*--- Colors ---*/
28598/*--- Emotive ---*/
28599/*--- Brand ---*/
28600/*--- Dark Tones ---*/
28601/*--- Light Tones ---*/
28602/*-------------------
28603 Focus
28604--------------------*/
28605/*--- Colors ---*/
28606/*--- Emotive ---*/
28607/*--- Brand ---*/
28608/*--- Dark Tones ---*/
28609/*--- Light Tones ---*/
28610/*-------------------
28611 Down (:active)
28612--------------------*/
28613/*--- Colors ---*/
28614/*--- Emotive ---*/
28615/*--- Brand ---*/
28616/*--- Dark Tones ---*/
28617/*--- Light Tones ---*/
28618/*-------------------
28619 Active
28620--------------------*/
28621/*--- Colors ---*/
28622/*--- Emotive ---*/
28623/*--- Brand ---*/
28624/*--- Dark Tones ---*/
28625/*--- Light Tones ---*/
28626/* Packaged site.variables */
28627/*******************************
28628 Site Settings
28629*******************************/
28630/*-------------------
28631 Fonts
28632--------------------*/
28633/*-------------------
28634 Base Sizes
28635--------------------*/
28636/* This is the single variable that controls them all */
28637/* The size of page text */
28638/*-------------------
28639 Border Radius
28640--------------------*/
28641/* See Power-user section below
28642 for explanation of @px variables
28643*/
28644/*-------------------
28645 Brand Colors
28646--------------------*/
28647/*--------------
28648 Page Heading
28649---------------*/
28650/*--------------
28651 Form Input
28652---------------*/
28653/* This adjusts the default form input across all elements */
28654/* Input Text Color */
28655/* Line Height Default For Inputs in Browser */
28656/*-------------------
28657 Focused Input
28658--------------------*/
28659/* Used on inputs, textarea etc */
28660/* Used on dropdowns, other larger blocks */
28661/*-------------------
28662 Sizes
28663--------------------*/
28664/*
28665 Sizes are all expressed in terms of 14px/em (default em)
28666 This ensures these "ratios" remain constant despite changes in EM
28667*/
28668/*-------------------
28669 Page
28670--------------------*/
28671/*-------------------
28672 Paragraph
28673--------------------*/
28674/*-------------------
28675 Links
28676--------------------*/
28677/*-------------------
28678 Highlighted Text
28679--------------------*/
28680/*-------------------
28681 Loader
28682--------------------*/
28683/*-------------------
28684 Grid
28685--------------------*/
28686/*-------------------
28687 Transitions
28688--------------------*/
28689/*-------------------
28690 Breakpoints
28691--------------------*/
28692/*-------------------
28693 Site Colors
28694--------------------*/
28695/*--- Colors ---*/
28696/*--- Light Colors ---*/
28697/*--- Neutrals ---*/
28698/*--- Colored Backgrounds ---*/
28699/*--- Colored Headers ---*/
28700/*--- Colored Text ---*/
28701/*--- Colored Border ---*/
28702/*-------------------
28703 Alpha Colors
28704--------------------*/
28705/*-------------------
28706 Accents
28707--------------------*/
28708/* Differentiating Neutrals */
28709/* Differentiating Layers */
28710/*******************************
28711 Power-User
28712*******************************/
28713/*-------------------
28714 Emotive Colors
28715--------------------*/
28716/* Positive */
28717/* Negative */
28718/* Info */
28719/* Warning */
28720/*-------------------
28721 Paths
28722--------------------*/
28723/* For source only. Modified in gulp for dist */
28724/*-------------------
28725 Em Sizes
28726--------------------*/
28727/*
28728 This rounds @size values to the closest pixel then expresses that value in (r)em.
28729 This ensures all size values round to exact pixels
28730*/
28731/* em */
28732/* rem */
28733/*-------------------
28734 Icons
28735--------------------*/
28736/* Maximum Glyph Width of Icon */
28737/*-------------------
28738 Neutral Text
28739--------------------*/
28740/*-------------------
28741 Brand Colors
28742--------------------*/
28743/*-------------------
28744 Borders
28745--------------------*/
28746/*-------------------
28747 Derived Values
28748--------------------*/
28749/* Loaders Position Offset */
28750/* Rendered Scrollbar Width */
28751/* Maximum Single Character Glyph Width, aka Capital "W" */
28752/* Used to match floats with text */
28753/* Header Spacing */
28754/* Minimum Mobile Width */
28755/* Positive / Negative Dupes */
28756/* Responsive */
28757/*-------------------
28758 Exact Pixel Values
28759--------------------*/
28760/*
28761 These are used to specify exact pixel values in em
28762 for things like borders that remain constantly
28763 sized as emSize adjusts
28764
28765 Since there are many more sizes than names for sizes,
28766 these are named by their original pixel values.
28767
28768*/
28769/* Columns */
28770/*******************************
28771 States
28772*******************************/
28773/*-------------------
28774 Disabled
28775--------------------*/
28776/*-------------------
28777 Hover
28778--------------------*/
28779/*--- Shadows ---*/
28780/*--- Colors ---*/
28781/* https://github.com/Tripwire/octagon/issues/144 */
28782/*--- Emotive ---*/
28783/*--- Brand ---*/
28784/*--- Dark Tones ---*/
28785/*--- Light Tones ---*/
28786/*-------------------
28787 Focus
28788--------------------*/
28789/*--- Colors ---*/
28790/*--- Emotive ---*/
28791/*--- Brand ---*/
28792/*--- Dark Tones ---*/
28793/*--- Light Tones ---*/
28794/*-------------------
28795 Down (:active)
28796--------------------*/
28797/*--- Colors ---*/
28798/*--- Emotive ---*/
28799/*--- Brand ---*/
28800/*--- Dark Tones ---*/
28801/*--- Light Tones ---*/
28802/*-------------------
28803 Active
28804--------------------*/
28805/*--- Colors ---*/
28806/*--- Emotive ---*/
28807/*--- Brand ---*/
28808/*--- Dark Tones ---*/
28809/*--- Light Tones ---*/
28810/* Component's site.variables */
28811/*******************************
28812 Site Settings
28813*******************************/
28814/*-------------------
28815 Fonts
28816--------------------*/
28817/*-------------------
28818 Base Sizes
28819--------------------*/
28820/* This is the single variable that controls them all */
28821/* The size of page text */
28822/*-------------------
28823 Border Radius
28824--------------------*/
28825/* See Power-user section below
28826 for explanation of @px variables
28827*/
28828/*-------------------
28829 Brand Colors
28830--------------------*/
28831/*--------------
28832 Page Heading
28833---------------*/
28834/*--------------
28835 Form Input
28836---------------*/
28837/* This adjusts the default form input across all elements */
28838/* Input Text Color */
28839/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
28840/*-------------------
28841 Focused Input
28842--------------------*/
28843/* Used on inputs, textarea etc */
28844/* Used on dropdowns, other larger blocks */
28845/*-------------------
28846 Sizes
28847--------------------*/
28848/*
28849 Sizes are all expressed in terms of 14px/em (default em)
28850 This ensures these "ratios" remain constant despite changes in EM
28851*/
28852/*-------------------
28853 Page
28854--------------------*/
28855/*-------------------
28856 Paragraph
28857--------------------*/
28858/*-------------------
28859 Links
28860--------------------*/
28861/*-------------------
28862 Scroll Bars
28863--------------------*/
28864/* Inverted */
28865/*-------------------
28866 Highlighted Text
28867--------------------*/
28868/*-------------------
28869 Loader
28870--------------------*/
28871/*-------------------
28872 Grid
28873--------------------*/
28874/*-------------------
28875 Transitions
28876--------------------*/
28877/*-------------------
28878 Breakpoints
28879--------------------*/
28880/*-------------------
28881 Site Colors
28882--------------------*/
28883/*--- Colors ---*/
28884/*--- Light Colors ---*/
28885/*--- Neutrals ---*/
28886/*--- Colored Backgrounds ---*/
28887/*--- Colored Headers ---*/
28888/*--- Colored Text ---*/
28889/*--- Colored Border ---*/
28890/*-------------------
28891 Alpha Colors
28892--------------------*/
28893/*-------------------
28894 Accents
28895--------------------*/
28896/* Differentiating Neutrals */
28897/* Differentiating Layers */
28898/*******************************
28899 Power-User
28900*******************************/
28901/*-------------------
28902 Emotive Colors
28903--------------------*/
28904/* Positive */
28905/* Negative */
28906/* Info */
28907/* Warning */
28908/*-------------------
28909 Paths
28910--------------------*/
28911/* For source only. Modified in gulp for dist */
28912/*-------------------
28913 Em Sizes
28914--------------------*/
28915/*
28916 This rounds @size values to the closest pixel then expresses that value in (r)em.
28917 This ensures all size values round to exact pixels
28918*/
28919/* em */
28920/* rem */
28921/*-------------------
28922 Icons
28923--------------------*/
28924/* Maximum Glyph Width of Icon */
28925/*-------------------
28926 Neutral Text
28927--------------------*/
28928/*-------------------
28929 Brand Colors
28930--------------------*/
28931/*-------------------
28932 Borders
28933--------------------*/
28934/*-------------------
28935 Derived Values
28936--------------------*/
28937/* Loaders Position Offset */
28938/* Rendered Scrollbar Width */
28939/* Maximum Single Character Glyph Width, aka Capital "W" */
28940/* Used to match floats with text */
28941/* Header Spacing */
28942/* Minimum Mobile Width */
28943/* Positive / Negative Dupes */
28944/* Responsive */
28945/*-------------------
28946 Exact Pixel Values
28947--------------------*/
28948/*
28949 These are used to specify exact pixel values in em
28950 for things like borders that remain constantly
28951 sized as emSize adjusts
28952
28953 Since there are many more sizes than names for sizes,
28954 these are named by their original pixel values.
28955
28956*/
28957/* Columns */
28958/*******************************
28959 States
28960*******************************/
28961/*-------------------
28962 Disabled
28963--------------------*/
28964/*-------------------
28965 Hover
28966--------------------*/
28967/*--- Shadows ---*/
28968/*--- Colors ---*/
28969/*--- Emotive ---*/
28970/*--- Brand ---*/
28971/*--- Dark Tones ---*/
28972/*--- Light Tones ---*/
28973/*-------------------
28974 Focus
28975--------------------*/
28976/*--- Colors ---*/
28977/*--- Emotive ---*/
28978/*--- Brand ---*/
28979/*--- Dark Tones ---*/
28980/*--- Light Tones ---*/
28981/*-------------------
28982 Down (:active)
28983--------------------*/
28984/*--- Colors ---*/
28985/*--- Emotive ---*/
28986/*--- Brand ---*/
28987/*--- Dark Tones ---*/
28988/*--- Light Tones ---*/
28989/*-------------------
28990 Active
28991--------------------*/
28992/*--- Colors ---*/
28993/*--- Emotive ---*/
28994/*--- Brand ---*/
28995/*--- Dark Tones ---*/
28996/*--- Light Tones ---*/
28997/* Site theme site.variables */
28998/*-------------------
28999 Component Variables
29000---------------------*/
29001/* Default */
29002/*******************************
29003 Step
29004*******************************/
29005/*-------------------
29006 Group
29007--------------------*/
29008/*-------------------
29009 Element
29010--------------------*/
29011/* Icon */
29012/* Title */
29013/* Description */
29014/* Arrow */
29015/* Mobile */
29016/*-------------------
29017 Types
29018--------------------*/
29019/* Vertical */
29020/*-------------------
29021 Variations
29022--------------------*/
29023/*-------------------
29024 States
29025--------------------*/
29026/* Completed */
29027/* Hover */
29028/* Down */
29029/* Active */
29030/* Active + Hover */
29031/* Disabled */
29032/* Packaged Theme */
29033/*******************************
29034 Step
29035*******************************/
29036/*-------------------
29037 Group
29038--------------------*/
29039/*-------------------
29040 Element
29041--------------------*/
29042/* Icon */
29043/* Title */
29044/* Description */
29045/* Arrow */
29046/* Mobile */
29047/*-------------------
29048 Types
29049--------------------*/
29050/* Vertical */
29051/*-------------------
29052 Variations
29053--------------------*/
29054/*-------------------
29055 States
29056--------------------*/
29057/* Completed */
29058/* Hover */
29059/* Down */
29060/* Active */
29061/* Active + Hover */
29062/* Disabled */
29063/* Site Theme */
29064/*******************************
29065 Mix-ins
29066*******************************/
29067/*------------------
29068 Fonts
29069-------------------*/
29070/*------------------
29071 Overrides
29072-------------------*/
29073/* End Config */
29074/*******************************
29075 Plural
29076*******************************/
29077.ui.steps {
29078 display: inline-flex;
29079 flex-direction: row;
29080 align-items: stretch;
29081 margin: 1em 0em;
29082 background: '';
29083 box-shadow: none;
29084 line-height: 1.14285714em;
29085 border-radius: 0.28571429rem;
29086 border: 1px solid rgba(34, 36, 38, 0.15);
29087}
29088/* First Steps */
29089.ui.steps:first-child {
29090 margin-top: 0em;
29091}
29092/* Last Steps */
29093.ui.steps:last-child {
29094 margin-bottom: 0em;
29095}
29096/*******************************
29097 Singular
29098*******************************/
29099.ui.steps .step {
29100 position: relative;
29101 display: flex;
29102 flex: 1 0 auto;
29103 flex-wrap: wrap;
29104 flex-direction: row;
29105 vertical-align: middle;
29106 align-items: center;
29107 justify-content: center;
29108 margin: 0em 0em;
29109 padding: 1.14285714em 2em;
29110 background: #FFFFFF;
29111 color: rgba(0, 0, 0, 0.87);
29112 box-shadow: none;
29113 border-radius: 0em;
29114 border: none;
29115 border-right: 1px solid rgba(34, 36, 38, 0.15);
29116 transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
29117}
29118/* Arrow */
29119.ui.steps .step:after {
29120 display: none;
29121 position: absolute;
29122 z-index: 2;
29123 content: '';
29124 top: 50%;
29125 right: 0%;
29126 border: medium none;
29127 background-color: #FFFFFF;
29128 width: 1.14285714em;
29129 height: 1.14285714em;
29130 border-style: solid;
29131 border-color: rgba(34, 36, 38, 0.15);
29132 border-width: 0px 1px 1px 0px;
29133 transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
29134 transform: translateY(-50%) translateX(50%) rotate(-45deg);
29135}
29136/* First Step */
29137.ui.steps .step:first-child {
29138 padding-left: 2em;
29139 border-radius: 0.28571429rem 0em 0em 0.28571429rem;
29140}
29141/* Last Step */
29142.ui.steps .step:last-child {
29143 border-radius: 0em 0.28571429rem 0.28571429rem 0em;
29144}
29145.ui.steps .step:last-child {
29146 border-right: none;
29147 margin-right: 0em;
29148}
29149/* Only Step */
29150.ui.steps .step:only-child {
29151 border-radius: 0.28571429rem;
29152}
29153/*******************************
29154 Content
29155*******************************/
29156/* Title */
29157.ui.steps .step .title {
29158 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
29159 font-size: 1.14285714em;
29160 font-weight: bold;
29161}
29162.ui.steps .step > .title {
29163 width: 100%;
29164}
29165/* Description */
29166.ui.steps .step .description {
29167 font-weight: normal;
29168 font-size: 0.92857143em;
29169 color: rgba(0, 0, 0, 0.87);
29170}
29171.ui.steps .step > .description {
29172 width: 100%;
29173}
29174.ui.steps .step .title ~ .description {
29175 margin-top: 0.25em;
29176}
29177/* Icon */
29178.ui.steps .step > .icon {
29179 line-height: 1;
29180 font-size: 2.5em;
29181 margin: 0em 1rem 0em 0em;
29182}
29183.ui.steps .step > .icon,
29184.ui.steps .step > .icon ~ .content {
29185 display: block;
29186 flex: 0 1 auto;
29187 align-self: middle;
29188}
29189.ui.steps .step > .icon ~ .content {
29190 flex-grow: 1 0 auto;
29191}
29192/* Horizontal Icon */
29193.ui.steps:not(.vertical) .step > .icon {
29194 width: auto;
29195}
29196/* Link */
29197.ui.steps .link.step,
29198.ui.steps a.step {
29199 cursor: pointer;
29200}
29201/*******************************
29202 Types
29203*******************************/
29204/*--------------
29205 Ordered
29206---------------*/
29207.ui.ordered.steps {
29208 counter-reset: ordered;
29209}
29210.ui.ordered.steps .step:before {
29211 display: block;
29212 position: static;
29213 text-align: center;
29214 content: counters(ordered, ".");
29215 align-self: middle;
29216 margin-right: 1rem;
29217 font-size: 2.5em;
29218 counter-increment: ordered;
29219 font-family: inherit;
29220 font-weight: bold;
29221}
29222.ui.ordered.steps .step > * {
29223 display: block;
29224 align-self: middle;
29225}
29226/*--------------
29227 Vertical
29228---------------*/
29229.ui.vertical.steps {
29230 display: inline-flex;
29231 flex-direction: column;
29232 overflow: visible;
29233}
29234.ui.vertical.steps .step {
29235 justify-content: flex-start;
29236 border-radius: 0em;
29237 padding: 1.14285714em 2em;
29238 border-right: none;
29239 border-bottom: 1px solid rgba(34, 36, 38, 0.15);
29240}
29241.ui.vertical.steps .step:first-child {
29242 padding: 1.14285714em 2em;
29243 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
29244}
29245.ui.vertical.steps .step:last-child {
29246 border-bottom: none;
29247 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
29248}
29249.ui.vertical.steps .step:only-child {
29250 border-radius: 0.28571429rem;
29251}
29252/* Arrow */
29253.ui.vertical.steps .step:after {
29254 display: none;
29255}
29256.ui.vertical.steps .step:after {
29257 top: 50%;
29258 right: 0%;
29259 border-width: 0px 1px 1px 0px;
29260}
29261.ui.vertical.steps .step:after {
29262 display: none;
29263}
29264.ui.vertical.steps .active.step:after {
29265 display: block;
29266}
29267.ui.vertical.steps .step:last-child:after {
29268 display: none;
29269}
29270.ui.vertical.steps .active.step:last-child:after {
29271 display: block;
29272}
29273/*---------------
29274 Responsive
29275----------------*/
29276/* Mobile (Default) */
29277@media only screen and (max-width: 767px) {
29278 .ui.steps:not(.unstackable) {
29279 display: inline-flex;
29280 overflow: visible;
29281 flex-direction: column;
29282 }
29283 .ui.steps:not(.unstackable) .step {
29284 width: 100% !important;
29285 flex-direction: column;
29286 border-radius: 0em;
29287 padding: 1.14285714em 2em;
29288 }
29289 .ui.steps:not(.unstackable) .step:first-child {
29290 padding: 1.14285714em 2em;
29291 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
29292 }
29293 .ui.steps:not(.unstackable) .step:last-child {
29294 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
29295 }
29296 /* Arrow */
29297 .ui.steps:not(.unstackable) .step:after {
29298 display: none !important;
29299 }
29300 /* Content */
29301 .ui.steps:not(.unstackable) .step .content {
29302 text-align: center;
29303 }
29304 /* Icon */
29305 .ui.steps:not(.unstackable) .step > .icon,
29306 .ui.ordered.steps:not(.unstackable) .step:before {
29307 margin: 0em 0em 1rem 0em;
29308 }
29309}
29310/*******************************
29311 States
29312*******************************/
29313/* Link Hover */
29314.ui.steps .link.step:hover::after,
29315.ui.steps .link.step:hover,
29316.ui.steps a.step:hover::after,
29317.ui.steps a.step:hover {
29318 background: #F9FAFB;
29319 color: rgba(0, 0, 0, 0.8);
29320}
29321/* Link Down */
29322.ui.steps .link.step:active::after,
29323.ui.steps .link.step:active,
29324.ui.steps a.step:active::after,
29325.ui.steps a.step:active {
29326 background: #F3F4F5;
29327 color: rgba(0, 0, 0, 0.9);
29328}
29329/* Active */
29330.ui.steps .step.active {
29331 cursor: auto;
29332 background: #F3F4F5;
29333}
29334.ui.steps .step.active:after {
29335 background: #F3F4F5;
29336}
29337.ui.steps .step.active .title {
29338 color: #4183C4;
29339}
29340.ui.ordered.steps .step.active:before,
29341.ui.steps .active.step .icon {
29342 color: rgba(0, 0, 0, 0.85);
29343}
29344/* Active Arrow */
29345.ui.steps .step:after {
29346 display: block;
29347}
29348.ui.steps .active.step:after {
29349 display: block;
29350}
29351.ui.steps .step:last-child:after {
29352 display: none;
29353}
29354.ui.steps .active.step:last-child:after {
29355 display: none;
29356}
29357/* Active Hover */
29358.ui.steps .link.active.step:hover::after,
29359.ui.steps .link.active.step:hover,
29360.ui.steps a.active.step:hover::after,
29361.ui.steps a.active.step:hover {
29362 cursor: pointer;
29363 background: #DCDDDE;
29364 color: rgba(0, 0, 0, 0.87);
29365}
29366/* Completed */
29367.ui.steps .step.completed > .icon:before,
29368.ui.ordered.steps .step.completed:before {
29369 color: #21BA45;
29370}
29371/* Disabled */
29372.ui.steps .disabled.step {
29373 cursor: auto;
29374 background: #FFFFFF;
29375 pointer-events: none;
29376}
29377.ui.steps .disabled.step,
29378.ui.steps .disabled.step .title,
29379.ui.steps .disabled.step .description {
29380 color: rgba(40, 40, 40, 0.3);
29381}
29382.ui.steps .disabled.step:after {
29383 background: #FFFFFF;
29384}
29385/*******************************
29386 Variations
29387*******************************/
29388/*--------------
29389 Stackable
29390---------------*/
29391/* Tablet Or Below */
29392@media only screen and (max-width: 991px) {
29393 .ui[class*="tablet stackable"].steps {
29394 display: inline-flex;
29395 overflow: visible;
29396 flex-direction: column;
29397 }
29398 /* Steps */
29399 .ui[class*="tablet stackable"].steps .step {
29400 flex-direction: column;
29401 border-radius: 0em;
29402 padding: 1.14285714em 2em;
29403 }
29404 .ui[class*="tablet stackable"].steps .step:first-child {
29405 padding: 1.14285714em 2em;
29406 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
29407 }
29408 .ui[class*="tablet stackable"].steps .step:last-child {
29409 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
29410 }
29411 /* Arrow */
29412 .ui[class*="tablet stackable"].steps .step:after {
29413 display: none !important;
29414 }
29415 /* Content */
29416 .ui[class*="tablet stackable"].steps .step .content {
29417 text-align: center;
29418 }
29419 /* Icon */
29420 .ui[class*="tablet stackable"].steps .step > .icon,
29421 .ui[class*="tablet stackable"].ordered.steps .step:before {
29422 margin: 0em 0em 1rem 0em;
29423 }
29424}
29425/*--------------
29426 Fluid
29427---------------*/
29428/* Fluid */
29429.ui.fluid.steps {
29430 display: flex;
29431 width: 100%;
29432}
29433/*--------------
29434 Attached
29435---------------*/
29436/* Top */
29437.ui.attached.steps {
29438 width: calc(100% + 2px ) !important;
29439 margin: 0em -1px 0;
29440 max-width: calc(100% + 2px );
29441 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
29442}
29443.ui.attached.steps .step:first-child {
29444 border-radius: 0.28571429rem 0em 0em 0em;
29445}
29446.ui.attached.steps .step:last-child {
29447 border-radius: 0em 0.28571429rem 0em 0em;
29448}
29449/* Bottom */
29450.ui.bottom.attached.steps {
29451 margin: 0 -1px 0em;
29452 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
29453}
29454.ui.bottom.attached.steps .step:first-child {
29455 border-radius: 0em 0em 0em 0.28571429rem;
29456}
29457.ui.bottom.attached.steps .step:last-child {
29458 border-radius: 0em 0em 0.28571429rem 0em;
29459}
29460/*-------------------
29461 Evenly Divided
29462--------------------*/
29463.ui.one.steps,
29464.ui.two.steps,
29465.ui.three.steps,
29466.ui.four.steps,
29467.ui.five.steps,
29468.ui.six.steps,
29469.ui.seven.steps,
29470.ui.eight.steps {
29471 width: 100%;
29472}
29473.ui.one.steps > .step,
29474.ui.two.steps > .step,
29475.ui.three.steps > .step,
29476.ui.four.steps > .step,
29477.ui.five.steps > .step,
29478.ui.six.steps > .step,
29479.ui.seven.steps > .step,
29480.ui.eight.steps > .step {
29481 flex-wrap: nowrap;
29482}
29483.ui.one.steps > .step {
29484 width: 100%;
29485}
29486.ui.two.steps > .step {
29487 width: 50%;
29488}
29489.ui.three.steps > .step {
29490 width: 33.333%;
29491}
29492.ui.four.steps > .step {
29493 width: 25%;
29494}
29495.ui.five.steps > .step {
29496 width: 20%;
29497}
29498.ui.six.steps > .step {
29499 width: 16.666%;
29500}
29501.ui.seven.steps > .step {
29502 width: 14.285%;
29503}
29504.ui.eight.steps > .step {
29505 width: 12.500%;
29506}
29507/*-------------------
29508 Sizes
29509--------------------*/
29510.ui.mini.steps .step,
29511.ui.mini.step {
29512 font-size: 0.78571429rem;
29513}
29514.ui.tiny.steps .step,
29515.ui.tiny.step {
29516 font-size: 0.85714286rem;
29517}
29518.ui.small.steps .step,
29519.ui.small.step {
29520 font-size: 0.92857143rem;
29521}
29522.ui.steps .step,
29523.ui.step {
29524 font-size: 1rem;
29525}
29526.ui.large.steps .step,
29527.ui.large.step {
29528 font-size: 1.14285714rem;
29529}
29530.ui.big.steps .step,
29531.ui.big.step {
29532 font-size: 1.28571429rem;
29533}
29534.ui.huge.steps .step,
29535.ui.huge.step {
29536 font-size: 1.42857143rem;
29537}
29538.ui.massive.steps .step,
29539.ui.massive.step {
29540 font-size: 1.71428571rem;
29541}
29542/*******************************
29543 Theme Overrides
29544*******************************/
29545@font-face {
29546 font-family: 'Step';
29547 src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff');
29548}
29549.ui.steps .step.completed > .icon:before,
29550.ui.ordered.steps .step.completed:before {
29551 font-family: 'Step';
29552 content: '\e800';
29553 /* '' */
29554}
29555/* Collections */
29556/*!
29557 * # Semantic UI - Breadcrumb
29558 * http://github.com/semantic-org/semantic-ui/
29559 *
29560 *
29561 * Released under the MIT license
29562 * http://opensource.org/licenses/MIT
29563 *
29564 */
29565/*******************************
29566 Theme
29567*******************************/
29568/*
29569
29570████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
29571╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
29572 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
29573 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
29574 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
29575 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
29576
29577*/
29578/*******************************
29579 Theme Selection
29580*******************************/
29581/* To override a theme for an individual element
29582 specify theme name below
29583*/
29584/* Global */
29585/* Elements */
29586/* Collections */
29587/* Modules */
29588/* Views */
29589/*******************************
29590 Folders
29591*******************************/
29592/* Path to theme packages */
29593/* Path to site override folder */
29594/*******************************
29595 Import Theme
29596*******************************/
29597/*******************************
29598 Import Directives
29599*******************************/
29600/*------------------
29601 Theme
29602-------------------*/
29603/*--------------------
29604 Site Variables
29605---------------------*/
29606/* Default site.variables */
29607/*******************************
29608 Site Settings
29609*******************************/
29610/*-------------------
29611 Fonts
29612--------------------*/
29613/*-------------------
29614 Base Sizes
29615--------------------*/
29616/* This is the single variable that controls them all */
29617/* The size of page text */
29618/*-------------------
29619 Border Radius
29620--------------------*/
29621/* See Power-user section below
29622 for explanation of @px variables
29623*/
29624/*-------------------
29625 Brand Colors
29626--------------------*/
29627/*--------------
29628 Page Heading
29629---------------*/
29630/*--------------
29631 Form Input
29632---------------*/
29633/* This adjusts the default form input across all elements */
29634/* Input Text Color */
29635/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
29636/*-------------------
29637 Focused Input
29638--------------------*/
29639/* Used on inputs, textarea etc */
29640/* Used on dropdowns, other larger blocks */
29641/*-------------------
29642 Sizes
29643--------------------*/
29644/*
29645 Sizes are all expressed in terms of 14px/em (default em)
29646 This ensures these "ratios" remain constant despite changes in EM
29647*/
29648/*-------------------
29649 Page
29650--------------------*/
29651/*-------------------
29652 Paragraph
29653--------------------*/
29654/*-------------------
29655 Links
29656--------------------*/
29657/*-------------------
29658 Scroll Bars
29659--------------------*/
29660/* Inverted */
29661/*-------------------
29662 Highlighted Text
29663--------------------*/
29664/*-------------------
29665 Loader
29666--------------------*/
29667/*-------------------
29668 Grid
29669--------------------*/
29670/*-------------------
29671 Transitions
29672--------------------*/
29673/*-------------------
29674 Breakpoints
29675--------------------*/
29676/*-------------------
29677 Site Colors
29678--------------------*/
29679/*--- Colors ---*/
29680/*--- Light Colors ---*/
29681/*--- Neutrals ---*/
29682/*--- Colored Backgrounds ---*/
29683/*--- Colored Headers ---*/
29684/*--- Colored Text ---*/
29685/*--- Colored Border ---*/
29686/*-------------------
29687 Alpha Colors
29688--------------------*/
29689/*-------------------
29690 Accents
29691--------------------*/
29692/* Differentiating Neutrals */
29693/* Differentiating Layers */
29694/*******************************
29695 Power-User
29696*******************************/
29697/*-------------------
29698 Emotive Colors
29699--------------------*/
29700/* Positive */
29701/* Negative */
29702/* Info */
29703/* Warning */
29704/*-------------------
29705 Paths
29706--------------------*/
29707/* For source only. Modified in gulp for dist */
29708/*-------------------
29709 Em Sizes
29710--------------------*/
29711/*
29712 This rounds @size values to the closest pixel then expresses that value in (r)em.
29713 This ensures all size values round to exact pixels
29714*/
29715/* em */
29716/* rem */
29717/*-------------------
29718 Icons
29719--------------------*/
29720/* Maximum Glyph Width of Icon */
29721/*-------------------
29722 Neutral Text
29723--------------------*/
29724/*-------------------
29725 Brand Colors
29726--------------------*/
29727/*-------------------
29728 Borders
29729--------------------*/
29730/*-------------------
29731 Derived Values
29732--------------------*/
29733/* Loaders Position Offset */
29734/* Rendered Scrollbar Width */
29735/* Maximum Single Character Glyph Width, aka Capital "W" */
29736/* Used to match floats with text */
29737/* Header Spacing */
29738/* Minimum Mobile Width */
29739/* Positive / Negative Dupes */
29740/* Responsive */
29741/*-------------------
29742 Exact Pixel Values
29743--------------------*/
29744/*
29745 These are used to specify exact pixel values in em
29746 for things like borders that remain constantly
29747 sized as emSize adjusts
29748
29749 Since there are many more sizes than names for sizes,
29750 these are named by their original pixel values.
29751
29752*/
29753/* Columns */
29754/*******************************
29755 States
29756*******************************/
29757/*-------------------
29758 Disabled
29759--------------------*/
29760/*-------------------
29761 Hover
29762--------------------*/
29763/*--- Shadows ---*/
29764/*--- Colors ---*/
29765/*--- Emotive ---*/
29766/*--- Brand ---*/
29767/*--- Dark Tones ---*/
29768/*--- Light Tones ---*/
29769/*-------------------
29770 Focus
29771--------------------*/
29772/*--- Colors ---*/
29773/*--- Emotive ---*/
29774/*--- Brand ---*/
29775/*--- Dark Tones ---*/
29776/*--- Light Tones ---*/
29777/*-------------------
29778 Down (:active)
29779--------------------*/
29780/*--- Colors ---*/
29781/*--- Emotive ---*/
29782/*--- Brand ---*/
29783/*--- Dark Tones ---*/
29784/*--- Light Tones ---*/
29785/*-------------------
29786 Active
29787--------------------*/
29788/*--- Colors ---*/
29789/*--- Emotive ---*/
29790/*--- Brand ---*/
29791/*--- Dark Tones ---*/
29792/*--- Light Tones ---*/
29793/* Packaged site.variables */
29794/*******************************
29795 Site Settings
29796*******************************/
29797/*-------------------
29798 Fonts
29799--------------------*/
29800/*-------------------
29801 Base Sizes
29802--------------------*/
29803/* This is the single variable that controls them all */
29804/* The size of page text */
29805/*-------------------
29806 Border Radius
29807--------------------*/
29808/* See Power-user section below
29809 for explanation of @px variables
29810*/
29811/*-------------------
29812 Brand Colors
29813--------------------*/
29814/*--------------
29815 Page Heading
29816---------------*/
29817/*--------------
29818 Form Input
29819---------------*/
29820/* This adjusts the default form input across all elements */
29821/* Input Text Color */
29822/* Line Height Default For Inputs in Browser */
29823/*-------------------
29824 Focused Input
29825--------------------*/
29826/* Used on inputs, textarea etc */
29827/* Used on dropdowns, other larger blocks */
29828/*-------------------
29829 Sizes
29830--------------------*/
29831/*
29832 Sizes are all expressed in terms of 14px/em (default em)
29833 This ensures these "ratios" remain constant despite changes in EM
29834*/
29835/*-------------------
29836 Page
29837--------------------*/
29838/*-------------------
29839 Paragraph
29840--------------------*/
29841/*-------------------
29842 Links
29843--------------------*/
29844/*-------------------
29845 Highlighted Text
29846--------------------*/
29847/*-------------------
29848 Loader
29849--------------------*/
29850/*-------------------
29851 Grid
29852--------------------*/
29853/*-------------------
29854 Transitions
29855--------------------*/
29856/*-------------------
29857 Breakpoints
29858--------------------*/
29859/*-------------------
29860 Site Colors
29861--------------------*/
29862/*--- Colors ---*/
29863/*--- Light Colors ---*/
29864/*--- Neutrals ---*/
29865/*--- Colored Backgrounds ---*/
29866/*--- Colored Headers ---*/
29867/*--- Colored Text ---*/
29868/*--- Colored Border ---*/
29869/*-------------------
29870 Alpha Colors
29871--------------------*/
29872/*-------------------
29873 Accents
29874--------------------*/
29875/* Differentiating Neutrals */
29876/* Differentiating Layers */
29877/*******************************
29878 Power-User
29879*******************************/
29880/*-------------------
29881 Emotive Colors
29882--------------------*/
29883/* Positive */
29884/* Negative */
29885/* Info */
29886/* Warning */
29887/*-------------------
29888 Paths
29889--------------------*/
29890/* For source only. Modified in gulp for dist */
29891/*-------------------
29892 Em Sizes
29893--------------------*/
29894/*
29895 This rounds @size values to the closest pixel then expresses that value in (r)em.
29896 This ensures all size values round to exact pixels
29897*/
29898/* em */
29899/* rem */
29900/*-------------------
29901 Icons
29902--------------------*/
29903/* Maximum Glyph Width of Icon */
29904/*-------------------
29905 Neutral Text
29906--------------------*/
29907/*-------------------
29908 Brand Colors
29909--------------------*/
29910/*-------------------
29911 Borders
29912--------------------*/
29913/*-------------------
29914 Derived Values
29915--------------------*/
29916/* Loaders Position Offset */
29917/* Rendered Scrollbar Width */
29918/* Maximum Single Character Glyph Width, aka Capital "W" */
29919/* Used to match floats with text */
29920/* Header Spacing */
29921/* Minimum Mobile Width */
29922/* Positive / Negative Dupes */
29923/* Responsive */
29924/*-------------------
29925 Exact Pixel Values
29926--------------------*/
29927/*
29928 These are used to specify exact pixel values in em
29929 for things like borders that remain constantly
29930 sized as emSize adjusts
29931
29932 Since there are many more sizes than names for sizes,
29933 these are named by their original pixel values.
29934
29935*/
29936/* Columns */
29937/*******************************
29938 States
29939*******************************/
29940/*-------------------
29941 Disabled
29942--------------------*/
29943/*-------------------
29944 Hover
29945--------------------*/
29946/*--- Shadows ---*/
29947/*--- Colors ---*/
29948/* https://github.com/Tripwire/octagon/issues/144 */
29949/*--- Emotive ---*/
29950/*--- Brand ---*/
29951/*--- Dark Tones ---*/
29952/*--- Light Tones ---*/
29953/*-------------------
29954 Focus
29955--------------------*/
29956/*--- Colors ---*/
29957/*--- Emotive ---*/
29958/*--- Brand ---*/
29959/*--- Dark Tones ---*/
29960/*--- Light Tones ---*/
29961/*-------------------
29962 Down (:active)
29963--------------------*/
29964/*--- Colors ---*/
29965/*--- Emotive ---*/
29966/*--- Brand ---*/
29967/*--- Dark Tones ---*/
29968/*--- Light Tones ---*/
29969/*-------------------
29970 Active
29971--------------------*/
29972/*--- Colors ---*/
29973/*--- Emotive ---*/
29974/*--- Brand ---*/
29975/*--- Dark Tones ---*/
29976/*--- Light Tones ---*/
29977/* Component's site.variables */
29978/*******************************
29979 Site Settings
29980*******************************/
29981/*-------------------
29982 Fonts
29983--------------------*/
29984/*-------------------
29985 Base Sizes
29986--------------------*/
29987/* This is the single variable that controls them all */
29988/* The size of page text */
29989/*-------------------
29990 Border Radius
29991--------------------*/
29992/* See Power-user section below
29993 for explanation of @px variables
29994*/
29995/*-------------------
29996 Brand Colors
29997--------------------*/
29998/*--------------
29999 Page Heading
30000---------------*/
30001/*--------------
30002 Form Input
30003---------------*/
30004/* This adjusts the default form input across all elements */
30005/* Input Text Color */
30006/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
30007/*-------------------
30008 Focused Input
30009--------------------*/
30010/* Used on inputs, textarea etc */
30011/* Used on dropdowns, other larger blocks */
30012/*-------------------
30013 Sizes
30014--------------------*/
30015/*
30016 Sizes are all expressed in terms of 14px/em (default em)
30017 This ensures these "ratios" remain constant despite changes in EM
30018*/
30019/*-------------------
30020 Page
30021--------------------*/
30022/*-------------------
30023 Paragraph
30024--------------------*/
30025/*-------------------
30026 Links
30027--------------------*/
30028/*-------------------
30029 Scroll Bars
30030--------------------*/
30031/* Inverted */
30032/*-------------------
30033 Highlighted Text
30034--------------------*/
30035/*-------------------
30036 Loader
30037--------------------*/
30038/*-------------------
30039 Grid
30040--------------------*/
30041/*-------------------
30042 Transitions
30043--------------------*/
30044/*-------------------
30045 Breakpoints
30046--------------------*/
30047/*-------------------
30048 Site Colors
30049--------------------*/
30050/*--- Colors ---*/
30051/*--- Light Colors ---*/
30052/*--- Neutrals ---*/
30053/*--- Colored Backgrounds ---*/
30054/*--- Colored Headers ---*/
30055/*--- Colored Text ---*/
30056/*--- Colored Border ---*/
30057/*-------------------
30058 Alpha Colors
30059--------------------*/
30060/*-------------------
30061 Accents
30062--------------------*/
30063/* Differentiating Neutrals */
30064/* Differentiating Layers */
30065/*******************************
30066 Power-User
30067*******************************/
30068/*-------------------
30069 Emotive Colors
30070--------------------*/
30071/* Positive */
30072/* Negative */
30073/* Info */
30074/* Warning */
30075/*-------------------
30076 Paths
30077--------------------*/
30078/* For source only. Modified in gulp for dist */
30079/*-------------------
30080 Em Sizes
30081--------------------*/
30082/*
30083 This rounds @size values to the closest pixel then expresses that value in (r)em.
30084 This ensures all size values round to exact pixels
30085*/
30086/* em */
30087/* rem */
30088/*-------------------
30089 Icons
30090--------------------*/
30091/* Maximum Glyph Width of Icon */
30092/*-------------------
30093 Neutral Text
30094--------------------*/
30095/*-------------------
30096 Brand Colors
30097--------------------*/
30098/*-------------------
30099 Borders
30100--------------------*/
30101/*-------------------
30102 Derived Values
30103--------------------*/
30104/* Loaders Position Offset */
30105/* Rendered Scrollbar Width */
30106/* Maximum Single Character Glyph Width, aka Capital "W" */
30107/* Used to match floats with text */
30108/* Header Spacing */
30109/* Minimum Mobile Width */
30110/* Positive / Negative Dupes */
30111/* Responsive */
30112/*-------------------
30113 Exact Pixel Values
30114--------------------*/
30115/*
30116 These are used to specify exact pixel values in em
30117 for things like borders that remain constantly
30118 sized as emSize adjusts
30119
30120 Since there are many more sizes than names for sizes,
30121 these are named by their original pixel values.
30122
30123*/
30124/* Columns */
30125/*******************************
30126 States
30127*******************************/
30128/*-------------------
30129 Disabled
30130--------------------*/
30131/*-------------------
30132 Hover
30133--------------------*/
30134/*--- Shadows ---*/
30135/*--- Colors ---*/
30136/*--- Emotive ---*/
30137/*--- Brand ---*/
30138/*--- Dark Tones ---*/
30139/*--- Light Tones ---*/
30140/*-------------------
30141 Focus
30142--------------------*/
30143/*--- Colors ---*/
30144/*--- Emotive ---*/
30145/*--- Brand ---*/
30146/*--- Dark Tones ---*/
30147/*--- Light Tones ---*/
30148/*-------------------
30149 Down (:active)
30150--------------------*/
30151/*--- Colors ---*/
30152/*--- Emotive ---*/
30153/*--- Brand ---*/
30154/*--- Dark Tones ---*/
30155/*--- Light Tones ---*/
30156/*-------------------
30157 Active
30158--------------------*/
30159/*--- Colors ---*/
30160/*--- Emotive ---*/
30161/*--- Brand ---*/
30162/*--- Dark Tones ---*/
30163/*--- Light Tones ---*/
30164/* Site theme site.variables */
30165/*-------------------
30166 Component Variables
30167---------------------*/
30168/* Default */
30169/*******************************
30170 Breadcrumb
30171*******************************/
30172/*-------------------
30173 Breadcrumb
30174--------------------*/
30175/* Coupling */
30176/*-------------------
30177 States
30178--------------------*/
30179/* Packaged Theme */
30180/*******************************
30181 Breadcrumb
30182*******************************/
30183/*-------------------
30184 Breadcrumb
30185--------------------*/
30186/* Coupling */
30187/*-------------------
30188 States
30189--------------------*/
30190/* Site Theme */
30191/*******************************
30192 Mix-ins
30193*******************************/
30194/*------------------
30195 Fonts
30196-------------------*/
30197/*------------------
30198 Overrides
30199-------------------*/
30200/* End Config */
30201/*******************************
30202 Breadcrumb
30203*******************************/
30204.ui.breadcrumb {
30205 line-height: 1;
30206 display: inline-block;
30207 margin: 0em 0em;
30208 vertical-align: middle;
30209}
30210.ui.breadcrumb:first-child {
30211 margin-top: 0em;
30212}
30213.ui.breadcrumb:last-child {
30214 margin-bottom: 0em;
30215}
30216/*******************************
30217 Content
30218*******************************/
30219/* Divider */
30220.ui.breadcrumb .divider {
30221 display: inline-block;
30222 opacity: 0.7;
30223 margin: 0em 0.21428571rem 0em;
30224 font-size: 0.92857143em;
30225 color: rgba(0, 0, 0, 0.4);
30226 vertical-align: baseline;
30227}
30228/* Link */
30229.ui.breadcrumb a {
30230 color: #4183C4;
30231}
30232.ui.breadcrumb a:hover {
30233 color: #1e70bf;
30234}
30235/* Icon Divider */
30236.ui.breadcrumb .icon.divider {
30237 font-size: 0.85714286em;
30238 vertical-align: baseline;
30239}
30240/* Section */
30241.ui.breadcrumb a.section {
30242 cursor: pointer;
30243}
30244.ui.breadcrumb .section {
30245 display: inline-block;
30246 margin: 0em;
30247 padding: 0em;
30248}
30249/* Loose Coupling */
30250.ui.breadcrumb.segment {
30251 display: inline-block;
30252 padding: 0.78571429em 1em;
30253}
30254/*******************************
30255 States
30256*******************************/
30257.ui.breadcrumb .active.section {
30258 font-weight: bold;
30259}
30260/*******************************
30261 Variations
30262*******************************/
30263.ui.mini.breadcrumb {
30264 font-size: 0.78571429rem;
30265}
30266.ui.tiny.breadcrumb {
30267 font-size: 0.85714286rem;
30268}
30269.ui.small.breadcrumb {
30270 font-size: 0.92857143rem;
30271}
30272.ui.breadcrumb {
30273 font-size: 1rem;
30274}
30275.ui.large.breadcrumb {
30276 font-size: 1.14285714rem;
30277}
30278.ui.big.breadcrumb {
30279 font-size: 1.28571429rem;
30280}
30281.ui.huge.breadcrumb {
30282 font-size: 1.42857143rem;
30283}
30284.ui.massive.breadcrumb {
30285 font-size: 1.71428571rem;
30286}
30287/*******************************
30288 Theme Overrides
30289*******************************/
30290/*!
30291 * # Semantic UI - Form
30292 * http://github.com/semantic-org/semantic-ui/
30293 *
30294 *
30295 * Released under the MIT license
30296 * http://opensource.org/licenses/MIT
30297 *
30298 */
30299/*******************************
30300 Theme
30301*******************************/
30302/*
30303
30304████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
30305╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
30306 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
30307 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
30308 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
30309 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
30310
30311*/
30312/*******************************
30313 Theme Selection
30314*******************************/
30315/* To override a theme for an individual element
30316 specify theme name below
30317*/
30318/* Global */
30319/* Elements */
30320/* Collections */
30321/* Modules */
30322/* Views */
30323/*******************************
30324 Folders
30325*******************************/
30326/* Path to theme packages */
30327/* Path to site override folder */
30328/*******************************
30329 Import Theme
30330*******************************/
30331/*******************************
30332 Import Directives
30333*******************************/
30334/*------------------
30335 Theme
30336-------------------*/
30337/*--------------------
30338 Site Variables
30339---------------------*/
30340/* Default site.variables */
30341/*******************************
30342 Site Settings
30343*******************************/
30344/*-------------------
30345 Fonts
30346--------------------*/
30347/*-------------------
30348 Base Sizes
30349--------------------*/
30350/* This is the single variable that controls them all */
30351/* The size of page text */
30352/*-------------------
30353 Border Radius
30354--------------------*/
30355/* See Power-user section below
30356 for explanation of @px variables
30357*/
30358/*-------------------
30359 Brand Colors
30360--------------------*/
30361/*--------------
30362 Page Heading
30363---------------*/
30364/*--------------
30365 Form Input
30366---------------*/
30367/* This adjusts the default form input across all elements */
30368/* Input Text Color */
30369/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
30370/*-------------------
30371 Focused Input
30372--------------------*/
30373/* Used on inputs, textarea etc */
30374/* Used on dropdowns, other larger blocks */
30375/*-------------------
30376 Sizes
30377--------------------*/
30378/*
30379 Sizes are all expressed in terms of 14px/em (default em)
30380 This ensures these "ratios" remain constant despite changes in EM
30381*/
30382/*-------------------
30383 Page
30384--------------------*/
30385/*-------------------
30386 Paragraph
30387--------------------*/
30388/*-------------------
30389 Links
30390--------------------*/
30391/*-------------------
30392 Scroll Bars
30393--------------------*/
30394/* Inverted */
30395/*-------------------
30396 Highlighted Text
30397--------------------*/
30398/*-------------------
30399 Loader
30400--------------------*/
30401/*-------------------
30402 Grid
30403--------------------*/
30404/*-------------------
30405 Transitions
30406--------------------*/
30407/*-------------------
30408 Breakpoints
30409--------------------*/
30410/*-------------------
30411 Site Colors
30412--------------------*/
30413/*--- Colors ---*/
30414/*--- Light Colors ---*/
30415/*--- Neutrals ---*/
30416/*--- Colored Backgrounds ---*/
30417/*--- Colored Headers ---*/
30418/*--- Colored Text ---*/
30419/*--- Colored Border ---*/
30420/*-------------------
30421 Alpha Colors
30422--------------------*/
30423/*-------------------
30424 Accents
30425--------------------*/
30426/* Differentiating Neutrals */
30427/* Differentiating Layers */
30428/*******************************
30429 Power-User
30430*******************************/
30431/*-------------------
30432 Emotive Colors
30433--------------------*/
30434/* Positive */
30435/* Negative */
30436/* Info */
30437/* Warning */
30438/*-------------------
30439 Paths
30440--------------------*/
30441/* For source only. Modified in gulp for dist */
30442/*-------------------
30443 Em Sizes
30444--------------------*/
30445/*
30446 This rounds @size values to the closest pixel then expresses that value in (r)em.
30447 This ensures all size values round to exact pixels
30448*/
30449/* em */
30450/* rem */
30451/*-------------------
30452 Icons
30453--------------------*/
30454/* Maximum Glyph Width of Icon */
30455/*-------------------
30456 Neutral Text
30457--------------------*/
30458/*-------------------
30459 Brand Colors
30460--------------------*/
30461/*-------------------
30462 Borders
30463--------------------*/
30464/*-------------------
30465 Derived Values
30466--------------------*/
30467/* Loaders Position Offset */
30468/* Rendered Scrollbar Width */
30469/* Maximum Single Character Glyph Width, aka Capital "W" */
30470/* Used to match floats with text */
30471/* Header Spacing */
30472/* Minimum Mobile Width */
30473/* Positive / Negative Dupes */
30474/* Responsive */
30475/*-------------------
30476 Exact Pixel Values
30477--------------------*/
30478/*
30479 These are used to specify exact pixel values in em
30480 for things like borders that remain constantly
30481 sized as emSize adjusts
30482
30483 Since there are many more sizes than names for sizes,
30484 these are named by their original pixel values.
30485
30486*/
30487/* Columns */
30488/*******************************
30489 States
30490*******************************/
30491/*-------------------
30492 Disabled
30493--------------------*/
30494/*-------------------
30495 Hover
30496--------------------*/
30497/*--- Shadows ---*/
30498/*--- Colors ---*/
30499/*--- Emotive ---*/
30500/*--- Brand ---*/
30501/*--- Dark Tones ---*/
30502/*--- Light Tones ---*/
30503/*-------------------
30504 Focus
30505--------------------*/
30506/*--- Colors ---*/
30507/*--- Emotive ---*/
30508/*--- Brand ---*/
30509/*--- Dark Tones ---*/
30510/*--- Light Tones ---*/
30511/*-------------------
30512 Down (:active)
30513--------------------*/
30514/*--- Colors ---*/
30515/*--- Emotive ---*/
30516/*--- Brand ---*/
30517/*--- Dark Tones ---*/
30518/*--- Light Tones ---*/
30519/*-------------------
30520 Active
30521--------------------*/
30522/*--- Colors ---*/
30523/*--- Emotive ---*/
30524/*--- Brand ---*/
30525/*--- Dark Tones ---*/
30526/*--- Light Tones ---*/
30527/* Packaged site.variables */
30528/*******************************
30529 Site Settings
30530*******************************/
30531/*-------------------
30532 Fonts
30533--------------------*/
30534/*-------------------
30535 Base Sizes
30536--------------------*/
30537/* This is the single variable that controls them all */
30538/* The size of page text */
30539/*-------------------
30540 Border Radius
30541--------------------*/
30542/* See Power-user section below
30543 for explanation of @px variables
30544*/
30545/*-------------------
30546 Brand Colors
30547--------------------*/
30548/*--------------
30549 Page Heading
30550---------------*/
30551/*--------------
30552 Form Input
30553---------------*/
30554/* This adjusts the default form input across all elements */
30555/* Input Text Color */
30556/* Line Height Default For Inputs in Browser */
30557/*-------------------
30558 Focused Input
30559--------------------*/
30560/* Used on inputs, textarea etc */
30561/* Used on dropdowns, other larger blocks */
30562/*-------------------
30563 Sizes
30564--------------------*/
30565/*
30566 Sizes are all expressed in terms of 14px/em (default em)
30567 This ensures these "ratios" remain constant despite changes in EM
30568*/
30569/*-------------------
30570 Page
30571--------------------*/
30572/*-------------------
30573 Paragraph
30574--------------------*/
30575/*-------------------
30576 Links
30577--------------------*/
30578/*-------------------
30579 Highlighted Text
30580--------------------*/
30581/*-------------------
30582 Loader
30583--------------------*/
30584/*-------------------
30585 Grid
30586--------------------*/
30587/*-------------------
30588 Transitions
30589--------------------*/
30590/*-------------------
30591 Breakpoints
30592--------------------*/
30593/*-------------------
30594 Site Colors
30595--------------------*/
30596/*--- Colors ---*/
30597/*--- Light Colors ---*/
30598/*--- Neutrals ---*/
30599/*--- Colored Backgrounds ---*/
30600/*--- Colored Headers ---*/
30601/*--- Colored Text ---*/
30602/*--- Colored Border ---*/
30603/*-------------------
30604 Alpha Colors
30605--------------------*/
30606/*-------------------
30607 Accents
30608--------------------*/
30609/* Differentiating Neutrals */
30610/* Differentiating Layers */
30611/*******************************
30612 Power-User
30613*******************************/
30614/*-------------------
30615 Emotive Colors
30616--------------------*/
30617/* Positive */
30618/* Negative */
30619/* Info */
30620/* Warning */
30621/*-------------------
30622 Paths
30623--------------------*/
30624/* For source only. Modified in gulp for dist */
30625/*-------------------
30626 Em Sizes
30627--------------------*/
30628/*
30629 This rounds @size values to the closest pixel then expresses that value in (r)em.
30630 This ensures all size values round to exact pixels
30631*/
30632/* em */
30633/* rem */
30634/*-------------------
30635 Icons
30636--------------------*/
30637/* Maximum Glyph Width of Icon */
30638/*-------------------
30639 Neutral Text
30640--------------------*/
30641/*-------------------
30642 Brand Colors
30643--------------------*/
30644/*-------------------
30645 Borders
30646--------------------*/
30647/*-------------------
30648 Derived Values
30649--------------------*/
30650/* Loaders Position Offset */
30651/* Rendered Scrollbar Width */
30652/* Maximum Single Character Glyph Width, aka Capital "W" */
30653/* Used to match floats with text */
30654/* Header Spacing */
30655/* Minimum Mobile Width */
30656/* Positive / Negative Dupes */
30657/* Responsive */
30658/*-------------------
30659 Exact Pixel Values
30660--------------------*/
30661/*
30662 These are used to specify exact pixel values in em
30663 for things like borders that remain constantly
30664 sized as emSize adjusts
30665
30666 Since there are many more sizes than names for sizes,
30667 these are named by their original pixel values.
30668
30669*/
30670/* Columns */
30671/*******************************
30672 States
30673*******************************/
30674/*-------------------
30675 Disabled
30676--------------------*/
30677/*-------------------
30678 Hover
30679--------------------*/
30680/*--- Shadows ---*/
30681/*--- Colors ---*/
30682/* https://github.com/Tripwire/octagon/issues/144 */
30683/*--- Emotive ---*/
30684/*--- Brand ---*/
30685/*--- Dark Tones ---*/
30686/*--- Light Tones ---*/
30687/*-------------------
30688 Focus
30689--------------------*/
30690/*--- Colors ---*/
30691/*--- Emotive ---*/
30692/*--- Brand ---*/
30693/*--- Dark Tones ---*/
30694/*--- Light Tones ---*/
30695/*-------------------
30696 Down (:active)
30697--------------------*/
30698/*--- Colors ---*/
30699/*--- Emotive ---*/
30700/*--- Brand ---*/
30701/*--- Dark Tones ---*/
30702/*--- Light Tones ---*/
30703/*-------------------
30704 Active
30705--------------------*/
30706/*--- Colors ---*/
30707/*--- Emotive ---*/
30708/*--- Brand ---*/
30709/*--- Dark Tones ---*/
30710/*--- Light Tones ---*/
30711/* Component's site.variables */
30712/*******************************
30713 Site Settings
30714*******************************/
30715/*-------------------
30716 Fonts
30717--------------------*/
30718/*-------------------
30719 Base Sizes
30720--------------------*/
30721/* This is the single variable that controls them all */
30722/* The size of page text */
30723/*-------------------
30724 Border Radius
30725--------------------*/
30726/* See Power-user section below
30727 for explanation of @px variables
30728*/
30729/*-------------------
30730 Brand Colors
30731--------------------*/
30732/*--------------
30733 Page Heading
30734---------------*/
30735/*--------------
30736 Form Input
30737---------------*/
30738/* This adjusts the default form input across all elements */
30739/* Input Text Color */
30740/* Line Height Default For Inputs in Browser */
30741/*-------------------
30742 Focused Input
30743--------------------*/
30744/* Used on inputs, textarea etc */
30745/* Used on dropdowns, other larger blocks */
30746/*-------------------
30747 Sizes
30748--------------------*/
30749/*
30750 Sizes are all expressed in terms of 14px/em (default em)
30751 This ensures these "ratios" remain constant despite changes in EM
30752*/
30753/*-------------------
30754 Page
30755--------------------*/
30756/*-------------------
30757 Paragraph
30758--------------------*/
30759/*-------------------
30760 Links
30761--------------------*/
30762/*-------------------
30763 Highlighted Text
30764--------------------*/
30765/*-------------------
30766 Loader
30767--------------------*/
30768/*-------------------
30769 Grid
30770--------------------*/
30771/*-------------------
30772 Transitions
30773--------------------*/
30774/*-------------------
30775 Breakpoints
30776--------------------*/
30777/*-------------------
30778 Site Colors
30779--------------------*/
30780/*--- Colors ---*/
30781/*--- Light Colors ---*/
30782/*--- Neutrals ---*/
30783/*--- Colored Backgrounds ---*/
30784/*--- Colored Headers ---*/
30785/*--- Colored Text ---*/
30786/*--- Colored Border ---*/
30787/*-------------------
30788 Alpha Colors
30789--------------------*/
30790/*-------------------
30791 Accents
30792--------------------*/
30793/* Differentiating Neutrals */
30794/* Differentiating Layers */
30795/*******************************
30796 Power-User
30797*******************************/
30798/*-------------------
30799 Emotive Colors
30800--------------------*/
30801/* Positive */
30802/* Negative */
30803/* Info */
30804/* Warning */
30805/*-------------------
30806 Paths
30807--------------------*/
30808/* For source only. Modified in gulp for dist */
30809/*-------------------
30810 Em Sizes
30811--------------------*/
30812/*
30813 This rounds @size values to the closest pixel then expresses that value in (r)em.
30814 This ensures all size values round to exact pixels
30815*/
30816/* em */
30817/* rem */
30818/*-------------------
30819 Icons
30820--------------------*/
30821/* Maximum Glyph Width of Icon */
30822/*-------------------
30823 Neutral Text
30824--------------------*/
30825/*-------------------
30826 Brand Colors
30827--------------------*/
30828/*-------------------
30829 Borders
30830--------------------*/
30831/*-------------------
30832 Derived Values
30833--------------------*/
30834/* Loaders Position Offset */
30835/* Rendered Scrollbar Width */
30836/* Maximum Single Character Glyph Width, aka Capital "W" */
30837/* Used to match floats with text */
30838/* Header Spacing */
30839/* Minimum Mobile Width */
30840/* Positive / Negative Dupes */
30841/* Responsive */
30842/*-------------------
30843 Exact Pixel Values
30844--------------------*/
30845/*
30846 These are used to specify exact pixel values in em
30847 for things like borders that remain constantly
30848 sized as emSize adjusts
30849
30850 Since there are many more sizes than names for sizes,
30851 these are named by their original pixel values.
30852
30853*/
30854/* Columns */
30855/*******************************
30856 States
30857*******************************/
30858/*-------------------
30859 Disabled
30860--------------------*/
30861/*-------------------
30862 Hover
30863--------------------*/
30864/*--- Shadows ---*/
30865/*--- Colors ---*/
30866/* https://github.com/Tripwire/octagon/issues/144 */
30867/*--- Emotive ---*/
30868/*--- Brand ---*/
30869/*--- Dark Tones ---*/
30870/*--- Light Tones ---*/
30871/*-------------------
30872 Focus
30873--------------------*/
30874/*--- Colors ---*/
30875/*--- Emotive ---*/
30876/*--- Brand ---*/
30877/*--- Dark Tones ---*/
30878/*--- Light Tones ---*/
30879/*-------------------
30880 Down (:active)
30881--------------------*/
30882/*--- Colors ---*/
30883/*--- Emotive ---*/
30884/*--- Brand ---*/
30885/*--- Dark Tones ---*/
30886/*--- Light Tones ---*/
30887/*-------------------
30888 Active
30889--------------------*/
30890/*--- Colors ---*/
30891/*--- Emotive ---*/
30892/*--- Brand ---*/
30893/*--- Dark Tones ---*/
30894/*--- Light Tones ---*/
30895/* Site theme site.variables */
30896/*-------------------
30897 Component Variables
30898---------------------*/
30899/* Default */
30900/*******************************
30901 Form
30902*******************************/
30903/*-------------------
30904 Elements
30905--------------------*/
30906/* Form */
30907/* Text */
30908/* Field */
30909/* Fields */
30910/* Form Label */
30911/* Input */
30912/* Select */
30913/* Text Area */
30914/* Checkbox */
30915/* Inline Validation Prompt */
30916/*-------------------
30917 States
30918--------------------*/
30919/* Focus */
30920/* Input Focus */
30921/* Text Area Focus */
30922/* Disabled */
30923/* Errored Input */
30924/* AutoFill */
30925/* Input Error */
30926/* Dropdown Error */
30927/* Focused Error */
30928/* Placeholder Error */
30929/* Loading Dimmer */
30930/* Loading Spinner */
30931/*-------------------
30932 Types
30933--------------------*/
30934/* Required */
30935/* Inverted */
30936/*-------------------
30937 Variations
30938--------------------*/
30939/* Grouped Fields */
30940/* Inline */
30941/*-------------------
30942 Groups
30943--------------------*/
30944/* Packaged Theme */
30945/*******************************
30946 Form
30947*******************************/
30948/*-------------------
30949 Elements
30950--------------------*/
30951/* Form */
30952/* Text */
30953/* Field */
30954/* Fields */
30955/* Form Label */
30956/* Input */
30957/* Select */
30958/* Text Area */
30959/* Checkbox */
30960/* Inline Validation Prompt */
30961/*-------------------
30962 States
30963--------------------*/
30964/* Focus */
30965/* Input Focus */
30966/* Text Area Focus */
30967/* Disabled */
30968/* Errored Input */
30969/* AutoFill */
30970/* Input Error */
30971/* Dropdown Error */
30972/* Focused Error */
30973/* Placeholder Error */
30974/* Loading Dimmer */
30975/* Loading Spinner */
30976/*-------------------
30977 Types
30978--------------------*/
30979/* Required */
30980/* Inverted */
30981/*-------------------
30982 Variations
30983--------------------*/
30984/* Grouped Fields */
30985/* Inline */
30986/*-------------------
30987 Groups
30988--------------------*/
30989/* Site Theme */
30990/*******************************
30991 Mix-ins
30992*******************************/
30993/*------------------
30994 Fonts
30995-------------------*/
30996/*------------------
30997 Overrides
30998-------------------*/
30999/* End Config */
31000/*******************************
31001 Elements
31002*******************************/
31003/*--------------------
31004 Form
31005---------------------*/
31006.ui.form {
31007 position: relative;
31008 max-width: 100%;
31009}
31010/*--------------------
31011 Content
31012---------------------*/
31013.ui.form > p {
31014 margin: 1em 0em;
31015}
31016/*--------------------
31017 Field
31018---------------------*/
31019.ui.form .field {
31020 clear: both;
31021 margin: 0em 0em 1em;
31022}
31023.ui.form .field:last-child,
31024.ui.form .fields:last-child .field {
31025 margin-bottom: 0em;
31026}
31027.ui.form .fields .field {
31028 clear: both;
31029 margin: 0em;
31030}
31031/*--------------------
31032 Labels
31033---------------------*/
31034.ui.form .field > label {
31035 display: block;
31036 margin: 0em 0em 0.28571429rem 0em;
31037 color: rgba(0, 0, 0, 0.87);
31038 font-size: 0.92857143em;
31039 font-weight: bold;
31040 text-transform: none;
31041}
31042/*--------------------
31043 Standard Inputs
31044---------------------*/
31045.ui.form textarea,
31046.ui.form input:not([type]),
31047.ui.form input[type="date"],
31048.ui.form input[type="datetime-local"],
31049.ui.form input[type="email"],
31050.ui.form input[type="number"],
31051.ui.form input[type="password"],
31052.ui.form input[type="search"],
31053.ui.form input[type="tel"],
31054.ui.form input[type="time"],
31055.ui.form input[type="text"],
31056.ui.form input[type="file"],
31057.ui.form input[type="url"] {
31058 width: 100%;
31059 vertical-align: top;
31060}
31061/* Set max height on unusual input */
31062.ui.form ::-webkit-datetime-edit,
31063.ui.form ::-webkit-inner-spin-button {
31064 height: 1.2142em;
31065}
31066.ui.form input:not([type]),
31067.ui.form input[type="date"],
31068.ui.form input[type="datetime-local"],
31069.ui.form input[type="email"],
31070.ui.form input[type="number"],
31071.ui.form input[type="password"],
31072.ui.form input[type="search"],
31073.ui.form input[type="tel"],
31074.ui.form input[type="time"],
31075.ui.form input[type="text"],
31076.ui.form input[type="file"],
31077.ui.form input[type="url"] {
31078 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
31079 margin: 0em;
31080 outline: none;
31081 -webkit-appearance: none;
31082 tap-highlight-color: rgba(255, 255, 255, 0);
31083 line-height: 1.2142em;
31084 padding: 0.67861429em 1em;
31085 font-size: 1em;
31086 background: #FFFFFF;
31087 border: 1px solid rgba(34, 36, 38, 0.15);
31088 color: rgba(0, 0, 0, 0.87);
31089 border-radius: 0.28571429rem;
31090 box-shadow: 0em 0em 0em 0em transparent inset;
31091 transition: color 0.1s ease, border-color 0.1s ease;
31092}
31093/* Text Area */
31094.ui.form textarea {
31095 margin: 0em;
31096 -webkit-appearance: none;
31097 tap-highlight-color: rgba(255, 255, 255, 0);
31098 padding: 0.78571429em 1em;
31099 background: #FFFFFF;
31100 border: 1px solid rgba(34, 36, 38, 0.15);
31101 outline: none;
31102 color: rgba(0, 0, 0, 0.87);
31103 border-radius: 0.28571429rem;
31104 box-shadow: 0em 0em 0em 0em transparent inset;
31105 transition: color 0.1s ease, border-color 0.1s ease;
31106 font-size: 1em;
31107 line-height: 1.2857;
31108 resize: vertical;
31109}
31110.ui.form textarea:not([rows]) {
31111 height: 12em;
31112 min-height: 8em;
31113 max-height: 24em;
31114}
31115.ui.form textarea,
31116.ui.form input[type="checkbox"] {
31117 vertical-align: top;
31118}
31119/*--------------------------
31120 Input w/ attached Button
31121---------------------------*/
31122.ui.form input.attached {
31123 width: auto;
31124}
31125/*--------------------
31126 Basic Select
31127---------------------*/
31128.ui.form select {
31129 display: block;
31130 height: auto;
31131 width: 100%;
31132 background: #FFFFFF;
31133 border: 1px solid rgba(34, 36, 38, 0.15);
31134 border-radius: 0.28571429rem;
31135 box-shadow: 0em 0em 0em 0em transparent inset;
31136 padding: 0.62em 1em;
31137 color: rgba(0, 0, 0, 0.87);
31138 transition: color 0.1s ease, border-color 0.1s ease;
31139}
31140/*--------------------
31141 Dropdown
31142---------------------*/
31143/* Block */
31144.ui.form .field > .selection.dropdown {
31145 width: 100%;
31146}
31147.ui.form .field > .selection.dropdown > .dropdown.icon {
31148 float: right;
31149}
31150/* Inline */
31151.ui.form .inline.fields .field > .selection.dropdown,
31152.ui.form .inline.field > .selection.dropdown {
31153 width: auto;
31154}
31155.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
31156.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
31157 float: none;
31158}
31159/*--------------------
31160 UI Input
31161---------------------*/
31162/* Block */
31163.ui.form .field .ui.input,
31164.ui.form .fields .field .ui.input,
31165.ui.form .wide.field .ui.input {
31166 width: 100%;
31167}
31168/* Inline */
31169.ui.form .inline.fields .field:not(.wide) .ui.input,
31170.ui.form .inline.field:not(.wide) .ui.input {
31171 width: auto;
31172 vertical-align: middle;
31173}
31174/* Auto Input */
31175.ui.form .fields .field .ui.input input,
31176.ui.form .field .ui.input input {
31177 width: auto;
31178}
31179/* Full Width Input */
31180.ui.form .ten.fields .ui.input input,
31181.ui.form .nine.fields .ui.input input,
31182.ui.form .eight.fields .ui.input input,
31183.ui.form .seven.fields .ui.input input,
31184.ui.form .six.fields .ui.input input,
31185.ui.form .five.fields .ui.input input,
31186.ui.form .four.fields .ui.input input,
31187.ui.form .three.fields .ui.input input,
31188.ui.form .two.fields .ui.input input,
31189.ui.form .wide.field .ui.input input {
31190 flex: 1 0 auto;
31191 width: 0px;
31192}
31193/*--------------------
31194 Types of Messages
31195---------------------*/
31196.ui.form .success.message,
31197.ui.form .warning.message,
31198.ui.form .error.message {
31199 display: none;
31200}
31201/* Assumptions */
31202.ui.form .message:first-child {
31203 margin-top: 0px;
31204}
31205/*--------------------
31206 Validation Prompt
31207---------------------*/
31208.ui.form .field .prompt.label {
31209 white-space: normal;
31210 background: #FFFFFF !important;
31211 border: 1px solid #E0B4B4 !important;
31212 color: #9F3A38 !important;
31213}
31214.ui.form .inline.fields .field .prompt,
31215.ui.form .inline.field .prompt {
31216 vertical-align: top;
31217 margin: -0.25em 0em -0.5em 0.5em;
31218}
31219.ui.form .inline.fields .field .prompt:before,
31220.ui.form .inline.field .prompt:before {
31221 border-width: 0px 0px 1px 1px;
31222 bottom: auto;
31223 right: auto;
31224 top: 50%;
31225 left: 0em;
31226}
31227/*******************************
31228 States
31229*******************************/
31230/*--------------------
31231 Autofilled
31232---------------------*/
31233.ui.form .field.field input:-webkit-autofill {
31234 box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
31235 border-color: #E5DFA1 !important;
31236}
31237/* Focus */
31238.ui.form .field.field input:-webkit-autofill:focus {
31239 box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
31240 border-color: #D5C315 !important;
31241}
31242/* Error */
31243.ui.form .error.error input:-webkit-autofill {
31244 box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
31245 border-color: #E0B4B4 !important;
31246}
31247/*--------------------
31248 Placeholder
31249---------------------*/
31250/* browsers require these rules separate */
31251.ui.form ::-webkit-input-placeholder {
31252 color: rgba(191, 191, 191, 0.87);
31253}
31254.ui.form :-ms-input-placeholder {
31255 color: rgba(191, 191, 191, 0.87);
31256}
31257.ui.form ::-moz-placeholder {
31258 color: rgba(191, 191, 191, 0.87);
31259}
31260.ui.form :focus::-webkit-input-placeholder {
31261 color: rgba(115, 115, 115, 0.87);
31262}
31263.ui.form :focus:-ms-input-placeholder {
31264 color: rgba(115, 115, 115, 0.87);
31265}
31266.ui.form :focus::-moz-placeholder {
31267 color: rgba(115, 115, 115, 0.87);
31268}
31269/* Error Placeholder */
31270.ui.form .error ::-webkit-input-placeholder {
31271 color: #e7bdbc;
31272}
31273.ui.form .error :-ms-input-placeholder {
31274 color: #e7bdbc !important;
31275}
31276.ui.form .error ::-moz-placeholder {
31277 color: #e7bdbc;
31278}
31279.ui.form .error :focus::-webkit-input-placeholder {
31280 color: #da9796;
31281}
31282.ui.form .error :focus:-ms-input-placeholder {
31283 color: #da9796 !important;
31284}
31285.ui.form .error :focus::-moz-placeholder {
31286 color: #da9796;
31287}
31288/*--------------------
31289 Focus
31290---------------------*/
31291.ui.form input:not([type]):focus,
31292.ui.form input[type="date"]:focus,
31293.ui.form input[type="datetime-local"]:focus,
31294.ui.form input[type="email"]:focus,
31295.ui.form input[type="number"]:focus,
31296.ui.form input[type="password"]:focus,
31297.ui.form input[type="search"]:focus,
31298.ui.form input[type="tel"]:focus,
31299.ui.form input[type="time"]:focus,
31300.ui.form input[type="text"]:focus,
31301.ui.form input[type="file"]:focus,
31302.ui.form input[type="url"]:focus {
31303 color: rgba(0, 0, 0, 0.95);
31304 border-color: #85B7D9;
31305 border-radius: 0.28571429rem;
31306 background: #FFFFFF;
31307 box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
31308}
31309.ui.form textarea:focus {
31310 color: rgba(0, 0, 0, 0.95);
31311 border-color: #85B7D9;
31312 border-radius: 0.28571429rem;
31313 background: #FFFFFF;
31314 box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
31315 -webkit-appearance: none;
31316}
31317/*--------------------
31318 Success
31319---------------------*/
31320/* On Form */
31321.ui.form.success .success.message:not(:empty) {
31322 display: block;
31323}
31324.ui.form.success .compact.success.message:not(:empty) {
31325 display: inline-block;
31326}
31327.ui.form.success .icon.success.message:not(:empty) {
31328 display: flex;
31329}
31330/*--------------------
31331 Warning
31332---------------------*/
31333/* On Form */
31334.ui.form.warning .warning.message:not(:empty) {
31335 display: block;
31336}
31337.ui.form.warning .compact.warning.message:not(:empty) {
31338 display: inline-block;
31339}
31340.ui.form.warning .icon.warning.message:not(:empty) {
31341 display: flex;
31342}
31343/*--------------------
31344 Error
31345---------------------*/
31346/* On Form */
31347.ui.form.error .error.message:not(:empty) {
31348 display: block;
31349}
31350.ui.form.error .compact.error.message:not(:empty) {
31351 display: inline-block;
31352}
31353.ui.form.error .icon.error.message:not(:empty) {
31354 display: flex;
31355}
31356/* On Field(s) */
31357.ui.form .fields.error .field label,
31358.ui.form .field.error label,
31359.ui.form .fields.error .field .input,
31360.ui.form .field.error .input {
31361 color: #9F3A38;
31362}
31363.ui.form .fields.error .field .corner.label,
31364.ui.form .field.error .corner.label {
31365 border-color: #9F3A38;
31366 color: #FFFFFF;
31367}
31368.ui.form .fields.error .field textarea,
31369.ui.form .fields.error .field select,
31370.ui.form .fields.error .field input:not([type]),
31371.ui.form .fields.error .field input[type="date"],
31372.ui.form .fields.error .field input[type="datetime-local"],
31373.ui.form .fields.error .field input[type="email"],
31374.ui.form .fields.error .field input[type="number"],
31375.ui.form .fields.error .field input[type="password"],
31376.ui.form .fields.error .field input[type="search"],
31377.ui.form .fields.error .field input[type="tel"],
31378.ui.form .fields.error .field input[type="time"],
31379.ui.form .fields.error .field input[type="text"],
31380.ui.form .fields.error .field input[type="file"],
31381.ui.form .fields.error .field input[type="url"],
31382.ui.form .field.error textarea,
31383.ui.form .field.error select,
31384.ui.form .field.error input:not([type]),
31385.ui.form .field.error input[type="date"],
31386.ui.form .field.error input[type="datetime-local"],
31387.ui.form .field.error input[type="email"],
31388.ui.form .field.error input[type="number"],
31389.ui.form .field.error input[type="password"],
31390.ui.form .field.error input[type="search"],
31391.ui.form .field.error input[type="tel"],
31392.ui.form .field.error input[type="time"],
31393.ui.form .field.error input[type="text"],
31394.ui.form .field.error input[type="file"],
31395.ui.form .field.error input[type="url"] {
31396 background: #FFF6F6;
31397 border-color: #E0B4B4;
31398 color: #9F3A38;
31399 border-radius: '';
31400 box-shadow: none;
31401}
31402.ui.form .field.error textarea:focus,
31403.ui.form .field.error select:focus,
31404.ui.form .field.error input:not([type]):focus,
31405.ui.form .field.error input[type="date"]:focus,
31406.ui.form .field.error input[type="datetime-local"]:focus,
31407.ui.form .field.error input[type="email"]:focus,
31408.ui.form .field.error input[type="number"]:focus,
31409.ui.form .field.error input[type="password"]:focus,
31410.ui.form .field.error input[type="search"]:focus,
31411.ui.form .field.error input[type="tel"]:focus,
31412.ui.form .field.error input[type="time"]:focus,
31413.ui.form .field.error input[type="text"]:focus,
31414.ui.form .field.error input[type="file"]:focus,
31415.ui.form .field.error input[type="url"]:focus {
31416 background: #FFF6F6;
31417 border-color: #E0B4B4;
31418 color: #9F3A38;
31419 -webkit-appearance: none;
31420 box-shadow: none;
31421}
31422/* Preserve Native Select Stylings */
31423.ui.form .field.error select {
31424 -webkit-appearance: menulist-button;
31425}
31426/*------------------
31427 Dropdown Error
31428--------------------*/
31429.ui.form .fields.error .field .ui.dropdown,
31430.ui.form .fields.error .field .ui.dropdown .item,
31431.ui.form .field.error .ui.dropdown,
31432.ui.form .field.error .ui.dropdown .text,
31433.ui.form .field.error .ui.dropdown .item {
31434 background: #FFF6F6;
31435 color: #9F3A38;
31436}
31437.ui.form .fields.error .field .ui.dropdown,
31438.ui.form .field.error .ui.dropdown {
31439 border-color: #E0B4B4 !important;
31440}
31441.ui.form .fields.error .field .ui.dropdown:hover,
31442.ui.form .field.error .ui.dropdown:hover {
31443 border-color: #E0B4B4 !important;
31444}
31445.ui.form .fields.error .field .ui.dropdown:hover .menu,
31446.ui.form .field.error .ui.dropdown:hover .menu {
31447 border-color: #E0B4B4;
31448}
31449.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
31450.ui.form .field.error .ui.multiple.selection.dropdown > .label {
31451 background-color: #EACBCB;
31452 color: #9F3A38;
31453}
31454/* Hover */
31455.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
31456.ui.form .field.error .ui.dropdown .menu .item:hover {
31457 background-color: #FBE7E7;
31458}
31459/* Selected */
31460.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
31461.ui.form .field.error .ui.dropdown .menu .selected.item {
31462 background-color: #FBE7E7;
31463}
31464/* Active */
31465.ui.form .fields.error .field .ui.dropdown .menu .active.item,
31466.ui.form .field.error .ui.dropdown .menu .active.item {
31467 background-color: #FDCFCF !important;
31468}
31469/*--------------------
31470 Checkbox Error
31471---------------------*/
31472.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
31473.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
31474.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
31475.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
31476 color: #9F3A38;
31477}
31478.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
31479.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
31480.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
31481.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
31482 background: #FFF6F6;
31483 border-color: #E0B4B4;
31484}
31485.ui.form .fields.error .field .checkbox label:after,
31486.ui.form .field.error .checkbox label:after,
31487.ui.form .fields.error .field .checkbox .box:after,
31488.ui.form .field.error .checkbox .box:after {
31489 color: #9F3A38;
31490}
31491/*--------------------
31492 Disabled
31493---------------------*/
31494.ui.form .disabled.fields .field,
31495.ui.form .disabled.field,
31496.ui.form .field :disabled {
31497 pointer-events: none;
31498 opacity: 0.45;
31499}
31500.ui.form .field.disabled > label,
31501.ui.form .fields.disabled > label {
31502 opacity: 0.45;
31503}
31504.ui.form .field.disabled :disabled {
31505 opacity: 1;
31506}
31507/*--------------
31508 Loading
31509---------------*/
31510.ui.loading.form {
31511 position: relative;
31512 cursor: default;
31513 pointer-events: none;
31514}
31515.ui.loading.form:before {
31516 position: absolute;
31517 content: '';
31518 top: 0%;
31519 left: 0%;
31520 background: rgba(255, 255, 255, 0.8);
31521 width: 100%;
31522 height: 100%;
31523 z-index: 100;
31524}
31525.ui.loading.form:after {
31526 position: absolute;
31527 content: '';
31528 top: 50%;
31529 left: 50%;
31530 margin: -1.5em 0em 0em -1.5em;
31531 width: 3em;
31532 height: 3em;
31533 animation: form-spin 0.6s linear;
31534 animation-iteration-count: infinite;
31535 border-radius: 500rem;
31536 border-color: #586A7B rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
31537 border-style: solid;
31538 border-width: 0.2em;
31539 box-shadow: 0px 0px 0px 1px transparent;
31540 visibility: visible;
31541 z-index: 101;
31542}
31543@keyframes form-spin {
31544 from {
31545 transform: rotate(0deg);
31546 }
31547 to {
31548 transform: rotate(360deg);
31549 }
31550}
31551/*******************************
31552 Element Types
31553*******************************/
31554/*--------------------
31555 Required Field
31556---------------------*/
31557.ui.form .required.fields:not(.grouped) > .field > label:after,
31558.ui.form .required.fields.grouped > label:after,
31559.ui.form .required.field > label:after,
31560.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
31561.ui.form .required.field > .checkbox:after {
31562 margin: -0.2em 0em 0em 0.2em;
31563 content: '*';
31564 color: #c0382b;
31565}
31566.ui.form .required.fields:not(.grouped) > .field > label:after,
31567.ui.form .required.fields.grouped > label:after,
31568.ui.form .required.field > label:after {
31569 display: inline-block;
31570 vertical-align: top;
31571}
31572.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
31573.ui.form .required.field > .checkbox:after {
31574 position: absolute;
31575 top: 0%;
31576 left: 100%;
31577}
31578/*******************************
31579 Variations
31580*******************************/
31581/*--------------------
31582 Inverted Colors
31583---------------------*/
31584.ui.inverted.form label,
31585.ui.form .inverted.segment label,
31586.ui.form .inverted.segment .ui.checkbox label,
31587.ui.form .inverted.segment .ui.checkbox .box,
31588.ui.inverted.form .ui.checkbox label,
31589.ui.inverted.form .ui.checkbox .box,
31590.ui.inverted.form .inline.fields > label,
31591.ui.inverted.form .inline.fields .field > label,
31592.ui.inverted.form .inline.fields .field > p,
31593.ui.inverted.form .inline.field > label,
31594.ui.inverted.form .inline.field > p {
31595 color: rgba(255, 255, 255, 0.9);
31596}
31597/* Inverted Field */
31598.ui.inverted.form input:not([type]),
31599.ui.inverted.form input[type="date"],
31600.ui.inverted.form input[type="datetime-local"],
31601.ui.inverted.form input[type="email"],
31602.ui.inverted.form input[type="number"],
31603.ui.inverted.form input[type="password"],
31604.ui.inverted.form input[type="search"],
31605.ui.inverted.form input[type="tel"],
31606.ui.inverted.form input[type="time"],
31607.ui.inverted.form input[type="text"],
31608.ui.inverted.form input[type="file"],
31609.ui.inverted.form input[type="url"] {
31610 background: #FFFFFF;
31611 border-color: rgba(255, 255, 255, 0.1);
31612 color: rgba(0, 0, 0, 0.87);
31613 box-shadow: none;
31614}
31615/*--------------------
31616 Field Groups
31617---------------------*/
31618/* Grouped Vertically */
31619.ui.form .grouped.fields {
31620 display: block;
31621 margin: 0em 0em 1em;
31622}
31623.ui.form .grouped.fields:last-child {
31624 margin-bottom: 0em;
31625}
31626.ui.form .grouped.fields > label {
31627 margin: 0em 0em 0.28571429rem 0em;
31628 color: rgba(0, 0, 0, 0.87);
31629 font-size: 0.92857143em;
31630 font-weight: bold;
31631 text-transform: none;
31632}
31633.ui.form .grouped.fields .field,
31634.ui.form .grouped.inline.fields .field {
31635 display: block;
31636 margin: 0.5em 0em;
31637 padding: 0em;
31638}
31639/*--------------------
31640 Fields
31641---------------------*/
31642/* Split fields */
31643.ui.form .fields {
31644 display: flex;
31645 flex-direction: row;
31646 margin: 0em -0.5em 1em;
31647}
31648.ui.form .fields > .field {
31649 flex: 0 1 auto;
31650 padding-left: 0.5em;
31651 padding-right: 0.5em;
31652}
31653.ui.form .fields > .field:first-child {
31654 border-left: none;
31655 box-shadow: none;
31656}
31657/* Other Combinations */
31658.ui.form .two.fields > .fields,
31659.ui.form .two.fields > .field {
31660 width: 50%;
31661}
31662.ui.form .three.fields > .fields,
31663.ui.form .three.fields > .field {
31664 width: 33.33333333%;
31665}
31666.ui.form .four.fields > .fields,
31667.ui.form .four.fields > .field {
31668 width: 25%;
31669}
31670.ui.form .five.fields > .fields,
31671.ui.form .five.fields > .field {
31672 width: 20%;
31673}
31674.ui.form .six.fields > .fields,
31675.ui.form .six.fields > .field {
31676 width: 16.66666667%;
31677}
31678.ui.form .seven.fields > .fields,
31679.ui.form .seven.fields > .field {
31680 width: 14.28571429%;
31681}
31682.ui.form .eight.fields > .fields,
31683.ui.form .eight.fields > .field {
31684 width: 12.5%;
31685}
31686.ui.form .nine.fields > .fields,
31687.ui.form .nine.fields > .field {
31688 width: 11.11111111%;
31689}
31690.ui.form .ten.fields > .fields,
31691.ui.form .ten.fields > .field {
31692 width: 10%;
31693}
31694/* Swap to full width on mobile */
31695@media only screen and (max-width: 767px) {
31696 .ui.form .fields {
31697 flex-wrap: wrap;
31698 }
31699 .ui[class*="equal width"].form:not(.unstackable) .fields > .field,
31700 .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
31701 .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
31702 .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
31703 .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
31704 .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
31705 .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
31706 .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
31707 .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
31708 .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
31709 .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
31710 .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
31711 .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
31712 .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
31713 .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
31714 .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
31715 .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
31716 .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
31717 .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
31718 .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field {
31719 width: 100% !important;
31720 margin: 0em 0em 1em;
31721 }
31722}
31723/* Sizing Combinations */
31724.ui.form .fields .wide.field {
31725 width: 6.25%;
31726 padding-left: 0.5em;
31727 padding-right: 0.5em;
31728}
31729.ui.form .one.wide.field {
31730 width: 6.25% !important;
31731}
31732.ui.form .two.wide.field {
31733 width: 12.5% !important;
31734}
31735.ui.form .three.wide.field {
31736 width: 18.75% !important;
31737}
31738.ui.form .four.wide.field {
31739 width: 25% !important;
31740}
31741.ui.form .five.wide.field {
31742 width: 31.25% !important;
31743}
31744.ui.form .six.wide.field {
31745 width: 37.5% !important;
31746}
31747.ui.form .seven.wide.field {
31748 width: 43.75% !important;
31749}
31750.ui.form .eight.wide.field {
31751 width: 50% !important;
31752}
31753.ui.form .nine.wide.field {
31754 width: 56.25% !important;
31755}
31756.ui.form .ten.wide.field {
31757 width: 62.5% !important;
31758}
31759.ui.form .eleven.wide.field {
31760 width: 68.75% !important;
31761}
31762.ui.form .twelve.wide.field {
31763 width: 75% !important;
31764}
31765.ui.form .thirteen.wide.field {
31766 width: 81.25% !important;
31767}
31768.ui.form .fourteen.wide.field {
31769 width: 87.5% !important;
31770}
31771.ui.form .fifteen.wide.field {
31772 width: 93.75% !important;
31773}
31774.ui.form .sixteen.wide.field {
31775 width: 100% !important;
31776}
31777/* Swap to full width on mobile */
31778@media only screen and (max-width: 767px) {
31779 .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
31780 .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
31781 .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
31782 .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
31783 .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
31784 .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
31785 .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
31786 .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
31787 .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
31788 .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
31789 .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
31790 .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
31791 .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
31792 .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
31793 .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
31794 .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
31795 .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
31796 .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
31797 .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
31798 .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
31799 .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
31800 .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
31801 .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field {
31802 width: 100% !important;
31803 }
31804 .ui.form .fields {
31805 margin-bottom: 0em;
31806 }
31807}
31808/*--------------------
31809 Equal Width
31810---------------------*/
31811.ui[class*="equal width"].form .fields > .field,
31812.ui.form [class*="equal width"].fields > .field {
31813 width: 100%;
31814 flex: 1 1 auto;
31815}
31816/*--------------------
31817 Inline Fields
31818---------------------*/
31819.ui.form .inline.fields {
31820 margin: 0em 0em 1em;
31821 align-items: center;
31822}
31823.ui.form .inline.fields .field {
31824 margin: 0em;
31825 padding: 0em 1em 0em 0em;
31826}
31827/* Inline Label */
31828.ui.form .inline.fields > label,
31829.ui.form .inline.fields .field > label,
31830.ui.form .inline.fields .field > p,
31831.ui.form .inline.field > label,
31832.ui.form .inline.field > p {
31833 display: inline-block;
31834 width: auto;
31835 margin-top: 0em;
31836 margin-bottom: 0em;
31837 vertical-align: baseline;
31838 font-size: 0.92857143em;
31839 font-weight: bold;
31840 color: rgba(0, 0, 0, 0.87);
31841 text-transform: none;
31842}
31843/* Grouped Inline Label */
31844.ui.form .inline.fields > label {
31845 margin: 0.035714em 1em 0em 0em;
31846}
31847/* Inline Input */
31848.ui.form .inline.fields .field > input,
31849.ui.form .inline.fields .field > select,
31850.ui.form .inline.field > input,
31851.ui.form .inline.field > select {
31852 display: inline-block;
31853 width: auto;
31854 margin-top: 0em;
31855 margin-bottom: 0em;
31856 vertical-align: middle;
31857 font-size: 1em;
31858}
31859/* Label */
31860.ui.form .inline.fields .field > :first-child,
31861.ui.form .inline.field > :first-child {
31862 margin: 0em 0.85714286em 0em 0em;
31863}
31864.ui.form .inline.fields .field > :only-child,
31865.ui.form .inline.field > :only-child {
31866 margin: 0em;
31867}
31868/* Wide */
31869.ui.form .inline.fields .wide.field {
31870 display: flex;
31871 align-items: center;
31872}
31873.ui.form .inline.fields .wide.field > input,
31874.ui.form .inline.fields .wide.field > select {
31875 width: 100%;
31876}
31877/*--------------------
31878 Sizes
31879---------------------*/
31880.ui.mini.form {
31881 font-size: 0.78571429rem;
31882}
31883.ui.tiny.form {
31884 font-size: 0.85714286rem;
31885}
31886.ui.small.form {
31887 font-size: 0.92857143rem;
31888}
31889.ui.form {
31890 font-size: 1rem;
31891}
31892.ui.large.form {
31893 font-size: 1.14285714rem;
31894}
31895.ui.big.form {
31896 font-size: 1.28571429rem;
31897}
31898.ui.huge.form {
31899 font-size: 1.42857143rem;
31900}
31901.ui.massive.form {
31902 font-size: 1.71428571rem;
31903}
31904/*******************************
31905 Theme Overrides
31906*******************************/
31907.ui.basic.red.label {
31908 background-color: #FFFFFF !important;
31909}
31910/*!
31911 * # Semantic UI - Grid
31912 * http://github.com/semantic-org/semantic-ui/
31913 *
31914 *
31915 * Released under the MIT license
31916 * http://opensource.org/licenses/MIT
31917 *
31918 */
31919/*******************************
31920 Theme
31921*******************************/
31922/*
31923
31924████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
31925╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
31926 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
31927 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
31928 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
31929 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
31930
31931*/
31932/*******************************
31933 Theme Selection
31934*******************************/
31935/* To override a theme for an individual element
31936 specify theme name below
31937*/
31938/* Global */
31939/* Elements */
31940/* Collections */
31941/* Modules */
31942/* Views */
31943/*******************************
31944 Folders
31945*******************************/
31946/* Path to theme packages */
31947/* Path to site override folder */
31948/*******************************
31949 Import Theme
31950*******************************/
31951/*******************************
31952 Import Directives
31953*******************************/
31954/*------------------
31955 Theme
31956-------------------*/
31957/*--------------------
31958 Site Variables
31959---------------------*/
31960/* Default site.variables */
31961/*******************************
31962 Site Settings
31963*******************************/
31964/*-------------------
31965 Fonts
31966--------------------*/
31967/*-------------------
31968 Base Sizes
31969--------------------*/
31970/* This is the single variable that controls them all */
31971/* The size of page text */
31972/*-------------------
31973 Border Radius
31974--------------------*/
31975/* See Power-user section below
31976 for explanation of @px variables
31977*/
31978/*-------------------
31979 Brand Colors
31980--------------------*/
31981/*--------------
31982 Page Heading
31983---------------*/
31984/*--------------
31985 Form Input
31986---------------*/
31987/* This adjusts the default form input across all elements */
31988/* Input Text Color */
31989/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
31990/*-------------------
31991 Focused Input
31992--------------------*/
31993/* Used on inputs, textarea etc */
31994/* Used on dropdowns, other larger blocks */
31995/*-------------------
31996 Sizes
31997--------------------*/
31998/*
31999 Sizes are all expressed in terms of 14px/em (default em)
32000 This ensures these "ratios" remain constant despite changes in EM
32001*/
32002/*-------------------
32003 Page
32004--------------------*/
32005/*-------------------
32006 Paragraph
32007--------------------*/
32008/*-------------------
32009 Links
32010--------------------*/
32011/*-------------------
32012 Scroll Bars
32013--------------------*/
32014/* Inverted */
32015/*-------------------
32016 Highlighted Text
32017--------------------*/
32018/*-------------------
32019 Loader
32020--------------------*/
32021/*-------------------
32022 Grid
32023--------------------*/
32024/*-------------------
32025 Transitions
32026--------------------*/
32027/*-------------------
32028 Breakpoints
32029--------------------*/
32030/*-------------------
32031 Site Colors
32032--------------------*/
32033/*--- Colors ---*/
32034/*--- Light Colors ---*/
32035/*--- Neutrals ---*/
32036/*--- Colored Backgrounds ---*/
32037/*--- Colored Headers ---*/
32038/*--- Colored Text ---*/
32039/*--- Colored Border ---*/
32040/*-------------------
32041 Alpha Colors
32042--------------------*/
32043/*-------------------
32044 Accents
32045--------------------*/
32046/* Differentiating Neutrals */
32047/* Differentiating Layers */
32048/*******************************
32049 Power-User
32050*******************************/
32051/*-------------------
32052 Emotive Colors
32053--------------------*/
32054/* Positive */
32055/* Negative */
32056/* Info */
32057/* Warning */
32058/*-------------------
32059 Paths
32060--------------------*/
32061/* For source only. Modified in gulp for dist */
32062/*-------------------
32063 Em Sizes
32064--------------------*/
32065/*
32066 This rounds @size values to the closest pixel then expresses that value in (r)em.
32067 This ensures all size values round to exact pixels
32068*/
32069/* em */
32070/* rem */
32071/*-------------------
32072 Icons
32073--------------------*/
32074/* Maximum Glyph Width of Icon */
32075/*-------------------
32076 Neutral Text
32077--------------------*/
32078/*-------------------
32079 Brand Colors
32080--------------------*/
32081/*-------------------
32082 Borders
32083--------------------*/
32084/*-------------------
32085 Derived Values
32086--------------------*/
32087/* Loaders Position Offset */
32088/* Rendered Scrollbar Width */
32089/* Maximum Single Character Glyph Width, aka Capital "W" */
32090/* Used to match floats with text */
32091/* Header Spacing */
32092/* Minimum Mobile Width */
32093/* Positive / Negative Dupes */
32094/* Responsive */
32095/*-------------------
32096 Exact Pixel Values
32097--------------------*/
32098/*
32099 These are used to specify exact pixel values in em
32100 for things like borders that remain constantly
32101 sized as emSize adjusts
32102
32103 Since there are many more sizes than names for sizes,
32104 these are named by their original pixel values.
32105
32106*/
32107/* Columns */
32108/*******************************
32109 States
32110*******************************/
32111/*-------------------
32112 Disabled
32113--------------------*/
32114/*-------------------
32115 Hover
32116--------------------*/
32117/*--- Shadows ---*/
32118/*--- Colors ---*/
32119/*--- Emotive ---*/
32120/*--- Brand ---*/
32121/*--- Dark Tones ---*/
32122/*--- Light Tones ---*/
32123/*-------------------
32124 Focus
32125--------------------*/
32126/*--- Colors ---*/
32127/*--- Emotive ---*/
32128/*--- Brand ---*/
32129/*--- Dark Tones ---*/
32130/*--- Light Tones ---*/
32131/*-------------------
32132 Down (:active)
32133--------------------*/
32134/*--- Colors ---*/
32135/*--- Emotive ---*/
32136/*--- Brand ---*/
32137/*--- Dark Tones ---*/
32138/*--- Light Tones ---*/
32139/*-------------------
32140 Active
32141--------------------*/
32142/*--- Colors ---*/
32143/*--- Emotive ---*/
32144/*--- Brand ---*/
32145/*--- Dark Tones ---*/
32146/*--- Light Tones ---*/
32147/* Packaged site.variables */
32148/*******************************
32149 Site Settings
32150*******************************/
32151/*-------------------
32152 Fonts
32153--------------------*/
32154/*-------------------
32155 Base Sizes
32156--------------------*/
32157/* This is the single variable that controls them all */
32158/* The size of page text */
32159/*-------------------
32160 Border Radius
32161--------------------*/
32162/* See Power-user section below
32163 for explanation of @px variables
32164*/
32165/*-------------------
32166 Brand Colors
32167--------------------*/
32168/*--------------
32169 Page Heading
32170---------------*/
32171/*--------------
32172 Form Input
32173---------------*/
32174/* This adjusts the default form input across all elements */
32175/* Input Text Color */
32176/* Line Height Default For Inputs in Browser */
32177/*-------------------
32178 Focused Input
32179--------------------*/
32180/* Used on inputs, textarea etc */
32181/* Used on dropdowns, other larger blocks */
32182/*-------------------
32183 Sizes
32184--------------------*/
32185/*
32186 Sizes are all expressed in terms of 14px/em (default em)
32187 This ensures these "ratios" remain constant despite changes in EM
32188*/
32189/*-------------------
32190 Page
32191--------------------*/
32192/*-------------------
32193 Paragraph
32194--------------------*/
32195/*-------------------
32196 Links
32197--------------------*/
32198/*-------------------
32199 Highlighted Text
32200--------------------*/
32201/*-------------------
32202 Loader
32203--------------------*/
32204/*-------------------
32205 Grid
32206--------------------*/
32207/*-------------------
32208 Transitions
32209--------------------*/
32210/*-------------------
32211 Breakpoints
32212--------------------*/
32213/*-------------------
32214 Site Colors
32215--------------------*/
32216/*--- Colors ---*/
32217/*--- Light Colors ---*/
32218/*--- Neutrals ---*/
32219/*--- Colored Backgrounds ---*/
32220/*--- Colored Headers ---*/
32221/*--- Colored Text ---*/
32222/*--- Colored Border ---*/
32223/*-------------------
32224 Alpha Colors
32225--------------------*/
32226/*-------------------
32227 Accents
32228--------------------*/
32229/* Differentiating Neutrals */
32230/* Differentiating Layers */
32231/*******************************
32232 Power-User
32233*******************************/
32234/*-------------------
32235 Emotive Colors
32236--------------------*/
32237/* Positive */
32238/* Negative */
32239/* Info */
32240/* Warning */
32241/*-------------------
32242 Paths
32243--------------------*/
32244/* For source only. Modified in gulp for dist */
32245/*-------------------
32246 Em Sizes
32247--------------------*/
32248/*
32249 This rounds @size values to the closest pixel then expresses that value in (r)em.
32250 This ensures all size values round to exact pixels
32251*/
32252/* em */
32253/* rem */
32254/*-------------------
32255 Icons
32256--------------------*/
32257/* Maximum Glyph Width of Icon */
32258/*-------------------
32259 Neutral Text
32260--------------------*/
32261/*-------------------
32262 Brand Colors
32263--------------------*/
32264/*-------------------
32265 Borders
32266--------------------*/
32267/*-------------------
32268 Derived Values
32269--------------------*/
32270/* Loaders Position Offset */
32271/* Rendered Scrollbar Width */
32272/* Maximum Single Character Glyph Width, aka Capital "W" */
32273/* Used to match floats with text */
32274/* Header Spacing */
32275/* Minimum Mobile Width */
32276/* Positive / Negative Dupes */
32277/* Responsive */
32278/*-------------------
32279 Exact Pixel Values
32280--------------------*/
32281/*
32282 These are used to specify exact pixel values in em
32283 for things like borders that remain constantly
32284 sized as emSize adjusts
32285
32286 Since there are many more sizes than names for sizes,
32287 these are named by their original pixel values.
32288
32289*/
32290/* Columns */
32291/*******************************
32292 States
32293*******************************/
32294/*-------------------
32295 Disabled
32296--------------------*/
32297/*-------------------
32298 Hover
32299--------------------*/
32300/*--- Shadows ---*/
32301/*--- Colors ---*/
32302/* https://github.com/Tripwire/octagon/issues/144 */
32303/*--- Emotive ---*/
32304/*--- Brand ---*/
32305/*--- Dark Tones ---*/
32306/*--- Light Tones ---*/
32307/*-------------------
32308 Focus
32309--------------------*/
32310/*--- Colors ---*/
32311/*--- Emotive ---*/
32312/*--- Brand ---*/
32313/*--- Dark Tones ---*/
32314/*--- Light Tones ---*/
32315/*-------------------
32316 Down (:active)
32317--------------------*/
32318/*--- Colors ---*/
32319/*--- Emotive ---*/
32320/*--- Brand ---*/
32321/*--- Dark Tones ---*/
32322/*--- Light Tones ---*/
32323/*-------------------
32324 Active
32325--------------------*/
32326/*--- Colors ---*/
32327/*--- Emotive ---*/
32328/*--- Brand ---*/
32329/*--- Dark Tones ---*/
32330/*--- Light Tones ---*/
32331/* Component's site.variables */
32332/*******************************
32333 Site Settings
32334*******************************/
32335/*-------------------
32336 Fonts
32337--------------------*/
32338/*-------------------
32339 Base Sizes
32340--------------------*/
32341/* This is the single variable that controls them all */
32342/* The size of page text */
32343/*-------------------
32344 Border Radius
32345--------------------*/
32346/* See Power-user section below
32347 for explanation of @px variables
32348*/
32349/*-------------------
32350 Brand Colors
32351--------------------*/
32352/*--------------
32353 Page Heading
32354---------------*/
32355/*--------------
32356 Form Input
32357---------------*/
32358/* This adjusts the default form input across all elements */
32359/* Input Text Color */
32360/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
32361/*-------------------
32362 Focused Input
32363--------------------*/
32364/* Used on inputs, textarea etc */
32365/* Used on dropdowns, other larger blocks */
32366/*-------------------
32367 Sizes
32368--------------------*/
32369/*
32370 Sizes are all expressed in terms of 14px/em (default em)
32371 This ensures these "ratios" remain constant despite changes in EM
32372*/
32373/*-------------------
32374 Page
32375--------------------*/
32376/*-------------------
32377 Paragraph
32378--------------------*/
32379/*-------------------
32380 Links
32381--------------------*/
32382/*-------------------
32383 Scroll Bars
32384--------------------*/
32385/* Inverted */
32386/*-------------------
32387 Highlighted Text
32388--------------------*/
32389/*-------------------
32390 Loader
32391--------------------*/
32392/*-------------------
32393 Grid
32394--------------------*/
32395/*-------------------
32396 Transitions
32397--------------------*/
32398/*-------------------
32399 Breakpoints
32400--------------------*/
32401/*-------------------
32402 Site Colors
32403--------------------*/
32404/*--- Colors ---*/
32405/*--- Light Colors ---*/
32406/*--- Neutrals ---*/
32407/*--- Colored Backgrounds ---*/
32408/*--- Colored Headers ---*/
32409/*--- Colored Text ---*/
32410/*--- Colored Border ---*/
32411/*-------------------
32412 Alpha Colors
32413--------------------*/
32414/*-------------------
32415 Accents
32416--------------------*/
32417/* Differentiating Neutrals */
32418/* Differentiating Layers */
32419/*******************************
32420 Power-User
32421*******************************/
32422/*-------------------
32423 Emotive Colors
32424--------------------*/
32425/* Positive */
32426/* Negative */
32427/* Info */
32428/* Warning */
32429/*-------------------
32430 Paths
32431--------------------*/
32432/* For source only. Modified in gulp for dist */
32433/*-------------------
32434 Em Sizes
32435--------------------*/
32436/*
32437 This rounds @size values to the closest pixel then expresses that value in (r)em.
32438 This ensures all size values round to exact pixels
32439*/
32440/* em */
32441/* rem */
32442/*-------------------
32443 Icons
32444--------------------*/
32445/* Maximum Glyph Width of Icon */
32446/*-------------------
32447 Neutral Text
32448--------------------*/
32449/*-------------------
32450 Brand Colors
32451--------------------*/
32452/*-------------------
32453 Borders
32454--------------------*/
32455/*-------------------
32456 Derived Values
32457--------------------*/
32458/* Loaders Position Offset */
32459/* Rendered Scrollbar Width */
32460/* Maximum Single Character Glyph Width, aka Capital "W" */
32461/* Used to match floats with text */
32462/* Header Spacing */
32463/* Minimum Mobile Width */
32464/* Positive / Negative Dupes */
32465/* Responsive */
32466/*-------------------
32467 Exact Pixel Values
32468--------------------*/
32469/*
32470 These are used to specify exact pixel values in em
32471 for things like borders that remain constantly
32472 sized as emSize adjusts
32473
32474 Since there are many more sizes than names for sizes,
32475 these are named by their original pixel values.
32476
32477*/
32478/* Columns */
32479/*******************************
32480 States
32481*******************************/
32482/*-------------------
32483 Disabled
32484--------------------*/
32485/*-------------------
32486 Hover
32487--------------------*/
32488/*--- Shadows ---*/
32489/*--- Colors ---*/
32490/*--- Emotive ---*/
32491/*--- Brand ---*/
32492/*--- Dark Tones ---*/
32493/*--- Light Tones ---*/
32494/*-------------------
32495 Focus
32496--------------------*/
32497/*--- Colors ---*/
32498/*--- Emotive ---*/
32499/*--- Brand ---*/
32500/*--- Dark Tones ---*/
32501/*--- Light Tones ---*/
32502/*-------------------
32503 Down (:active)
32504--------------------*/
32505/*--- Colors ---*/
32506/*--- Emotive ---*/
32507/*--- Brand ---*/
32508/*--- Dark Tones ---*/
32509/*--- Light Tones ---*/
32510/*-------------------
32511 Active
32512--------------------*/
32513/*--- Colors ---*/
32514/*--- Emotive ---*/
32515/*--- Brand ---*/
32516/*--- Dark Tones ---*/
32517/*--- Light Tones ---*/
32518/* Site theme site.variables */
32519/*-------------------
32520 Component Variables
32521---------------------*/
32522/* Default */
32523/*******************************
32524 Grid
32525*******************************/
32526/* Inherited From Site */
32527/*******************************
32528 Grid
32529*******************************/
32530/*******************************
32531 Variations
32532*******************************/
32533/*--------------
32534 Relaxed
32535---------------*/
32536/*--------------
32537 Divided
32538---------------*/
32539/*--------------
32540 Celled
32541---------------*/
32542/*--------------
32543 Stackable
32544---------------*/
32545/*******************************
32546 Legacy
32547*******************************/
32548/*--------------
32549 Page
32550---------------*/
32551/* Legacy (DO NOT USE)
32552 */
32553/* Packaged Theme */
32554/*******************************
32555 Grid
32556*******************************/
32557/* Inherited From Site */
32558/*******************************
32559 Grid
32560*******************************/
32561/*******************************
32562 Variations
32563*******************************/
32564/*--------------
32565 Relaxed
32566---------------*/
32567/*--------------
32568 Divided
32569---------------*/
32570/*--------------
32571 Celled
32572---------------*/
32573/*--------------
32574 Stackable
32575---------------*/
32576/*******************************
32577 Legacy
32578*******************************/
32579/*--------------
32580 Page
32581---------------*/
32582/* Legacy (DO NOT USE)
32583 */
32584/* Site Theme */
32585/*******************************
32586 Mix-ins
32587*******************************/
32588/*------------------
32589 Fonts
32590-------------------*/
32591/*------------------
32592 Overrides
32593-------------------*/
32594/* End Config */
32595/*******************************
32596 Standard
32597*******************************/
32598.ui.grid {
32599 display: flex;
32600 flex-direction: row;
32601 flex-wrap: wrap;
32602 align-items: stretch;
32603 padding: 0em;
32604}
32605/*----------------------
32606 Remove Gutters
32607-----------------------*/
32608.ui.grid {
32609 margin-top: -1rem;
32610 margin-bottom: -1rem;
32611 margin-left: -1rem;
32612 margin-right: -1rem;
32613}
32614.ui.relaxed.grid {
32615 margin-left: -1.5rem;
32616 margin-right: -1.5rem;
32617}
32618.ui[class*="very relaxed"].grid {
32619 margin-left: -2.5rem;
32620 margin-right: -2.5rem;
32621}
32622/* Preserve Rows Spacing on Consecutive Grids */
32623.ui.grid + .grid {
32624 margin-top: 1rem;
32625}
32626/*-------------------
32627 Columns
32628--------------------*/
32629/* Standard 16 column */
32630.ui.grid > .column:not(.row),
32631.ui.grid > .row > .column {
32632 position: relative;
32633 display: inline-block;
32634 width: 6.25%;
32635 padding-left: 1rem;
32636 padding-right: 1rem;
32637 vertical-align: top;
32638}
32639.ui.grid > * {
32640 padding-left: 1rem;
32641 padding-right: 1rem;
32642}
32643/*-------------------
32644 Rows
32645--------------------*/
32646.ui.grid > .row {
32647 position: relative;
32648 display: flex;
32649 flex-direction: row;
32650 flex-wrap: wrap;
32651 justify-content: inherit;
32652 align-items: stretch;
32653 width: 100% !important;
32654 padding: 0rem;
32655 padding-top: 1rem;
32656 padding-bottom: 1rem;
32657}
32658/*-------------------
32659 Columns
32660--------------------*/
32661/* Vertical padding when no rows */
32662.ui.grid > .column:not(.row) {
32663 padding-top: 1rem;
32664 padding-bottom: 1rem;
32665}
32666.ui.grid > .row > .column {
32667 margin-top: 0em;
32668 margin-bottom: 0em;
32669}
32670/*-------------------
32671 Content
32672--------------------*/
32673.ui.grid > .row > img,
32674.ui.grid > .row > .column > img {
32675 max-width: 100%;
32676}
32677/*-------------------
32678 Loose Coupling
32679--------------------*/
32680/* Collapse Margin on Consecutive Grid */
32681.ui.grid > .ui.grid:first-child {
32682 margin-top: 0em;
32683}
32684.ui.grid > .ui.grid:last-child {
32685 margin-bottom: 0em;
32686}
32687/* Segment inside Aligned Grid */
32688.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
32689.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
32690 width: 100%;
32691}
32692/* Align Dividers with Gutter */
32693.ui.grid .row + .ui.divider {
32694 flex-grow: 1;
32695 margin: 1rem 1rem;
32696}
32697.ui.grid .column + .ui.vertical.divider {
32698 height: calc(50% - 1rem );
32699}
32700/* Remove Border on Last Horizontal Segment */
32701.ui.grid > .row > .column:last-child > .horizontal.segment,
32702.ui.grid > .column:last-child > .horizontal.segment {
32703 box-shadow: none;
32704}
32705/*******************************
32706 Variations
32707*******************************/
32708/*-----------------------
32709 Page Grid
32710-------------------------*/
32711@media only screen and (max-width: 767px) {
32712 .ui.page.grid {
32713 width: auto;
32714 padding-left: 0em;
32715 padding-right: 0em;
32716 margin-left: 0em;
32717 margin-right: 0em;
32718 }
32719}
32720@media only screen and (min-width: 768px) and (max-width: 991px) {
32721 .ui.page.grid {
32722 width: auto;
32723 margin-left: 0em;
32724 margin-right: 0em;
32725 padding-left: 2em;
32726 padding-right: 2em;
32727 }
32728}
32729@media only screen and (min-width: 992px) and (max-width: 1199px) {
32730 .ui.page.grid {
32731 width: auto;
32732 margin-left: 0em;
32733 margin-right: 0em;
32734 padding-left: 3%;
32735 padding-right: 3%;
32736 }
32737}
32738@media only screen and (min-width: 1200px) and (max-width: 1919px) {
32739 .ui.page.grid {
32740 width: auto;
32741 margin-left: 0em;
32742 margin-right: 0em;
32743 padding-left: 15%;
32744 padding-right: 15%;
32745 }
32746}
32747@media only screen and (min-width: 1920px) {
32748 .ui.page.grid {
32749 width: auto;
32750 margin-left: 0em;
32751 margin-right: 0em;
32752 padding-left: 23%;
32753 padding-right: 23%;
32754 }
32755}
32756/*-------------------
32757 Column Count
32758--------------------*/
32759/* Assume full width with one column */
32760.ui.grid > .column:only-child,
32761.ui.grid > .row > .column:only-child {
32762 width: 100%;
32763}
32764/* Grid Based */
32765.ui[class*="one column"].grid > .row > .column,
32766.ui[class*="one column"].grid > .column:not(.row) {
32767 width: 100%;
32768}
32769.ui[class*="two column"].grid > .row > .column,
32770.ui[class*="two column"].grid > .column:not(.row) {
32771 width: 50%;
32772}
32773.ui[class*="three column"].grid > .row > .column,
32774.ui[class*="three column"].grid > .column:not(.row) {
32775 width: 33.33333333%;
32776}
32777.ui[class*="four column"].grid > .row > .column,
32778.ui[class*="four column"].grid > .column:not(.row) {
32779 width: 25%;
32780}
32781.ui[class*="five column"].grid > .row > .column,
32782.ui[class*="five column"].grid > .column:not(.row) {
32783 width: 20%;
32784}
32785.ui[class*="six column"].grid > .row > .column,
32786.ui[class*="six column"].grid > .column:not(.row) {
32787 width: 16.66666667%;
32788}
32789.ui[class*="seven column"].grid > .row > .column,
32790.ui[class*="seven column"].grid > .column:not(.row) {
32791 width: 14.28571429%;
32792}
32793.ui[class*="eight column"].grid > .row > .column,
32794.ui[class*="eight column"].grid > .column:not(.row) {
32795 width: 12.5%;
32796}
32797.ui[class*="nine column"].grid > .row > .column,
32798.ui[class*="nine column"].grid > .column:not(.row) {
32799 width: 11.11111111%;
32800}
32801.ui[class*="ten column"].grid > .row > .column,
32802.ui[class*="ten column"].grid > .column:not(.row) {
32803 width: 10%;
32804}
32805.ui[class*="eleven column"].grid > .row > .column,
32806.ui[class*="eleven column"].grid > .column:not(.row) {
32807 width: 9.09090909%;
32808}
32809.ui[class*="twelve column"].grid > .row > .column,
32810.ui[class*="twelve column"].grid > .column:not(.row) {
32811 width: 8.33333333%;
32812}
32813.ui[class*="thirteen column"].grid > .row > .column,
32814.ui[class*="thirteen column"].grid > .column:not(.row) {
32815 width: 7.69230769%;
32816}
32817.ui[class*="fourteen column"].grid > .row > .column,
32818.ui[class*="fourteen column"].grid > .column:not(.row) {
32819 width: 7.14285714%;
32820}
32821.ui[class*="fifteen column"].grid > .row > .column,
32822.ui[class*="fifteen column"].grid > .column:not(.row) {
32823 width: 6.66666667%;
32824}
32825.ui[class*="sixteen column"].grid > .row > .column,
32826.ui[class*="sixteen column"].grid > .column:not(.row) {
32827 width: 6.25%;
32828}
32829/* Row Based Overrides */
32830.ui.grid > [class*="one column"].row > .column {
32831 width: 100% !important;
32832}
32833.ui.grid > [class*="two column"].row > .column {
32834 width: 50% !important;
32835}
32836.ui.grid > [class*="three column"].row > .column {
32837 width: 33.33333333% !important;
32838}
32839.ui.grid > [class*="four column"].row > .column {
32840 width: 25% !important;
32841}
32842.ui.grid > [class*="five column"].row > .column {
32843 width: 20% !important;
32844}
32845.ui.grid > [class*="six column"].row > .column {
32846 width: 16.66666667% !important;
32847}
32848.ui.grid > [class*="seven column"].row > .column {
32849 width: 14.28571429% !important;
32850}
32851.ui.grid > [class*="eight column"].row > .column {
32852 width: 12.5% !important;
32853}
32854.ui.grid > [class*="nine column"].row > .column {
32855 width: 11.11111111% !important;
32856}
32857.ui.grid > [class*="ten column"].row > .column {
32858 width: 10% !important;
32859}
32860.ui.grid > [class*="eleven column"].row > .column {
32861 width: 9.09090909% !important;
32862}
32863.ui.grid > [class*="twelve column"].row > .column {
32864 width: 8.33333333% !important;
32865}
32866.ui.grid > [class*="thirteen column"].row > .column {
32867 width: 7.69230769% !important;
32868}
32869.ui.grid > [class*="fourteen column"].row > .column {
32870 width: 7.14285714% !important;
32871}
32872.ui.grid > [class*="fifteen column"].row > .column {
32873 width: 6.66666667% !important;
32874}
32875.ui.grid > [class*="sixteen column"].row > .column {
32876 width: 6.25% !important;
32877}
32878/* Celled Page */
32879.ui.celled.page.grid {
32880 box-shadow: none;
32881}
32882/*-------------------
32883 Column Width
32884--------------------*/
32885/* Sizing Combinations */
32886.ui.grid > .row > [class*="one wide"].column,
32887.ui.grid > .column.row > [class*="one wide"].column,
32888.ui.grid > [class*="one wide"].column,
32889.ui.column.grid > [class*="one wide"].column {
32890 width: 6.25% !important;
32891}
32892.ui.grid > .row > [class*="two wide"].column,
32893.ui.grid > .column.row > [class*="two wide"].column,
32894.ui.grid > [class*="two wide"].column,
32895.ui.column.grid > [class*="two wide"].column {
32896 width: 12.5% !important;
32897}
32898.ui.grid > .row > [class*="three wide"].column,
32899.ui.grid > .column.row > [class*="three wide"].column,
32900.ui.grid > [class*="three wide"].column,
32901.ui.column.grid > [class*="three wide"].column {
32902 width: 18.75% !important;
32903}
32904.ui.grid > .row > [class*="four wide"].column,
32905.ui.grid > .column.row > [class*="four wide"].column,
32906.ui.grid > [class*="four wide"].column,
32907.ui.column.grid > [class*="four wide"].column {
32908 width: 25% !important;
32909}
32910.ui.grid > .row > [class*="five wide"].column,
32911.ui.grid > .column.row > [class*="five wide"].column,
32912.ui.grid > [class*="five wide"].column,
32913.ui.column.grid > [class*="five wide"].column {
32914 width: 31.25% !important;
32915}
32916.ui.grid > .row > [class*="six wide"].column,
32917.ui.grid > .column.row > [class*="six wide"].column,
32918.ui.grid > [class*="six wide"].column,
32919.ui.column.grid > [class*="six wide"].column {
32920 width: 37.5% !important;
32921}
32922.ui.grid > .row > [class*="seven wide"].column,
32923.ui.grid > .column.row > [class*="seven wide"].column,
32924.ui.grid > [class*="seven wide"].column,
32925.ui.column.grid > [class*="seven wide"].column {
32926 width: 43.75% !important;
32927}
32928.ui.grid > .row > [class*="eight wide"].column,
32929.ui.grid > .column.row > [class*="eight wide"].column,
32930.ui.grid > [class*="eight wide"].column,
32931.ui.column.grid > [class*="eight wide"].column {
32932 width: 50% !important;
32933}
32934.ui.grid > .row > [class*="nine wide"].column,
32935.ui.grid > .column.row > [class*="nine wide"].column,
32936.ui.grid > [class*="nine wide"].column,
32937.ui.column.grid > [class*="nine wide"].column {
32938 width: 56.25% !important;
32939}
32940.ui.grid > .row > [class*="ten wide"].column,
32941.ui.grid > .column.row > [class*="ten wide"].column,
32942.ui.grid > [class*="ten wide"].column,
32943.ui.column.grid > [class*="ten wide"].column {
32944 width: 62.5% !important;
32945}
32946.ui.grid > .row > [class*="eleven wide"].column,
32947.ui.grid > .column.row > [class*="eleven wide"].column,
32948.ui.grid > [class*="eleven wide"].column,
32949.ui.column.grid > [class*="eleven wide"].column {
32950 width: 68.75% !important;
32951}
32952.ui.grid > .row > [class*="twelve wide"].column,
32953.ui.grid > .column.row > [class*="twelve wide"].column,
32954.ui.grid > [class*="twelve wide"].column,
32955.ui.column.grid > [class*="twelve wide"].column {
32956 width: 75% !important;
32957}
32958.ui.grid > .row > [class*="thirteen wide"].column,
32959.ui.grid > .column.row > [class*="thirteen wide"].column,
32960.ui.grid > [class*="thirteen wide"].column,
32961.ui.column.grid > [class*="thirteen wide"].column {
32962 width: 81.25% !important;
32963}
32964.ui.grid > .row > [class*="fourteen wide"].column,
32965.ui.grid > .column.row > [class*="fourteen wide"].column,
32966.ui.grid > [class*="fourteen wide"].column,
32967.ui.column.grid > [class*="fourteen wide"].column {
32968 width: 87.5% !important;
32969}
32970.ui.grid > .row > [class*="fifteen wide"].column,
32971.ui.grid > .column.row > [class*="fifteen wide"].column,
32972.ui.grid > [class*="fifteen wide"].column,
32973.ui.column.grid > [class*="fifteen wide"].column {
32974 width: 93.75% !important;
32975}
32976.ui.grid > .row > [class*="sixteen wide"].column,
32977.ui.grid > .column.row > [class*="sixteen wide"].column,
32978.ui.grid > [class*="sixteen wide"].column,
32979.ui.column.grid > [class*="sixteen wide"].column {
32980 width: 100% !important;
32981}
32982/*----------------------
32983 Width per Device
32984-----------------------*/
32985/* Mobile Sizing Combinations */
32986@media only screen and (min-width: 320px) and (max-width: 767px) {
32987 .ui.grid > .row > [class*="one wide mobile"].column,
32988 .ui.grid > .column.row > [class*="one wide mobile"].column,
32989 .ui.grid > [class*="one wide mobile"].column,
32990 .ui.column.grid > [class*="one wide mobile"].column {
32991 width: 6.25% !important;
32992 }
32993 .ui.grid > .row > [class*="two wide mobile"].column,
32994 .ui.grid > .column.row > [class*="two wide mobile"].column,
32995 .ui.grid > [class*="two wide mobile"].column,
32996 .ui.column.grid > [class*="two wide mobile"].column {
32997 width: 12.5% !important;
32998 }
32999 .ui.grid > .row > [class*="three wide mobile"].column,
33000 .ui.grid > .column.row > [class*="three wide mobile"].column,
33001 .ui.grid > [class*="three wide mobile"].column,
33002 .ui.column.grid > [class*="three wide mobile"].column {
33003 width: 18.75% !important;
33004 }
33005 .ui.grid > .row > [class*="four wide mobile"].column,
33006 .ui.grid > .column.row > [class*="four wide mobile"].column,
33007 .ui.grid > [class*="four wide mobile"].column,
33008 .ui.column.grid > [class*="four wide mobile"].column {
33009 width: 25% !important;
33010 }
33011 .ui.grid > .row > [class*="five wide mobile"].column,
33012 .ui.grid > .column.row > [class*="five wide mobile"].column,
33013 .ui.grid > [class*="five wide mobile"].column,
33014 .ui.column.grid > [class*="five wide mobile"].column {
33015 width: 31.25% !important;
33016 }
33017 .ui.grid > .row > [class*="six wide mobile"].column,
33018 .ui.grid > .column.row > [class*="six wide mobile"].column,
33019 .ui.grid > [class*="six wide mobile"].column,
33020 .ui.column.grid > [class*="six wide mobile"].column {
33021 width: 37.5% !important;
33022 }
33023 .ui.grid > .row > [class*="seven wide mobile"].column,
33024 .ui.grid > .column.row > [class*="seven wide mobile"].column,
33025 .ui.grid > [class*="seven wide mobile"].column,
33026 .ui.column.grid > [class*="seven wide mobile"].column {
33027 width: 43.75% !important;
33028 }
33029 .ui.grid > .row > [class*="eight wide mobile"].column,
33030 .ui.grid > .column.row > [class*="eight wide mobile"].column,
33031 .ui.grid > [class*="eight wide mobile"].column,
33032 .ui.column.grid > [class*="eight wide mobile"].column {
33033 width: 50% !important;
33034 }
33035 .ui.grid > .row > [class*="nine wide mobile"].column,
33036 .ui.grid > .column.row > [class*="nine wide mobile"].column,
33037 .ui.grid > [class*="nine wide mobile"].column,
33038 .ui.column.grid > [class*="nine wide mobile"].column {
33039 width: 56.25% !important;
33040 }
33041 .ui.grid > .row > [class*="ten wide mobile"].column,
33042 .ui.grid > .column.row > [class*="ten wide mobile"].column,
33043 .ui.grid > [class*="ten wide mobile"].column,
33044 .ui.column.grid > [class*="ten wide mobile"].column {
33045 width: 62.5% !important;
33046 }
33047 .ui.grid > .row > [class*="eleven wide mobile"].column,
33048 .ui.grid > .column.row > [class*="eleven wide mobile"].column,
33049 .ui.grid > [class*="eleven wide mobile"].column,
33050 .ui.column.grid > [class*="eleven wide mobile"].column {
33051 width: 68.75% !important;
33052 }
33053 .ui.grid > .row > [class*="twelve wide mobile"].column,
33054 .ui.grid > .column.row > [class*="twelve wide mobile"].column,
33055 .ui.grid > [class*="twelve wide mobile"].column,
33056 .ui.column.grid > [class*="twelve wide mobile"].column {
33057 width: 75% !important;
33058 }
33059 .ui.grid > .row > [class*="thirteen wide mobile"].column,
33060 .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
33061 .ui.grid > [class*="thirteen wide mobile"].column,
33062 .ui.column.grid > [class*="thirteen wide mobile"].column {
33063 width: 81.25% !important;
33064 }
33065 .ui.grid > .row > [class*="fourteen wide mobile"].column,
33066 .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
33067 .ui.grid > [class*="fourteen wide mobile"].column,
33068 .ui.column.grid > [class*="fourteen wide mobile"].column {
33069 width: 87.5% !important;
33070 }
33071 .ui.grid > .row > [class*="fifteen wide mobile"].column,
33072 .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
33073 .ui.grid > [class*="fifteen wide mobile"].column,
33074 .ui.column.grid > [class*="fifteen wide mobile"].column {
33075 width: 93.75% !important;
33076 }
33077 .ui.grid > .row > [class*="sixteen wide mobile"].column,
33078 .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
33079 .ui.grid > [class*="sixteen wide mobile"].column,
33080 .ui.column.grid > [class*="sixteen wide mobile"].column {
33081 width: 100% !important;
33082 }
33083}
33084/* Tablet Sizing Combinations */
33085@media only screen and (min-width: 768px) and (max-width: 991px) {
33086 .ui.grid > .row > [class*="one wide tablet"].column,
33087 .ui.grid > .column.row > [class*="one wide tablet"].column,
33088 .ui.grid > [class*="one wide tablet"].column,
33089 .ui.column.grid > [class*="one wide tablet"].column {
33090 width: 6.25% !important;
33091 }
33092 .ui.grid > .row > [class*="two wide tablet"].column,
33093 .ui.grid > .column.row > [class*="two wide tablet"].column,
33094 .ui.grid > [class*="two wide tablet"].column,
33095 .ui.column.grid > [class*="two wide tablet"].column {
33096 width: 12.5% !important;
33097 }
33098 .ui.grid > .row > [class*="three wide tablet"].column,
33099 .ui.grid > .column.row > [class*="three wide tablet"].column,
33100 .ui.grid > [class*="three wide tablet"].column,
33101 .ui.column.grid > [class*="three wide tablet"].column {
33102 width: 18.75% !important;
33103 }
33104 .ui.grid > .row > [class*="four wide tablet"].column,
33105 .ui.grid > .column.row > [class*="four wide tablet"].column,
33106 .ui.grid > [class*="four wide tablet"].column,
33107 .ui.column.grid > [class*="four wide tablet"].column {
33108 width: 25% !important;
33109 }
33110 .ui.grid > .row > [class*="five wide tablet"].column,
33111 .ui.grid > .column.row > [class*="five wide tablet"].column,
33112 .ui.grid > [class*="five wide tablet"].column,
33113 .ui.column.grid > [class*="five wide tablet"].column {
33114 width: 31.25% !important;
33115 }
33116 .ui.grid > .row > [class*="six wide tablet"].column,
33117 .ui.grid > .column.row > [class*="six wide tablet"].column,
33118 .ui.grid > [class*="six wide tablet"].column,
33119 .ui.column.grid > [class*="six wide tablet"].column {
33120 width: 37.5% !important;
33121 }
33122 .ui.grid > .row > [class*="seven wide tablet"].column,
33123 .ui.grid > .column.row > [class*="seven wide tablet"].column,
33124 .ui.grid > [class*="seven wide tablet"].column,
33125 .ui.column.grid > [class*="seven wide tablet"].column {
33126 width: 43.75% !important;
33127 }
33128 .ui.grid > .row > [class*="eight wide tablet"].column,
33129 .ui.grid > .column.row > [class*="eight wide tablet"].column,
33130 .ui.grid > [class*="eight wide tablet"].column,
33131 .ui.column.grid > [class*="eight wide tablet"].column {
33132 width: 50% !important;
33133 }
33134 .ui.grid > .row > [class*="nine wide tablet"].column,
33135 .ui.grid > .column.row > [class*="nine wide tablet"].column,
33136 .ui.grid > [class*="nine wide tablet"].column,
33137 .ui.column.grid > [class*="nine wide tablet"].column {
33138 width: 56.25% !important;
33139 }
33140 .ui.grid > .row > [class*="ten wide tablet"].column,
33141 .ui.grid > .column.row > [class*="ten wide tablet"].column,
33142 .ui.grid > [class*="ten wide tablet"].column,
33143 .ui.column.grid > [class*="ten wide tablet"].column {
33144 width: 62.5% !important;
33145 }
33146 .ui.grid > .row > [class*="eleven wide tablet"].column,
33147 .ui.grid > .column.row > [class*="eleven wide tablet"].column,
33148 .ui.grid > [class*="eleven wide tablet"].column,
33149 .ui.column.grid > [class*="eleven wide tablet"].column {
33150 width: 68.75% !important;
33151 }
33152 .ui.grid > .row > [class*="twelve wide tablet"].column,
33153 .ui.grid > .column.row > [class*="twelve wide tablet"].column,
33154 .ui.grid > [class*="twelve wide tablet"].column,
33155 .ui.column.grid > [class*="twelve wide tablet"].column {
33156 width: 75% !important;
33157 }
33158 .ui.grid > .row > [class*="thirteen wide tablet"].column,
33159 .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
33160 .ui.grid > [class*="thirteen wide tablet"].column,
33161 .ui.column.grid > [class*="thirteen wide tablet"].column {
33162 width: 81.25% !important;
33163 }
33164 .ui.grid > .row > [class*="fourteen wide tablet"].column,
33165 .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
33166 .ui.grid > [class*="fourteen wide tablet"].column,
33167 .ui.column.grid > [class*="fourteen wide tablet"].column {
33168 width: 87.5% !important;
33169 }
33170 .ui.grid > .row > [class*="fifteen wide tablet"].column,
33171 .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
33172 .ui.grid > [class*="fifteen wide tablet"].column,
33173 .ui.column.grid > [class*="fifteen wide tablet"].column {
33174 width: 93.75% !important;
33175 }
33176 .ui.grid > .row > [class*="sixteen wide tablet"].column,
33177 .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
33178 .ui.grid > [class*="sixteen wide tablet"].column,
33179 .ui.column.grid > [class*="sixteen wide tablet"].column {
33180 width: 100% !important;
33181 }
33182}
33183/* Computer/Desktop Sizing Combinations */
33184@media only screen and (min-width: 992px) {
33185 .ui.grid > .row > [class*="one wide computer"].column,
33186 .ui.grid > .column.row > [class*="one wide computer"].column,
33187 .ui.grid > [class*="one wide computer"].column,
33188 .ui.column.grid > [class*="one wide computer"].column {
33189 width: 6.25% !important;
33190 }
33191 .ui.grid > .row > [class*="two wide computer"].column,
33192 .ui.grid > .column.row > [class*="two wide computer"].column,
33193 .ui.grid > [class*="two wide computer"].column,
33194 .ui.column.grid > [class*="two wide computer"].column {
33195 width: 12.5% !important;
33196 }
33197 .ui.grid > .row > [class*="three wide computer"].column,
33198 .ui.grid > .column.row > [class*="three wide computer"].column,
33199 .ui.grid > [class*="three wide computer"].column,
33200 .ui.column.grid > [class*="three wide computer"].column {
33201 width: 18.75% !important;
33202 }
33203 .ui.grid > .row > [class*="four wide computer"].column,
33204 .ui.grid > .column.row > [class*="four wide computer"].column,
33205 .ui.grid > [class*="four wide computer"].column,
33206 .ui.column.grid > [class*="four wide computer"].column {
33207 width: 25% !important;
33208 }
33209 .ui.grid > .row > [class*="five wide computer"].column,
33210 .ui.grid > .column.row > [class*="five wide computer"].column,
33211 .ui.grid > [class*="five wide computer"].column,
33212 .ui.column.grid > [class*="five wide computer"].column {
33213 width: 31.25% !important;
33214 }
33215 .ui.grid > .row > [class*="six wide computer"].column,
33216 .ui.grid > .column.row > [class*="six wide computer"].column,
33217 .ui.grid > [class*="six wide computer"].column,
33218 .ui.column.grid > [class*="six wide computer"].column {
33219 width: 37.5% !important;
33220 }
33221 .ui.grid > .row > [class*="seven wide computer"].column,
33222 .ui.grid > .column.row > [class*="seven wide computer"].column,
33223 .ui.grid > [class*="seven wide computer"].column,
33224 .ui.column.grid > [class*="seven wide computer"].column {
33225 width: 43.75% !important;
33226 }
33227 .ui.grid > .row > [class*="eight wide computer"].column,
33228 .ui.grid > .column.row > [class*="eight wide computer"].column,
33229 .ui.grid > [class*="eight wide computer"].column,
33230 .ui.column.grid > [class*="eight wide computer"].column {
33231 width: 50% !important;
33232 }
33233 .ui.grid > .row > [class*="nine wide computer"].column,
33234 .ui.grid > .column.row > [class*="nine wide computer"].column,
33235 .ui.grid > [class*="nine wide computer"].column,
33236 .ui.column.grid > [class*="nine wide computer"].column {
33237 width: 56.25% !important;
33238 }
33239 .ui.grid > .row > [class*="ten wide computer"].column,
33240 .ui.grid > .column.row > [class*="ten wide computer"].column,
33241 .ui.grid > [class*="ten wide computer"].column,
33242 .ui.column.grid > [class*="ten wide computer"].column {
33243 width: 62.5% !important;
33244 }
33245 .ui.grid > .row > [class*="eleven wide computer"].column,
33246 .ui.grid > .column.row > [class*="eleven wide computer"].column,
33247 .ui.grid > [class*="eleven wide computer"].column,
33248 .ui.column.grid > [class*="eleven wide computer"].column {
33249 width: 68.75% !important;
33250 }
33251 .ui.grid > .row > [class*="twelve wide computer"].column,
33252 .ui.grid > .column.row > [class*="twelve wide computer"].column,
33253 .ui.grid > [class*="twelve wide computer"].column,
33254 .ui.column.grid > [class*="twelve wide computer"].column {
33255 width: 75% !important;
33256 }
33257 .ui.grid > .row > [class*="thirteen wide computer"].column,
33258 .ui.grid > .column.row > [class*="thirteen wide computer"].column,
33259 .ui.grid > [class*="thirteen wide computer"].column,
33260 .ui.column.grid > [class*="thirteen wide computer"].column {
33261 width: 81.25% !important;
33262 }
33263 .ui.grid > .row > [class*="fourteen wide computer"].column,
33264 .ui.grid > .column.row > [class*="fourteen wide computer"].column,
33265 .ui.grid > [class*="fourteen wide computer"].column,
33266 .ui.column.grid > [class*="fourteen wide computer"].column {
33267 width: 87.5% !important;
33268 }
33269 .ui.grid > .row > [class*="fifteen wide computer"].column,
33270 .ui.grid > .column.row > [class*="fifteen wide computer"].column,
33271 .ui.grid > [class*="fifteen wide computer"].column,
33272 .ui.column.grid > [class*="fifteen wide computer"].column {
33273 width: 93.75% !important;
33274 }
33275 .ui.grid > .row > [class*="sixteen wide computer"].column,
33276 .ui.grid > .column.row > [class*="sixteen wide computer"].column,
33277 .ui.grid > [class*="sixteen wide computer"].column,
33278 .ui.column.grid > [class*="sixteen wide computer"].column {
33279 width: 100% !important;
33280 }
33281}
33282/* Large Monitor Sizing Combinations */
33283@media only screen and (min-width: 1200px) and (max-width: 1919px) {
33284 .ui.grid > .row > [class*="one wide large screen"].column,
33285 .ui.grid > .column.row > [class*="one wide large screen"].column,
33286 .ui.grid > [class*="one wide large screen"].column,
33287 .ui.column.grid > [class*="one wide large screen"].column {
33288 width: 6.25% !important;
33289 }
33290 .ui.grid > .row > [class*="two wide large screen"].column,
33291 .ui.grid > .column.row > [class*="two wide large screen"].column,
33292 .ui.grid > [class*="two wide large screen"].column,
33293 .ui.column.grid > [class*="two wide large screen"].column {
33294 width: 12.5% !important;
33295 }
33296 .ui.grid > .row > [class*="three wide large screen"].column,
33297 .ui.grid > .column.row > [class*="three wide large screen"].column,
33298 .ui.grid > [class*="three wide large screen"].column,
33299 .ui.column.grid > [class*="three wide large screen"].column {
33300 width: 18.75% !important;
33301 }
33302 .ui.grid > .row > [class*="four wide large screen"].column,
33303 .ui.grid > .column.row > [class*="four wide large screen"].column,
33304 .ui.grid > [class*="four wide large screen"].column,
33305 .ui.column.grid > [class*="four wide large screen"].column {
33306 width: 25% !important;
33307 }
33308 .ui.grid > .row > [class*="five wide large screen"].column,
33309 .ui.grid > .column.row > [class*="five wide large screen"].column,
33310 .ui.grid > [class*="five wide large screen"].column,
33311 .ui.column.grid > [class*="five wide large screen"].column {
33312 width: 31.25% !important;
33313 }
33314 .ui.grid > .row > [class*="six wide large screen"].column,
33315 .ui.grid > .column.row > [class*="six wide large screen"].column,
33316 .ui.grid > [class*="six wide large screen"].column,
33317 .ui.column.grid > [class*="six wide large screen"].column {
33318 width: 37.5% !important;
33319 }
33320 .ui.grid > .row > [class*="seven wide large screen"].column,
33321 .ui.grid > .column.row > [class*="seven wide large screen"].column,
33322 .ui.grid > [class*="seven wide large screen"].column,
33323 .ui.column.grid > [class*="seven wide large screen"].column {
33324 width: 43.75% !important;
33325 }
33326 .ui.grid > .row > [class*="eight wide large screen"].column,
33327 .ui.grid > .column.row > [class*="eight wide large screen"].column,
33328 .ui.grid > [class*="eight wide large screen"].column,
33329 .ui.column.grid > [class*="eight wide large screen"].column {
33330 width: 50% !important;
33331 }
33332 .ui.grid > .row > [class*="nine wide large screen"].column,
33333 .ui.grid > .column.row > [class*="nine wide large screen"].column,
33334 .ui.grid > [class*="nine wide large screen"].column,
33335 .ui.column.grid > [class*="nine wide large screen"].column {
33336 width: 56.25% !important;
33337 }
33338 .ui.grid > .row > [class*="ten wide large screen"].column,
33339 .ui.grid > .column.row > [class*="ten wide large screen"].column,
33340 .ui.grid > [class*="ten wide large screen"].column,
33341 .ui.column.grid > [class*="ten wide large screen"].column {
33342 width: 62.5% !important;
33343 }
33344 .ui.grid > .row > [class*="eleven wide large screen"].column,
33345 .ui.grid > .column.row > [class*="eleven wide large screen"].column,
33346 .ui.grid > [class*="eleven wide large screen"].column,
33347 .ui.column.grid > [class*="eleven wide large screen"].column {
33348 width: 68.75% !important;
33349 }
33350 .ui.grid > .row > [class*="twelve wide large screen"].column,
33351 .ui.grid > .column.row > [class*="twelve wide large screen"].column,
33352 .ui.grid > [class*="twelve wide large screen"].column,
33353 .ui.column.grid > [class*="twelve wide large screen"].column {
33354 width: 75% !important;
33355 }
33356 .ui.grid > .row > [class*="thirteen wide large screen"].column,
33357 .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
33358 .ui.grid > [class*="thirteen wide large screen"].column,
33359 .ui.column.grid > [class*="thirteen wide large screen"].column {
33360 width: 81.25% !important;
33361 }
33362 .ui.grid > .row > [class*="fourteen wide large screen"].column,
33363 .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
33364 .ui.grid > [class*="fourteen wide large screen"].column,
33365 .ui.column.grid > [class*="fourteen wide large screen"].column {
33366 width: 87.5% !important;
33367 }
33368 .ui.grid > .row > [class*="fifteen wide large screen"].column,
33369 .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
33370 .ui.grid > [class*="fifteen wide large screen"].column,
33371 .ui.column.grid > [class*="fifteen wide large screen"].column {
33372 width: 93.75% !important;
33373 }
33374 .ui.grid > .row > [class*="sixteen wide large screen"].column,
33375 .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
33376 .ui.grid > [class*="sixteen wide large screen"].column,
33377 .ui.column.grid > [class*="sixteen wide large screen"].column {
33378 width: 100% !important;
33379 }
33380}
33381/* Widescreen Sizing Combinations */
33382@media only screen and (min-width: 1920px) {
33383 .ui.grid > .row > [class*="one wide widescreen"].column,
33384 .ui.grid > .column.row > [class*="one wide widescreen"].column,
33385 .ui.grid > [class*="one wide widescreen"].column,
33386 .ui.column.grid > [class*="one wide widescreen"].column {
33387 width: 6.25% !important;
33388 }
33389 .ui.grid > .row > [class*="two wide widescreen"].column,
33390 .ui.grid > .column.row > [class*="two wide widescreen"].column,
33391 .ui.grid > [class*="two wide widescreen"].column,
33392 .ui.column.grid > [class*="two wide widescreen"].column {
33393 width: 12.5% !important;
33394 }
33395 .ui.grid > .row > [class*="three wide widescreen"].column,
33396 .ui.grid > .column.row > [class*="three wide widescreen"].column,
33397 .ui.grid > [class*="three wide widescreen"].column,
33398 .ui.column.grid > [class*="three wide widescreen"].column {
33399 width: 18.75% !important;
33400 }
33401 .ui.grid > .row > [class*="four wide widescreen"].column,
33402 .ui.grid > .column.row > [class*="four wide widescreen"].column,
33403 .ui.grid > [class*="four wide widescreen"].column,
33404 .ui.column.grid > [class*="four wide widescreen"].column {
33405 width: 25% !important;
33406 }
33407 .ui.grid > .row > [class*="five wide widescreen"].column,
33408 .ui.grid > .column.row > [class*="five wide widescreen"].column,
33409 .ui.grid > [class*="five wide widescreen"].column,
33410 .ui.column.grid > [class*="five wide widescreen"].column {
33411 width: 31.25% !important;
33412 }
33413 .ui.grid > .row > [class*="six wide widescreen"].column,
33414 .ui.grid > .column.row > [class*="six wide widescreen"].column,
33415 .ui.grid > [class*="six wide widescreen"].column,
33416 .ui.column.grid > [class*="six wide widescreen"].column {
33417 width: 37.5% !important;
33418 }
33419 .ui.grid > .row > [class*="seven wide widescreen"].column,
33420 .ui.grid > .column.row > [class*="seven wide widescreen"].column,
33421 .ui.grid > [class*="seven wide widescreen"].column,
33422 .ui.column.grid > [class*="seven wide widescreen"].column {
33423 width: 43.75% !important;
33424 }
33425 .ui.grid > .row > [class*="eight wide widescreen"].column,
33426 .ui.grid > .column.row > [class*="eight wide widescreen"].column,
33427 .ui.grid > [class*="eight wide widescreen"].column,
33428 .ui.column.grid > [class*="eight wide widescreen"].column {
33429 width: 50% !important;
33430 }
33431 .ui.grid > .row > [class*="nine wide widescreen"].column,
33432 .ui.grid > .column.row > [class*="nine wide widescreen"].column,
33433 .ui.grid > [class*="nine wide widescreen"].column,
33434 .ui.column.grid > [class*="nine wide widescreen"].column {
33435 width: 56.25% !important;
33436 }
33437 .ui.grid > .row > [class*="ten wide widescreen"].column,
33438 .ui.grid > .column.row > [class*="ten wide widescreen"].column,
33439 .ui.grid > [class*="ten wide widescreen"].column,
33440 .ui.column.grid > [class*="ten wide widescreen"].column {
33441 width: 62.5% !important;
33442 }
33443 .ui.grid > .row > [class*="eleven wide widescreen"].column,
33444 .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
33445 .ui.grid > [class*="eleven wide widescreen"].column,
33446 .ui.column.grid > [class*="eleven wide widescreen"].column {
33447 width: 68.75% !important;
33448 }
33449 .ui.grid > .row > [class*="twelve wide widescreen"].column,
33450 .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
33451 .ui.grid > [class*="twelve wide widescreen"].column,
33452 .ui.column.grid > [class*="twelve wide widescreen"].column {
33453 width: 75% !important;
33454 }
33455 .ui.grid > .row > [class*="thirteen wide widescreen"].column,
33456 .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
33457 .ui.grid > [class*="thirteen wide widescreen"].column,
33458 .ui.column.grid > [class*="thirteen wide widescreen"].column {
33459 width: 81.25% !important;
33460 }
33461 .ui.grid > .row > [class*="fourteen wide widescreen"].column,
33462 .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
33463 .ui.grid > [class*="fourteen wide widescreen"].column,
33464 .ui.column.grid > [class*="fourteen wide widescreen"].column {
33465 width: 87.5% !important;
33466 }
33467 .ui.grid > .row > [class*="fifteen wide widescreen"].column,
33468 .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
33469 .ui.grid > [class*="fifteen wide widescreen"].column,
33470 .ui.column.grid > [class*="fifteen wide widescreen"].column {
33471 width: 93.75% !important;
33472 }
33473 .ui.grid > .row > [class*="sixteen wide widescreen"].column,
33474 .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
33475 .ui.grid > [class*="sixteen wide widescreen"].column,
33476 .ui.column.grid > [class*="sixteen wide widescreen"].column {
33477 width: 100% !important;
33478 }
33479}
33480/*----------------------
33481 Centered
33482-----------------------*/
33483.ui.centered.grid,
33484.ui.centered.grid > .row,
33485.ui.grid > .centered.row {
33486 text-align: center;
33487 justify-content: center;
33488}
33489.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
33490.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
33491.ui.grid .centered.row > .column:not(.aligned):not(.justified) {
33492 text-align: left;
33493}
33494.ui.grid > .centered.column,
33495.ui.grid > .row > .centered.column {
33496 display: block;
33497 margin-left: auto;
33498 margin-right: auto;
33499}
33500/*----------------------
33501 Relaxed
33502-----------------------*/
33503.ui.relaxed.grid > .column:not(.row),
33504.ui.relaxed.grid > .row > .column,
33505.ui.grid > .relaxed.row > .column {
33506 padding-left: 1.5rem;
33507 padding-right: 1.5rem;
33508}
33509.ui[class*="very relaxed"].grid > .column:not(.row),
33510.ui[class*="very relaxed"].grid > .row > .column,
33511.ui.grid > [class*="very relaxed"].row > .column {
33512 padding-left: 2.5rem;
33513 padding-right: 2.5rem;
33514}
33515/* Coupling with UI Divider */
33516.ui.relaxed.grid .row + .ui.divider,
33517.ui.grid .relaxed.row + .ui.divider {
33518 margin-left: 1.5rem;
33519 margin-right: 1.5rem;
33520}
33521.ui[class*="very relaxed"].grid .row + .ui.divider,
33522.ui.grid [class*="very relaxed"].row + .ui.divider {
33523 margin-left: 2.5rem;
33524 margin-right: 2.5rem;
33525}
33526/*----------------------
33527 Padded
33528-----------------------*/
33529.ui.padded.grid:not(.vertically):not(.horizontally) {
33530 margin: 0em !important;
33531}
33532[class*="horizontally padded"].ui.grid {
33533 margin-left: 0em !important;
33534 margin-right: 0em !important;
33535}
33536[class*="vertically padded"].ui.grid {
33537 margin-top: 0em !important;
33538 margin-bottom: 0em !important;
33539}
33540/*----------------------
33541 "Floated"
33542-----------------------*/
33543.ui.grid [class*="left floated"].column {
33544 margin-right: auto;
33545}
33546.ui.grid [class*="right floated"].column {
33547 margin-left: auto;
33548}
33549/*----------------------
33550 Divided
33551-----------------------*/
33552.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
33553.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
33554 box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
33555}
33556/* Swap from padding to margin on columns to have dividers align */
33557.ui[class*="vertically divided"].grid > .column:not(.row),
33558.ui[class*="vertically divided"].grid > .row > .column {
33559 margin-top: 1rem;
33560 margin-bottom: 1rem;
33561 padding-top: 0rem;
33562 padding-bottom: 0rem;
33563}
33564.ui[class*="vertically divided"].grid > .row {
33565 margin-top: 0em;
33566 margin-bottom: 0em;
33567}
33568/* No divider on first column on row */
33569.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
33570.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
33571 box-shadow: none;
33572}
33573/* No space on top of first row */
33574.ui[class*="vertically divided"].grid > .row:first-child > .column {
33575 margin-top: 0em;
33576}
33577/* Divided Row */
33578.ui.grid > .divided.row > .column {
33579 box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
33580}
33581.ui.grid > .divided.row > .column:first-child {
33582 box-shadow: none;
33583}
33584/* Vertically Divided */
33585.ui[class*="vertically divided"].grid > .row {
33586 position: relative;
33587}
33588.ui[class*="vertically divided"].grid > .row:before {
33589 position: absolute;
33590 content: "";
33591 top: 0em;
33592 left: 0px;
33593 width: calc(100% - 2rem );
33594 height: 1px;
33595 margin: 0% 1rem;
33596 box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
33597}
33598/* Padded Horizontally Divided */
33599[class*="horizontally padded"].ui.divided.grid,
33600.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
33601 width: 100%;
33602}
33603/* First Row Vertically Divided */
33604.ui[class*="vertically divided"].grid > .row:first-child:before {
33605 box-shadow: none;
33606}
33607/* Inverted Divided */
33608.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
33609.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
33610 box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
33611}
33612.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
33613.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
33614 box-shadow: none;
33615}
33616.ui.inverted[class*="vertically divided"].grid > .row:before {
33617 box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
33618}
33619/* Relaxed */
33620.ui.relaxed[class*="vertically divided"].grid > .row:before {
33621 margin-left: 1.5rem;
33622 margin-right: 1.5rem;
33623 width: calc(100% - 3rem );
33624}
33625.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
33626 margin-left: 5rem;
33627 margin-right: 5rem;
33628 width: calc(100% - 5rem );
33629}
33630/*----------------------
33631 Celled
33632-----------------------*/
33633.ui.celled.grid {
33634 width: 100%;
33635 margin: 1em 0em;
33636 box-shadow: 0px 0px 0px 1px #D4D4D5;
33637}
33638.ui.celled.grid > .row {
33639 width: 100% !important;
33640 margin: 0em;
33641 padding: 0em;
33642 box-shadow: 0px -1px 0px 0px #D4D4D5;
33643}
33644.ui.celled.grid > .column:not(.row),
33645.ui.celled.grid > .row > .column {
33646 box-shadow: -1px 0px 0px 0px #D4D4D5;
33647}
33648.ui.celled.grid > .column:first-child,
33649.ui.celled.grid > .row > .column:first-child {
33650 box-shadow: none;
33651}
33652.ui.celled.grid > .column:not(.row),
33653.ui.celled.grid > .row > .column {
33654 padding: 1em;
33655}
33656.ui.relaxed.celled.grid > .column:not(.row),
33657.ui.relaxed.celled.grid > .row > .column {
33658 padding: 1.5em;
33659}
33660.ui[class*="very relaxed"].celled.grid > .column:not(.row),
33661.ui[class*="very relaxed"].celled.grid > .row > .column {
33662 padding: 2em;
33663}
33664/* Internally Celled */
33665.ui[class*="internally celled"].grid {
33666 box-shadow: none;
33667 margin: 0em;
33668}
33669.ui[class*="internally celled"].grid > .row:first-child {
33670 box-shadow: none;
33671}
33672.ui[class*="internally celled"].grid > .row > .column:first-child {
33673 box-shadow: none;
33674}
33675/*----------------------
33676 Vertically Aligned
33677-----------------------*/
33678/* Top Aligned */
33679.ui[class*="top aligned"].grid > .column:not(.row),
33680.ui[class*="top aligned"].grid > .row > .column,
33681.ui.grid > [class*="top aligned"].row > .column,
33682.ui.grid > [class*="top aligned"].column:not(.row),
33683.ui.grid > .row > [class*="top aligned"].column {
33684 flex-direction: column;
33685 vertical-align: top;
33686 align-self: flex-start !important;
33687}
33688/* Middle Aligned */
33689.ui[class*="middle aligned"].grid > .column:not(.row),
33690.ui[class*="middle aligned"].grid > .row > .column,
33691.ui.grid > [class*="middle aligned"].row > .column,
33692.ui.grid > [class*="middle aligned"].column:not(.row),
33693.ui.grid > .row > [class*="middle aligned"].column {
33694 flex-direction: column;
33695 vertical-align: middle;
33696 align-self: center !important;
33697}
33698/* Bottom Aligned */
33699.ui[class*="bottom aligned"].grid > .column:not(.row),
33700.ui[class*="bottom aligned"].grid > .row > .column,
33701.ui.grid > [class*="bottom aligned"].row > .column,
33702.ui.grid > [class*="bottom aligned"].column:not(.row),
33703.ui.grid > .row > [class*="bottom aligned"].column {
33704 flex-direction: column;
33705 vertical-align: bottom;
33706 align-self: flex-end !important;
33707}
33708/* Stretched */
33709.ui.stretched.grid > .row > .column,
33710.ui.stretched.grid > .column,
33711.ui.grid > .stretched.row > .column,
33712.ui.grid > .stretched.column:not(.row),
33713.ui.grid > .row > .stretched.column {
33714 display: inline-flex !important;
33715 align-self: stretch;
33716 flex-direction: column;
33717}
33718.ui.stretched.grid > .row > .column > *,
33719.ui.stretched.grid > .column > *,
33720.ui.grid > .stretched.row > .column > *,
33721.ui.grid > .stretched.column:not(.row) > *,
33722.ui.grid > .row > .stretched.column > * {
33723 flex-grow: 1;
33724}
33725/*----------------------
33726 Horizontally Centered
33727-----------------------*/
33728/* Left Aligned */
33729.ui[class*="left aligned"].grid > .column,
33730.ui[class*="left aligned"].grid > .row > .column,
33731.ui.grid > [class*="left aligned"].row > .column,
33732.ui.grid > [class*="left aligned"].column.column,
33733.ui.grid > .row > [class*="left aligned"].column.column {
33734 text-align: left;
33735 align-self: inherit;
33736}
33737/* Center Aligned */
33738.ui[class*="center aligned"].grid > .column,
33739.ui[class*="center aligned"].grid > .row > .column,
33740.ui.grid > [class*="center aligned"].row > .column,
33741.ui.grid > [class*="center aligned"].column.column,
33742.ui.grid > .row > [class*="center aligned"].column.column {
33743 text-align: center;
33744 align-self: inherit;
33745}
33746.ui[class*="center aligned"].grid {
33747 justify-content: center;
33748}
33749/* Right Aligned */
33750.ui[class*="right aligned"].grid > .column,
33751.ui[class*="right aligned"].grid > .row > .column,
33752.ui.grid > [class*="right aligned"].row > .column,
33753.ui.grid > [class*="right aligned"].column.column,
33754.ui.grid > .row > [class*="right aligned"].column.column {
33755 text-align: right;
33756 align-self: inherit;
33757}
33758/* Justified */
33759.ui.justified.grid > .column,
33760.ui.justified.grid > .row > .column,
33761.ui.grid > .justified.row > .column,
33762.ui.grid > .justified.column.column,
33763.ui.grid > .row > .justified.column.column {
33764 text-align: justify;
33765 hyphens: auto;
33766}
33767/*----------------------
33768 Colored
33769-----------------------*/
33770.ui.grid > .row > .red.column,
33771.ui.grid > .row > .orange.column,
33772.ui.grid > .row > .yellow.column,
33773.ui.grid > .row > .olive.column,
33774.ui.grid > .row > .green.column,
33775.ui.grid > .row > .teal.column,
33776.ui.grid > .row > .blue.column,
33777.ui.grid > .row > .violet.column,
33778.ui.grid > .row > .purple.column,
33779.ui.grid > .row > .pink.column,
33780.ui.grid > .row > .brown.column,
33781.ui.grid > .row > .grey.column,
33782.ui.grid > .row > .black.column {
33783 margin-top: -1rem;
33784 margin-bottom: -1rem;
33785 padding-top: 1rem;
33786 padding-bottom: 1rem;
33787}
33788/* Red */
33789.ui.grid > .red.row,
33790.ui.grid > .red.column,
33791.ui.grid > .row > .red.column {
33792 background-color: #DB2828 !important;
33793 color: #FFFFFF;
33794}
33795/* Orange */
33796.ui.grid > .orange.row,
33797.ui.grid > .orange.column,
33798.ui.grid > .row > .orange.column {
33799 background-color: #F2711C !important;
33800 color: #FFFFFF;
33801}
33802/* Yellow */
33803.ui.grid > .yellow.row,
33804.ui.grid > .yellow.column,
33805.ui.grid > .row > .yellow.column {
33806 background-color: #FBBD08 !important;
33807 color: #FFFFFF;
33808}
33809/* Olive */
33810.ui.grid > .olive.row,
33811.ui.grid > .olive.column,
33812.ui.grid > .row > .olive.column {
33813 background-color: #B5CC18 !important;
33814 color: #FFFFFF;
33815}
33816/* Green */
33817.ui.grid > .green.row,
33818.ui.grid > .green.column,
33819.ui.grid > .row > .green.column {
33820 background-color: #21BA45 !important;
33821 color: #FFFFFF;
33822}
33823/* Teal */
33824.ui.grid > .teal.row,
33825.ui.grid > .teal.column,
33826.ui.grid > .row > .teal.column {
33827 background-color: #00B5AD !important;
33828 color: #FFFFFF;
33829}
33830/* Blue */
33831.ui.grid > .blue.row,
33832.ui.grid > .blue.column,
33833.ui.grid > .row > .blue.column {
33834 background-color: #2185D0 !important;
33835 color: #FFFFFF;
33836}
33837/* Violet */
33838.ui.grid > .violet.row,
33839.ui.grid > .violet.column,
33840.ui.grid > .row > .violet.column {
33841 background-color: #6435C9 !important;
33842 color: #FFFFFF;
33843}
33844/* Purple */
33845.ui.grid > .purple.row,
33846.ui.grid > .purple.column,
33847.ui.grid > .row > .purple.column {
33848 background-color: #A333C8 !important;
33849 color: #FFFFFF;
33850}
33851/* Pink */
33852.ui.grid > .pink.row,
33853.ui.grid > .pink.column,
33854.ui.grid > .row > .pink.column {
33855 background-color: #E03997 !important;
33856 color: #FFFFFF;
33857}
33858/* Brown */
33859.ui.grid > .brown.row,
33860.ui.grid > .brown.column,
33861.ui.grid > .row > .brown.column {
33862 background-color: #A5673F !important;
33863 color: #FFFFFF;
33864}
33865/* Grey */
33866.ui.grid > .grey.row,
33867.ui.grid > .grey.column,
33868.ui.grid > .row > .grey.column {
33869 background-color: #767676 !important;
33870 color: #FFFFFF;
33871}
33872/* Black */
33873.ui.grid > .black.row,
33874.ui.grid > .black.column,
33875.ui.grid > .row > .black.column {
33876 background-color: #1B1C1D !important;
33877 color: #FFFFFF;
33878}
33879/*----------------------
33880 Equal Width
33881-----------------------*/
33882.ui[class*="equal width"].grid > .column:not(.row),
33883.ui[class*="equal width"].grid > .row > .column,
33884.ui.grid > [class*="equal width"].row > .column {
33885 display: inline-block;
33886 flex-grow: 1;
33887}
33888.ui[class*="equal width"].grid > .wide.column,
33889.ui[class*="equal width"].grid > .row > .wide.column,
33890.ui.grid > [class*="equal width"].row > .wide.column {
33891 flex-grow: 0;
33892}
33893/*----------------------
33894 Reverse
33895-----------------------*/
33896/* Mobile */
33897@media only screen and (max-width: 767px) {
33898 .ui[class*="mobile reversed"].grid,
33899 .ui[class*="mobile reversed"].grid > .row,
33900 .ui.grid > [class*="mobile reversed"].row {
33901 flex-direction: row-reverse;
33902 }
33903 .ui[class*="mobile vertically reversed"].grid,
33904 .ui.stackable[class*="mobile reversed"] {
33905 flex-direction: column-reverse;
33906 }
33907 /* Divided Reversed */
33908 .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
33909 .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
33910 box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
33911 }
33912 .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
33913 .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
33914 box-shadow: none;
33915 }
33916 /* Vertically Divided Reversed */
33917 .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
33918 box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
33919 }
33920 .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
33921 box-shadow: none;
33922 }
33923 /* Celled Reversed */
33924 .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
33925 box-shadow: -1px 0px 0px 0px #D4D4D5;
33926 }
33927 .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
33928 box-shadow: none;
33929 }
33930}
33931/* Tablet */
33932@media only screen and (min-width: 768px) and (max-width: 991px) {
33933 .ui[class*="tablet reversed"].grid,
33934 .ui[class*="tablet reversed"].grid > .row,
33935 .ui.grid > [class*="tablet reversed"].row {
33936 flex-direction: row-reverse;
33937 }
33938 .ui[class*="tablet vertically reversed"].grid {
33939 flex-direction: column-reverse;
33940 }
33941 /* Divided Reversed */
33942 .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
33943 .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
33944 box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
33945 }
33946 .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
33947 .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
33948 box-shadow: none;
33949 }
33950 /* Vertically Divided Reversed */
33951 .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
33952 box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
33953 }
33954 .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
33955 box-shadow: none;
33956 }
33957 /* Celled Reversed */
33958 .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
33959 box-shadow: -1px 0px 0px 0px #D4D4D5;
33960 }
33961 .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
33962 box-shadow: none;
33963 }
33964}
33965/* Computer */
33966@media only screen and (min-width: 992px) {
33967 .ui[class*="computer reversed"].grid,
33968 .ui[class*="computer reversed"].grid > .row,
33969 .ui.grid > [class*="computer reversed"].row {
33970 flex-direction: row-reverse;
33971 }
33972 .ui[class*="computer vertically reversed"].grid {
33973 flex-direction: column-reverse;
33974 }
33975 /* Divided Reversed */
33976 .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
33977 .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
33978 box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
33979 }
33980 .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
33981 .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
33982 box-shadow: none;
33983 }
33984 /* Vertically Divided Reversed */
33985 .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
33986 box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
33987 }
33988 .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
33989 box-shadow: none;
33990 }
33991 /* Celled Reversed */
33992 .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
33993 box-shadow: -1px 0px 0px 0px #D4D4D5;
33994 }
33995 .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
33996 box-shadow: none;
33997 }
33998}
33999/*-------------------
34000 Doubling
34001--------------------*/
34002/* Tablet Only */
34003@media only screen and (min-width: 768px) and (max-width: 991px) {
34004 .ui.doubling.grid {
34005 width: auto;
34006 }
34007 .ui.grid > .doubling.row,
34008 .ui.doubling.grid > .row {
34009 margin: 0em !important;
34010 padding: 0em !important;
34011 }
34012 .ui.grid > .doubling.row > .column,
34013 .ui.doubling.grid > .row > .column {
34014 display: inline-block !important;
34015 padding-top: 1rem !important;
34016 padding-bottom: 1rem !important;
34017 box-shadow: none !important;
34018 margin: 0em;
34019 }
34020 .ui[class*="two column"].doubling.grid > .row > .column,
34021 .ui[class*="two column"].doubling.grid > .column:not(.row),
34022 .ui.grid > [class*="two column"].doubling.row.row > .column {
34023 width: 100% !important;
34024 }
34025 .ui[class*="three column"].doubling.grid > .row > .column,
34026 .ui[class*="three column"].doubling.grid > .column:not(.row),
34027 .ui.grid > [class*="three column"].doubling.row.row > .column {
34028 width: 50% !important;
34029 }
34030 .ui[class*="four column"].doubling.grid > .row > .column,
34031 .ui[class*="four column"].doubling.grid > .column:not(.row),
34032 .ui.grid > [class*="four column"].doubling.row.row > .column {
34033 width: 50% !important;
34034 }
34035 .ui[class*="five column"].doubling.grid > .row > .column,
34036 .ui[class*="five column"].doubling.grid > .column:not(.row),
34037 .ui.grid > [class*="five column"].doubling.row.row > .column {
34038 width: 33.33333333% !important;
34039 }
34040 .ui[class*="six column"].doubling.grid > .row > .column,
34041 .ui[class*="six column"].doubling.grid > .column:not(.row),
34042 .ui.grid > [class*="six column"].doubling.row.row > .column {
34043 width: 33.33333333% !important;
34044 }
34045 .ui[class*="seven column"].doubling.grid > .row > .column,
34046 .ui[class*="seven column"].doubling.grid > .column:not(.row),
34047 .ui.grid > [class*="seven column"].doubling.row.row > .column {
34048 width: 33.33333333% !important;
34049 }
34050 .ui[class*="eight column"].doubling.grid > .row > .column,
34051 .ui[class*="eight column"].doubling.grid > .column:not(.row),
34052 .ui.grid > [class*="eight column"].doubling.row.row > .column {
34053 width: 25% !important;
34054 }
34055 .ui[class*="nine column"].doubling.grid > .row > .column,
34056 .ui[class*="nine column"].doubling.grid > .column:not(.row),
34057 .ui.grid > [class*="nine column"].doubling.row.row > .column {
34058 width: 25% !important;
34059 }
34060 .ui[class*="ten column"].doubling.grid > .row > .column,
34061 .ui[class*="ten column"].doubling.grid > .column:not(.row),
34062 .ui.grid > [class*="ten column"].doubling.row.row > .column {
34063 width: 20% !important;
34064 }
34065 .ui[class*="eleven column"].doubling.grid > .row > .column,
34066 .ui[class*="eleven column"].doubling.grid > .column:not(.row),
34067 .ui.grid > [class*="eleven column"].doubling.row.row > .column {
34068 width: 20% !important;
34069 }
34070 .ui[class*="twelve column"].doubling.grid > .row > .column,
34071 .ui[class*="twelve column"].doubling.grid > .column:not(.row),
34072 .ui.grid > [class*="twelve column"].doubling.row.row > .column {
34073 width: 16.66666667% !important;
34074 }
34075 .ui[class*="thirteen column"].doubling.grid > .row > .column,
34076 .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
34077 .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
34078 width: 16.66666667% !important;
34079 }
34080 .ui[class*="fourteen column"].doubling.grid > .row > .column,
34081 .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
34082 .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
34083 width: 14.28571429% !important;
34084 }
34085 .ui[class*="fifteen column"].doubling.grid > .row > .column,
34086 .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
34087 .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
34088 width: 14.28571429% !important;
34089 }
34090 .ui[class*="sixteen column"].doubling.grid > .row > .column,
34091 .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
34092 .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
34093 width: 12.5% !important;
34094 }
34095}
34096/* Mobile Only */
34097@media only screen and (max-width: 767px) {
34098 .ui.grid > .doubling.row,
34099 .ui.doubling.grid > .row {
34100 margin: 0em !important;
34101 padding: 0em !important;
34102 }
34103 .ui.grid > .doubling.row > .column,
34104 .ui.doubling.grid > .row > .column {
34105 padding-top: 1rem !important;
34106 padding-bottom: 1rem !important;
34107 margin: 0em !important;
34108 box-shadow: none !important;
34109 }
34110 .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
34111 .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
34112 .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
34113 width: 100% !important;
34114 }
34115 .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
34116 .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
34117 .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
34118 width: 50% !important;
34119 }
34120 .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
34121 .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
34122 .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
34123 width: 50% !important;
34124 }
34125 .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
34126 .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
34127 .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
34128 width: 50% !important;
34129 }
34130 .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
34131 .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
34132 .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
34133 width: 50% !important;
34134 }
34135 .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
34136 .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
34137 .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
34138 width: 50% !important;
34139 }
34140 .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
34141 .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
34142 .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
34143 width: 50% !important;
34144 }
34145 .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
34146 .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
34147 .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
34148 width: 33.33333333% !important;
34149 }
34150 .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
34151 .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
34152 .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
34153 width: 33.33333333% !important;
34154 }
34155 .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
34156 .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
34157 .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
34158 width: 33.33333333% !important;
34159 }
34160 .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
34161 .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
34162 .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
34163 width: 33.33333333% !important;
34164 }
34165 .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
34166 .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
34167 .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
34168 width: 33.33333333% !important;
34169 }
34170 .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
34171 .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
34172 .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
34173 width: 25% !important;
34174 }
34175 .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
34176 .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
34177 .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
34178 width: 25% !important;
34179 }
34180 .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
34181 .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
34182 .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
34183 width: 25% !important;
34184 }
34185}
34186/*-------------------
34187 Stackable
34188--------------------*/
34189@media only screen and (max-width: 767px) {
34190 .ui.stackable.grid {
34191 width: auto;
34192 margin-left: 0em !important;
34193 margin-right: 0em !important;
34194 }
34195 .ui.stackable.grid > .row > .wide.column,
34196 .ui.stackable.grid > .wide.column,
34197 .ui.stackable.grid > .column.grid > .column,
34198 .ui.stackable.grid > .column.row > .column,
34199 .ui.stackable.grid > .row > .column,
34200 .ui.stackable.grid > .column:not(.row),
34201 .ui.grid > .stackable.stackable.row > .column {
34202 width: 100% !important;
34203 margin: 0em 0em !important;
34204 box-shadow: none !important;
34205 padding: 1rem 1rem !important;
34206 }
34207 .ui.stackable.grid:not(.vertically) > .row {
34208 margin: 0em;
34209 padding: 0em;
34210 }
34211 /* Coupling */
34212 .ui.container > .ui.stackable.grid > .column,
34213 .ui.container > .ui.stackable.grid > .row > .column {
34214 padding-left: 0em !important;
34215 padding-right: 0em !important;
34216 }
34217 /* Don't pad inside segment or nested grid */
34218 .ui.grid .ui.stackable.grid,
34219 .ui.segment:not(.vertical) .ui.stackable.page.grid {
34220 margin-left: -1rem !important;
34221 margin-right: -1rem !important;
34222 }
34223 /* Divided Stackable */
34224 .ui.stackable.divided.grid > .row:first-child > .column:first-child,
34225 .ui.stackable.celled.grid > .row:first-child > .column:first-child,
34226 .ui.stackable.divided.grid > .column:not(.row):first-child,
34227 .ui.stackable.celled.grid > .column:not(.row):first-child {
34228 border-top: none !important;
34229 }
34230 .ui.inverted.stackable.celled.grid > .column:not(.row),
34231 .ui.inverted.stackable.divided.grid > .column:not(.row),
34232 .ui.inverted.stackable.celled.grid > .row > .column,
34233 .ui.inverted.stackable.divided.grid > .row > .column {
34234 border-top: 1px solid rgba(255, 255, 255, 0.1);
34235 }
34236 .ui.stackable.celled.grid > .column:not(.row),
34237 .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
34238 .ui.stackable.celled.grid > .row > .column,
34239 .ui.stackable.divided:not(.vertically).grid > .row > .column {
34240 border-top: 1px solid rgba(34, 36, 38, 0.15);
34241 box-shadow: none !important;
34242 padding-top: 2rem !important;
34243 padding-bottom: 2rem !important;
34244 }
34245 .ui.stackable.celled.grid > .row {
34246 box-shadow: none !important;
34247 }
34248 .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
34249 .ui.stackable.divided:not(.vertically).grid > .row > .column {
34250 padding-left: 0em !important;
34251 padding-right: 0em !important;
34252 }
34253}
34254/*----------------------
34255 Only (Device)
34256-----------------------*/
34257/* These include arbitrary class repetitions for forced specificity */
34258/* Mobile Only Hide */
34259@media only screen and (max-width: 767px) {
34260 .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
34261 .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
34262 .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
34263 .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
34264 display: none !important;
34265 }
34266 .ui[class*="computer only"].grid.grid.grid:not(.mobile),
34267 .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
34268 .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
34269 .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
34270 display: none !important;
34271 }
34272 .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
34273 .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
34274 .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
34275 .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
34276 display: none !important;
34277 }
34278 .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
34279 .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
34280 .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
34281 .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
34282 display: none !important;
34283 }
34284}
34285/* Tablet Only Hide */
34286@media only screen and (min-width: 768px) and (max-width: 991px) {
34287 .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
34288 .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
34289 .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
34290 .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
34291 display: none !important;
34292 }
34293 .ui[class*="computer only"].grid.grid.grid:not(.tablet),
34294 .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
34295 .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
34296 .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
34297 display: none !important;
34298 }
34299 .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
34300 .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
34301 .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
34302 .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
34303 display: none !important;
34304 }
34305 .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
34306 .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
34307 .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
34308 .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
34309 display: none !important;
34310 }
34311}
34312/* Computer Only Hide */
34313@media only screen and (min-width: 992px) and (max-width: 1199px) {
34314 .ui[class*="mobile only"].grid.grid.grid:not(.computer),
34315 .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
34316 .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
34317 .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
34318 display: none !important;
34319 }
34320 .ui[class*="tablet only"].grid.grid.grid:not(.computer),
34321 .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
34322 .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
34323 .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
34324 display: none !important;
34325 }
34326 .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
34327 .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
34328 .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
34329 .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
34330 display: none !important;
34331 }
34332 .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
34333 .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
34334 .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
34335 .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
34336 display: none !important;
34337 }
34338}
34339/* Large Screen Only Hide */
34340@media only screen and (min-width: 1200px) and (max-width: 1919px) {
34341 .ui[class*="mobile only"].grid.grid.grid:not(.computer),
34342 .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
34343 .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
34344 .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
34345 display: none !important;
34346 }
34347 .ui[class*="tablet only"].grid.grid.grid:not(.computer),
34348 .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
34349 .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
34350 .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
34351 display: none !important;
34352 }
34353 .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
34354 .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
34355 .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
34356 .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
34357 display: none !important;
34358 }
34359}
34360/* Widescreen Only Hide */
34361@media only screen and (min-width: 1920px) {
34362 .ui[class*="mobile only"].grid.grid.grid:not(.computer),
34363 .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
34364 .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
34365 .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
34366 display: none !important;
34367 }
34368 .ui[class*="tablet only"].grid.grid.grid:not(.computer),
34369 .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
34370 .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
34371 .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
34372 display: none !important;
34373 }
34374}
34375/*******************************
34376 Theme Overrides
34377*******************************/
34378/*
34379 * # Semantic - Menu
34380 * http://github.com/semantic-org/semantic-ui/
34381 *
34382 *
34383 * Copyright 2015 Contributor
34384 * Released under the MIT license
34385 * http://opensource.org/licenses/MIT
34386 *
34387 */
34388/*******************************
34389 Theme
34390*******************************/
34391/*
34392
34393████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
34394╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
34395 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
34396 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
34397 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
34398 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
34399
34400*/
34401/*******************************
34402 Theme Selection
34403*******************************/
34404/* To override a theme for an individual element
34405 specify theme name below
34406*/
34407/* Global */
34408/* Elements */
34409/* Collections */
34410/* Modules */
34411/* Views */
34412/*******************************
34413 Folders
34414*******************************/
34415/* Path to theme packages */
34416/* Path to site override folder */
34417/*******************************
34418 Import Theme
34419*******************************/
34420/*******************************
34421 Import Directives
34422*******************************/
34423/*------------------
34424 Theme
34425-------------------*/
34426/*--------------------
34427 Site Variables
34428---------------------*/
34429/* Default site.variables */
34430/*******************************
34431 Site Settings
34432*******************************/
34433/*-------------------
34434 Fonts
34435--------------------*/
34436/*-------------------
34437 Base Sizes
34438--------------------*/
34439/* This is the single variable that controls them all */
34440/* The size of page text */
34441/*-------------------
34442 Border Radius
34443--------------------*/
34444/* See Power-user section below
34445 for explanation of @px variables
34446*/
34447/*-------------------
34448 Brand Colors
34449--------------------*/
34450/*--------------
34451 Page Heading
34452---------------*/
34453/*--------------
34454 Form Input
34455---------------*/
34456/* This adjusts the default form input across all elements */
34457/* Input Text Color */
34458/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
34459/*-------------------
34460 Focused Input
34461--------------------*/
34462/* Used on inputs, textarea etc */
34463/* Used on dropdowns, other larger blocks */
34464/*-------------------
34465 Sizes
34466--------------------*/
34467/*
34468 Sizes are all expressed in terms of 14px/em (default em)
34469 This ensures these "ratios" remain constant despite changes in EM
34470*/
34471/*-------------------
34472 Page
34473--------------------*/
34474/*-------------------
34475 Paragraph
34476--------------------*/
34477/*-------------------
34478 Links
34479--------------------*/
34480/*-------------------
34481 Scroll Bars
34482--------------------*/
34483/* Inverted */
34484/*-------------------
34485 Highlighted Text
34486--------------------*/
34487/*-------------------
34488 Loader
34489--------------------*/
34490/*-------------------
34491 Grid
34492--------------------*/
34493/*-------------------
34494 Transitions
34495--------------------*/
34496/*-------------------
34497 Breakpoints
34498--------------------*/
34499/*-------------------
34500 Site Colors
34501--------------------*/
34502/*--- Colors ---*/
34503/*--- Light Colors ---*/
34504/*--- Neutrals ---*/
34505/*--- Colored Backgrounds ---*/
34506/*--- Colored Headers ---*/
34507/*--- Colored Text ---*/
34508/*--- Colored Border ---*/
34509/*-------------------
34510 Alpha Colors
34511--------------------*/
34512/*-------------------
34513 Accents
34514--------------------*/
34515/* Differentiating Neutrals */
34516/* Differentiating Layers */
34517/*******************************
34518 Power-User
34519*******************************/
34520/*-------------------
34521 Emotive Colors
34522--------------------*/
34523/* Positive */
34524/* Negative */
34525/* Info */
34526/* Warning */
34527/*-------------------
34528 Paths
34529--------------------*/
34530/* For source only. Modified in gulp for dist */
34531/*-------------------
34532 Em Sizes
34533--------------------*/
34534/*
34535 This rounds @size values to the closest pixel then expresses that value in (r)em.
34536 This ensures all size values round to exact pixels
34537*/
34538/* em */
34539/* rem */
34540/*-------------------
34541 Icons
34542--------------------*/
34543/* Maximum Glyph Width of Icon */
34544/*-------------------
34545 Neutral Text
34546--------------------*/
34547/*-------------------
34548 Brand Colors
34549--------------------*/
34550/*-------------------
34551 Borders
34552--------------------*/
34553/*-------------------
34554 Derived Values
34555--------------------*/
34556/* Loaders Position Offset */
34557/* Rendered Scrollbar Width */
34558/* Maximum Single Character Glyph Width, aka Capital "W" */
34559/* Used to match floats with text */
34560/* Header Spacing */
34561/* Minimum Mobile Width */
34562/* Positive / Negative Dupes */
34563/* Responsive */
34564/*-------------------
34565 Exact Pixel Values
34566--------------------*/
34567/*
34568 These are used to specify exact pixel values in em
34569 for things like borders that remain constantly
34570 sized as emSize adjusts
34571
34572 Since there are many more sizes than names for sizes,
34573 these are named by their original pixel values.
34574
34575*/
34576/* Columns */
34577/*******************************
34578 States
34579*******************************/
34580/*-------------------
34581 Disabled
34582--------------------*/
34583/*-------------------
34584 Hover
34585--------------------*/
34586/*--- Shadows ---*/
34587/*--- Colors ---*/
34588/*--- Emotive ---*/
34589/*--- Brand ---*/
34590/*--- Dark Tones ---*/
34591/*--- Light Tones ---*/
34592/*-------------------
34593 Focus
34594--------------------*/
34595/*--- Colors ---*/
34596/*--- Emotive ---*/
34597/*--- Brand ---*/
34598/*--- Dark Tones ---*/
34599/*--- Light Tones ---*/
34600/*-------------------
34601 Down (:active)
34602--------------------*/
34603/*--- Colors ---*/
34604/*--- Emotive ---*/
34605/*--- Brand ---*/
34606/*--- Dark Tones ---*/
34607/*--- Light Tones ---*/
34608/*-------------------
34609 Active
34610--------------------*/
34611/*--- Colors ---*/
34612/*--- Emotive ---*/
34613/*--- Brand ---*/
34614/*--- Dark Tones ---*/
34615/*--- Light Tones ---*/
34616/* Packaged site.variables */
34617/*******************************
34618 Site Settings
34619*******************************/
34620/*-------------------
34621 Fonts
34622--------------------*/
34623/*-------------------
34624 Base Sizes
34625--------------------*/
34626/* This is the single variable that controls them all */
34627/* The size of page text */
34628/*-------------------
34629 Border Radius
34630--------------------*/
34631/* See Power-user section below
34632 for explanation of @px variables
34633*/
34634/*-------------------
34635 Brand Colors
34636--------------------*/
34637/*--------------
34638 Page Heading
34639---------------*/
34640/*--------------
34641 Form Input
34642---------------*/
34643/* This adjusts the default form input across all elements */
34644/* Input Text Color */
34645/* Line Height Default For Inputs in Browser */
34646/*-------------------
34647 Focused Input
34648--------------------*/
34649/* Used on inputs, textarea etc */
34650/* Used on dropdowns, other larger blocks */
34651/*-------------------
34652 Sizes
34653--------------------*/
34654/*
34655 Sizes are all expressed in terms of 14px/em (default em)
34656 This ensures these "ratios" remain constant despite changes in EM
34657*/
34658/*-------------------
34659 Page
34660--------------------*/
34661/*-------------------
34662 Paragraph
34663--------------------*/
34664/*-------------------
34665 Links
34666--------------------*/
34667/*-------------------
34668 Highlighted Text
34669--------------------*/
34670/*-------------------
34671 Loader
34672--------------------*/
34673/*-------------------
34674 Grid
34675--------------------*/
34676/*-------------------
34677 Transitions
34678--------------------*/
34679/*-------------------
34680 Breakpoints
34681--------------------*/
34682/*-------------------
34683 Site Colors
34684--------------------*/
34685/*--- Colors ---*/
34686/*--- Light Colors ---*/
34687/*--- Neutrals ---*/
34688/*--- Colored Backgrounds ---*/
34689/*--- Colored Headers ---*/
34690/*--- Colored Text ---*/
34691/*--- Colored Border ---*/
34692/*-------------------
34693 Alpha Colors
34694--------------------*/
34695/*-------------------
34696 Accents
34697--------------------*/
34698/* Differentiating Neutrals */
34699/* Differentiating Layers */
34700/*******************************
34701 Power-User
34702*******************************/
34703/*-------------------
34704 Emotive Colors
34705--------------------*/
34706/* Positive */
34707/* Negative */
34708/* Info */
34709/* Warning */
34710/*-------------------
34711 Paths
34712--------------------*/
34713/* For source only. Modified in gulp for dist */
34714/*-------------------
34715 Em Sizes
34716--------------------*/
34717/*
34718 This rounds @size values to the closest pixel then expresses that value in (r)em.
34719 This ensures all size values round to exact pixels
34720*/
34721/* em */
34722/* rem */
34723/*-------------------
34724 Icons
34725--------------------*/
34726/* Maximum Glyph Width of Icon */
34727/*-------------------
34728 Neutral Text
34729--------------------*/
34730/*-------------------
34731 Brand Colors
34732--------------------*/
34733/*-------------------
34734 Borders
34735--------------------*/
34736/*-------------------
34737 Derived Values
34738--------------------*/
34739/* Loaders Position Offset */
34740/* Rendered Scrollbar Width */
34741/* Maximum Single Character Glyph Width, aka Capital "W" */
34742/* Used to match floats with text */
34743/* Header Spacing */
34744/* Minimum Mobile Width */
34745/* Positive / Negative Dupes */
34746/* Responsive */
34747/*-------------------
34748 Exact Pixel Values
34749--------------------*/
34750/*
34751 These are used to specify exact pixel values in em
34752 for things like borders that remain constantly
34753 sized as emSize adjusts
34754
34755 Since there are many more sizes than names for sizes,
34756 these are named by their original pixel values.
34757
34758*/
34759/* Columns */
34760/*******************************
34761 States
34762*******************************/
34763/*-------------------
34764 Disabled
34765--------------------*/
34766/*-------------------
34767 Hover
34768--------------------*/
34769/*--- Shadows ---*/
34770/*--- Colors ---*/
34771/* https://github.com/Tripwire/octagon/issues/144 */
34772/*--- Emotive ---*/
34773/*--- Brand ---*/
34774/*--- Dark Tones ---*/
34775/*--- Light Tones ---*/
34776/*-------------------
34777 Focus
34778--------------------*/
34779/*--- Colors ---*/
34780/*--- Emotive ---*/
34781/*--- Brand ---*/
34782/*--- Dark Tones ---*/
34783/*--- Light Tones ---*/
34784/*-------------------
34785 Down (:active)
34786--------------------*/
34787/*--- Colors ---*/
34788/*--- Emotive ---*/
34789/*--- Brand ---*/
34790/*--- Dark Tones ---*/
34791/*--- Light Tones ---*/
34792/*-------------------
34793 Active
34794--------------------*/
34795/*--- Colors ---*/
34796/*--- Emotive ---*/
34797/*--- Brand ---*/
34798/*--- Dark Tones ---*/
34799/*--- Light Tones ---*/
34800/* Component's site.variables */
34801/*******************************
34802 Site Settings
34803*******************************/
34804/*-------------------
34805 Fonts
34806--------------------*/
34807/*-------------------
34808 Base Sizes
34809--------------------*/
34810/* This is the single variable that controls them all */
34811/* The size of page text */
34812/*-------------------
34813 Border Radius
34814--------------------*/
34815/* See Power-user section below
34816 for explanation of @px variables
34817*/
34818/*-------------------
34819 Brand Colors
34820--------------------*/
34821/*--------------
34822 Page Heading
34823---------------*/
34824/*--------------
34825 Form Input
34826---------------*/
34827/* This adjusts the default form input across all elements */
34828/* Input Text Color */
34829/* Line Height Default For Inputs in Browser */
34830/*-------------------
34831 Focused Input
34832--------------------*/
34833/* Used on inputs, textarea etc */
34834/* Used on dropdowns, other larger blocks */
34835/*-------------------
34836 Sizes
34837--------------------*/
34838/*
34839 Sizes are all expressed in terms of 14px/em (default em)
34840 This ensures these "ratios" remain constant despite changes in EM
34841*/
34842/*-------------------
34843 Page
34844--------------------*/
34845/*-------------------
34846 Paragraph
34847--------------------*/
34848/*-------------------
34849 Links
34850--------------------*/
34851/*-------------------
34852 Highlighted Text
34853--------------------*/
34854/*-------------------
34855 Loader
34856--------------------*/
34857/*-------------------
34858 Grid
34859--------------------*/
34860/*-------------------
34861 Transitions
34862--------------------*/
34863/*-------------------
34864 Breakpoints
34865--------------------*/
34866/*-------------------
34867 Site Colors
34868--------------------*/
34869/*--- Colors ---*/
34870/*--- Light Colors ---*/
34871/*--- Neutrals ---*/
34872/*--- Colored Backgrounds ---*/
34873/*--- Colored Headers ---*/
34874/*--- Colored Text ---*/
34875/*--- Colored Border ---*/
34876/*-------------------
34877 Alpha Colors
34878--------------------*/
34879/*-------------------
34880 Accents
34881--------------------*/
34882/* Differentiating Neutrals */
34883/* Differentiating Layers */
34884/*******************************
34885 Power-User
34886*******************************/
34887/*-------------------
34888 Emotive Colors
34889--------------------*/
34890/* Positive */
34891/* Negative */
34892/* Info */
34893/* Warning */
34894/*-------------------
34895 Paths
34896--------------------*/
34897/* For source only. Modified in gulp for dist */
34898/*-------------------
34899 Em Sizes
34900--------------------*/
34901/*
34902 This rounds @size values to the closest pixel then expresses that value in (r)em.
34903 This ensures all size values round to exact pixels
34904*/
34905/* em */
34906/* rem */
34907/*-------------------
34908 Icons
34909--------------------*/
34910/* Maximum Glyph Width of Icon */
34911/*-------------------
34912 Neutral Text
34913--------------------*/
34914/*-------------------
34915 Brand Colors
34916--------------------*/
34917/*-------------------
34918 Borders
34919--------------------*/
34920/*-------------------
34921 Derived Values
34922--------------------*/
34923/* Loaders Position Offset */
34924/* Rendered Scrollbar Width */
34925/* Maximum Single Character Glyph Width, aka Capital "W" */
34926/* Used to match floats with text */
34927/* Header Spacing */
34928/* Minimum Mobile Width */
34929/* Positive / Negative Dupes */
34930/* Responsive */
34931/*-------------------
34932 Exact Pixel Values
34933--------------------*/
34934/*
34935 These are used to specify exact pixel values in em
34936 for things like borders that remain constantly
34937 sized as emSize adjusts
34938
34939 Since there are many more sizes than names for sizes,
34940 these are named by their original pixel values.
34941
34942*/
34943/* Columns */
34944/*******************************
34945 States
34946*******************************/
34947/*-------------------
34948 Disabled
34949--------------------*/
34950/*-------------------
34951 Hover
34952--------------------*/
34953/*--- Shadows ---*/
34954/*--- Colors ---*/
34955/* https://github.com/Tripwire/octagon/issues/144 */
34956/*--- Emotive ---*/
34957/*--- Brand ---*/
34958/*--- Dark Tones ---*/
34959/*--- Light Tones ---*/
34960/*-------------------
34961 Focus
34962--------------------*/
34963/*--- Colors ---*/
34964/*--- Emotive ---*/
34965/*--- Brand ---*/
34966/*--- Dark Tones ---*/
34967/*--- Light Tones ---*/
34968/*-------------------
34969 Down (:active)
34970--------------------*/
34971/*--- Colors ---*/
34972/*--- Emotive ---*/
34973/*--- Brand ---*/
34974/*--- Dark Tones ---*/
34975/*--- Light Tones ---*/
34976/*-------------------
34977 Active
34978--------------------*/
34979/*--- Colors ---*/
34980/*--- Emotive ---*/
34981/*--- Brand ---*/
34982/*--- Dark Tones ---*/
34983/*--- Light Tones ---*/
34984/* Site theme site.variables */
34985/*-------------------
34986 Component Variables
34987---------------------*/
34988/* Default */
34989/*******************************
34990 Menu
34991*******************************/
34992/*-------------------
34993 Collection
34994--------------------*/
34995/* Menu */
34996/* Menu Item */
34997/* Divider */
34998/* Sub Menu */
34999/* Text Item */
35000/*--------------
35001 Elements
35002---------------*/
35003/* Icon */
35004/* Dropdown Icon */
35005/* Header */
35006/* Vertical Icon */
35007/* Vertical Header */
35008/* Pointing Arrow */
35009/*--------------
35010 Couplings
35011---------------*/
35012/* Button */
35013/* Input */
35014/* Image */
35015/* Label */
35016/* Dropdown in Menu */
35017/* Dropdown Variations */
35018/*--------------
35019 States
35020---------------*/
35021/* Hovered Item */
35022/* Pressed Item */
35023/* Active Item */
35024/* Active Hovered Item */
35025/* Selected Dropdown */
35026/* Active Dropdown */
35027/* Active Sub Menu */
35028/*--------------
35029 Types
35030---------------*/
35031/* Vertical */
35032/* Secondary */
35033/* Pointing */
35034/* Inverted Secondary */
35035/* Inverted Pointing */
35036/* Tiered */
35037/* Icon */
35038/* Tabular */
35039/* Pagination */
35040/* Labeled Icon */
35041/* Text */
35042/*--------------
35043 Variations
35044---------------*/
35045/* Inverted */
35046/* Inverted Sub Menu */
35047/* Inverted Hover */
35048/* Pressed */
35049/* Inverted Active */
35050/* Inverted Active Hover */
35051/* Inverted Menu Divider */
35052/* Inverted Colored */
35053/* Fixed */
35054/* Floated */
35055/* Attached */
35056/* Resize large sizes */
35057/* Sizes */
35058/* Packaged Theme */
35059/*******************************
35060 Menu
35061*******************************/
35062/*-------------------
35063 Collection
35064--------------------*/
35065/* Menu */
35066/* Menu Item */
35067/* Divider */
35068/* Sub Menu */
35069/* Text Item */
35070/*--------------
35071 Elements
35072---------------*/
35073/* Icon */
35074/* Dropdown Icon */
35075/* Header */
35076/* Vertical Icon */
35077/* Vertical Header */
35078/* Pointing Arrow */
35079/*--------------
35080 Couplings
35081---------------*/
35082/* Button */
35083/* Input */
35084/* Image */
35085/* Label */
35086/* Dropdown in Menu */
35087/* Dropdown Variations */
35088/*--------------
35089 States
35090---------------*/
35091/* Hovered Item */
35092/* Pressed Item */
35093/* Active Item */
35094/* Active Hovered Item */
35095/* Selected Dropdown */
35096/* Active Dropdown */
35097/* Active Sub Menu */
35098/*--------------
35099 Types
35100---------------*/
35101/* Vertical */
35102/* Secondary */
35103/* Pointing */
35104/* Inverted Secondary */
35105/* Inverted Pointing */
35106/* Tiered */
35107/* Icon */
35108/* Tabular */
35109/* Pagination */
35110/* Labeled Icon */
35111/* Text */
35112/*--------------
35113 Variations
35114---------------*/
35115/* Inverted */
35116/* Inverted Sub Menu */
35117/* Inverted Hover */
35118/* Pressed */
35119/* Inverted Active */
35120/* Inverted Active Hover */
35121/* Inverted Menu Divider */
35122/* Inverted Colored */
35123/* Fixed */
35124/* Floated */
35125/* Attached */
35126/* Resize large sizes */
35127/* Sizes */
35128/* Site Theme */
35129/*******************************
35130 Mix-ins
35131*******************************/
35132/*------------------
35133 Fonts
35134-------------------*/
35135/*------------------
35136 Overrides
35137-------------------*/
35138/* End Config */
35139/*******************************
35140 Standard
35141*******************************/
35142/*--------------
35143 Menu
35144---------------*/
35145.ui.menu {
35146 display: flex;
35147 margin: 1rem 0em;
35148 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
35149 background: #FFFFFF;
35150 font-weight: normal;
35151 border: 1px solid rgba(34, 36, 38, 0.15);
35152 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
35153 border-radius: 0.28571429rem;
35154 min-height: 2.85714286em;
35155}
35156.ui.menu:after {
35157 content: '';
35158 display: block;
35159 height: 0px;
35160 clear: both;
35161 visibility: hidden;
35162}
35163.ui.menu:first-child {
35164 margin-top: 0rem;
35165}
35166.ui.menu:last-child {
35167 margin-bottom: 0rem;
35168}
35169/*--------------
35170 Sub-Menu
35171---------------*/
35172.ui.menu .menu {
35173 margin: 0em;
35174}
35175.ui.menu:not(.vertical) > .menu {
35176 display: flex;
35177}
35178/*--------------
35179 Item
35180---------------*/
35181.ui.menu:not(.vertical) .item {
35182 display: flex;
35183 align-items: center;
35184}
35185.ui.menu .item {
35186 position: relative;
35187 vertical-align: middle;
35188 line-height: 1;
35189 text-decoration: none;
35190 -webkit-tap-highlight-color: transparent;
35191 flex: 0 0 auto;
35192 user-select: none;
35193 background: none;
35194 padding: 0.92857143em 1.14285714em;
35195 text-transform: none;
35196 color: rgba(0, 0, 0, 0.87);
35197 font-weight: normal;
35198 transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
35199}
35200.ui.menu > .item:first-child {
35201 border-radius: 0.28571429rem 0px 0px 0.28571429rem;
35202}
35203/* Border */
35204.ui.menu .item:before {
35205 position: absolute;
35206 content: '';
35207 top: 0%;
35208 right: 0px;
35209 height: 100%;
35210 width: 1px;
35211 background: rgba(34, 36, 38, 0.1);
35212}
35213/*--------------
35214 Text Content
35215---------------*/
35216.ui.menu .text.item > *,
35217.ui.menu .item > a:not(.ui),
35218.ui.menu .item > p:only-child {
35219 user-select: text;
35220 line-height: 1.3;
35221}
35222.ui.menu .item > p:first-child {
35223 margin-top: 0;
35224}
35225.ui.menu .item > p:last-child {
35226 margin-bottom: 0;
35227}
35228/*--------------
35229 Icons
35230---------------*/
35231.ui.menu .item > i.icon {
35232 opacity: 0.9;
35233 float: none;
35234 margin: 0em 0.35714286em 0em 0em;
35235}
35236/*--------------
35237 Button
35238---------------*/
35239.ui.menu:not(.vertical) .item > .button {
35240 position: relative;
35241 top: 0em;
35242 margin: -0.5em 0em;
35243 padding-bottom: 0.78571429em;
35244 padding-top: 0.78571429em;
35245 font-size: 1em;
35246}
35247/*----------------
35248 Grid / Container
35249-----------------*/
35250.ui.menu > .grid,
35251.ui.menu > .container {
35252 display: flex;
35253 align-items: inherit;
35254 flex-direction: inherit;
35255}
35256/*--------------
35257 Inputs
35258---------------*/
35259.ui.menu .item > .input {
35260 width: 100%;
35261}
35262.ui.menu:not(.vertical) .item > .input {
35263 position: relative;
35264 top: 0em;
35265 margin: -0.5em 0em;
35266}
35267.ui.menu .item > .input input {
35268 font-size: 1em;
35269 padding-top: 0.57142857em;
35270 padding-bottom: 0.57142857em;
35271}
35272/*--------------
35273 Header
35274---------------*/
35275.ui.menu .header.item,
35276.ui.vertical.menu .header.item {
35277 margin: 0em;
35278 background: '';
35279 text-transform: normal;
35280 font-weight: bold;
35281}
35282.ui.vertical.menu .item > .header:not(.ui) {
35283 margin: 0em 0em 0.5em;
35284 font-size: 1em;
35285 font-weight: bold;
35286}
35287/*--------------
35288 Dropdowns
35289---------------*/
35290/* Dropdown Icon */
35291.ui.menu .item > i.dropdown.icon {
35292 padding: 0em;
35293 float: right;
35294 margin: 0em 0em 0em 1em;
35295}
35296/* Menu */
35297.ui.menu .dropdown.item .menu {
35298 min-width: calc(100% - 1px);
35299 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
35300 background: #FFFFFF;
35301 margin: 0em 0px 0px;
35302 box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
35303 flex-direction: column !important;
35304}
35305/* Menu Items */
35306.ui.menu .ui.dropdown .menu > .item {
35307 margin: 0;
35308 text-align: left;
35309 font-size: 1em !important;
35310 padding: 0.78571429em 1.14285714em !important;
35311 background: transparent !important;
35312 color: rgba(0, 0, 0, 0.87) !important;
35313 text-transform: none !important;
35314 font-weight: normal !important;
35315 box-shadow: none !important;
35316 transition: none !important;
35317}
35318.ui.menu .ui.dropdown .menu > .item:hover {
35319 background: rgba(0, 0, 0, 0.05) !important;
35320 color: rgba(0, 0, 0, 0.95) !important;
35321}
35322.ui.menu .ui.dropdown .menu > .selected.item {
35323 background: rgba(0, 0, 0, 0.05) !important;
35324 color: rgba(0, 0, 0, 0.95) !important;
35325}
35326.ui.menu .ui.dropdown .menu > .active.item {
35327 background: rgba(0, 0, 0, 0.03) !important;
35328 font-weight: bold !important;
35329 color: rgba(0, 0, 0, 0.95) !important;
35330}
35331.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
35332 display: block;
35333}
35334.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
35335 display: inline-block;
35336 font-size: 1em !important;
35337 float: none;
35338 margin: 0em 0.75em 0em 0em;
35339}
35340/* Secondary */
35341.ui.secondary.menu .dropdown.item > .menu,
35342.ui.text.menu .dropdown.item > .menu {
35343 border-radius: 0.28571429rem;
35344 margin-top: 0.35714286em;
35345}
35346/* Pointing */
35347.ui.menu .pointing.dropdown.item .menu {
35348 margin-top: 0.75em;
35349}
35350/* Inverted */
35351.ui.inverted.menu .search.dropdown.item > .search,
35352.ui.inverted.menu .search.dropdown.item > .text {
35353 color: rgba(255, 255, 255, 0.9);
35354}
35355/* Vertical */
35356.ui.vertical.menu .dropdown.item > .icon {
35357 float: right;
35358 content: "\f0da";
35359 margin-left: 1em;
35360}
35361.ui.vertical.menu .dropdown.item .menu {
35362 left: 100%;
35363 min-width: 0;
35364 margin: 0em 0em 0em 0em;
35365 box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
35366 border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem;
35367}
35368.ui.vertical.menu .dropdown.item.upward .menu {
35369 bottom: 0;
35370}
35371.ui.vertical.menu .dropdown.item:not(.upward) .menu {
35372 top: 0;
35373}
35374.ui.vertical.menu .active.dropdown.item {
35375 border-top-right-radius: 0em;
35376 border-bottom-right-radius: 0em;
35377}
35378.ui.vertical.menu .dropdown.active.item {
35379 box-shadow: none;
35380}
35381/* Evenly Divided */
35382.ui.item.menu .dropdown .menu .item {
35383 width: 100%;
35384}
35385/*--------------
35386 Labels
35387---------------*/
35388.ui.menu .item > .label {
35389 background: #999999;
35390 color: #FFFFFF;
35391 margin-left: 1em;
35392 padding: 0.3em 0.78571429em;
35393}
35394.ui.vertical.menu .item > .label {
35395 background: #999999;
35396 color: #FFFFFF;
35397 margin-top: -0.15em;
35398 margin-bottom: -0.15em;
35399 padding: 0.3em 0.78571429em;
35400}
35401.ui.menu .item > .floating.label {
35402 padding: 0.3em 0.78571429em;
35403}
35404/*--------------
35405 Images
35406---------------*/
35407.ui.menu .item > img:not(.ui) {
35408 display: inline-block;
35409 vertical-align: middle;
35410 margin: -0.3em 0em;
35411 width: 2.5em;
35412}
35413.ui.vertical.menu .item > img:not(.ui):only-child {
35414 display: block;
35415 max-width: 100%;
35416 width: auto;
35417}
35418/*******************************
35419 Coupling
35420*******************************/
35421/*--------------
35422 List
35423---------------*/
35424/* Menu divider shouldnt apply */
35425.ui.menu .list .item:before {
35426 background: none !important;
35427}
35428/*--------------
35429 Sidebar
35430---------------*/
35431/* Show vertical dividers below last */
35432.ui.vertical.sidebar.menu > .item:first-child:before {
35433 display: block !important;
35434}
35435.ui.vertical.sidebar.menu > .item::before {
35436 top: auto;
35437 bottom: 0px;
35438}
35439/*--------------
35440 Container
35441---------------*/
35442@media only screen and (max-width: 767px) {
35443 .ui.menu > .ui.container {
35444 width: 100% !important;
35445 margin-left: 0em !important;
35446 margin-right: 0em !important;
35447 }
35448}
35449@media only screen and (min-width: 768px) {
35450 .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
35451 border-left: 1px solid rgba(34, 36, 38, 0.1);
35452 }
35453}
35454/*******************************
35455 States
35456*******************************/
35457/*--------------
35458 Hover
35459---------------*/
35460.ui.link.menu .item:hover,
35461.ui.menu .dropdown.item:hover,
35462.ui.menu .link.item:hover,
35463.ui.menu a.item:hover {
35464 cursor: pointer;
35465 background: rgba(0, 0, 0, 0.03);
35466 color: rgba(0, 0, 0, 0.95);
35467}
35468/*--------------
35469 Pressed
35470---------------*/
35471.ui.link.menu .item:active,
35472.ui.menu .link.item:active,
35473.ui.menu a.item:active {
35474 background: rgba(0, 0, 0, 0.03);
35475 color: rgba(0, 0, 0, 0.95);
35476}
35477/*--------------
35478 Active
35479---------------*/
35480.ui.menu .active.item {
35481 background: rgba(0, 0, 0, 0.05);
35482 color: rgba(0, 0, 0, 0.95);
35483 font-weight: normal;
35484 box-shadow: none;
35485}
35486.ui.menu .active.item > i.icon {
35487 opacity: 1;
35488}
35489/*--------------
35490 Active Hover
35491---------------*/
35492.ui.menu .active.item:hover,
35493.ui.vertical.menu .active.item:hover {
35494 background-color: rgba(0, 0, 0, 0.05);
35495 color: rgba(0, 0, 0, 0.95);
35496}
35497/*--------------
35498 Disabled
35499---------------*/
35500.ui.menu .item.disabled,
35501.ui.menu .item.disabled:hover {
35502 cursor: default !important;
35503 background-color: transparent !important;
35504 color: rgba(40, 40, 40, 0.3) !important;
35505}
35506/*******************************
35507 Types
35508*******************************/
35509/*------------------
35510Floated Menu / Item
35511-------------------*/
35512/* Left Floated */
35513.ui.menu:not(.vertical) .left.item,
35514.ui.menu:not(.vertical) .left.menu {
35515 display: flex;
35516 margin-right: auto !important;
35517}
35518/* Right Floated */
35519.ui.menu:not(.vertical) .right.item,
35520.ui.menu:not(.vertical) .right.menu {
35521 display: flex;
35522 margin-left: auto !important;
35523}
35524/* Swapped Borders */
35525.ui.menu .right.item::before,
35526.ui.menu .right.menu > .item::before {
35527 right: auto;
35528 left: 0;
35529}
35530/*--------------
35531 Vertical
35532---------------*/
35533.ui.vertical.menu {
35534 display: block;
35535 flex-direction: column;
35536 background: #FFFFFF;
35537 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
35538}
35539/*--- Item ---*/
35540.ui.vertical.menu .item {
35541 display: block;
35542 background: none;
35543 border-top: none;
35544 border-right: none;
35545}
35546.ui.vertical.menu > .item:first-child {
35547 border-radius: 0.28571429rem 0.28571429rem 0px 0px;
35548}
35549.ui.vertical.menu > .item:last-child {
35550 border-radius: 0px 0px 0.28571429rem 0.28571429rem;
35551}
35552/*--- Label ---*/
35553.ui.vertical.menu .item > .label {
35554 float: right;
35555 text-align: center;
35556}
35557/*--- Icon ---*/
35558.ui.vertical.menu .item > i.icon {
35559 width: 1.18em;
35560 float: right;
35561 margin: 0em 0em 0em 0.5em;
35562}
35563.ui.vertical.menu .item > .label + i.icon {
35564 float: none;
35565 margin: 0em 0.5em 0em 0em;
35566}
35567/*--- Border ---*/
35568.ui.vertical.menu .item:before {
35569 position: absolute;
35570 content: '';
35571 top: 0%;
35572 left: 0px;
35573 width: 100%;
35574 height: 1px;
35575 background: rgba(34, 36, 38, 0.1);
35576}
35577.ui.vertical.menu .item:first-child:before {
35578 display: none !important;
35579}
35580/*--- Sub Menu ---*/
35581.ui.vertical.menu .item > .menu {
35582 margin: 0.5em -1.14285714em 0em;
35583}
35584.ui.vertical.menu .menu .item {
35585 background: none;
35586 padding: 0.5em 1.33333333em;
35587 font-size: 0.85714286em;
35588 color: rgba(0, 0, 0, 0.5);
35589}
35590.ui.vertical.menu .item .menu a.item:hover,
35591.ui.vertical.menu .item .menu .link.item:hover {
35592 color: rgba(0, 0, 0, 0.85);
35593}
35594.ui.vertical.menu .menu .item:before {
35595 display: none;
35596}
35597/* Vertical Active */
35598.ui.vertical.menu .active.item {
35599 background: rgba(0, 0, 0, 0.05);
35600 border-radius: 0em;
35601 box-shadow: none;
35602}
35603.ui.vertical.menu > .active.item:first-child {
35604 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
35605}
35606.ui.vertical.menu > .active.item:last-child {
35607 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
35608}
35609.ui.vertical.menu > .active.item:only-child {
35610 border-radius: 0.28571429rem;
35611}
35612.ui.vertical.menu .active.item .menu .active.item {
35613 border-left: none;
35614}
35615.ui.vertical.menu .item .menu .active.item {
35616 background-color: transparent;
35617 font-weight: bold;
35618 color: rgba(0, 0, 0, 0.95);
35619}
35620/*--------------
35621 Tabular
35622---------------*/
35623.ui.tabular.menu {
35624 border-radius: 0em;
35625 box-shadow: none !important;
35626 border: none;
35627 background: none transparent;
35628 border-bottom: 1px solid #D4D4D5;
35629}
35630.ui.tabular.fluid.menu {
35631 width: calc(100% + 2px ) !important;
35632}
35633.ui.tabular.menu .item {
35634 background: transparent;
35635 border-bottom: none;
35636 border-left: 1px solid transparent;
35637 border-right: 1px solid transparent;
35638 border-top: 2px solid transparent;
35639 padding: 0.92857143em 1.42857143em;
35640 color: rgba(0, 0, 0, 0.87);
35641}
35642.ui.tabular.menu .item:before {
35643 display: none;
35644}
35645/* Hover */
35646.ui.tabular.menu .item:hover {
35647 background-color: transparent;
35648 color: #3498db;
35649}
35650/* Active */
35651.ui.tabular.menu .active.item {
35652 background: none #FFFFFF;
35653 color: #586A7B;
35654 border-top-width: 1px;
35655 border-color: #D4D4D5;
35656 font-weight: normal;
35657 margin-bottom: -1px;
35658 box-shadow: none;
35659 border-radius: 0px 0px 0px 0px !important;
35660}
35661/* Coupling with segment for attachment */
35662.ui.tabular.menu + .attached:not(.top).segment,
35663.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
35664 border-top: none;
35665 margin-left: 0px;
35666 margin-top: 0px;
35667 margin-right: 0px;
35668 width: 100%;
35669}
35670.top.attached.segment + .ui.bottom.tabular.menu {
35671 position: relative;
35672 width: calc(100% + 2px );
35673 left: -1px;
35674}
35675/* Bottom Vertical Tabular */
35676.ui.bottom.tabular.menu {
35677 background: none transparent;
35678 border-radius: 0em;
35679 box-shadow: none !important;
35680 border-bottom: none;
35681 border-top: 1px solid #D4D4D5;
35682}
35683.ui.bottom.tabular.menu .item {
35684 background: none;
35685 border-left: 1px solid transparent;
35686 border-right: 1px solid transparent;
35687 border-bottom: 1px solid transparent;
35688 border-top: none;
35689}
35690.ui.bottom.tabular.menu .active.item {
35691 background: none #FFFFFF;
35692 color: #586A7B;
35693 border-color: #D4D4D5;
35694 margin: -1px 0px 0px 0px;
35695 border-radius: 0px 0px 0px 0px !important;
35696}
35697/* Vertical Tabular (Left) */
35698.ui.vertical.tabular.menu {
35699 background: none transparent;
35700 border-radius: 0em;
35701 box-shadow: none !important;
35702 border-bottom: none;
35703 border-right: 1px solid #D4D4D5;
35704}
35705.ui.vertical.tabular.menu .item {
35706 background: none;
35707 border-left: 1px solid transparent;
35708 border-bottom: 1px solid transparent;
35709 border-top: 1px solid transparent;
35710 border-right: none;
35711}
35712.ui.vertical.tabular.menu .active.item {
35713 background: none #FFFFFF;
35714 color: #586A7B;
35715 border-color: #D4D4D5;
35716 margin: 0px -1px 0px 0px;
35717 border-radius: 0px 0px 0px 0px !important;
35718}
35719/* Vertical Right Tabular */
35720.ui.vertical.right.tabular.menu {
35721 background: none transparent;
35722 border-radius: 0em;
35723 box-shadow: none !important;
35724 border-bottom: none;
35725 border-right: none;
35726 border-left: 1px solid #D4D4D5;
35727}
35728.ui.vertical.right.tabular.menu .item {
35729 background: none;
35730 border-right: 1px solid transparent;
35731 border-bottom: 1px solid transparent;
35732 border-top: 1px solid transparent;
35733 border-left: none;
35734}
35735.ui.vertical.right.tabular.menu .active.item {
35736 background: none #FFFFFF;
35737 color: #586A7B;
35738 border-color: #D4D4D5;
35739 margin: 0px 0px 0px -1px;
35740 border-radius: 0px 0px 0px 0px !important;
35741}
35742/* Dropdown */
35743.ui.tabular.menu .active.dropdown.item {
35744 margin-bottom: 0px;
35745 border-left: 1px solid transparent;
35746 border-right: 1px solid transparent;
35747 border-top: 2px solid transparent;
35748 border-bottom: none;
35749}
35750/*--------------
35751 Pagination
35752---------------*/
35753.ui.pagination.menu {
35754 margin: 0em;
35755 display: inline-flex;
35756 vertical-align: middle;
35757}
35758.ui.pagination.menu .item:last-child {
35759 border-radius: 0em 0.28571429rem 0.28571429rem 0em;
35760}
35761.ui.compact.menu .item:last-child {
35762 border-radius: 0em 0.28571429rem 0.28571429rem 0em;
35763}
35764.ui.pagination.menu .item:last-child:before {
35765 display: none;
35766}
35767.ui.pagination.menu .item {
35768 min-width: 3em;
35769 text-align: center;
35770}
35771.ui.pagination.menu .icon.item i.icon {
35772 vertical-align: top;
35773}
35774/* Active */
35775.ui.pagination.menu .active.item {
35776 border-top: none;
35777 padding-top: 0.92857143em;
35778 background-color: rgba(0, 0, 0, 0.05);
35779 color: rgba(0, 0, 0, 0.95);
35780 box-shadow: none;
35781}
35782/*--------------
35783 Secondary
35784---------------*/
35785.ui.secondary.menu {
35786 background: none;
35787 margin-left: -0.35714286em;
35788 margin-right: -0.35714286em;
35789 border-radius: 0em;
35790 border: none;
35791 box-shadow: none;
35792}
35793/* Item */
35794.ui.secondary.menu .item {
35795 align-self: center;
35796 box-shadow: none;
35797 border: none;
35798 padding: 0.78571429em 0.92857143em;
35799 margin: 0em 0.35714286em;
35800 background: none;
35801 transition: color 0.1s ease;
35802 border-radius: 0.28571429rem;
35803}
35804/* No Divider */
35805.ui.secondary.menu .item:before {
35806 display: none !important;
35807}
35808/* Header */
35809.ui.secondary.menu .header.item {
35810 border-radius: 0em;
35811 border-right: none;
35812 background: none transparent;
35813}
35814/* Image */
35815.ui.secondary.menu .item > img:not(.ui) {
35816 margin: 0em;
35817}
35818/* Hover */
35819.ui.secondary.menu .dropdown.item:hover,
35820.ui.secondary.menu .link.item:hover,
35821.ui.secondary.menu a.item:hover {
35822 background: rgba(0, 0, 0, 0.05);
35823 color: rgba(0, 0, 0, 0.95);
35824}
35825/* Active */
35826.ui.secondary.menu .active.item {
35827 box-shadow: none;
35828 background: rgba(0, 0, 0, 0.05);
35829 color: rgba(0, 0, 0, 0.95);
35830 border-radius: 0.28571429rem;
35831}
35832/* Active Hover */
35833.ui.secondary.menu .active.item:hover {
35834 box-shadow: none;
35835 background: rgba(0, 0, 0, 0.05);
35836 color: rgba(0, 0, 0, 0.95);
35837}
35838/* Inverted */
35839.ui.secondary.inverted.menu .link.item,
35840.ui.secondary.inverted.menu a.item {
35841 color: rgba(255, 255, 255, 0.7) !important;
35842}
35843.ui.secondary.inverted.menu .dropdown.item:hover,
35844.ui.secondary.inverted.menu .link.item:hover,
35845.ui.secondary.inverted.menu a.item:hover {
35846 background: rgba(255, 255, 255, 0.08);
35847 color: #ffffff !important;
35848}
35849.ui.secondary.inverted.menu .active.item {
35850 background: rgba(255, 255, 255, 0.15);
35851 color: #ffffff !important;
35852}
35853/* Fix item margins */
35854.ui.secondary.item.menu {
35855 margin-left: 0em;
35856 margin-right: 0em;
35857}
35858.ui.secondary.item.menu .item:last-child {
35859 margin-right: 0em;
35860}
35861.ui.secondary.attached.menu {
35862 box-shadow: none;
35863}
35864/* Sub Menu */
35865.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
35866 margin: 0em -0.92857143em;
35867}
35868.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
35869 margin: 0em;
35870 padding: 0.5em 1.33333333em;
35871}
35872/*---------------------
35873 Secondary Vertical
35874-----------------------*/
35875.ui.secondary.vertical.menu > .item {
35876 border: none;
35877 margin: 0em 0em 0.35714286em;
35878 border-radius: 0.28571429rem !important;
35879}
35880.ui.secondary.vertical.menu > .header.item {
35881 border-radius: 0em;
35882}
35883/* Sub Menu */
35884.ui.vertical.secondary.menu .item > .menu .item {
35885 background-color: transparent;
35886}
35887/* Inverted */
35888.ui.secondary.inverted.menu {
35889 background-color: transparent;
35890}
35891/*---------------------
35892 Secondary Pointing
35893-----------------------*/
35894.ui.secondary.pointing.menu {
35895 margin-left: 0em;
35896 margin-right: 0em;
35897 border-bottom: 2px solid rgba(34, 36, 38, 0.15);
35898}
35899.ui.secondary.pointing.menu .item {
35900 border-bottom-color: transparent;
35901 border-bottom-style: solid;
35902 border-radius: 0em;
35903 align-self: flex-end;
35904 margin: 0em 0em -2px;
35905 padding: 0.85714286em 1.14285714em;
35906 border-bottom-width: 2px;
35907 transition: color 0.1s ease;
35908}
35909/* Item Types */
35910.ui.secondary.pointing.menu .header.item {
35911 color: rgba(0, 0, 0, 0.85) !important;
35912}
35913.ui.secondary.pointing.menu .text.item {
35914 box-shadow: none !important;
35915}
35916.ui.secondary.pointing.menu .item:after {
35917 display: none;
35918}
35919/* Hover */
35920.ui.secondary.pointing.menu .dropdown.item:hover,
35921.ui.secondary.pointing.menu .link.item:hover,
35922.ui.secondary.pointing.menu a.item:hover {
35923 background-color: transparent;
35924 color: rgba(0, 0, 0, 0.87);
35925}
35926/* Pressed */
35927.ui.secondary.pointing.menu .dropdown.item:active,
35928.ui.secondary.pointing.menu .link.item:active,
35929.ui.secondary.pointing.menu a.item:active {
35930 background-color: transparent;
35931 border-color: rgba(34, 36, 38, 0.15);
35932}
35933/* Active */
35934.ui.secondary.pointing.menu .active.item {
35935 background-color: transparent;
35936 box-shadow: none;
35937 border-color: #1B1C1D;
35938 font-weight: bold;
35939 color: rgba(0, 0, 0, 0.95);
35940}
35941/* Active Hover */
35942.ui.secondary.pointing.menu .active.item:hover {
35943 border-color: #1B1C1D;
35944 color: rgba(0, 0, 0, 0.95);
35945}
35946/* Active Dropdown */
35947.ui.secondary.pointing.menu .active.dropdown.item {
35948 border-color: transparent;
35949}
35950/* Vertical Pointing */
35951.ui.secondary.vertical.pointing.menu {
35952 border-bottom-width: 0px;
35953 border-right-width: 2px;
35954 border-right-style: solid;
35955 border-right-color: rgba(34, 36, 38, 0.15);
35956}
35957.ui.secondary.vertical.pointing.menu .item {
35958 border-bottom: none;
35959 border-right-style: solid;
35960 border-right-color: transparent;
35961 border-radius: 0em !important;
35962 margin: 0em -2px 0em 0em;
35963 border-right-width: 2px;
35964}
35965/* Vertical Active */
35966.ui.secondary.vertical.pointing.menu .active.item {
35967 border-color: #1B1C1D;
35968}
35969/* Inverted */
35970.ui.secondary.inverted.pointing.menu {
35971 border-color: rgba(255, 255, 255, 0.1);
35972}
35973.ui.secondary.inverted.pointing.menu {
35974 border-width: 2px;
35975 border-color: rgba(34, 36, 38, 0.15);
35976}
35977.ui.secondary.inverted.pointing.menu .item {
35978 color: rgba(255, 255, 255, 0.9);
35979}
35980.ui.secondary.inverted.pointing.menu .header.item {
35981 color: #FFFFFF !important;
35982}
35983/* Hover */
35984.ui.secondary.inverted.pointing.menu .link.item:hover,
35985.ui.secondary.inverted.pointing.menu a.item:hover {
35986 color: rgba(0, 0, 0, 0.95);
35987}
35988/* Active */
35989.ui.secondary.inverted.pointing.menu .active.item {
35990 border-color: #FFFFFF;
35991 color: #ffffff;
35992}
35993/*--------------
35994 Text Menu
35995---------------*/
35996.ui.text.menu {
35997 background: none transparent;
35998 border-radius: 0px;
35999 box-shadow: none;
36000 border: none;
36001 margin: 1em -0.5em;
36002}
36003.ui.text.menu .item {
36004 border-radius: 0px;
36005 box-shadow: none;
36006 align-self: center;
36007 margin: 0em 0em;
36008 padding: 0.35714286em 0.5em;
36009 font-weight: normal;
36010 color: rgba(0, 0, 0, 0.6);
36011 transition: opacity 0.1s ease;
36012}
36013/* Border */
36014.ui.text.menu .item:before,
36015.ui.text.menu .menu .item:before {
36016 display: none !important;
36017}
36018/* Header */
36019.ui.text.menu .header.item {
36020 background-color: transparent;
36021 opacity: 1;
36022 color: rgba(0, 0, 0, 0.85);
36023 font-size: 0.92857143em;
36024 text-transform: uppercase;
36025 font-weight: bold;
36026}
36027/* Image */
36028.ui.text.menu .item > img:not(.ui) {
36029 margin: 0em;
36030}
36031/*--- fluid text ---*/
36032.ui.text.item.menu .item {
36033 margin: 0em;
36034}
36035/*--- vertical text ---*/
36036.ui.vertical.text.menu {
36037 margin: 1em 0em;
36038}
36039.ui.vertical.text.menu:first-child {
36040 margin-top: 0rem;
36041}
36042.ui.vertical.text.menu:last-child {
36043 margin-bottom: 0rem;
36044}
36045.ui.vertical.text.menu .item {
36046 margin: 0.57142857em 0em;
36047 padding-left: 0em;
36048 padding-right: 0em;
36049}
36050.ui.vertical.text.menu .item > i.icon {
36051 float: none;
36052 margin: 0em 0.35714286em 0em 0em;
36053}
36054.ui.vertical.text.menu .header.item {
36055 margin: 0.57142857em 0em 0.71428571em;
36056}
36057/* Vertical Sub Menu */
36058.ui.vertical.text.menu .item:not(.dropdown) > .menu {
36059 margin: 0em;
36060}
36061.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
36062 margin: 0em;
36063 padding: 0.5em 0em;
36064}
36065/*--- hover ---*/
36066.ui.text.menu .item:hover {
36067 opacity: 1;
36068 background-color: transparent;
36069}
36070/*--- active ---*/
36071.ui.text.menu .active.item {
36072 background-color: transparent;
36073 border: none;
36074 box-shadow: none;
36075 font-weight: normal;
36076 color: rgba(0, 0, 0, 0.95);
36077}
36078/*--- active hover ---*/
36079.ui.text.menu .active.item:hover {
36080 background-color: transparent;
36081}
36082/* Disable Bariations */
36083.ui.text.pointing.menu .active.item:after {
36084 box-shadow: none;
36085}
36086.ui.text.attached.menu {
36087 box-shadow: none;
36088}
36089/* Inverted */
36090.ui.inverted.text.menu,
36091.ui.inverted.text.menu .item,
36092.ui.inverted.text.menu .item:hover,
36093.ui.inverted.text.menu .active.item {
36094 background-color: transparent !important;
36095}
36096/* Fluid */
36097.ui.fluid.text.menu {
36098 margin-left: 0em;
36099 margin-right: 0em;
36100}
36101/*--------------
36102 Icon Only
36103---------------*/
36104/* Vertical Menu */
36105.ui.vertical.icon.menu {
36106 display: inline-block;
36107 width: auto;
36108}
36109/* Item */
36110.ui.icon.menu .item {
36111 height: auto;
36112 text-align: center;
36113 color: #1B1C1D;
36114}
36115/* Icon */
36116.ui.icon.menu .item > .icon:not(.dropdown) {
36117 margin: 0;
36118 opacity: 1;
36119}
36120/* Icon Gylph */
36121.ui.icon.menu .icon:before {
36122 opacity: 1;
36123}
36124/* (x) Item Icon */
36125.ui.menu .icon.item > .icon {
36126 width: auto;
36127 margin: 0em auto;
36128}
36129/* Vertical Icon */
36130.ui.vertical.icon.menu .item > .icon:not(.dropdown) {
36131 display: block;
36132 opacity: 1;
36133 margin: 0em auto;
36134 float: none;
36135}
36136/* Inverted */
36137.ui.inverted.icon.menu .item {
36138 color: #FFFFFF;
36139}
36140/*--------------
36141 Labeled Icon
36142---------------*/
36143/* Menu */
36144.ui.labeled.icon.menu {
36145 text-align: center;
36146}
36147/* Item */
36148.ui.labeled.icon.menu .item {
36149 min-width: 6em;
36150 flex-direction: column;
36151}
36152/* Icon */
36153.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
36154 height: 1em;
36155 display: block;
36156 font-size: 1.71428571em !important;
36157 margin: 0em auto 0.5rem !important;
36158}
36159/* Fluid */
36160.ui.fluid.labeled.icon.menu > .item {
36161 min-width: 0em;
36162}
36163/*******************************
36164 Variations
36165*******************************/
36166/*--------------
36167 Stackable
36168---------------*/
36169@media only screen and (max-width: 767px) {
36170 .ui.stackable.menu {
36171 flex-direction: column;
36172 }
36173 .ui.stackable.menu .item {
36174 width: 100% !important;
36175 }
36176 .ui.stackable.menu .item:before {
36177 position: absolute;
36178 content: '';
36179 top: auto;
36180 bottom: 0px;
36181 left: 0px;
36182 width: 100%;
36183 height: 1px;
36184 background: rgba(34, 36, 38, 0.1);
36185 }
36186 .ui.stackable.menu .left.menu,
36187 .ui.stackable.menu .left.item {
36188 margin-right: 0 !important;
36189 }
36190 .ui.stackable.menu .right.menu,
36191 .ui.stackable.menu .right.item {
36192 margin-left: 0 !important;
36193 }
36194 .ui.stackable.menu .right.menu,
36195 .ui.stackable.menu .left.menu {
36196 flex-direction: column;
36197 }
36198}
36199/*--------------
36200 Colors
36201---------------*/
36202/*--- Standard Colors ---*/
36203.ui.menu .red.active.item,
36204.ui.red.menu .active.item {
36205 border-color: #c0382b !important;
36206 color: #c0382b !important;
36207}
36208.ui.menu .orange.active.item,
36209.ui.orange.menu .active.item {
36210 border-color: #F2711C !important;
36211 color: #F2711C !important;
36212}
36213.ui.menu .yellow.active.item,
36214.ui.yellow.menu .active.item {
36215 border-color: #ff9e2c !important;
36216 color: #ff9e2c !important;
36217}
36218.ui.menu .olive.active.item,
36219.ui.olive.menu .active.item {
36220 border-color: #B5CC18 !important;
36221 color: #B5CC18 !important;
36222}
36223.ui.menu .green.active.item,
36224.ui.green.menu .active.item {
36225 border-color: #21BA45 !important;
36226 color: #21BA45 !important;
36227}
36228.ui.menu .teal.active.item,
36229.ui.teal.menu .active.item {
36230 border-color: #00B5AD !important;
36231 color: #00B5AD !important;
36232}
36233.ui.menu .blue.active.item,
36234.ui.blue.menu .active.item {
36235 border-color: #3498db !important;
36236 color: #3498db !important;
36237}
36238.ui.menu .violet.active.item,
36239.ui.violet.menu .active.item {
36240 border-color: #6435C9 !important;
36241 color: #6435C9 !important;
36242}
36243.ui.menu .purple.active.item,
36244.ui.purple.menu .active.item {
36245 border-color: #A676B2 !important;
36246 color: #A676B2 !important;
36247}
36248.ui.menu .pink.active.item,
36249.ui.pink.menu .active.item {
36250 border-color: #E03997 !important;
36251 color: #E03997 !important;
36252}
36253.ui.menu .brown.active.item,
36254.ui.brown.menu .active.item {
36255 border-color: #A5673F !important;
36256 color: #A5673F !important;
36257}
36258.ui.menu .grey.active.item,
36259.ui.grey.menu .active.item {
36260 border-color: #586A7B !important;
36261 color: #586A7B !important;
36262}
36263/*--------------
36264 Inverted
36265---------------*/
36266.ui.inverted.menu {
36267 border: 0px solid transparent;
36268 background: #1B1C1D;
36269 box-shadow: none;
36270}
36271/* Menu Item */
36272.ui.inverted.menu .item,
36273.ui.inverted.menu .item > a:not(.ui) {
36274 background: transparent;
36275 color: rgba(255, 255, 255, 0.9);
36276}
36277.ui.inverted.menu .item.menu {
36278 background: transparent;
36279}
36280/*--- Border ---*/
36281.ui.inverted.menu .item:before {
36282 background: rgba(255, 255, 255, 0.08);
36283}
36284.ui.vertical.inverted.menu .item:before {
36285 background: rgba(255, 255, 255, 0.08);
36286}
36287/* Sub Menu */
36288.ui.vertical.inverted.menu .menu .item,
36289.ui.vertical.inverted.menu .menu .item a:not(.ui) {
36290 color: rgba(255, 255, 255, 0.5);
36291}
36292/* Header */
36293.ui.inverted.menu .header.item {
36294 margin: 0em;
36295 background: transparent;
36296 box-shadow: none;
36297}
36298/* Disabled */
36299.ui.inverted.menu .item.disabled,
36300.ui.inverted.menu .item.disabled:hover {
36301 color: rgba(225, 225, 225, 0.3);
36302}
36303/*--- Hover ---*/
36304.ui.link.inverted.menu .item:hover,
36305.ui.inverted.menu .dropdown.item:hover,
36306.ui.inverted.menu .link.item:hover,
36307.ui.inverted.menu a.item:hover {
36308 background: rgba(255, 255, 255, 0.08);
36309 color: #ffffff;
36310}
36311.ui.vertical.inverted.menu .item .menu a.item:hover,
36312.ui.vertical.inverted.menu .item .menu .link.item:hover {
36313 background: transparent;
36314 color: #ffffff;
36315}
36316/*--- Pressed ---*/
36317.ui.inverted.menu a.item:active,
36318.ui.inverted.menu .link.item:active {
36319 background: rgba(255, 255, 255, 0.08);
36320 color: #ffffff;
36321}
36322/*--- Active ---*/
36323.ui.inverted.menu .active.item {
36324 background: rgba(255, 255, 255, 0.15);
36325 color: #ffffff !important;
36326}
36327.ui.inverted.vertical.menu .item .menu .active.item {
36328 background: transparent;
36329 color: #FFFFFF;
36330}
36331.ui.inverted.pointing.menu .active.item:after {
36332 background: #3D3E3F !important;
36333 margin: 0em !important;
36334 box-shadow: none !important;
36335 border: none !important;
36336}
36337/*--- Active Hover ---*/
36338.ui.inverted.menu .active.item:hover {
36339 background: rgba(255, 255, 255, 0.15);
36340 color: #FFFFFF !important;
36341}
36342.ui.inverted.pointing.menu .active.item:hover:after {
36343 background: #3D3E3F !important;
36344}
36345/*--------------
36346 Floated
36347---------------*/
36348.ui.floated.menu {
36349 float: left;
36350 margin: 0rem 0.5rem 0rem 0rem;
36351}
36352.ui.floated.menu .item:last-child:before {
36353 display: none;
36354}
36355.ui.right.floated.menu {
36356 float: right;
36357 margin: 0rem 0rem 0rem 0.5rem;
36358}
36359/*--------------
36360 Inverted
36361---------------*/
36362/* Red */
36363.ui.inverted.menu .red.active.item,
36364.ui.inverted.red.menu {
36365 background-color: #c0382b;
36366}
36367.ui.inverted.red.menu .item:before {
36368 background-color: rgba(34, 36, 38, 0.1);
36369}
36370.ui.inverted.red.menu .active.item {
36371 background-color: rgba(0, 0, 0, 0.1) !important;
36372}
36373/* Orange */
36374.ui.inverted.menu .orange.active.item,
36375.ui.inverted.orange.menu {
36376 background-color: #F2711C;
36377}
36378.ui.inverted.orange.menu .item:before {
36379 background-color: rgba(34, 36, 38, 0.1);
36380}
36381.ui.inverted.orange.menu .active.item {
36382 background-color: rgba(0, 0, 0, 0.1) !important;
36383}
36384/* Yellow */
36385.ui.inverted.menu .yellow.active.item,
36386.ui.inverted.yellow.menu {
36387 background-color: #ff9e2c;
36388}
36389.ui.inverted.yellow.menu .item:before {
36390 background-color: rgba(34, 36, 38, 0.1);
36391}
36392.ui.inverted.yellow.menu .active.item {
36393 background-color: rgba(0, 0, 0, 0.1) !important;
36394}
36395/* Olive */
36396.ui.inverted.menu .olive.active.item,
36397.ui.inverted.olive.menu {
36398 background-color: #B5CC18;
36399}
36400.ui.inverted.olive.menu .item:before {
36401 background-color: rgba(34, 36, 38, 0.1);
36402}
36403.ui.inverted.olive.menu .active.item {
36404 background-color: rgba(0, 0, 0, 0.1) !important;
36405}
36406/* Green */
36407.ui.inverted.menu .green.active.item,
36408.ui.inverted.green.menu {
36409 background-color: #21BA45;
36410}
36411.ui.inverted.green.menu .item:before {
36412 background-color: rgba(34, 36, 38, 0.1);
36413}
36414.ui.inverted.green.menu .active.item {
36415 background-color: rgba(0, 0, 0, 0.1) !important;
36416}
36417/* Teal */
36418.ui.inverted.menu .teal.active.item,
36419.ui.inverted.teal.menu {
36420 background-color: #00B5AD;
36421}
36422.ui.inverted.teal.menu .item:before {
36423 background-color: rgba(34, 36, 38, 0.1);
36424}
36425.ui.inverted.teal.menu .active.item {
36426 background-color: rgba(0, 0, 0, 0.1) !important;
36427}
36428/* Blue */
36429.ui.inverted.menu .blue.active.item,
36430.ui.inverted.blue.menu {
36431 background-color: #3498db;
36432}
36433.ui.inverted.blue.menu .item:before {
36434 background-color: rgba(34, 36, 38, 0.1);
36435}
36436.ui.inverted.blue.menu .active.item {
36437 background-color: rgba(0, 0, 0, 0.1) !important;
36438}
36439/* Violet */
36440.ui.inverted.menu .violet.active.item,
36441.ui.inverted.violet.menu {
36442 background-color: #6435C9;
36443}
36444.ui.inverted.violet.menu .item:before {
36445 background-color: rgba(34, 36, 38, 0.1);
36446}
36447.ui.inverted.violet.menu .active.item {
36448 background-color: rgba(0, 0, 0, 0.1) !important;
36449}
36450/* Purple */
36451.ui.inverted.menu .purple.active.item,
36452.ui.inverted.purple.menu {
36453 background-color: #A676B2;
36454}
36455.ui.inverted.purple.menu .item:before {
36456 background-color: rgba(34, 36, 38, 0.1);
36457}
36458.ui.inverted.purple.menu .active.item {
36459 background-color: rgba(0, 0, 0, 0.1) !important;
36460}
36461/* Pink */
36462.ui.inverted.menu .pink.active.item,
36463.ui.inverted.pink.menu {
36464 background-color: #E03997;
36465}
36466.ui.inverted.pink.menu .item:before {
36467 background-color: rgba(34, 36, 38, 0.1);
36468}
36469.ui.inverted.pink.menu .active.item {
36470 background-color: rgba(0, 0, 0, 0.1) !important;
36471}
36472/* Brown */
36473.ui.inverted.menu .brown.active.item,
36474.ui.inverted.brown.menu {
36475 background-color: #A5673F;
36476}
36477.ui.inverted.brown.menu .item:before {
36478 background-color: rgba(34, 36, 38, 0.1);
36479}
36480.ui.inverted.brown.menu .active.item {
36481 background-color: rgba(0, 0, 0, 0.1) !important;
36482}
36483/* Grey */
36484.ui.inverted.menu .grey.active.item,
36485.ui.inverted.grey.menu {
36486 background-color: #586A7B;
36487}
36488.ui.inverted.grey.menu .item:before {
36489 background-color: rgba(34, 36, 38, 0.1);
36490}
36491.ui.inverted.grey.menu .active.item {
36492 background-color: rgba(0, 0, 0, 0.1) !important;
36493}
36494/*--------------
36495 Fitted
36496---------------*/
36497.ui.fitted.menu .item,
36498.ui.fitted.menu .item .menu .item,
36499.ui.menu .fitted.item {
36500 padding: 0em;
36501}
36502.ui.horizontally.fitted.menu .item,
36503.ui.horizontally.fitted.menu .item .menu .item,
36504.ui.menu .horizontally.fitted.item {
36505 padding-top: 0.92857143em;
36506 padding-bottom: 0.92857143em;
36507}
36508.ui.vertically.fitted.menu .item,
36509.ui.vertically.fitted.menu .item .menu .item,
36510.ui.menu .vertically.fitted.item {
36511 padding-left: 1.14285714em;
36512 padding-right: 1.14285714em;
36513}
36514/*--------------
36515 Borderless
36516---------------*/
36517.ui.borderless.menu .item:before,
36518.ui.borderless.menu .item .menu .item:before,
36519.ui.menu .borderless.item:before {
36520 background: none !important;
36521}
36522/*-------------------
36523 Compact
36524--------------------*/
36525.ui.compact.menu {
36526 display: inline-flex;
36527 margin: 0em;
36528 vertical-align: middle;
36529}
36530.ui.compact.vertical.menu {
36531 display: inline-block;
36532}
36533.ui.compact.menu .item:last-child {
36534 border-radius: 0em 0.28571429rem 0.28571429rem 0em;
36535}
36536.ui.compact.menu .item:last-child:before {
36537 display: none;
36538}
36539.ui.compact.vertical.menu {
36540 width: auto !important;
36541}
36542.ui.compact.vertical.menu .item:last-child::before {
36543 display: block;
36544}
36545/*-------------------
36546 Fluid
36547--------------------*/
36548.ui.menu.fluid,
36549.ui.vertical.menu.fluid {
36550 width: 100% !important;
36551}
36552/*-------------------
36553 Evenly Sized
36554--------------------*/
36555.ui.item.menu,
36556.ui.item.menu .item {
36557 width: 100%;
36558 padding-left: 0em !important;
36559 padding-right: 0em !important;
36560 margin-left: 0em !important;
36561 margin-right: 0em !important;
36562 text-align: center;
36563 justify-content: center;
36564}
36565.ui.attached.item.menu {
36566 margin: 0em -1px !important;
36567}
36568.ui.item.menu .item:last-child:before {
36569 display: none;
36570}
36571.ui.menu.two.item .item {
36572 width: 50%;
36573}
36574.ui.menu.three.item .item {
36575 width: 33.333%;
36576}
36577.ui.menu.four.item .item {
36578 width: 25%;
36579}
36580.ui.menu.five.item .item {
36581 width: 20%;
36582}
36583.ui.menu.six.item .item {
36584 width: 16.666%;
36585}
36586.ui.menu.seven.item .item {
36587 width: 14.285%;
36588}
36589.ui.menu.eight.item .item {
36590 width: 12.500%;
36591}
36592.ui.menu.nine.item .item {
36593 width: 11.11%;
36594}
36595.ui.menu.ten.item .item {
36596 width: 10.0%;
36597}
36598.ui.menu.eleven.item .item {
36599 width: 9.09%;
36600}
36601.ui.menu.twelve.item .item {
36602 width: 8.333%;
36603}
36604/*--------------
36605 Fixed
36606---------------*/
36607.ui.menu.fixed {
36608 position: fixed;
36609 z-index: 101;
36610 margin: 0em;
36611 width: 100%;
36612}
36613.ui.menu.fixed,
36614.ui.menu.fixed .item:first-child,
36615.ui.menu.fixed .item:last-child {
36616 border-radius: 0px !important;
36617}
36618.ui.fixed.menu,
36619.ui[class*="top fixed"].menu {
36620 top: 0px;
36621 left: 0px;
36622 right: auto;
36623 bottom: auto;
36624}
36625.ui[class*="top fixed"].menu {
36626 border-top: none;
36627 border-left: none;
36628 border-right: none;
36629}
36630.ui[class*="right fixed"].menu {
36631 border-top: none;
36632 border-bottom: none;
36633 border-right: none;
36634 top: 0px;
36635 right: 0px;
36636 left: auto;
36637 bottom: auto;
36638 width: auto;
36639 height: 100%;
36640}
36641.ui[class*="bottom fixed"].menu {
36642 border-bottom: none;
36643 border-left: none;
36644 border-right: none;
36645 bottom: 0px;
36646 left: 0px;
36647 top: auto;
36648 right: auto;
36649}
36650.ui[class*="left fixed"].menu {
36651 border-top: none;
36652 border-bottom: none;
36653 border-left: none;
36654 top: 0px;
36655 left: 0px;
36656 right: auto;
36657 bottom: auto;
36658 width: auto;
36659 height: 100%;
36660}
36661/* Coupling with Grid */
36662.ui.fixed.menu + .ui.grid {
36663 padding-top: 2.75rem;
36664}
36665/*-------------------
36666 Pointing
36667--------------------*/
36668.ui.pointing.menu .item:after {
36669 visibility: hidden;
36670 position: absolute;
36671 content: '';
36672 top: 100%;
36673 left: 50%;
36674 transform: translateX(-50%) translateY(-50%) rotate(45deg);
36675 background: none;
36676 margin: 0.5px 0em 0em;
36677 width: 0.57142857em;
36678 height: 0.57142857em;
36679 border: none;
36680 border-bottom: 1px solid #D4D4D5;
36681 border-right: 1px solid #D4D4D5;
36682 z-index: 2;
36683 transition: background 0.1s ease;
36684}
36685.ui.vertical.pointing.menu .item:after {
36686 position: absolute;
36687 top: 50%;
36688 right: 0%;
36689 bottom: auto;
36690 left: auto;
36691 transform: translateX(50%) translateY(-50%) rotate(45deg);
36692 margin: 0em -0.5px 0em 0em;
36693 border: none;
36694 border-top: 1px solid #D4D4D5;
36695 border-right: 1px solid #D4D4D5;
36696}
36697/* Active */
36698.ui.pointing.menu .active.item:after {
36699 visibility: visible;
36700}
36701.ui.pointing.menu .active.dropdown.item:after {
36702 visibility: hidden;
36703}
36704/* Don't double up pointers */
36705.ui.pointing.menu .dropdown.active.item:after,
36706.ui.pointing.menu .active.item .menu .active.item:after {
36707 display: none;
36708}
36709/* Colors */
36710.ui.pointing.menu .active.item:hover:after {
36711 background-color: #F2F2F2;
36712}
36713.ui.pointing.menu .active.item:after {
36714 background-color: #F2F2F2;
36715}
36716.ui.pointing.menu .active.item:hover:after {
36717 background-color: #F2F2F2;
36718}
36719.ui.vertical.pointing.menu .active.item:hover:after {
36720 background-color: #F2F2F2;
36721}
36722.ui.vertical.pointing.menu .active.item:after {
36723 background-color: #F2F2F2;
36724}
36725.ui.vertical.pointing.menu .menu .active.item:after {
36726 background-color: #FFFFFF;
36727}
36728/*--------------
36729 Attached
36730---------------*/
36731/* Middle */
36732.ui.attached.menu {
36733 top: 0px;
36734 bottom: 0px;
36735 border-radius: 0px;
36736 margin: 0em -1px;
36737 width: calc(100% + 2px );
36738 max-width: calc(100% + 2px );
36739 box-shadow: none;
36740}
36741.ui.attached + .ui.attached.menu:not(.top) {
36742 border-top: none;
36743}
36744/* Top */
36745.ui[class*="top attached"].menu {
36746 bottom: 0px;
36747 margin-bottom: 0em;
36748 top: 0px;
36749 margin-top: 1rem;
36750 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
36751}
36752.ui.menu[class*="top attached"]:first-child {
36753 margin-top: 0em;
36754}
36755/* Bottom */
36756.ui[class*="bottom attached"].menu {
36757 bottom: 0px;
36758 margin-top: 0em;
36759 top: 0px;
36760 margin-bottom: 1rem;
36761 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
36762 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
36763}
36764.ui[class*="bottom attached"].menu:last-child {
36765 margin-bottom: 0em;
36766}
36767/* Attached Menu Item */
36768.ui.top.attached.menu > .item:first-child {
36769 border-radius: 0.28571429rem 0em 0em 0em;
36770}
36771.ui.bottom.attached.menu > .item:first-child {
36772 border-radius: 0em 0em 0em 0.28571429rem;
36773}
36774/* Tabular Attached */
36775.ui.attached.menu:not(.tabular) {
36776 border: 1px solid #D4D4D5;
36777}
36778.ui.attached.inverted.menu {
36779 border: none;
36780}
36781.ui.attached.tabular.menu {
36782 margin-left: 0;
36783 margin-right: 0;
36784 width: 100%;
36785}
36786/*--------------
36787 Sizes
36788---------------*/
36789/* Mini */
36790.ui.mini.menu {
36791 font-size: 0.78571429rem;
36792}
36793.ui.mini.vertical.menu {
36794 width: 9rem;
36795}
36796/* Tiny */
36797.ui.tiny.menu {
36798 font-size: 0.85714286rem;
36799}
36800.ui.tiny.vertical.menu {
36801 width: 11rem;
36802}
36803/* Small */
36804.ui.small.menu {
36805 font-size: 0.92857143rem;
36806}
36807.ui.small.vertical.menu {
36808 width: 13rem;
36809}
36810/* Medium */
36811.ui.menu {
36812 font-size: 1rem;
36813}
36814.ui.vertical.menu {
36815 width: 15rem;
36816}
36817/* Large */
36818.ui.large.menu {
36819 font-size: 1.07142857rem;
36820}
36821.ui.large.vertical.menu {
36822 width: 18rem;
36823}
36824/* Huge */
36825.ui.huge.menu {
36826 font-size: 1.14285714rem;
36827}
36828.ui.huge.vertical.menu {
36829 width: 20rem;
36830}
36831/* Big */
36832.ui.big.menu {
36833 font-size: 1.21428571rem;
36834}
36835.ui.big.vertical.menu {
36836 width: 22rem;
36837}
36838/* Massive */
36839.ui.massive.menu {
36840 font-size: 1.28571429rem;
36841}
36842.ui.massive.vertical.menu {
36843 width: 25rem;
36844}
36845/*******************************
36846 Theme Overrides
36847*******************************/
36848.ui.vertical.nav.menu {
36849 border: 0;
36850 padding: 0;
36851 width: 100%;
36852 list-style: none;
36853 box-shadow: none;
36854 font-size: 16px;
36855}
36856.ui.vertical.nav.menu .item {
36857 position: relative;
36858 display: block;
36859 border: 1px solid #d8d8d8;
36860 box-shadow: none;
36861 padding: 1em;
36862 color: #454545;
36863 word-wrap: break-word;
36864 cursor: pointer;
36865}
36866.ui.vertical.nav.menu .item.active {
36867 background-color: #f5f5f5;
36868 font-weight: bold;
36869 padding-right: 2em;
36870}
36871.ui.vertical.nav.menu .item.active:after {
36872 content: '5';
36873 color: #3498db;
36874 font-family: 'ElegantIcons';
36875 font-size: 24px;
36876 font-weight: bolder;
36877 position: absolute;
36878 right: .25em;
36879 top: 50%;
36880 transform: translateY(-50%);
36881}
36882.ui.vertical.nav.menu .item:before {
36883 height: 0px;
36884}
36885.ui.vertical.nav.menu .item:hover {
36886 background-color: #f5f5f5;
36887 color: #454545;
36888}
36889.ui.vertical.nav.menu .item:first-child {
36890 border-bottom: 0;
36891 border-radius: 0 !important;
36892}
36893.ui.vertical.nav.menu .item:last-child {
36894 border-top: 0;
36895 border-radius: 0 !important;
36896}
36897/*!
36898 * # Semantic UI - Message
36899 * http://github.com/semantic-org/semantic-ui/
36900 *
36901 *
36902 * Released under the MIT license
36903 * http://opensource.org/licenses/MIT
36904 *
36905 */
36906/*******************************
36907 Theme
36908*******************************/
36909/*
36910
36911████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
36912╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
36913 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
36914 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
36915 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
36916 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
36917
36918*/
36919/*******************************
36920 Theme Selection
36921*******************************/
36922/* To override a theme for an individual element
36923 specify theme name below
36924*/
36925/* Global */
36926/* Elements */
36927/* Collections */
36928/* Modules */
36929/* Views */
36930/*******************************
36931 Folders
36932*******************************/
36933/* Path to theme packages */
36934/* Path to site override folder */
36935/*******************************
36936 Import Theme
36937*******************************/
36938/*******************************
36939 Import Directives
36940*******************************/
36941/*------------------
36942 Theme
36943-------------------*/
36944/*--------------------
36945 Site Variables
36946---------------------*/
36947/* Default site.variables */
36948/*******************************
36949 Site Settings
36950*******************************/
36951/*-------------------
36952 Fonts
36953--------------------*/
36954/*-------------------
36955 Base Sizes
36956--------------------*/
36957/* This is the single variable that controls them all */
36958/* The size of page text */
36959/*-------------------
36960 Border Radius
36961--------------------*/
36962/* See Power-user section below
36963 for explanation of @px variables
36964*/
36965/*-------------------
36966 Brand Colors
36967--------------------*/
36968/*--------------
36969 Page Heading
36970---------------*/
36971/*--------------
36972 Form Input
36973---------------*/
36974/* This adjusts the default form input across all elements */
36975/* Input Text Color */
36976/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
36977/*-------------------
36978 Focused Input
36979--------------------*/
36980/* Used on inputs, textarea etc */
36981/* Used on dropdowns, other larger blocks */
36982/*-------------------
36983 Sizes
36984--------------------*/
36985/*
36986 Sizes are all expressed in terms of 14px/em (default em)
36987 This ensures these "ratios" remain constant despite changes in EM
36988*/
36989/*-------------------
36990 Page
36991--------------------*/
36992/*-------------------
36993 Paragraph
36994--------------------*/
36995/*-------------------
36996 Links
36997--------------------*/
36998/*-------------------
36999 Scroll Bars
37000--------------------*/
37001/* Inverted */
37002/*-------------------
37003 Highlighted Text
37004--------------------*/
37005/*-------------------
37006 Loader
37007--------------------*/
37008/*-------------------
37009 Grid
37010--------------------*/
37011/*-------------------
37012 Transitions
37013--------------------*/
37014/*-------------------
37015 Breakpoints
37016--------------------*/
37017/*-------------------
37018 Site Colors
37019--------------------*/
37020/*--- Colors ---*/
37021/*--- Light Colors ---*/
37022/*--- Neutrals ---*/
37023/*--- Colored Backgrounds ---*/
37024/*--- Colored Headers ---*/
37025/*--- Colored Text ---*/
37026/*--- Colored Border ---*/
37027/*-------------------
37028 Alpha Colors
37029--------------------*/
37030/*-------------------
37031 Accents
37032--------------------*/
37033/* Differentiating Neutrals */
37034/* Differentiating Layers */
37035/*******************************
37036 Power-User
37037*******************************/
37038/*-------------------
37039 Emotive Colors
37040--------------------*/
37041/* Positive */
37042/* Negative */
37043/* Info */
37044/* Warning */
37045/*-------------------
37046 Paths
37047--------------------*/
37048/* For source only. Modified in gulp for dist */
37049/*-------------------
37050 Em Sizes
37051--------------------*/
37052/*
37053 This rounds @size values to the closest pixel then expresses that value in (r)em.
37054 This ensures all size values round to exact pixels
37055*/
37056/* em */
37057/* rem */
37058/*-------------------
37059 Icons
37060--------------------*/
37061/* Maximum Glyph Width of Icon */
37062/*-------------------
37063 Neutral Text
37064--------------------*/
37065/*-------------------
37066 Brand Colors
37067--------------------*/
37068/*-------------------
37069 Borders
37070--------------------*/
37071/*-------------------
37072 Derived Values
37073--------------------*/
37074/* Loaders Position Offset */
37075/* Rendered Scrollbar Width */
37076/* Maximum Single Character Glyph Width, aka Capital "W" */
37077/* Used to match floats with text */
37078/* Header Spacing */
37079/* Minimum Mobile Width */
37080/* Positive / Negative Dupes */
37081/* Responsive */
37082/*-------------------
37083 Exact Pixel Values
37084--------------------*/
37085/*
37086 These are used to specify exact pixel values in em
37087 for things like borders that remain constantly
37088 sized as emSize adjusts
37089
37090 Since there are many more sizes than names for sizes,
37091 these are named by their original pixel values.
37092
37093*/
37094/* Columns */
37095/*******************************
37096 States
37097*******************************/
37098/*-------------------
37099 Disabled
37100--------------------*/
37101/*-------------------
37102 Hover
37103--------------------*/
37104/*--- Shadows ---*/
37105/*--- Colors ---*/
37106/*--- Emotive ---*/
37107/*--- Brand ---*/
37108/*--- Dark Tones ---*/
37109/*--- Light Tones ---*/
37110/*-------------------
37111 Focus
37112--------------------*/
37113/*--- Colors ---*/
37114/*--- Emotive ---*/
37115/*--- Brand ---*/
37116/*--- Dark Tones ---*/
37117/*--- Light Tones ---*/
37118/*-------------------
37119 Down (:active)
37120--------------------*/
37121/*--- Colors ---*/
37122/*--- Emotive ---*/
37123/*--- Brand ---*/
37124/*--- Dark Tones ---*/
37125/*--- Light Tones ---*/
37126/*-------------------
37127 Active
37128--------------------*/
37129/*--- Colors ---*/
37130/*--- Emotive ---*/
37131/*--- Brand ---*/
37132/*--- Dark Tones ---*/
37133/*--- Light Tones ---*/
37134/* Packaged site.variables */
37135/*******************************
37136 Site Settings
37137*******************************/
37138/*-------------------
37139 Fonts
37140--------------------*/
37141/*-------------------
37142 Base Sizes
37143--------------------*/
37144/* This is the single variable that controls them all */
37145/* The size of page text */
37146/*-------------------
37147 Border Radius
37148--------------------*/
37149/* See Power-user section below
37150 for explanation of @px variables
37151*/
37152/*-------------------
37153 Brand Colors
37154--------------------*/
37155/*--------------
37156 Page Heading
37157---------------*/
37158/*--------------
37159 Form Input
37160---------------*/
37161/* This adjusts the default form input across all elements */
37162/* Input Text Color */
37163/* Line Height Default For Inputs in Browser */
37164/*-------------------
37165 Focused Input
37166--------------------*/
37167/* Used on inputs, textarea etc */
37168/* Used on dropdowns, other larger blocks */
37169/*-------------------
37170 Sizes
37171--------------------*/
37172/*
37173 Sizes are all expressed in terms of 14px/em (default em)
37174 This ensures these "ratios" remain constant despite changes in EM
37175*/
37176/*-------------------
37177 Page
37178--------------------*/
37179/*-------------------
37180 Paragraph
37181--------------------*/
37182/*-------------------
37183 Links
37184--------------------*/
37185/*-------------------
37186 Highlighted Text
37187--------------------*/
37188/*-------------------
37189 Loader
37190--------------------*/
37191/*-------------------
37192 Grid
37193--------------------*/
37194/*-------------------
37195 Transitions
37196--------------------*/
37197/*-------------------
37198 Breakpoints
37199--------------------*/
37200/*-------------------
37201 Site Colors
37202--------------------*/
37203/*--- Colors ---*/
37204/*--- Light Colors ---*/
37205/*--- Neutrals ---*/
37206/*--- Colored Backgrounds ---*/
37207/*--- Colored Headers ---*/
37208/*--- Colored Text ---*/
37209/*--- Colored Border ---*/
37210/*-------------------
37211 Alpha Colors
37212--------------------*/
37213/*-------------------
37214 Accents
37215--------------------*/
37216/* Differentiating Neutrals */
37217/* Differentiating Layers */
37218/*******************************
37219 Power-User
37220*******************************/
37221/*-------------------
37222 Emotive Colors
37223--------------------*/
37224/* Positive */
37225/* Negative */
37226/* Info */
37227/* Warning */
37228/*-------------------
37229 Paths
37230--------------------*/
37231/* For source only. Modified in gulp for dist */
37232/*-------------------
37233 Em Sizes
37234--------------------*/
37235/*
37236 This rounds @size values to the closest pixel then expresses that value in (r)em.
37237 This ensures all size values round to exact pixels
37238*/
37239/* em */
37240/* rem */
37241/*-------------------
37242 Icons
37243--------------------*/
37244/* Maximum Glyph Width of Icon */
37245/*-------------------
37246 Neutral Text
37247--------------------*/
37248/*-------------------
37249 Brand Colors
37250--------------------*/
37251/*-------------------
37252 Borders
37253--------------------*/
37254/*-------------------
37255 Derived Values
37256--------------------*/
37257/* Loaders Position Offset */
37258/* Rendered Scrollbar Width */
37259/* Maximum Single Character Glyph Width, aka Capital "W" */
37260/* Used to match floats with text */
37261/* Header Spacing */
37262/* Minimum Mobile Width */
37263/* Positive / Negative Dupes */
37264/* Responsive */
37265/*-------------------
37266 Exact Pixel Values
37267--------------------*/
37268/*
37269 These are used to specify exact pixel values in em
37270 for things like borders that remain constantly
37271 sized as emSize adjusts
37272
37273 Since there are many more sizes than names for sizes,
37274 these are named by their original pixel values.
37275
37276*/
37277/* Columns */
37278/*******************************
37279 States
37280*******************************/
37281/*-------------------
37282 Disabled
37283--------------------*/
37284/*-------------------
37285 Hover
37286--------------------*/
37287/*--- Shadows ---*/
37288/*--- Colors ---*/
37289/* https://github.com/Tripwire/octagon/issues/144 */
37290/*--- Emotive ---*/
37291/*--- Brand ---*/
37292/*--- Dark Tones ---*/
37293/*--- Light Tones ---*/
37294/*-------------------
37295 Focus
37296--------------------*/
37297/*--- Colors ---*/
37298/*--- Emotive ---*/
37299/*--- Brand ---*/
37300/*--- Dark Tones ---*/
37301/*--- Light Tones ---*/
37302/*-------------------
37303 Down (:active)
37304--------------------*/
37305/*--- Colors ---*/
37306/*--- Emotive ---*/
37307/*--- Brand ---*/
37308/*--- Dark Tones ---*/
37309/*--- Light Tones ---*/
37310/*-------------------
37311 Active
37312--------------------*/
37313/*--- Colors ---*/
37314/*--- Emotive ---*/
37315/*--- Brand ---*/
37316/*--- Dark Tones ---*/
37317/*--- Light Tones ---*/
37318/* Component's site.variables */
37319/*******************************
37320 Site Settings
37321*******************************/
37322/*-------------------
37323 Fonts
37324--------------------*/
37325/*-------------------
37326 Base Sizes
37327--------------------*/
37328/* This is the single variable that controls them all */
37329/* The size of page text */
37330/*-------------------
37331 Border Radius
37332--------------------*/
37333/* See Power-user section below
37334 for explanation of @px variables
37335*/
37336/*-------------------
37337 Brand Colors
37338--------------------*/
37339/*--------------
37340 Page Heading
37341---------------*/
37342/*--------------
37343 Form Input
37344---------------*/
37345/* This adjusts the default form input across all elements */
37346/* Input Text Color */
37347/* Line Height Default For Inputs in Browser */
37348/*-------------------
37349 Focused Input
37350--------------------*/
37351/* Used on inputs, textarea etc */
37352/* Used on dropdowns, other larger blocks */
37353/*-------------------
37354 Sizes
37355--------------------*/
37356/*
37357 Sizes are all expressed in terms of 14px/em (default em)
37358 This ensures these "ratios" remain constant despite changes in EM
37359*/
37360/*-------------------
37361 Page
37362--------------------*/
37363/*-------------------
37364 Paragraph
37365--------------------*/
37366/*-------------------
37367 Links
37368--------------------*/
37369/*-------------------
37370 Highlighted Text
37371--------------------*/
37372/*-------------------
37373 Loader
37374--------------------*/
37375/*-------------------
37376 Grid
37377--------------------*/
37378/*-------------------
37379 Transitions
37380--------------------*/
37381/*-------------------
37382 Breakpoints
37383--------------------*/
37384/*-------------------
37385 Site Colors
37386--------------------*/
37387/*--- Colors ---*/
37388/*--- Light Colors ---*/
37389/*--- Neutrals ---*/
37390/*--- Colored Backgrounds ---*/
37391/*--- Colored Headers ---*/
37392/*--- Colored Text ---*/
37393/*--- Colored Border ---*/
37394/*-------------------
37395 Alpha Colors
37396--------------------*/
37397/*-------------------
37398 Accents
37399--------------------*/
37400/* Differentiating Neutrals */
37401/* Differentiating Layers */
37402/*******************************
37403 Power-User
37404*******************************/
37405/*-------------------
37406 Emotive Colors
37407--------------------*/
37408/* Positive */
37409/* Negative */
37410/* Info */
37411/* Warning */
37412/*-------------------
37413 Paths
37414--------------------*/
37415/* For source only. Modified in gulp for dist */
37416/*-------------------
37417 Em Sizes
37418--------------------*/
37419/*
37420 This rounds @size values to the closest pixel then expresses that value in (r)em.
37421 This ensures all size values round to exact pixels
37422*/
37423/* em */
37424/* rem */
37425/*-------------------
37426 Icons
37427--------------------*/
37428/* Maximum Glyph Width of Icon */
37429/*-------------------
37430 Neutral Text
37431--------------------*/
37432/*-------------------
37433 Brand Colors
37434--------------------*/
37435/*-------------------
37436 Borders
37437--------------------*/
37438/*-------------------
37439 Derived Values
37440--------------------*/
37441/* Loaders Position Offset */
37442/* Rendered Scrollbar Width */
37443/* Maximum Single Character Glyph Width, aka Capital "W" */
37444/* Used to match floats with text */
37445/* Header Spacing */
37446/* Minimum Mobile Width */
37447/* Positive / Negative Dupes */
37448/* Responsive */
37449/*-------------------
37450 Exact Pixel Values
37451--------------------*/
37452/*
37453 These are used to specify exact pixel values in em
37454 for things like borders that remain constantly
37455 sized as emSize adjusts
37456
37457 Since there are many more sizes than names for sizes,
37458 these are named by their original pixel values.
37459
37460*/
37461/* Columns */
37462/*******************************
37463 States
37464*******************************/
37465/*-------------------
37466 Disabled
37467--------------------*/
37468/*-------------------
37469 Hover
37470--------------------*/
37471/*--- Shadows ---*/
37472/*--- Colors ---*/
37473/* https://github.com/Tripwire/octagon/issues/144 */
37474/*--- Emotive ---*/
37475/*--- Brand ---*/
37476/*--- Dark Tones ---*/
37477/*--- Light Tones ---*/
37478/*-------------------
37479 Focus
37480--------------------*/
37481/*--- Colors ---*/
37482/*--- Emotive ---*/
37483/*--- Brand ---*/
37484/*--- Dark Tones ---*/
37485/*--- Light Tones ---*/
37486/*-------------------
37487 Down (:active)
37488--------------------*/
37489/*--- Colors ---*/
37490/*--- Emotive ---*/
37491/*--- Brand ---*/
37492/*--- Dark Tones ---*/
37493/*--- Light Tones ---*/
37494/*-------------------
37495 Active
37496--------------------*/
37497/*--- Colors ---*/
37498/*--- Emotive ---*/
37499/*--- Brand ---*/
37500/*--- Dark Tones ---*/
37501/*--- Light Tones ---*/
37502/* Site theme site.variables */
37503/*-------------------
37504 Component Variables
37505---------------------*/
37506/* Default */
37507/*******************************
37508 Message
37509*******************************/
37510/*-------------------
37511 Elements
37512--------------------*/
37513/* Header */
37514/* Paragraph */
37515/* List */
37516/* Icon */
37517/* Close Icon */
37518/*-------------------
37519 Types
37520--------------------*/
37521/* Icon Message */
37522/* Attached */
37523/* Floating */
37524/* Colors */
37525/* Warning / Positive / Negative / Info */
37526/* Packaged Theme */
37527/*******************************
37528 Message
37529*******************************/
37530/*-------------------
37531 Elements
37532--------------------*/
37533/* Header */
37534/* Paragraph */
37535/* List */
37536/* Icon */
37537/* Close Icon */
37538/*-------------------
37539 Types
37540--------------------*/
37541/* Icon Message */
37542/* Attached */
37543/* Floating */
37544/* Colors */
37545/* Warning / Positive / Negative / Info */
37546/* Site Theme */
37547/*******************************
37548 Mix-ins
37549*******************************/
37550/*------------------
37551 Fonts
37552-------------------*/
37553/*------------------
37554 Overrides
37555-------------------*/
37556/* End Config */
37557/*******************************
37558 Message
37559*******************************/
37560.ui.message {
37561 position: relative;
37562 min-height: 1em;
37563 margin: 1em 0em;
37564 background: #F8F8F9;
37565 padding: 1em 1.5em;
37566 line-height: 1.4285em;
37567 color: rgba(0, 0, 0, 0.87);
37568 transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
37569 border-radius: 0px;
37570 box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37571}
37572.ui.message:first-child {
37573 margin-top: 0em;
37574}
37575.ui.message:last-child {
37576 margin-bottom: 0em;
37577}
37578/*--------------
37579 Content
37580---------------*/
37581/* Header */
37582.ui.message .header {
37583 display: block;
37584 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
37585 font-weight: bold;
37586 margin: -0.14285em 0em 0rem 0em;
37587}
37588/* Default font size */
37589.ui.message .header:not(.ui) {
37590 font-size: 1.14285714em;
37591}
37592/* Paragraph */
37593.ui.message p {
37594 opacity: 0.85;
37595 margin: 0.75em 0em;
37596}
37597.ui.message p:first-child {
37598 margin-top: 0em;
37599}
37600.ui.message p:last-child {
37601 margin-bottom: 0em;
37602}
37603.ui.message .header + p {
37604 margin-top: 0.25em;
37605}
37606/* List */
37607.ui.message .list:not(.ui) {
37608 text-align: left;
37609 padding: 0em;
37610 opacity: 0.85;
37611 list-style-position: inside;
37612 margin: 0.5em 0em 0em;
37613}
37614.ui.message .list:not(.ui):first-child {
37615 margin-top: 0em;
37616}
37617.ui.message .list:not(.ui):last-child {
37618 margin-bottom: 0em;
37619}
37620.ui.message .list:not(.ui) li {
37621 position: relative;
37622 list-style-type: none;
37623 margin: 0em 0em 0.3em 1em;
37624 padding: 0em;
37625}
37626.ui.message .list:not(.ui) li:before {
37627 position: absolute;
37628 content: '•';
37629 left: -1em;
37630 height: 100%;
37631 vertical-align: baseline;
37632}
37633.ui.message .list:not(.ui) li:last-child {
37634 margin-bottom: 0em;
37635}
37636/* Icon */
37637.ui.message > .icon {
37638 margin-right: 0.6em;
37639}
37640/* Close Icon */
37641.ui.message > .close.icon {
37642 cursor: pointer;
37643 position: absolute;
37644 margin: 0em;
37645 top: 0.78575em;
37646 right: 0.5em;
37647 opacity: 0.7;
37648 transition: opacity 0.1s ease;
37649}
37650.ui.message > .close.icon:hover {
37651 opacity: 1;
37652}
37653/* First / Last Element */
37654.ui.message > :first-child {
37655 margin-top: 0em;
37656}
37657.ui.message > :last-child {
37658 margin-bottom: 0em;
37659}
37660/*******************************
37661 Coupling
37662*******************************/
37663.ui.dropdown .menu > .message {
37664 margin: 0px -1px;
37665}
37666/*******************************
37667 States
37668*******************************/
37669/*--------------
37670 Visible
37671---------------*/
37672.ui.visible.visible.visible.visible.message {
37673 display: block;
37674}
37675.ui.icon.visible.visible.visible.visible.message {
37676 display: flex;
37677}
37678/*--------------
37679 Hidden
37680---------------*/
37681.ui.hidden.hidden.hidden.hidden.message {
37682 display: none;
37683}
37684/*******************************
37685 Variations
37686*******************************/
37687/*--------------
37688 Compact
37689---------------*/
37690.ui.compact.message {
37691 display: inline-block;
37692}
37693.ui.compact.icon.message {
37694 display: inline-flex;
37695}
37696/*--------------
37697 Attached
37698---------------*/
37699.ui.attached.message {
37700 margin-bottom: -1px;
37701 border-radius: 0px 0px 0em 0em;
37702 box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
37703 margin-left: -1px;
37704 margin-right: -1px;
37705}
37706.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
37707 margin-top: -1px;
37708 border-radius: 0em;
37709}
37710.ui.bottom.attached.message {
37711 margin-top: -1px;
37712 border-radius: 0em 0em 0px 0px;
37713 box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
37714}
37715.ui.bottom.attached.message:not(:last-child) {
37716 margin-bottom: 1em;
37717}
37718.ui.attached.icon.message {
37719 width: auto;
37720}
37721/*--------------
37722 Icon
37723---------------*/
37724.ui.icon.message {
37725 display: flex;
37726 width: 100%;
37727 align-items: center;
37728}
37729.ui.icon.message > .icon:not(.close) {
37730 display: block;
37731 flex: 0 0 auto;
37732 width: auto;
37733 line-height: 1;
37734 vertical-align: middle;
37735 font-size: 3em;
37736 opacity: 0.8;
37737}
37738.ui.icon.message > .content {
37739 display: block;
37740 flex: 1 1 auto;
37741 vertical-align: middle;
37742}
37743.ui.icon.message .icon:not(.close) + .content {
37744 padding-left: 0rem;
37745}
37746.ui.icon.message .circular.icon {
37747 width: 1em;
37748}
37749/*--------------
37750 Floating
37751---------------*/
37752.ui.floating.message {
37753 box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
37754}
37755/*--------------
37756 Colors
37757---------------*/
37758.ui.black.message {
37759 background-color: #1B1C1D;
37760 color: rgba(255, 255, 255, 0.9);
37761}
37762/*--------------
37763 Types
37764---------------*/
37765/* Positive */
37766.ui.positive.message {
37767 background-color: #FCFFF5;
37768 color: #2C662D;
37769}
37770.ui.positive.message,
37771.ui.attached.positive.message {
37772 box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37773}
37774.ui.positive.message .header {
37775 color: #1A531B;
37776}
37777/* Negative */
37778.ui.negative.message {
37779 background-color: #FFF6F6;
37780 color: #9F3A38;
37781}
37782.ui.negative.message,
37783.ui.attached.negative.message {
37784 box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37785}
37786.ui.negative.message .header {
37787 color: #912D2B;
37788}
37789/* Info */
37790.ui.info.message {
37791 background-color: #F8FFFF;
37792 color: #276F86;
37793}
37794.ui.info.message,
37795.ui.attached.info.message {
37796 box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37797}
37798.ui.info.message .header {
37799 color: #0E566C;
37800}
37801/* Warning */
37802.ui.warning.message {
37803 background-color: #FFFAF3;
37804 color: #573A08;
37805}
37806.ui.warning.message,
37807.ui.attached.warning.message {
37808 box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37809}
37810.ui.warning.message .header {
37811 color: #794B02;
37812}
37813/* Error */
37814.ui.error.message {
37815 background-color: #FFF6F6;
37816 color: #9F3A38;
37817}
37818.ui.error.message,
37819.ui.attached.error.message {
37820 box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37821}
37822.ui.error.message .header {
37823 color: #912D2B;
37824}
37825/* Success */
37826.ui.success.message {
37827 background-color: #FCFFF5;
37828 color: #2C662D;
37829}
37830.ui.success.message,
37831.ui.attached.success.message {
37832 box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37833}
37834.ui.success.message .header {
37835 color: #1A531B;
37836}
37837/* Colors */
37838.ui.inverted.message,
37839.ui.black.message {
37840 background-color: #1B1C1D;
37841 color: rgba(255, 255, 255, 0.9);
37842}
37843.ui.red.message {
37844 background-color: #FFE8E6;
37845 color: #c0382b;
37846 box-shadow: 0px 0px 0px 1px #c0382b inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37847}
37848.ui.red.message .header {
37849 color: #ab3226;
37850}
37851.ui.orange.message {
37852 background-color: #FFEDDE;
37853 color: #F2711C;
37854 box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37855}
37856.ui.orange.message .header {
37857 color: #e7640d;
37858}
37859.ui.yellow.message {
37860 background-color: #FFF8DB;
37861 color: #B58105;
37862 box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37863}
37864.ui.yellow.message .header {
37865 color: #9c6f04;
37866}
37867.ui.olive.message {
37868 background-color: #FBFDEF;
37869 color: #8ABC1E;
37870 box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37871}
37872.ui.olive.message .header {
37873 color: #7aa61a;
37874}
37875.ui.green.message {
37876 background-color: #E5F9E7;
37877 color: #1EBC30;
37878 box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37879}
37880.ui.green.message .header {
37881 color: #1aa62a;
37882}
37883.ui.teal.message {
37884 background-color: #E1F7F7;
37885 color: #10A3A3;
37886 box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37887}
37888.ui.teal.message .header {
37889 color: #0e8c8c;
37890}
37891.ui.blue.message {
37892 background-color: #DFF0FF;
37893 color: #3498db;
37894 box-shadow: 0px 0px 0px 1px #3498db inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37895}
37896.ui.blue.message .header {
37897 color: #258cd1;
37898}
37899.ui.violet.message {
37900 background-color: #EAE7FF;
37901 color: #6435C9;
37902 box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37903}
37904.ui.violet.message .header {
37905 color: #5a30b5;
37906}
37907.ui.purple.message {
37908 background-color: #F6E7FF;
37909 color: #A676B2;
37910 box-shadow: 0px 0px 0px 1px #A676B2 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37911}
37912.ui.purple.message .header {
37913 color: #9b66a9;
37914}
37915.ui.pink.message {
37916 background-color: #FFE3FB;
37917 color: #E03997;
37918 box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37919}
37920.ui.pink.message .header {
37921 color: #dd238b;
37922}
37923.ui.brown.message {
37924 background-color: #F1E2D3;
37925 color: #A5673F;
37926 box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
37927}
37928.ui.brown.message .header {
37929 color: #935b38;
37930}
37931/*--------------
37932 Sizes
37933---------------*/
37934.ui.mini.message {
37935 font-size: 0.78571429em;
37936}
37937.ui.tiny.message {
37938 font-size: 0.85714286em;
37939}
37940.ui.small.message {
37941 font-size: 0.92857143em;
37942}
37943.ui.message {
37944 font-size: 1em;
37945}
37946.ui.large.message {
37947 font-size: 1.14285714em;
37948}
37949.ui.big.message {
37950 font-size: 1.28571429em;
37951}
37952.ui.huge.message {
37953 font-size: 1.42857143em;
37954}
37955.ui.massive.message {
37956 font-size: 1.71428571em;
37957}
37958/*******************************
37959 Theme Overrides
37960*******************************/
37961.ui.message {
37962 box-shadow: none;
37963 font-weight: bold;
37964}
37965/* Negative */
37966.ui.negative.message {
37967 background-color: #f6e1df;
37968 border: 1px solid #c0382b;
37969 box-shadow: none;
37970 color: #c0382b;
37971 font-weight: bold;
37972}
37973.ui.negative.message,
37974.ui.attached.negative.message {
37975 box-shadow: none;
37976}
37977.ui.negative.message .header {
37978 color: #c0382b;
37979}
37980/* Info */
37981.ui.info.message {
37982 background-color: #e4f0f9;
37983 border: 1px solid #3498db;
37984 box-shadow: none;
37985 color: #3498db;
37986 font-weight: bold;
37987}
37988.ui.info.message,
37989.ui.attached.info.message {
37990 box-shadow: none;
37991}
37992.ui.info.message .header {
37993 color: #3498db;
37994}
37995/* Warning */
37996.ui.warning.message {
37997 background-color: #fff1e0;
37998 border: 1px solid #ff9e2c;
37999 color: #ff9e2c;
38000}
38001.ui.warning.message,
38002.ui.attached.warning.message {
38003 box-shadow: none;
38004}
38005.ui.warning.message .header {
38006 color: #ff9e2c;
38007}
38008/* Success */
38009.ui.success.message {
38010 background-color: #e3f2f0;
38011 border: 1px solid #45a69b;
38012 color: #45a69b;
38013}
38014.ui.success.message,
38015.ui.attached.success.message {
38016 box-shadow: none;
38017}
38018.ui.success.message .header {
38019 color: #45a69b;
38020}
38021/*!
38022 * # Semantic UI - Table
38023 * http://github.com/semantic-org/semantic-ui/
38024 *
38025 *
38026 * Released under the MIT license
38027 * http://opensource.org/licenses/MIT
38028 *
38029 */
38030/*******************************
38031 Theme
38032*******************************/
38033/*
38034
38035████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
38036╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
38037 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
38038 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
38039 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
38040 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
38041
38042*/
38043/*******************************
38044 Theme Selection
38045*******************************/
38046/* To override a theme for an individual element
38047 specify theme name below
38048*/
38049/* Global */
38050/* Elements */
38051/* Collections */
38052/* Modules */
38053/* Views */
38054/*******************************
38055 Folders
38056*******************************/
38057/* Path to theme packages */
38058/* Path to site override folder */
38059/*******************************
38060 Import Theme
38061*******************************/
38062/*******************************
38063 Import Directives
38064*******************************/
38065/*------------------
38066 Theme
38067-------------------*/
38068/*--------------------
38069 Site Variables
38070---------------------*/
38071/* Default site.variables */
38072/*******************************
38073 Site Settings
38074*******************************/
38075/*-------------------
38076 Fonts
38077--------------------*/
38078/*-------------------
38079 Base Sizes
38080--------------------*/
38081/* This is the single variable that controls them all */
38082/* The size of page text */
38083/*-------------------
38084 Border Radius
38085--------------------*/
38086/* See Power-user section below
38087 for explanation of @px variables
38088*/
38089/*-------------------
38090 Brand Colors
38091--------------------*/
38092/*--------------
38093 Page Heading
38094---------------*/
38095/*--------------
38096 Form Input
38097---------------*/
38098/* This adjusts the default form input across all elements */
38099/* Input Text Color */
38100/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
38101/*-------------------
38102 Focused Input
38103--------------------*/
38104/* Used on inputs, textarea etc */
38105/* Used on dropdowns, other larger blocks */
38106/*-------------------
38107 Sizes
38108--------------------*/
38109/*
38110 Sizes are all expressed in terms of 14px/em (default em)
38111 This ensures these "ratios" remain constant despite changes in EM
38112*/
38113/*-------------------
38114 Page
38115--------------------*/
38116/*-------------------
38117 Paragraph
38118--------------------*/
38119/*-------------------
38120 Links
38121--------------------*/
38122/*-------------------
38123 Scroll Bars
38124--------------------*/
38125/* Inverted */
38126/*-------------------
38127 Highlighted Text
38128--------------------*/
38129/*-------------------
38130 Loader
38131--------------------*/
38132/*-------------------
38133 Grid
38134--------------------*/
38135/*-------------------
38136 Transitions
38137--------------------*/
38138/*-------------------
38139 Breakpoints
38140--------------------*/
38141/*-------------------
38142 Site Colors
38143--------------------*/
38144/*--- Colors ---*/
38145/*--- Light Colors ---*/
38146/*--- Neutrals ---*/
38147/*--- Colored Backgrounds ---*/
38148/*--- Colored Headers ---*/
38149/*--- Colored Text ---*/
38150/*--- Colored Border ---*/
38151/*-------------------
38152 Alpha Colors
38153--------------------*/
38154/*-------------------
38155 Accents
38156--------------------*/
38157/* Differentiating Neutrals */
38158/* Differentiating Layers */
38159/*******************************
38160 Power-User
38161*******************************/
38162/*-------------------
38163 Emotive Colors
38164--------------------*/
38165/* Positive */
38166/* Negative */
38167/* Info */
38168/* Warning */
38169/*-------------------
38170 Paths
38171--------------------*/
38172/* For source only. Modified in gulp for dist */
38173/*-------------------
38174 Em Sizes
38175--------------------*/
38176/*
38177 This rounds @size values to the closest pixel then expresses that value in (r)em.
38178 This ensures all size values round to exact pixels
38179*/
38180/* em */
38181/* rem */
38182/*-------------------
38183 Icons
38184--------------------*/
38185/* Maximum Glyph Width of Icon */
38186/*-------------------
38187 Neutral Text
38188--------------------*/
38189/*-------------------
38190 Brand Colors
38191--------------------*/
38192/*-------------------
38193 Borders
38194--------------------*/
38195/*-------------------
38196 Derived Values
38197--------------------*/
38198/* Loaders Position Offset */
38199/* Rendered Scrollbar Width */
38200/* Maximum Single Character Glyph Width, aka Capital "W" */
38201/* Used to match floats with text */
38202/* Header Spacing */
38203/* Minimum Mobile Width */
38204/* Positive / Negative Dupes */
38205/* Responsive */
38206/*-------------------
38207 Exact Pixel Values
38208--------------------*/
38209/*
38210 These are used to specify exact pixel values in em
38211 for things like borders that remain constantly
38212 sized as emSize adjusts
38213
38214 Since there are many more sizes than names for sizes,
38215 these are named by their original pixel values.
38216
38217*/
38218/* Columns */
38219/*******************************
38220 States
38221*******************************/
38222/*-------------------
38223 Disabled
38224--------------------*/
38225/*-------------------
38226 Hover
38227--------------------*/
38228/*--- Shadows ---*/
38229/*--- Colors ---*/
38230/*--- Emotive ---*/
38231/*--- Brand ---*/
38232/*--- Dark Tones ---*/
38233/*--- Light Tones ---*/
38234/*-------------------
38235 Focus
38236--------------------*/
38237/*--- Colors ---*/
38238/*--- Emotive ---*/
38239/*--- Brand ---*/
38240/*--- Dark Tones ---*/
38241/*--- Light Tones ---*/
38242/*-------------------
38243 Down (:active)
38244--------------------*/
38245/*--- Colors ---*/
38246/*--- Emotive ---*/
38247/*--- Brand ---*/
38248/*--- Dark Tones ---*/
38249/*--- Light Tones ---*/
38250/*-------------------
38251 Active
38252--------------------*/
38253/*--- Colors ---*/
38254/*--- Emotive ---*/
38255/*--- Brand ---*/
38256/*--- Dark Tones ---*/
38257/*--- Light Tones ---*/
38258/* Packaged site.variables */
38259/*******************************
38260 Site Settings
38261*******************************/
38262/*-------------------
38263 Fonts
38264--------------------*/
38265/*-------------------
38266 Base Sizes
38267--------------------*/
38268/* This is the single variable that controls them all */
38269/* The size of page text */
38270/*-------------------
38271 Border Radius
38272--------------------*/
38273/* See Power-user section below
38274 for explanation of @px variables
38275*/
38276/*-------------------
38277 Brand Colors
38278--------------------*/
38279/*--------------
38280 Page Heading
38281---------------*/
38282/*--------------
38283 Form Input
38284---------------*/
38285/* This adjusts the default form input across all elements */
38286/* Input Text Color */
38287/* Line Height Default For Inputs in Browser */
38288/*-------------------
38289 Focused Input
38290--------------------*/
38291/* Used on inputs, textarea etc */
38292/* Used on dropdowns, other larger blocks */
38293/*-------------------
38294 Sizes
38295--------------------*/
38296/*
38297 Sizes are all expressed in terms of 14px/em (default em)
38298 This ensures these "ratios" remain constant despite changes in EM
38299*/
38300/*-------------------
38301 Page
38302--------------------*/
38303/*-------------------
38304 Paragraph
38305--------------------*/
38306/*-------------------
38307 Links
38308--------------------*/
38309/*-------------------
38310 Highlighted Text
38311--------------------*/
38312/*-------------------
38313 Loader
38314--------------------*/
38315/*-------------------
38316 Grid
38317--------------------*/
38318/*-------------------
38319 Transitions
38320--------------------*/
38321/*-------------------
38322 Breakpoints
38323--------------------*/
38324/*-------------------
38325 Site Colors
38326--------------------*/
38327/*--- Colors ---*/
38328/*--- Light Colors ---*/
38329/*--- Neutrals ---*/
38330/*--- Colored Backgrounds ---*/
38331/*--- Colored Headers ---*/
38332/*--- Colored Text ---*/
38333/*--- Colored Border ---*/
38334/*-------------------
38335 Alpha Colors
38336--------------------*/
38337/*-------------------
38338 Accents
38339--------------------*/
38340/* Differentiating Neutrals */
38341/* Differentiating Layers */
38342/*******************************
38343 Power-User
38344*******************************/
38345/*-------------------
38346 Emotive Colors
38347--------------------*/
38348/* Positive */
38349/* Negative */
38350/* Info */
38351/* Warning */
38352/*-------------------
38353 Paths
38354--------------------*/
38355/* For source only. Modified in gulp for dist */
38356/*-------------------
38357 Em Sizes
38358--------------------*/
38359/*
38360 This rounds @size values to the closest pixel then expresses that value in (r)em.
38361 This ensures all size values round to exact pixels
38362*/
38363/* em */
38364/* rem */
38365/*-------------------
38366 Icons
38367--------------------*/
38368/* Maximum Glyph Width of Icon */
38369/*-------------------
38370 Neutral Text
38371--------------------*/
38372/*-------------------
38373 Brand Colors
38374--------------------*/
38375/*-------------------
38376 Borders
38377--------------------*/
38378/*-------------------
38379 Derived Values
38380--------------------*/
38381/* Loaders Position Offset */
38382/* Rendered Scrollbar Width */
38383/* Maximum Single Character Glyph Width, aka Capital "W" */
38384/* Used to match floats with text */
38385/* Header Spacing */
38386/* Minimum Mobile Width */
38387/* Positive / Negative Dupes */
38388/* Responsive */
38389/*-------------------
38390 Exact Pixel Values
38391--------------------*/
38392/*
38393 These are used to specify exact pixel values in em
38394 for things like borders that remain constantly
38395 sized as emSize adjusts
38396
38397 Since there are many more sizes than names for sizes,
38398 these are named by their original pixel values.
38399
38400*/
38401/* Columns */
38402/*******************************
38403 States
38404*******************************/
38405/*-------------------
38406 Disabled
38407--------------------*/
38408/*-------------------
38409 Hover
38410--------------------*/
38411/*--- Shadows ---*/
38412/*--- Colors ---*/
38413/* https://github.com/Tripwire/octagon/issues/144 */
38414/*--- Emotive ---*/
38415/*--- Brand ---*/
38416/*--- Dark Tones ---*/
38417/*--- Light Tones ---*/
38418/*-------------------
38419 Focus
38420--------------------*/
38421/*--- Colors ---*/
38422/*--- Emotive ---*/
38423/*--- Brand ---*/
38424/*--- Dark Tones ---*/
38425/*--- Light Tones ---*/
38426/*-------------------
38427 Down (:active)
38428--------------------*/
38429/*--- Colors ---*/
38430/*--- Emotive ---*/
38431/*--- Brand ---*/
38432/*--- Dark Tones ---*/
38433/*--- Light Tones ---*/
38434/*-------------------
38435 Active
38436--------------------*/
38437/*--- Colors ---*/
38438/*--- Emotive ---*/
38439/*--- Brand ---*/
38440/*--- Dark Tones ---*/
38441/*--- Light Tones ---*/
38442/* Component's site.variables */
38443/*******************************
38444 Site Settings
38445*******************************/
38446/*-------------------
38447 Fonts
38448--------------------*/
38449/*-------------------
38450 Base Sizes
38451--------------------*/
38452/* This is the single variable that controls them all */
38453/* The size of page text */
38454/*-------------------
38455 Border Radius
38456--------------------*/
38457/* See Power-user section below
38458 for explanation of @px variables
38459*/
38460/*-------------------
38461 Brand Colors
38462--------------------*/
38463/*--------------
38464 Page Heading
38465---------------*/
38466/*--------------
38467 Form Input
38468---------------*/
38469/* This adjusts the default form input across all elements */
38470/* Input Text Color */
38471/* Line Height Default For Inputs in Browser */
38472/*-------------------
38473 Focused Input
38474--------------------*/
38475/* Used on inputs, textarea etc */
38476/* Used on dropdowns, other larger blocks */
38477/*-------------------
38478 Sizes
38479--------------------*/
38480/*
38481 Sizes are all expressed in terms of 14px/em (default em)
38482 This ensures these "ratios" remain constant despite changes in EM
38483*/
38484/*-------------------
38485 Page
38486--------------------*/
38487/*-------------------
38488 Paragraph
38489--------------------*/
38490/*-------------------
38491 Links
38492--------------------*/
38493/*-------------------
38494 Highlighted Text
38495--------------------*/
38496/*-------------------
38497 Loader
38498--------------------*/
38499/*-------------------
38500 Grid
38501--------------------*/
38502/*-------------------
38503 Transitions
38504--------------------*/
38505/*-------------------
38506 Breakpoints
38507--------------------*/
38508/*-------------------
38509 Site Colors
38510--------------------*/
38511/*--- Colors ---*/
38512/*--- Light Colors ---*/
38513/*--- Neutrals ---*/
38514/*--- Colored Backgrounds ---*/
38515/*--- Colored Headers ---*/
38516/*--- Colored Text ---*/
38517/*--- Colored Border ---*/
38518/*-------------------
38519 Alpha Colors
38520--------------------*/
38521/*-------------------
38522 Accents
38523--------------------*/
38524/* Differentiating Neutrals */
38525/* Differentiating Layers */
38526/*******************************
38527 Power-User
38528*******************************/
38529/*-------------------
38530 Emotive Colors
38531--------------------*/
38532/* Positive */
38533/* Negative */
38534/* Info */
38535/* Warning */
38536/*-------------------
38537 Paths
38538--------------------*/
38539/* For source only. Modified in gulp for dist */
38540/*-------------------
38541 Em Sizes
38542--------------------*/
38543/*
38544 This rounds @size values to the closest pixel then expresses that value in (r)em.
38545 This ensures all size values round to exact pixels
38546*/
38547/* em */
38548/* rem */
38549/*-------------------
38550 Icons
38551--------------------*/
38552/* Maximum Glyph Width of Icon */
38553/*-------------------
38554 Neutral Text
38555--------------------*/
38556/*-------------------
38557 Brand Colors
38558--------------------*/
38559/*-------------------
38560 Borders
38561--------------------*/
38562/*-------------------
38563 Derived Values
38564--------------------*/
38565/* Loaders Position Offset */
38566/* Rendered Scrollbar Width */
38567/* Maximum Single Character Glyph Width, aka Capital "W" */
38568/* Used to match floats with text */
38569/* Header Spacing */
38570/* Minimum Mobile Width */
38571/* Positive / Negative Dupes */
38572/* Responsive */
38573/*-------------------
38574 Exact Pixel Values
38575--------------------*/
38576/*
38577 These are used to specify exact pixel values in em
38578 for things like borders that remain constantly
38579 sized as emSize adjusts
38580
38581 Since there are many more sizes than names for sizes,
38582 these are named by their original pixel values.
38583
38584*/
38585/* Columns */
38586/*******************************
38587 States
38588*******************************/
38589/*-------------------
38590 Disabled
38591--------------------*/
38592/*-------------------
38593 Hover
38594--------------------*/
38595/*--- Shadows ---*/
38596/*--- Colors ---*/
38597/* https://github.com/Tripwire/octagon/issues/144 */
38598/*--- Emotive ---*/
38599/*--- Brand ---*/
38600/*--- Dark Tones ---*/
38601/*--- Light Tones ---*/
38602/*-------------------
38603 Focus
38604--------------------*/
38605/*--- Colors ---*/
38606/*--- Emotive ---*/
38607/*--- Brand ---*/
38608/*--- Dark Tones ---*/
38609/*--- Light Tones ---*/
38610/*-------------------
38611 Down (:active)
38612--------------------*/
38613/*--- Colors ---*/
38614/*--- Emotive ---*/
38615/*--- Brand ---*/
38616/*--- Dark Tones ---*/
38617/*--- Light Tones ---*/
38618/*-------------------
38619 Active
38620--------------------*/
38621/*--- Colors ---*/
38622/*--- Emotive ---*/
38623/*--- Brand ---*/
38624/*--- Dark Tones ---*/
38625/*--- Light Tones ---*/
38626/* Site theme site.variables */
38627/*-------------------
38628 Component Variables
38629---------------------*/
38630/* Default */
38631/*******************************
38632 Table
38633*******************************/
38634/*-------------------
38635 Element
38636--------------------*/
38637/*--------------
38638 Parts
38639---------------*/
38640/* Table Row */
38641/* Table Cell */
38642/* Table Header */
38643/* Table Footer */
38644/* Responsive Size */
38645/*-------------------
38646 Types
38647--------------------*/
38648/* Definition */
38649/*--------------
38650 Couplings
38651---------------*/
38652/*--------------
38653 States
38654---------------*/
38655/* Positive */
38656/* Negative */
38657/* Error */
38658/* Warning */
38659/* Active */
38660/*--------------
38661 Types
38662---------------*/
38663/* Attached */
38664/* Striped */
38665/* Selectable */
38666/* Sortable */
38667/* Colors */
38668/* Inverted */
38669/* Basic */
38670/* Padded */
38671/* Compact */
38672/* Sizes */
38673/* Packaged Theme */
38674/*******************************
38675 Table
38676*******************************/
38677/*-------------------
38678 Element
38679--------------------*/
38680/*--------------
38681 Parts
38682---------------*/
38683/* Table Row */
38684/* Table Cell */
38685/* Table Header */
38686/* Table Footer */
38687/* Responsive Size */
38688/*-------------------
38689 Types
38690--------------------*/
38691/* Definition */
38692/*--------------
38693 Couplings
38694---------------*/
38695/*--------------
38696 States
38697---------------*/
38698/* Positive */
38699/* Negative */
38700/* Error */
38701/* Warning */
38702/* Active */
38703/*--------------
38704 Types
38705---------------*/
38706/* Attached */
38707/* Striped */
38708/* Selectable */
38709/* Sortable */
38710/* Colors */
38711/* Inverted */
38712/* Basic */
38713/* Padded */
38714/* Compact */
38715/* Sizes */
38716/* Site Theme */
38717/*******************************
38718 Mix-ins
38719*******************************/
38720/*------------------
38721 Fonts
38722-------------------*/
38723/*------------------
38724 Overrides
38725-------------------*/
38726/* End Config */
38727/*******************************
38728 Table
38729*******************************/
38730/* Prototype */
38731.ui.table {
38732 width: 100%;
38733 background: #FFFFFF;
38734 margin: 1em 0em;
38735 border: 1px solid rgba(34, 36, 38, 0.15);
38736 box-shadow: none;
38737 border-radius: 0px;
38738 text-align: left;
38739 color: rgba(0, 0, 0, 0.87);
38740 border-collapse: separate;
38741 border-spacing: 0px;
38742}
38743.ui.table:first-child {
38744 margin-top: 0em;
38745}
38746.ui.table:last-child {
38747 margin-bottom: 0em;
38748}
38749/*******************************
38750 Parts
38751*******************************/
38752/* Table Content */
38753.ui.table th,
38754.ui.table td {
38755 transition: background 0.1s ease, color 0.1s ease;
38756}
38757/* Headers */
38758.ui.table thead {
38759 box-shadow: none;
38760}
38761.ui.table thead th {
38762 cursor: auto;
38763 background: #586A7B;
38764 text-align: inherit;
38765 color: #FFFFFF;
38766 padding: 0.92857143em 0.78571429em;
38767 vertical-align: inherit;
38768 font-style: none;
38769 font-weight: 400;
38770 text-transform: none;
38771 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
38772 border-left: none;
38773}
38774.ui.table thead tr > th:first-child {
38775 border-left: none;
38776}
38777.ui.table thead tr:first-child > th:first-child {
38778 border-radius: 0px 0em 0em 0em;
38779}
38780.ui.table thead tr:first-child > th:last-child {
38781 border-radius: 0em 0px 0em 0em;
38782}
38783.ui.table thead tr:first-child > th:only-child {
38784 border-radius: 0px 0px 0em 0em;
38785}
38786/* Footer */
38787.ui.table tfoot {
38788 box-shadow: none;
38789}
38790.ui.table tfoot th {
38791 cursor: auto;
38792 border-top: 1px solid rgba(34, 36, 38, 0.15);
38793 background: #F9FAFB;
38794 text-align: inherit;
38795 color: rgba(0, 0, 0, 0.87);
38796 padding: 0.78571429em 0.78571429em;
38797 vertical-align: middle;
38798 font-style: normal;
38799 font-weight: normal;
38800 text-transform: none;
38801}
38802.ui.table tfoot tr > th:first-child {
38803 border-left: none;
38804}
38805.ui.table tfoot tr:first-child > th:first-child {
38806 border-radius: 0em 0em 0em 0px;
38807}
38808.ui.table tfoot tr:first-child > th:last-child {
38809 border-radius: 0em 0em 0px 0em;
38810}
38811.ui.table tfoot tr:first-child > th:only-child {
38812 border-radius: 0em 0em 0px 0px;
38813}
38814/* Table Row */
38815.ui.table tr td {
38816 border-top: 1px solid rgba(34, 36, 38, 0.1);
38817}
38818.ui.table tr:first-child td {
38819 border-top: none;
38820}
38821/* Repeated tbody */
38822.ui.table tbody + tbody tr:first-child td {
38823 border-top: 1px solid rgba(34, 36, 38, 0.1);
38824}
38825/* Table Cells */
38826.ui.table td {
38827 padding: 0.78571429em 0.78571429em;
38828 text-align: inherit;
38829}
38830/* Icons */
38831.ui.table > .icon {
38832 vertical-align: baseline;
38833}
38834.ui.table > .icon:only-child {
38835 margin: 0em;
38836}
38837/* Table Segment */
38838.ui.table.segment {
38839 padding: 0em;
38840}
38841.ui.table.segment:after {
38842 display: none;
38843}
38844.ui.table.segment.stacked:after {
38845 display: block;
38846}
38847/* Responsive */
38848@media only screen and (max-width: 767px) {
38849 .ui.table:not(.unstackable) {
38850 width: 100%;
38851 }
38852 .ui.table:not(.unstackable) tbody,
38853 .ui.table:not(.unstackable) tr,
38854 .ui.table:not(.unstackable) tr > th,
38855 .ui.table:not(.unstackable) tr > td {
38856 width: auto !important;
38857 display: block !important;
38858 }
38859 .ui.table:not(.unstackable) {
38860 padding: 0em;
38861 }
38862 .ui.table:not(.unstackable) thead {
38863 display: block;
38864 }
38865 .ui.table:not(.unstackable) tfoot {
38866 display: block;
38867 }
38868 .ui.table:not(.unstackable) tr {
38869 padding-top: 1em;
38870 padding-bottom: 1em;
38871 box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
38872 }
38873 .ui.table:not(.unstackable) tr > th,
38874 .ui.table:not(.unstackable) tr > td {
38875 background: none;
38876 border: none !important;
38877 padding: 0.25em 0.75em !important;
38878 box-shadow: none !important;
38879 }
38880 .ui.table:not(.unstackable) th:first-child,
38881 .ui.table:not(.unstackable) td:first-child {
38882 font-weight: bold;
38883 }
38884 /* Definition Table */
38885 .ui.definition.table:not(.unstackable) thead th:first-child {
38886 box-shadow: none !important;
38887 }
38888}
38889/*******************************
38890 Coupling
38891*******************************/
38892/* UI Image */
38893.ui.table th .image,
38894.ui.table th .image img,
38895.ui.table td .image,
38896.ui.table td .image img {
38897 max-width: none;
38898}
38899/*******************************
38900 Types
38901*******************************/
38902/*--------------
38903 Complex
38904---------------*/
38905.ui.structured.table {
38906 border-collapse: collapse;
38907}
38908.ui.structured.table thead th {
38909 border-left: none;
38910 border-right: none;
38911}
38912.ui.structured.sortable.table thead th {
38913 border-left: 1px solid rgba(34, 36, 38, 0.15);
38914 border-right: 1px solid rgba(34, 36, 38, 0.15);
38915}
38916.ui.structured.basic.table th {
38917 border-left: none;
38918 border-right: none;
38919}
38920.ui.structured.celled.table tr th,
38921.ui.structured.celled.table tr td {
38922 border-left: 1px solid rgba(34, 36, 38, 0.1);
38923 border-right: 1px solid rgba(34, 36, 38, 0.1);
38924}
38925/*--------------
38926 Definition
38927---------------*/
38928.ui.definition.table thead:not(.full-width) th:first-child {
38929 pointer-events: none;
38930 background: transparent;
38931 font-weight: normal;
38932 color: rgba(0, 0, 0, 0.4);
38933 box-shadow: -1px -1px 0px 1px #FFFFFF;
38934}
38935.ui.definition.table tfoot:not(.full-width) th:first-child {
38936 pointer-events: none;
38937 background: transparent;
38938 font-weight: rgba(0, 0, 0, 0.4);
38939 color: normal;
38940 box-shadow: 1px 1px 0px 1px #FFFFFF;
38941}
38942/* Remove Border */
38943.ui.celled.definition.table thead:not(.full-width) th:first-child {
38944 box-shadow: 0px -1px 0px 1px #FFFFFF;
38945}
38946.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
38947 box-shadow: 0px 1px 0px 1px #FFFFFF;
38948}
38949/* Highlight Defining Column */
38950.ui.definition.table tr td:first-child:not(.ignored),
38951.ui.definition.table tr td.definition {
38952 background: rgba(0, 0, 0, 0.03);
38953 font-weight: bold;
38954 color: rgba(0, 0, 0, 0.95);
38955 text-transform: '';
38956 box-shadow: '';
38957 text-align: '';
38958 font-size: 1em;
38959 padding-left: '';
38960 padding-right: '';
38961}
38962/* Fix 2nd Column */
38963.ui.definition.table thead:not(.full-width) th:nth-child(2) {
38964 border-left: 1px solid rgba(34, 36, 38, 0.15);
38965}
38966.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
38967 border-left: 1px solid rgba(34, 36, 38, 0.15);
38968}
38969.ui.definition.table td:nth-child(2) {
38970 border-left: 1px solid rgba(34, 36, 38, 0.15);
38971}
38972/*******************************
38973 States
38974*******************************/
38975/*--------------
38976 Positive
38977---------------*/
38978.ui.table tr.positive,
38979.ui.table td.positive {
38980 box-shadow: 0px 0px 0px #A3C293 inset;
38981}
38982.ui.table tr.positive,
38983.ui.table td.positive {
38984 background: white !important;
38985 color: black !important;
38986}
38987/*--------------
38988 Negative
38989---------------*/
38990.ui.table tr.negative,
38991.ui.table td.negative {
38992 box-shadow: 0px 0px 0px #E0B4B4 inset;
38993}
38994.ui.table tr.negative,
38995.ui.table td.negative {
38996 background: #FFF6F6 !important;
38997 color: #9F3A38 !important;
38998}
38999/*--------------
39000 Error
39001---------------*/
39002.ui.table tr.error,
39003.ui.table td.error {
39004 box-shadow: 0px 0px 0px #E0B4B4 inset;
39005}
39006.ui.table tr.error,
39007.ui.table td.error {
39008 background: white !important;
39009 color: black !important;
39010}
39011/*--------------
39012 Warning
39013---------------*/
39014.ui.table tr.warning,
39015.ui.table td.warning {
39016 box-shadow: 0px 0px 0px #C9BA9B inset;
39017}
39018.ui.table tr.warning,
39019.ui.table td.warning {
39020 background: #FFFAF3 !important;
39021 color: #573A08 !important;
39022}
39023/*--------------
39024 Active
39025---------------*/
39026.ui.table tr.active,
39027.ui.table td.active {
39028 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
39029}
39030.ui.table tr.active,
39031.ui.table td.active {
39032 background: #E0E0E0 !important;
39033 color: rgba(0, 0, 0, 0.87) !important;
39034}
39035/*--------------
39036 Disabled
39037---------------*/
39038.ui.table tr.disabled td,
39039.ui.table tr td.disabled,
39040.ui.table tr.disabled:hover,
39041.ui.table tr:hover td.disabled {
39042 pointer-events: none;
39043 color: rgba(40, 40, 40, 0.3);
39044}
39045/*******************************
39046 Variations
39047*******************************/
39048/*--------------
39049 Stackable
39050---------------*/
39051@media only screen and (max-width: 991px) {
39052 .ui[class*="tablet stackable"].table,
39053 .ui[class*="tablet stackable"].table tbody,
39054 .ui[class*="tablet stackable"].table tr,
39055 .ui[class*="tablet stackable"].table tr > th,
39056 .ui[class*="tablet stackable"].table tr > td {
39057 width: 100% !important;
39058 display: block !important;
39059 }
39060 .ui[class*="tablet stackable"].table {
39061 padding: 0em;
39062 }
39063 .ui[class*="tablet stackable"].table thead {
39064 display: block;
39065 }
39066 .ui[class*="tablet stackable"].table tfoot {
39067 display: block;
39068 }
39069 .ui[class*="tablet stackable"].table tr {
39070 padding-top: 1em;
39071 padding-bottom: 1em;
39072 box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
39073 }
39074 .ui[class*="tablet stackable"].table tr > th,
39075 .ui[class*="tablet stackable"].table tr > td {
39076 background: none;
39077 border: none !important;
39078 padding: 0.25em 0.75em;
39079 box-shadow: none !important;
39080 }
39081 /* Definition Table */
39082 .ui.definition[class*="tablet stackable"].table thead th:first-child {
39083 box-shadow: none !important;
39084 }
39085}
39086/*--------------
39087 Text Alignment
39088---------------*/
39089.ui.table[class*="left aligned"],
39090.ui.table [class*="left aligned"] {
39091 text-align: left;
39092}
39093.ui.table[class*="center aligned"],
39094.ui.table [class*="center aligned"] {
39095 text-align: center;
39096}
39097.ui.table[class*="right aligned"],
39098.ui.table [class*="right aligned"] {
39099 text-align: right;
39100}
39101/*------------------
39102 Vertical Alignment
39103------------------*/
39104.ui.table[class*="top aligned"],
39105.ui.table [class*="top aligned"] {
39106 vertical-align: top;
39107}
39108.ui.table[class*="middle aligned"],
39109.ui.table [class*="middle aligned"] {
39110 vertical-align: middle;
39111}
39112.ui.table[class*="bottom aligned"],
39113.ui.table [class*="bottom aligned"] {
39114 vertical-align: bottom;
39115}
39116/*--------------
39117 Collapsing
39118---------------*/
39119.ui.table th.collapsing,
39120.ui.table td.collapsing {
39121 width: 1px;
39122 white-space: nowrap;
39123}
39124/*--------------
39125 Fixed
39126---------------*/
39127.ui.fixed.table {
39128 table-layout: fixed;
39129}
39130.ui.fixed.table th,
39131.ui.fixed.table td {
39132 overflow: hidden;
39133 text-overflow: ellipsis;
39134}
39135/*--------------
39136 Selectable
39137---------------*/
39138.ui.selectable.table tbody tr:hover,
39139.ui.table tbody tr td.selectable:hover {
39140 background: #BEC3C7 !important;
39141 color: rgba(0, 0, 0, 0.95) !important;
39142}
39143.ui.selectable.inverted.table tbody tr:hover,
39144.ui.inverted.table tbody tr td.selectable:hover {
39145 background: rgba(255, 255, 255, 0.08) !important;
39146 color: #ffffff !important;
39147}
39148/* Selectable Cell Link */
39149.ui.table tbody tr td.selectable {
39150 padding: 0em;
39151}
39152.ui.table tbody tr td.selectable > a:not(.ui) {
39153 display: block;
39154 color: inherit;
39155 padding: 0.78571429em 0.78571429em;
39156}
39157/* Other States */
39158.ui.selectable.table tr.error:hover,
39159.ui.table tr td.selectable.error:hover,
39160.ui.selectable.table tr:hover td.error {
39161 background: #CD6155 !important;
39162 color: black !important;
39163}
39164.ui.selectable.table tr.warning:hover,
39165.ui.table tr td.selectable.warning:hover,
39166.ui.selectable.table tr:hover td.warning {
39167 background: #fff4e4 !important;
39168 color: #493107 !important;
39169}
39170.ui.selectable.table tr.active:hover,
39171.ui.table tr td.selectable.active:hover,
39172.ui.selectable.table tr:hover td.active {
39173 background: #E0E0E0 !important;
39174 color: rgba(0, 0, 0, 0.87) !important;
39175}
39176.ui.selectable.table tr.positive:hover,
39177.ui.table tr td.selectable.positive:hover,
39178.ui.selectable.table tr:hover td.positive {
39179 background: #BEC3C7 !important;
39180 color: black !important;
39181}
39182.ui.selectable.table tr.negative:hover,
39183.ui.table tr td.selectable.negative:hover,
39184.ui.selectable.table tr:hover td.negative {
39185 background: #ffe7e7 !important;
39186 color: #943634 !important;
39187}
39188/*-------------------
39189 Attached
39190--------------------*/
39191/* Middle */
39192.ui.attached.table {
39193 top: 0px;
39194 bottom: 0px;
39195 border-radius: 0px;
39196 margin: 0em -1px;
39197 width: calc(100% + 2px );
39198 max-width: calc(100% + 2px );
39199 box-shadow: none;
39200 border: 1px solid #D4D4D5;
39201}
39202.ui.attached + .ui.attached.table:not(.top) {
39203 border-top: none;
39204}
39205/* Top */
39206.ui[class*="top attached"].table {
39207 bottom: 0px;
39208 margin-bottom: 0em;
39209 top: 0px;
39210 margin-top: 1em;
39211 border-radius: 0px 0px 0em 0em;
39212}
39213.ui.table[class*="top attached"]:first-child {
39214 margin-top: 0em;
39215}
39216/* Bottom */
39217.ui[class*="bottom attached"].table {
39218 bottom: 0px;
39219 margin-top: 0em;
39220 top: 0px;
39221 margin-bottom: 1em;
39222 box-shadow: none, none;
39223 border-radius: 0em 0em 0px 0px;
39224}
39225.ui[class*="bottom attached"].table:last-child {
39226 margin-bottom: 0em;
39227}
39228/*--------------
39229 Striped
39230---------------*/
39231/* Table Striping */
39232.ui.striped.table > tr:nth-child(2n),
39233.ui.striped.table tbody tr:nth-child(2n) {
39234 background-color: rgba(0, 0, 50, 0.02);
39235}
39236/* Stripes */
39237.ui.inverted.striped.table > tr:nth-child(2n),
39238.ui.inverted.striped.table tbody tr:nth-child(2n) {
39239 background-color: rgba(255, 255, 255, 0.05);
39240}
39241/* Allow striped active hover */
39242.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
39243 background: #EFEFEF !important;
39244 color: rgba(0, 0, 0, 0.95) !important;
39245}
39246/*--------------
39247 Single Line
39248---------------*/
39249.ui.table[class*="single line"],
39250.ui.table [class*="single line"] {
39251 white-space: nowrap;
39252}
39253.ui.table[class*="single line"],
39254.ui.table [class*="single line"] {
39255 white-space: nowrap;
39256}
39257/*-------------------
39258 Colors
39259--------------------*/
39260/* Red */
39261.ui.red.table {
39262 border-top: 0.2em solid #c0382b;
39263}
39264.ui.inverted.red.table {
39265 background-color: #c0382b !important;
39266 color: #FFFFFF !important;
39267}
39268/* Orange */
39269.ui.orange.table {
39270 border-top: 0.2em solid #F2711C;
39271}
39272.ui.inverted.orange.table {
39273 background-color: #F2711C !important;
39274 color: #FFFFFF !important;
39275}
39276/* Yellow */
39277.ui.yellow.table {
39278 border-top: 0.2em solid #ff9e2c;
39279}
39280.ui.inverted.yellow.table {
39281 background-color: #ff9e2c !important;
39282 color: #FFFFFF !important;
39283}
39284/* Olive */
39285.ui.olive.table {
39286 border-top: 0.2em solid #B5CC18;
39287}
39288.ui.inverted.olive.table {
39289 background-color: #B5CC18 !important;
39290 color: #FFFFFF !important;
39291}
39292/* Green */
39293.ui.green.table {
39294 border-top: 0.2em solid #21BA45;
39295}
39296.ui.inverted.green.table {
39297 background-color: #21BA45 !important;
39298 color: #FFFFFF !important;
39299}
39300/* Teal */
39301.ui.teal.table {
39302 border-top: 0.2em solid #00B5AD;
39303}
39304.ui.inverted.teal.table {
39305 background-color: #00B5AD !important;
39306 color: #FFFFFF !important;
39307}
39308/* Blue */
39309.ui.blue.table {
39310 border-top: 0.2em solid #3498db;
39311}
39312.ui.inverted.blue.table {
39313 background-color: #3498db !important;
39314 color: #FFFFFF !important;
39315}
39316/* Violet */
39317.ui.violet.table {
39318 border-top: 0.2em solid #6435C9;
39319}
39320.ui.inverted.violet.table {
39321 background-color: #6435C9 !important;
39322 color: #FFFFFF !important;
39323}
39324/* Purple */
39325.ui.purple.table {
39326 border-top: 0.2em solid #A676B2;
39327}
39328.ui.inverted.purple.table {
39329 background-color: #A676B2 !important;
39330 color: #FFFFFF !important;
39331}
39332/* Pink */
39333.ui.pink.table {
39334 border-top: 0.2em solid #E03997;
39335}
39336.ui.inverted.pink.table {
39337 background-color: #E03997 !important;
39338 color: #FFFFFF !important;
39339}
39340/* Brown */
39341.ui.brown.table {
39342 border-top: 0.2em solid #A5673F;
39343}
39344.ui.inverted.brown.table {
39345 background-color: #A5673F !important;
39346 color: #FFFFFF !important;
39347}
39348/* Grey */
39349.ui.grey.table {
39350 border-top: 0.2em solid #586A7B;
39351}
39352.ui.inverted.grey.table {
39353 background-color: #586A7B !important;
39354 color: #FFFFFF !important;
39355}
39356/* Black */
39357.ui.black.table {
39358 border-top: 0.2em solid #1B1C1D;
39359}
39360.ui.inverted.black.table {
39361 background-color: #1B1C1D !important;
39362 color: #FFFFFF !important;
39363}
39364/*--------------
39365 Column Count
39366---------------*/
39367/* Grid Based */
39368.ui.one.column.table td {
39369 width: 100%;
39370}
39371.ui.two.column.table td {
39372 width: 50%;
39373}
39374.ui.three.column.table td {
39375 width: 33.33333333%;
39376}
39377.ui.four.column.table td {
39378 width: 25%;
39379}
39380.ui.five.column.table td {
39381 width: 20%;
39382}
39383.ui.six.column.table td {
39384 width: 16.66666667%;
39385}
39386.ui.seven.column.table td {
39387 width: 14.28571429%;
39388}
39389.ui.eight.column.table td {
39390 width: 12.5%;
39391}
39392.ui.nine.column.table td {
39393 width: 11.11111111%;
39394}
39395.ui.ten.column.table td {
39396 width: 10%;
39397}
39398.ui.eleven.column.table td {
39399 width: 9.09090909%;
39400}
39401.ui.twelve.column.table td {
39402 width: 8.33333333%;
39403}
39404.ui.thirteen.column.table td {
39405 width: 7.69230769%;
39406}
39407.ui.fourteen.column.table td {
39408 width: 7.14285714%;
39409}
39410.ui.fifteen.column.table td {
39411 width: 6.66666667%;
39412}
39413.ui.sixteen.column.table td {
39414 width: 6.25%;
39415}
39416/* Column Width */
39417.ui.table th.one.wide,
39418.ui.table td.one.wide {
39419 width: 6.25%;
39420}
39421.ui.table th.two.wide,
39422.ui.table td.two.wide {
39423 width: 12.5%;
39424}
39425.ui.table th.three.wide,
39426.ui.table td.three.wide {
39427 width: 18.75%;
39428}
39429.ui.table th.four.wide,
39430.ui.table td.four.wide {
39431 width: 25%;
39432}
39433.ui.table th.five.wide,
39434.ui.table td.five.wide {
39435 width: 31.25%;
39436}
39437.ui.table th.six.wide,
39438.ui.table td.six.wide {
39439 width: 37.5%;
39440}
39441.ui.table th.seven.wide,
39442.ui.table td.seven.wide {
39443 width: 43.75%;
39444}
39445.ui.table th.eight.wide,
39446.ui.table td.eight.wide {
39447 width: 50%;
39448}
39449.ui.table th.nine.wide,
39450.ui.table td.nine.wide {
39451 width: 56.25%;
39452}
39453.ui.table th.ten.wide,
39454.ui.table td.ten.wide {
39455 width: 62.5%;
39456}
39457.ui.table th.eleven.wide,
39458.ui.table td.eleven.wide {
39459 width: 68.75%;
39460}
39461.ui.table th.twelve.wide,
39462.ui.table td.twelve.wide {
39463 width: 75%;
39464}
39465.ui.table th.thirteen.wide,
39466.ui.table td.thirteen.wide {
39467 width: 81.25%;
39468}
39469.ui.table th.fourteen.wide,
39470.ui.table td.fourteen.wide {
39471 width: 87.5%;
39472}
39473.ui.table th.fifteen.wide,
39474.ui.table td.fifteen.wide {
39475 width: 93.75%;
39476}
39477.ui.table th.sixteen.wide,
39478.ui.table td.sixteen.wide {
39479 width: 100%;
39480}
39481/*--------------
39482 Sortable
39483---------------*/
39484.ui.sortable.table thead th {
39485 cursor: pointer;
39486 white-space: nowrap;
39487 border-left: 1px solid rgba(34, 36, 38, 0.15);
39488 color: #BFD5E1;
39489}
39490.ui.sortable.table thead th:first-child {
39491 border-left: none;
39492}
39493.ui.sortable.table thead th.sorted,
39494.ui.sortable.table thead th.sorted:hover {
39495 user-select: none;
39496}
39497.ui.sortable.table thead th:after {
39498 display: none;
39499 font-style: normal;
39500 font-weight: normal;
39501 text-decoration: inherit;
39502 content: '';
39503 height: 1em;
39504 width: auto;
39505 opacity: 0.8;
39506 margin: 0em 0em 0em 0.5em;
39507 font-family: 'Icons';
39508}
39509.ui.sortable.table thead th.ascending:after {
39510 content: '\f0d8';
39511}
39512.ui.sortable.table thead th.descending:after {
39513 content: '\f0d7';
39514}
39515/* Hover */
39516.ui.sortable.table th.disabled:hover {
39517 cursor: auto;
39518 color: rgba(40, 40, 40, 0.3);
39519}
39520.ui.sortable.table thead th:hover {
39521 background: #586A7B;
39522 color: #BFD5E1;
39523}
39524/* Sorted */
39525.ui.sortable.table thead th.sorted {
39526 background: rgba(0, 0, 0, 0.05);
39527 color: rgba(0, 0, 0, 0.95);
39528}
39529.ui.sortable.table thead th.sorted:after {
39530 display: inline-block;
39531}
39532/* Sorted Hover */
39533.ui.sortable.table thead th.sorted:hover {
39534 background: rgba(0, 0, 0, 0.05);
39535 color: rgba(0, 0, 0, 0.95);
39536}
39537/* Inverted */
39538.ui.inverted.sortable.table thead th.sorted {
39539 background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
39540 color: #ffffff;
39541}
39542.ui.inverted.sortable.table thead th:hover {
39543 background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
39544 color: #ffffff;
39545}
39546.ui.inverted.sortable.table thead th {
39547 border-left-color: transparent;
39548 border-right-color: transparent;
39549}
39550/*--------------
39551 Inverted
39552---------------*/
39553/* Text Color */
39554.ui.inverted.table {
39555 background: #333333;
39556 color: rgba(255, 255, 255, 0.9);
39557 border: none;
39558}
39559.ui.inverted.table th {
39560 background-color: rgba(0, 0, 0, 0.15);
39561 border-color: rgba(255, 255, 255, 0.1) !important;
39562 color: rgba(255, 255, 255, 0.9) !important;
39563}
39564.ui.inverted.table tr td {
39565 border-color: rgba(255, 255, 255, 0.1) !important;
39566}
39567.ui.inverted.table tr.disabled td,
39568.ui.inverted.table tr td.disabled,
39569.ui.inverted.table tr.disabled:hover td,
39570.ui.inverted.table tr:hover td.disabled {
39571 pointer-events: none;
39572 color: rgba(225, 225, 225, 0.3);
39573}
39574/* Definition */
39575.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
39576.ui.inverted.definition.table thead:not(.full-width) th:first-child {
39577 background: #FFFFFF;
39578}
39579.ui.inverted.definition.table tr td:first-child {
39580 background: rgba(255, 255, 255, 0.02);
39581 color: #ffffff;
39582}
39583/*--------------
39584 Collapsing
39585---------------*/
39586.ui.collapsing.table {
39587 width: auto;
39588}
39589/*--------------
39590 Basic
39591---------------*/
39592.ui.basic.table {
39593 background: transparent;
39594 border: 1px solid rgba(34, 36, 38, 0.15);
39595 box-shadow: none;
39596}
39597.ui.basic.table thead,
39598.ui.basic.table tfoot {
39599 box-shadow: none;
39600}
39601.ui.basic.table th {
39602 background: transparent;
39603 border-left: none;
39604}
39605.ui.basic.table tbody tr {
39606 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
39607}
39608.ui.basic.table td {
39609 background: transparent;
39610}
39611.ui.basic.striped.table tbody tr:nth-child(2n) {
39612 background-color: rgba(0, 0, 0, 0.05) !important;
39613}
39614/* Very Basic */
39615.ui[class*="very basic"].table {
39616 border: none;
39617}
39618.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
39619.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
39620 padding: '';
39621}
39622.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
39623.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
39624 padding-left: 0em;
39625}
39626.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
39627.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
39628 padding-right: 0em;
39629}
39630.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
39631 padding-top: 0em;
39632}
39633/*--------------
39634 Celled
39635---------------*/
39636.ui.celled.table tr th,
39637.ui.celled.table tr td {
39638 border-left: 1px solid rgba(34, 36, 38, 0.1);
39639}
39640.ui.celled.table tr th:first-child,
39641.ui.celled.table tr td:first-child {
39642 border-left: none;
39643}
39644/*--------------
39645 Padded
39646---------------*/
39647.ui.padded.table th {
39648 padding-left: 1em;
39649 padding-right: 1em;
39650}
39651.ui.padded.table th,
39652.ui.padded.table td {
39653 padding: 1em 1em;
39654}
39655/* Very */
39656.ui[class*="very padded"].table th {
39657 padding-left: 1.5em;
39658 padding-right: 1.5em;
39659}
39660.ui[class*="very padded"].table td {
39661 padding: 1.5em 1.5em;
39662}
39663/*--------------
39664 Compact
39665---------------*/
39666.ui.compact.table th {
39667 padding-left: 0.7em;
39668 padding-right: 0.7em;
39669}
39670.ui.compact.table td {
39671 padding: 0.5em 0.7em;
39672}
39673/* Very */
39674.ui[class*="very compact"].table th {
39675 padding-left: 0.6em;
39676 padding-right: 0.6em;
39677}
39678.ui[class*="very compact"].table td {
39679 padding: 0.4em 0.6em;
39680}
39681/*--------------
39682 Sizes
39683---------------*/
39684/* Small */
39685.ui.small.table {
39686 font-size: 0.9em;
39687}
39688/* Standard */
39689.ui.table {
39690 font-size: 1em;
39691}
39692/* Large */
39693.ui.large.table {
39694 font-size: 1.1em;
39695}
39696/*--------------
39697 Error
39698---------------*/
39699.ui.table tr.error td:last-child,
39700.ui.table tr.positive td:last-child {
39701 position: relative;
39702}
39703.ui.table tr.error:hover td:last-child::before {
39704 color: white;
39705 min-width: 20px;
39706 width: 20px;
39707 background-color: #c0382b;
39708 position: absolute;
39709 right: 0px;
39710 height: 100%;
39711 top: 0px;
39712 content: '';
39713 padding-top: 10px;
39714}
39715.ui.table tr.positive:hover td:last-child::before {
39716 color: white;
39717 min-width: 20px;
39718 width: 20px;
39719 background-color: #3498db;
39720 position: absolute;
39721 right: 0px;
39722 height: 100%;
39723 top: 0px;
39724 content: '';
39725 padding-top: 10px;
39726}
39727.ui.table tr.error:hover td:last-child::after,
39728.ui.table tr.positive:hover td:last-child::after {
39729 font-family: 'ElegantIcons';
39730 content: '\35';
39731 position: absolute;
39732 top: 0px;
39733 padding-top: 10px;
39734 color: white;
39735 font-size: 30px;
39736 right: 0px;
39737 transform: translateX(3px);
39738}
39739/* Sorted */
39740.ui.sortable.table thead th.sorted {
39741 background: #586A7B;
39742 color: #FFFFFF;
39743}
39744/* Sorted */
39745.ui.sortable.table thead th.sorted:hover {
39746 background: #586A7B;
39747 color: #FFFFFF;
39748}
39749@media only screen and (max-width: 767px) {
39750 .ui.table:not(.unstackable) thead {
39751 background-color: #586A7B;
39752 }
39753 .ui.table tr.error:hover td:last-child::after,
39754 .ui.table tr.positive:hover td:last-child::after {
39755 display: none;
39756 }
39757 .ui.table tr.error:hover td:last-child::before {
39758 display: none;
39759 }
39760 .ui.table tr.positive:hover td:last-child::before {
39761 display: none;
39762 }
39763}
39764/* Views */
39765/*!
39766 * # Semantic UI - Ad
39767 * http://github.com/semantic-org/semantic-ui/
39768 *
39769 *
39770 * Copyright 2013 Contributors
39771 * Released under the MIT license
39772 * http://opensource.org/licenses/MIT
39773 *
39774 */
39775/*******************************
39776 Theme
39777*******************************/
39778/*
39779
39780████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
39781╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
39782 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
39783 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
39784 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
39785 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
39786
39787*/
39788/*******************************
39789 Theme Selection
39790*******************************/
39791/* To override a theme for an individual element
39792 specify theme name below
39793*/
39794/* Global */
39795/* Elements */
39796/* Collections */
39797/* Modules */
39798/* Views */
39799/*******************************
39800 Folders
39801*******************************/
39802/* Path to theme packages */
39803/* Path to site override folder */
39804/*******************************
39805 Import Theme
39806*******************************/
39807/*******************************
39808 Import Directives
39809*******************************/
39810/*------------------
39811 Theme
39812-------------------*/
39813/*--------------------
39814 Site Variables
39815---------------------*/
39816/* Default site.variables */
39817/*******************************
39818 Site Settings
39819*******************************/
39820/*-------------------
39821 Fonts
39822--------------------*/
39823/*-------------------
39824 Base Sizes
39825--------------------*/
39826/* This is the single variable that controls them all */
39827/* The size of page text */
39828/*-------------------
39829 Border Radius
39830--------------------*/
39831/* See Power-user section below
39832 for explanation of @px variables
39833*/
39834/*-------------------
39835 Brand Colors
39836--------------------*/
39837/*--------------
39838 Page Heading
39839---------------*/
39840/*--------------
39841 Form Input
39842---------------*/
39843/* This adjusts the default form input across all elements */
39844/* Input Text Color */
39845/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
39846/*-------------------
39847 Focused Input
39848--------------------*/
39849/* Used on inputs, textarea etc */
39850/* Used on dropdowns, other larger blocks */
39851/*-------------------
39852 Sizes
39853--------------------*/
39854/*
39855 Sizes are all expressed in terms of 14px/em (default em)
39856 This ensures these "ratios" remain constant despite changes in EM
39857*/
39858/*-------------------
39859 Page
39860--------------------*/
39861/*-------------------
39862 Paragraph
39863--------------------*/
39864/*-------------------
39865 Links
39866--------------------*/
39867/*-------------------
39868 Scroll Bars
39869--------------------*/
39870/* Inverted */
39871/*-------------------
39872 Highlighted Text
39873--------------------*/
39874/*-------------------
39875 Loader
39876--------------------*/
39877/*-------------------
39878 Grid
39879--------------------*/
39880/*-------------------
39881 Transitions
39882--------------------*/
39883/*-------------------
39884 Breakpoints
39885--------------------*/
39886/*-------------------
39887 Site Colors
39888--------------------*/
39889/*--- Colors ---*/
39890/*--- Light Colors ---*/
39891/*--- Neutrals ---*/
39892/*--- Colored Backgrounds ---*/
39893/*--- Colored Headers ---*/
39894/*--- Colored Text ---*/
39895/*--- Colored Border ---*/
39896/*-------------------
39897 Alpha Colors
39898--------------------*/
39899/*-------------------
39900 Accents
39901--------------------*/
39902/* Differentiating Neutrals */
39903/* Differentiating Layers */
39904/*******************************
39905 Power-User
39906*******************************/
39907/*-------------------
39908 Emotive Colors
39909--------------------*/
39910/* Positive */
39911/* Negative */
39912/* Info */
39913/* Warning */
39914/*-------------------
39915 Paths
39916--------------------*/
39917/* For source only. Modified in gulp for dist */
39918/*-------------------
39919 Em Sizes
39920--------------------*/
39921/*
39922 This rounds @size values to the closest pixel then expresses that value in (r)em.
39923 This ensures all size values round to exact pixels
39924*/
39925/* em */
39926/* rem */
39927/*-------------------
39928 Icons
39929--------------------*/
39930/* Maximum Glyph Width of Icon */
39931/*-------------------
39932 Neutral Text
39933--------------------*/
39934/*-------------------
39935 Brand Colors
39936--------------------*/
39937/*-------------------
39938 Borders
39939--------------------*/
39940/*-------------------
39941 Derived Values
39942--------------------*/
39943/* Loaders Position Offset */
39944/* Rendered Scrollbar Width */
39945/* Maximum Single Character Glyph Width, aka Capital "W" */
39946/* Used to match floats with text */
39947/* Header Spacing */
39948/* Minimum Mobile Width */
39949/* Positive / Negative Dupes */
39950/* Responsive */
39951/*-------------------
39952 Exact Pixel Values
39953--------------------*/
39954/*
39955 These are used to specify exact pixel values in em
39956 for things like borders that remain constantly
39957 sized as emSize adjusts
39958
39959 Since there are many more sizes than names for sizes,
39960 these are named by their original pixel values.
39961
39962*/
39963/* Columns */
39964/*******************************
39965 States
39966*******************************/
39967/*-------------------
39968 Disabled
39969--------------------*/
39970/*-------------------
39971 Hover
39972--------------------*/
39973/*--- Shadows ---*/
39974/*--- Colors ---*/
39975/*--- Emotive ---*/
39976/*--- Brand ---*/
39977/*--- Dark Tones ---*/
39978/*--- Light Tones ---*/
39979/*-------------------
39980 Focus
39981--------------------*/
39982/*--- Colors ---*/
39983/*--- Emotive ---*/
39984/*--- Brand ---*/
39985/*--- Dark Tones ---*/
39986/*--- Light Tones ---*/
39987/*-------------------
39988 Down (:active)
39989--------------------*/
39990/*--- Colors ---*/
39991/*--- Emotive ---*/
39992/*--- Brand ---*/
39993/*--- Dark Tones ---*/
39994/*--- Light Tones ---*/
39995/*-------------------
39996 Active
39997--------------------*/
39998/*--- Colors ---*/
39999/*--- Emotive ---*/
40000/*--- Brand ---*/
40001/*--- Dark Tones ---*/
40002/*--- Light Tones ---*/
40003/* Packaged site.variables */
40004/*******************************
40005 Site Settings
40006*******************************/
40007/*-------------------
40008 Fonts
40009--------------------*/
40010/*-------------------
40011 Base Sizes
40012--------------------*/
40013/* This is the single variable that controls them all */
40014/* The size of page text */
40015/*-------------------
40016 Border Radius
40017--------------------*/
40018/* See Power-user section below
40019 for explanation of @px variables
40020*/
40021/*-------------------
40022 Brand Colors
40023--------------------*/
40024/*--------------
40025 Page Heading
40026---------------*/
40027/*--------------
40028 Form Input
40029---------------*/
40030/* This adjusts the default form input across all elements */
40031/* Input Text Color */
40032/* Line Height Default For Inputs in Browser */
40033/*-------------------
40034 Focused Input
40035--------------------*/
40036/* Used on inputs, textarea etc */
40037/* Used on dropdowns, other larger blocks */
40038/*-------------------
40039 Sizes
40040--------------------*/
40041/*
40042 Sizes are all expressed in terms of 14px/em (default em)
40043 This ensures these "ratios" remain constant despite changes in EM
40044*/
40045/*-------------------
40046 Page
40047--------------------*/
40048/*-------------------
40049 Paragraph
40050--------------------*/
40051/*-------------------
40052 Links
40053--------------------*/
40054/*-------------------
40055 Highlighted Text
40056--------------------*/
40057/*-------------------
40058 Loader
40059--------------------*/
40060/*-------------------
40061 Grid
40062--------------------*/
40063/*-------------------
40064 Transitions
40065--------------------*/
40066/*-------------------
40067 Breakpoints
40068--------------------*/
40069/*-------------------
40070 Site Colors
40071--------------------*/
40072/*--- Colors ---*/
40073/*--- Light Colors ---*/
40074/*--- Neutrals ---*/
40075/*--- Colored Backgrounds ---*/
40076/*--- Colored Headers ---*/
40077/*--- Colored Text ---*/
40078/*--- Colored Border ---*/
40079/*-------------------
40080 Alpha Colors
40081--------------------*/
40082/*-------------------
40083 Accents
40084--------------------*/
40085/* Differentiating Neutrals */
40086/* Differentiating Layers */
40087/*******************************
40088 Power-User
40089*******************************/
40090/*-------------------
40091 Emotive Colors
40092--------------------*/
40093/* Positive */
40094/* Negative */
40095/* Info */
40096/* Warning */
40097/*-------------------
40098 Paths
40099--------------------*/
40100/* For source only. Modified in gulp for dist */
40101/*-------------------
40102 Em Sizes
40103--------------------*/
40104/*
40105 This rounds @size values to the closest pixel then expresses that value in (r)em.
40106 This ensures all size values round to exact pixels
40107*/
40108/* em */
40109/* rem */
40110/*-------------------
40111 Icons
40112--------------------*/
40113/* Maximum Glyph Width of Icon */
40114/*-------------------
40115 Neutral Text
40116--------------------*/
40117/*-------------------
40118 Brand Colors
40119--------------------*/
40120/*-------------------
40121 Borders
40122--------------------*/
40123/*-------------------
40124 Derived Values
40125--------------------*/
40126/* Loaders Position Offset */
40127/* Rendered Scrollbar Width */
40128/* Maximum Single Character Glyph Width, aka Capital "W" */
40129/* Used to match floats with text */
40130/* Header Spacing */
40131/* Minimum Mobile Width */
40132/* Positive / Negative Dupes */
40133/* Responsive */
40134/*-------------------
40135 Exact Pixel Values
40136--------------------*/
40137/*
40138 These are used to specify exact pixel values in em
40139 for things like borders that remain constantly
40140 sized as emSize adjusts
40141
40142 Since there are many more sizes than names for sizes,
40143 these are named by their original pixel values.
40144
40145*/
40146/* Columns */
40147/*******************************
40148 States
40149*******************************/
40150/*-------------------
40151 Disabled
40152--------------------*/
40153/*-------------------
40154 Hover
40155--------------------*/
40156/*--- Shadows ---*/
40157/*--- Colors ---*/
40158/* https://github.com/Tripwire/octagon/issues/144 */
40159/*--- Emotive ---*/
40160/*--- Brand ---*/
40161/*--- Dark Tones ---*/
40162/*--- Light Tones ---*/
40163/*-------------------
40164 Focus
40165--------------------*/
40166/*--- Colors ---*/
40167/*--- Emotive ---*/
40168/*--- Brand ---*/
40169/*--- Dark Tones ---*/
40170/*--- Light Tones ---*/
40171/*-------------------
40172 Down (:active)
40173--------------------*/
40174/*--- Colors ---*/
40175/*--- Emotive ---*/
40176/*--- Brand ---*/
40177/*--- Dark Tones ---*/
40178/*--- Light Tones ---*/
40179/*-------------------
40180 Active
40181--------------------*/
40182/*--- Colors ---*/
40183/*--- Emotive ---*/
40184/*--- Brand ---*/
40185/*--- Dark Tones ---*/
40186/*--- Light Tones ---*/
40187/* Component's site.variables */
40188/*******************************
40189 Site Settings
40190*******************************/
40191/*-------------------
40192 Fonts
40193--------------------*/
40194/*-------------------
40195 Base Sizes
40196--------------------*/
40197/* This is the single variable that controls them all */
40198/* The size of page text */
40199/*-------------------
40200 Border Radius
40201--------------------*/
40202/* See Power-user section below
40203 for explanation of @px variables
40204*/
40205/*-------------------
40206 Brand Colors
40207--------------------*/
40208/*--------------
40209 Page Heading
40210---------------*/
40211/*--------------
40212 Form Input
40213---------------*/
40214/* This adjusts the default form input across all elements */
40215/* Input Text Color */
40216/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
40217/*-------------------
40218 Focused Input
40219--------------------*/
40220/* Used on inputs, textarea etc */
40221/* Used on dropdowns, other larger blocks */
40222/*-------------------
40223 Sizes
40224--------------------*/
40225/*
40226 Sizes are all expressed in terms of 14px/em (default em)
40227 This ensures these "ratios" remain constant despite changes in EM
40228*/
40229/*-------------------
40230 Page
40231--------------------*/
40232/*-------------------
40233 Paragraph
40234--------------------*/
40235/*-------------------
40236 Links
40237--------------------*/
40238/*-------------------
40239 Scroll Bars
40240--------------------*/
40241/* Inverted */
40242/*-------------------
40243 Highlighted Text
40244--------------------*/
40245/*-------------------
40246 Loader
40247--------------------*/
40248/*-------------------
40249 Grid
40250--------------------*/
40251/*-------------------
40252 Transitions
40253--------------------*/
40254/*-------------------
40255 Breakpoints
40256--------------------*/
40257/*-------------------
40258 Site Colors
40259--------------------*/
40260/*--- Colors ---*/
40261/*--- Light Colors ---*/
40262/*--- Neutrals ---*/
40263/*--- Colored Backgrounds ---*/
40264/*--- Colored Headers ---*/
40265/*--- Colored Text ---*/
40266/*--- Colored Border ---*/
40267/*-------------------
40268 Alpha Colors
40269--------------------*/
40270/*-------------------
40271 Accents
40272--------------------*/
40273/* Differentiating Neutrals */
40274/* Differentiating Layers */
40275/*******************************
40276 Power-User
40277*******************************/
40278/*-------------------
40279 Emotive Colors
40280--------------------*/
40281/* Positive */
40282/* Negative */
40283/* Info */
40284/* Warning */
40285/*-------------------
40286 Paths
40287--------------------*/
40288/* For source only. Modified in gulp for dist */
40289/*-------------------
40290 Em Sizes
40291--------------------*/
40292/*
40293 This rounds @size values to the closest pixel then expresses that value in (r)em.
40294 This ensures all size values round to exact pixels
40295*/
40296/* em */
40297/* rem */
40298/*-------------------
40299 Icons
40300--------------------*/
40301/* Maximum Glyph Width of Icon */
40302/*-------------------
40303 Neutral Text
40304--------------------*/
40305/*-------------------
40306 Brand Colors
40307--------------------*/
40308/*-------------------
40309 Borders
40310--------------------*/
40311/*-------------------
40312 Derived Values
40313--------------------*/
40314/* Loaders Position Offset */
40315/* Rendered Scrollbar Width */
40316/* Maximum Single Character Glyph Width, aka Capital "W" */
40317/* Used to match floats with text */
40318/* Header Spacing */
40319/* Minimum Mobile Width */
40320/* Positive / Negative Dupes */
40321/* Responsive */
40322/*-------------------
40323 Exact Pixel Values
40324--------------------*/
40325/*
40326 These are used to specify exact pixel values in em
40327 for things like borders that remain constantly
40328 sized as emSize adjusts
40329
40330 Since there are many more sizes than names for sizes,
40331 these are named by their original pixel values.
40332
40333*/
40334/* Columns */
40335/*******************************
40336 States
40337*******************************/
40338/*-------------------
40339 Disabled
40340--------------------*/
40341/*-------------------
40342 Hover
40343--------------------*/
40344/*--- Shadows ---*/
40345/*--- Colors ---*/
40346/*--- Emotive ---*/
40347/*--- Brand ---*/
40348/*--- Dark Tones ---*/
40349/*--- Light Tones ---*/
40350/*-------------------
40351 Focus
40352--------------------*/
40353/*--- Colors ---*/
40354/*--- Emotive ---*/
40355/*--- Brand ---*/
40356/*--- Dark Tones ---*/
40357/*--- Light Tones ---*/
40358/*-------------------
40359 Down (:active)
40360--------------------*/
40361/*--- Colors ---*/
40362/*--- Emotive ---*/
40363/*--- Brand ---*/
40364/*--- Dark Tones ---*/
40365/*--- Light Tones ---*/
40366/*-------------------
40367 Active
40368--------------------*/
40369/*--- Colors ---*/
40370/*--- Emotive ---*/
40371/*--- Brand ---*/
40372/*--- Dark Tones ---*/
40373/*--- Light Tones ---*/
40374/* Site theme site.variables */
40375/*-------------------
40376 Component Variables
40377---------------------*/
40378/* Default */
40379/*******************************
40380 Advertisement
40381*******************************/
40382/* Packaged Theme */
40383/*******************************
40384 Advertisement
40385*******************************/
40386/* Site Theme */
40387/*******************************
40388 Mix-ins
40389*******************************/
40390/*------------------
40391 Fonts
40392-------------------*/
40393/*------------------
40394 Overrides
40395-------------------*/
40396/* End Config */
40397/*******************************
40398 Advertisement
40399*******************************/
40400.ui.ad {
40401 display: block;
40402 overflow: hidden;
40403 margin: 1em 0em;
40404}
40405.ui.ad:first-child {
40406 margin: 0em;
40407}
40408.ui.ad:last-child {
40409 margin: 0em;
40410}
40411.ui.ad iframe {
40412 margin: 0em;
40413 padding: 0em;
40414 border: none;
40415 overflow: hidden;
40416}
40417/*--------------
40418 Common
40419---------------*/
40420/* Leaderboard */
40421.ui.leaderboard.ad {
40422 width: 728px;
40423 height: 90px;
40424}
40425/* Medium Rectangle */
40426.ui[class*="medium rectangle"].ad {
40427 width: 300px;
40428 height: 250px;
40429}
40430/* Large Rectangle */
40431.ui[class*="large rectangle"].ad {
40432 width: 336px;
40433 height: 280px;
40434}
40435/* Half Page */
40436.ui[class*="half page"].ad {
40437 width: 300px;
40438 height: 600px;
40439}
40440/*--------------
40441 Square
40442---------------*/
40443/* Square */
40444.ui.square.ad {
40445 width: 250px;
40446 height: 250px;
40447}
40448/* Small Square */
40449.ui[class*="small square"].ad {
40450 width: 200px;
40451 height: 200px;
40452}
40453/*--------------
40454 Rectangle
40455---------------*/
40456/* Small Rectangle */
40457.ui[class*="small rectangle"].ad {
40458 width: 180px;
40459 height: 150px;
40460}
40461/* Vertical Rectangle */
40462.ui[class*="vertical rectangle"].ad {
40463 width: 240px;
40464 height: 400px;
40465}
40466/*--------------
40467 Button
40468---------------*/
40469.ui.button.ad {
40470 width: 120px;
40471 height: 90px;
40472}
40473.ui[class*="square button"].ad {
40474 width: 125px;
40475 height: 125px;
40476}
40477.ui[class*="small button"].ad {
40478 width: 120px;
40479 height: 60px;
40480}
40481/*--------------
40482 Skyscrapers
40483---------------*/
40484/* Skyscraper */
40485.ui.skyscraper.ad {
40486 width: 120px;
40487 height: 600px;
40488}
40489/* Wide Skyscraper */
40490.ui[class*="wide skyscraper"].ad {
40491 width: 160px;
40492}
40493/*--------------
40494 Banners
40495---------------*/
40496/* Banner */
40497.ui.banner.ad {
40498 width: 468px;
40499 height: 60px;
40500}
40501/* Vertical Banner */
40502.ui[class*="vertical banner"].ad {
40503 width: 120px;
40504 height: 240px;
40505}
40506/* Top Banner */
40507.ui[class*="top banner"].ad {
40508 width: 930px;
40509 height: 180px;
40510}
40511/* Half Banner */
40512.ui[class*="half banner"].ad {
40513 width: 234px;
40514 height: 60px;
40515}
40516/*--------------
40517 Boards
40518---------------*/
40519/* Leaderboard */
40520.ui[class*="large leaderboard"].ad {
40521 width: 970px;
40522 height: 90px;
40523}
40524/* Billboard */
40525.ui.billboard.ad {
40526 width: 970px;
40527 height: 250px;
40528}
40529/*--------------
40530 Panorama
40531---------------*/
40532/* Panorama */
40533.ui.panorama.ad {
40534 width: 980px;
40535 height: 120px;
40536}
40537/*--------------
40538 Netboard
40539---------------*/
40540/* Netboard */
40541.ui.netboard.ad {
40542 width: 580px;
40543 height: 400px;
40544}
40545/*--------------
40546 Mobile
40547---------------*/
40548/* Large Mobile Banner */
40549.ui[class*="large mobile banner"].ad {
40550 width: 320px;
40551 height: 100px;
40552}
40553/* Mobile Leaderboard */
40554.ui[class*="mobile leaderboard"].ad {
40555 width: 320px;
40556 height: 50px;
40557}
40558/*******************************
40559 Types
40560*******************************/
40561/* Mobile Sizes */
40562.ui.mobile.ad {
40563 display: none;
40564}
40565@media only screen and (max-width: 767px) {
40566 .ui.mobile.ad {
40567 display: block;
40568 }
40569}
40570/*******************************
40571 Variations
40572*******************************/
40573.ui.centered.ad {
40574 margin-left: auto;
40575 margin-right: auto;
40576}
40577.ui.test.ad {
40578 position: relative;
40579 background: #545454;
40580}
40581.ui.test.ad:after {
40582 position: absolute;
40583 top: 50%;
40584 left: 50%;
40585 width: 100%;
40586 text-align: center;
40587 transform: translateX(-50%) translateY(-50%);
40588 content: 'Ad';
40589 color: #FFFFFF;
40590 font-size: 1em;
40591 font-weight: bold;
40592}
40593.ui.mobile.test.ad:after {
40594 font-size: 0.85714286em;
40595}
40596.ui.test.ad[data-text]:after {
40597 content: attr(data-text);
40598}
40599/*******************************
40600 Theme Overrides
40601*******************************/
40602/*!
40603 * # Semantic UI - Item
40604 * http://github.com/semantic-org/semantic-ui/
40605 *
40606 *
40607 * Released under the MIT license
40608 * http://opensource.org/licenses/MIT
40609 *
40610 */
40611/*******************************
40612 Theme
40613*******************************/
40614/*
40615
40616████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
40617╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
40618 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
40619 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
40620 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
40621 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
40622
40623*/
40624/*******************************
40625 Theme Selection
40626*******************************/
40627/* To override a theme for an individual element
40628 specify theme name below
40629*/
40630/* Global */
40631/* Elements */
40632/* Collections */
40633/* Modules */
40634/* Views */
40635/*******************************
40636 Folders
40637*******************************/
40638/* Path to theme packages */
40639/* Path to site override folder */
40640/*******************************
40641 Import Theme
40642*******************************/
40643/*******************************
40644 Import Directives
40645*******************************/
40646/*------------------
40647 Theme
40648-------------------*/
40649/*--------------------
40650 Site Variables
40651---------------------*/
40652/* Default site.variables */
40653/*******************************
40654 Site Settings
40655*******************************/
40656/*-------------------
40657 Fonts
40658--------------------*/
40659/*-------------------
40660 Base Sizes
40661--------------------*/
40662/* This is the single variable that controls them all */
40663/* The size of page text */
40664/*-------------------
40665 Border Radius
40666--------------------*/
40667/* See Power-user section below
40668 for explanation of @px variables
40669*/
40670/*-------------------
40671 Brand Colors
40672--------------------*/
40673/*--------------
40674 Page Heading
40675---------------*/
40676/*--------------
40677 Form Input
40678---------------*/
40679/* This adjusts the default form input across all elements */
40680/* Input Text Color */
40681/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
40682/*-------------------
40683 Focused Input
40684--------------------*/
40685/* Used on inputs, textarea etc */
40686/* Used on dropdowns, other larger blocks */
40687/*-------------------
40688 Sizes
40689--------------------*/
40690/*
40691 Sizes are all expressed in terms of 14px/em (default em)
40692 This ensures these "ratios" remain constant despite changes in EM
40693*/
40694/*-------------------
40695 Page
40696--------------------*/
40697/*-------------------
40698 Paragraph
40699--------------------*/
40700/*-------------------
40701 Links
40702--------------------*/
40703/*-------------------
40704 Scroll Bars
40705--------------------*/
40706/* Inverted */
40707/*-------------------
40708 Highlighted Text
40709--------------------*/
40710/*-------------------
40711 Loader
40712--------------------*/
40713/*-------------------
40714 Grid
40715--------------------*/
40716/*-------------------
40717 Transitions
40718--------------------*/
40719/*-------------------
40720 Breakpoints
40721--------------------*/
40722/*-------------------
40723 Site Colors
40724--------------------*/
40725/*--- Colors ---*/
40726/*--- Light Colors ---*/
40727/*--- Neutrals ---*/
40728/*--- Colored Backgrounds ---*/
40729/*--- Colored Headers ---*/
40730/*--- Colored Text ---*/
40731/*--- Colored Border ---*/
40732/*-------------------
40733 Alpha Colors
40734--------------------*/
40735/*-------------------
40736 Accents
40737--------------------*/
40738/* Differentiating Neutrals */
40739/* Differentiating Layers */
40740/*******************************
40741 Power-User
40742*******************************/
40743/*-------------------
40744 Emotive Colors
40745--------------------*/
40746/* Positive */
40747/* Negative */
40748/* Info */
40749/* Warning */
40750/*-------------------
40751 Paths
40752--------------------*/
40753/* For source only. Modified in gulp for dist */
40754/*-------------------
40755 Em Sizes
40756--------------------*/
40757/*
40758 This rounds @size values to the closest pixel then expresses that value in (r)em.
40759 This ensures all size values round to exact pixels
40760*/
40761/* em */
40762/* rem */
40763/*-------------------
40764 Icons
40765--------------------*/
40766/* Maximum Glyph Width of Icon */
40767/*-------------------
40768 Neutral Text
40769--------------------*/
40770/*-------------------
40771 Brand Colors
40772--------------------*/
40773/*-------------------
40774 Borders
40775--------------------*/
40776/*-------------------
40777 Derived Values
40778--------------------*/
40779/* Loaders Position Offset */
40780/* Rendered Scrollbar Width */
40781/* Maximum Single Character Glyph Width, aka Capital "W" */
40782/* Used to match floats with text */
40783/* Header Spacing */
40784/* Minimum Mobile Width */
40785/* Positive / Negative Dupes */
40786/* Responsive */
40787/*-------------------
40788 Exact Pixel Values
40789--------------------*/
40790/*
40791 These are used to specify exact pixel values in em
40792 for things like borders that remain constantly
40793 sized as emSize adjusts
40794
40795 Since there are many more sizes than names for sizes,
40796 these are named by their original pixel values.
40797
40798*/
40799/* Columns */
40800/*******************************
40801 States
40802*******************************/
40803/*-------------------
40804 Disabled
40805--------------------*/
40806/*-------------------
40807 Hover
40808--------------------*/
40809/*--- Shadows ---*/
40810/*--- Colors ---*/
40811/*--- Emotive ---*/
40812/*--- Brand ---*/
40813/*--- Dark Tones ---*/
40814/*--- Light Tones ---*/
40815/*-------------------
40816 Focus
40817--------------------*/
40818/*--- Colors ---*/
40819/*--- Emotive ---*/
40820/*--- Brand ---*/
40821/*--- Dark Tones ---*/
40822/*--- Light Tones ---*/
40823/*-------------------
40824 Down (:active)
40825--------------------*/
40826/*--- Colors ---*/
40827/*--- Emotive ---*/
40828/*--- Brand ---*/
40829/*--- Dark Tones ---*/
40830/*--- Light Tones ---*/
40831/*-------------------
40832 Active
40833--------------------*/
40834/*--- Colors ---*/
40835/*--- Emotive ---*/
40836/*--- Brand ---*/
40837/*--- Dark Tones ---*/
40838/*--- Light Tones ---*/
40839/* Packaged site.variables */
40840/*******************************
40841 Site Settings
40842*******************************/
40843/*-------------------
40844 Fonts
40845--------------------*/
40846/*-------------------
40847 Base Sizes
40848--------------------*/
40849/* This is the single variable that controls them all */
40850/* The size of page text */
40851/*-------------------
40852 Border Radius
40853--------------------*/
40854/* See Power-user section below
40855 for explanation of @px variables
40856*/
40857/*-------------------
40858 Brand Colors
40859--------------------*/
40860/*--------------
40861 Page Heading
40862---------------*/
40863/*--------------
40864 Form Input
40865---------------*/
40866/* This adjusts the default form input across all elements */
40867/* Input Text Color */
40868/* Line Height Default For Inputs in Browser */
40869/*-------------------
40870 Focused Input
40871--------------------*/
40872/* Used on inputs, textarea etc */
40873/* Used on dropdowns, other larger blocks */
40874/*-------------------
40875 Sizes
40876--------------------*/
40877/*
40878 Sizes are all expressed in terms of 14px/em (default em)
40879 This ensures these "ratios" remain constant despite changes in EM
40880*/
40881/*-------------------
40882 Page
40883--------------------*/
40884/*-------------------
40885 Paragraph
40886--------------------*/
40887/*-------------------
40888 Links
40889--------------------*/
40890/*-------------------
40891 Highlighted Text
40892--------------------*/
40893/*-------------------
40894 Loader
40895--------------------*/
40896/*-------------------
40897 Grid
40898--------------------*/
40899/*-------------------
40900 Transitions
40901--------------------*/
40902/*-------------------
40903 Breakpoints
40904--------------------*/
40905/*-------------------
40906 Site Colors
40907--------------------*/
40908/*--- Colors ---*/
40909/*--- Light Colors ---*/
40910/*--- Neutrals ---*/
40911/*--- Colored Backgrounds ---*/
40912/*--- Colored Headers ---*/
40913/*--- Colored Text ---*/
40914/*--- Colored Border ---*/
40915/*-------------------
40916 Alpha Colors
40917--------------------*/
40918/*-------------------
40919 Accents
40920--------------------*/
40921/* Differentiating Neutrals */
40922/* Differentiating Layers */
40923/*******************************
40924 Power-User
40925*******************************/
40926/*-------------------
40927 Emotive Colors
40928--------------------*/
40929/* Positive */
40930/* Negative */
40931/* Info */
40932/* Warning */
40933/*-------------------
40934 Paths
40935--------------------*/
40936/* For source only. Modified in gulp for dist */
40937/*-------------------
40938 Em Sizes
40939--------------------*/
40940/*
40941 This rounds @size values to the closest pixel then expresses that value in (r)em.
40942 This ensures all size values round to exact pixels
40943*/
40944/* em */
40945/* rem */
40946/*-------------------
40947 Icons
40948--------------------*/
40949/* Maximum Glyph Width of Icon */
40950/*-------------------
40951 Neutral Text
40952--------------------*/
40953/*-------------------
40954 Brand Colors
40955--------------------*/
40956/*-------------------
40957 Borders
40958--------------------*/
40959/*-------------------
40960 Derived Values
40961--------------------*/
40962/* Loaders Position Offset */
40963/* Rendered Scrollbar Width */
40964/* Maximum Single Character Glyph Width, aka Capital "W" */
40965/* Used to match floats with text */
40966/* Header Spacing */
40967/* Minimum Mobile Width */
40968/* Positive / Negative Dupes */
40969/* Responsive */
40970/*-------------------
40971 Exact Pixel Values
40972--------------------*/
40973/*
40974 These are used to specify exact pixel values in em
40975 for things like borders that remain constantly
40976 sized as emSize adjusts
40977
40978 Since there are many more sizes than names for sizes,
40979 these are named by their original pixel values.
40980
40981*/
40982/* Columns */
40983/*******************************
40984 States
40985*******************************/
40986/*-------------------
40987 Disabled
40988--------------------*/
40989/*-------------------
40990 Hover
40991--------------------*/
40992/*--- Shadows ---*/
40993/*--- Colors ---*/
40994/* https://github.com/Tripwire/octagon/issues/144 */
40995/*--- Emotive ---*/
40996/*--- Brand ---*/
40997/*--- Dark Tones ---*/
40998/*--- Light Tones ---*/
40999/*-------------------
41000 Focus
41001--------------------*/
41002/*--- Colors ---*/
41003/*--- Emotive ---*/
41004/*--- Brand ---*/
41005/*--- Dark Tones ---*/
41006/*--- Light Tones ---*/
41007/*-------------------
41008 Down (:active)
41009--------------------*/
41010/*--- Colors ---*/
41011/*--- Emotive ---*/
41012/*--- Brand ---*/
41013/*--- Dark Tones ---*/
41014/*--- Light Tones ---*/
41015/*-------------------
41016 Active
41017--------------------*/
41018/*--- Colors ---*/
41019/*--- Emotive ---*/
41020/*--- Brand ---*/
41021/*--- Dark Tones ---*/
41022/*--- Light Tones ---*/
41023/* Component's site.variables */
41024/*******************************
41025 Site Settings
41026*******************************/
41027/*-------------------
41028 Fonts
41029--------------------*/
41030/*-------------------
41031 Base Sizes
41032--------------------*/
41033/* This is the single variable that controls them all */
41034/* The size of page text */
41035/*-------------------
41036 Border Radius
41037--------------------*/
41038/* See Power-user section below
41039 for explanation of @px variables
41040*/
41041/*-------------------
41042 Brand Colors
41043--------------------*/
41044/*--------------
41045 Page Heading
41046---------------*/
41047/*--------------
41048 Form Input
41049---------------*/
41050/* This adjusts the default form input across all elements */
41051/* Input Text Color */
41052/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
41053/*-------------------
41054 Focused Input
41055--------------------*/
41056/* Used on inputs, textarea etc */
41057/* Used on dropdowns, other larger blocks */
41058/*-------------------
41059 Sizes
41060--------------------*/
41061/*
41062 Sizes are all expressed in terms of 14px/em (default em)
41063 This ensures these "ratios" remain constant despite changes in EM
41064*/
41065/*-------------------
41066 Page
41067--------------------*/
41068/*-------------------
41069 Paragraph
41070--------------------*/
41071/*-------------------
41072 Links
41073--------------------*/
41074/*-------------------
41075 Scroll Bars
41076--------------------*/
41077/* Inverted */
41078/*-------------------
41079 Highlighted Text
41080--------------------*/
41081/*-------------------
41082 Loader
41083--------------------*/
41084/*-------------------
41085 Grid
41086--------------------*/
41087/*-------------------
41088 Transitions
41089--------------------*/
41090/*-------------------
41091 Breakpoints
41092--------------------*/
41093/*-------------------
41094 Site Colors
41095--------------------*/
41096/*--- Colors ---*/
41097/*--- Light Colors ---*/
41098/*--- Neutrals ---*/
41099/*--- Colored Backgrounds ---*/
41100/*--- Colored Headers ---*/
41101/*--- Colored Text ---*/
41102/*--- Colored Border ---*/
41103/*-------------------
41104 Alpha Colors
41105--------------------*/
41106/*-------------------
41107 Accents
41108--------------------*/
41109/* Differentiating Neutrals */
41110/* Differentiating Layers */
41111/*******************************
41112 Power-User
41113*******************************/
41114/*-------------------
41115 Emotive Colors
41116--------------------*/
41117/* Positive */
41118/* Negative */
41119/* Info */
41120/* Warning */
41121/*-------------------
41122 Paths
41123--------------------*/
41124/* For source only. Modified in gulp for dist */
41125/*-------------------
41126 Em Sizes
41127--------------------*/
41128/*
41129 This rounds @size values to the closest pixel then expresses that value in (r)em.
41130 This ensures all size values round to exact pixels
41131*/
41132/* em */
41133/* rem */
41134/*-------------------
41135 Icons
41136--------------------*/
41137/* Maximum Glyph Width of Icon */
41138/*-------------------
41139 Neutral Text
41140--------------------*/
41141/*-------------------
41142 Brand Colors
41143--------------------*/
41144/*-------------------
41145 Borders
41146--------------------*/
41147/*-------------------
41148 Derived Values
41149--------------------*/
41150/* Loaders Position Offset */
41151/* Rendered Scrollbar Width */
41152/* Maximum Single Character Glyph Width, aka Capital "W" */
41153/* Used to match floats with text */
41154/* Header Spacing */
41155/* Minimum Mobile Width */
41156/* Positive / Negative Dupes */
41157/* Responsive */
41158/*-------------------
41159 Exact Pixel Values
41160--------------------*/
41161/*
41162 These are used to specify exact pixel values in em
41163 for things like borders that remain constantly
41164 sized as emSize adjusts
41165
41166 Since there are many more sizes than names for sizes,
41167 these are named by their original pixel values.
41168
41169*/
41170/* Columns */
41171/*******************************
41172 States
41173*******************************/
41174/*-------------------
41175 Disabled
41176--------------------*/
41177/*-------------------
41178 Hover
41179--------------------*/
41180/*--- Shadows ---*/
41181/*--- Colors ---*/
41182/*--- Emotive ---*/
41183/*--- Brand ---*/
41184/*--- Dark Tones ---*/
41185/*--- Light Tones ---*/
41186/*-------------------
41187 Focus
41188--------------------*/
41189/*--- Colors ---*/
41190/*--- Emotive ---*/
41191/*--- Brand ---*/
41192/*--- Dark Tones ---*/
41193/*--- Light Tones ---*/
41194/*-------------------
41195 Down (:active)
41196--------------------*/
41197/*--- Colors ---*/
41198/*--- Emotive ---*/
41199/*--- Brand ---*/
41200/*--- Dark Tones ---*/
41201/*--- Light Tones ---*/
41202/*-------------------
41203 Active
41204--------------------*/
41205/*--- Colors ---*/
41206/*--- Emotive ---*/
41207/*--- Brand ---*/
41208/*--- Dark Tones ---*/
41209/*--- Light Tones ---*/
41210/* Site theme site.variables */
41211/*-------------------
41212 Component Variables
41213---------------------*/
41214/* Default */
41215/*******************************
41216 Card
41217*******************************/
41218/*-------------------
41219 View
41220--------------------*/
41221/* Shadow */
41222/* Card */
41223/* Card Group */
41224/* Consecutive Cards */
41225/*-------------------
41226 Content
41227--------------------*/
41228/* Image */
41229/* Content */
41230/* Header */
41231/* Metadata */
41232/* Icons */
41233/* Links */
41234/* Description */
41235/* Content Image */
41236/* Avatar Image */
41237/* Paragraph */
41238/* Dimmer */
41239/* Additional Content */
41240/* Extra Links */
41241/* Buttons */
41242/*-------------------
41243 Variations
41244--------------------*/
41245/* Link */
41246/* Raised */
41247/* Card Count */
41248/* Stackable */
41249/* Sizes */
41250/* Colored */
41251/* Packaged Theme */
41252/*******************************
41253 Card
41254*******************************/
41255/*-------------------
41256 View
41257--------------------*/
41258/* Shadow */
41259/* Card */
41260/* Card Group */
41261/* Consecutive Cards */
41262/*-------------------
41263 Content
41264--------------------*/
41265/* Image */
41266/* Content */
41267/* Header */
41268/* Metadata */
41269/* Icons */
41270/* Links */
41271/* Description */
41272/* Content Image */
41273/* Avatar Image */
41274/* Paragraph */
41275/* Dimmer */
41276/* Additional Content */
41277/* Extra Links */
41278/* Buttons */
41279/*-------------------
41280 Variations
41281--------------------*/
41282/* Link */
41283/* Raised */
41284/* Card Count */
41285/* Stackable */
41286/* Sizes */
41287/* Colored */
41288/* Site Theme */
41289/*******************************
41290 Mix-ins
41291*******************************/
41292/*------------------
41293 Fonts
41294-------------------*/
41295/*------------------
41296 Overrides
41297-------------------*/
41298/* End Config */
41299/*******************************
41300 Standard
41301*******************************/
41302/*--------------
41303 Card
41304---------------*/
41305.ui.cards > .card,
41306.ui.card {
41307 max-width: 100%;
41308 position: relative;
41309 display: flex;
41310 flex-direction: column;
41311 width: 290px;
41312 min-height: 0px;
41313 background: #FFFFFF;
41314 padding: 0em;
41315 border: none;
41316 border-radius: 0.28571429rem;
41317 box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
41318 transition: box-shadow 0.1s ease, transform 0.1s ease;
41319 z-index: '';
41320}
41321.ui.card {
41322 margin: 1em 0em;
41323}
41324.ui.cards > .card a,
41325.ui.card a {
41326 cursor: pointer;
41327}
41328.ui.card:first-child {
41329 margin-top: 0em;
41330}
41331.ui.card:last-child {
41332 margin-bottom: 0em;
41333}
41334/*--------------
41335 Cards
41336---------------*/
41337.ui.cards {
41338 display: flex;
41339 margin: -0.875em -0.5em;
41340 flex-wrap: wrap;
41341}
41342.ui.cards > .card {
41343 display: flex;
41344 margin: 0.875em 0.5em;
41345 float: none;
41346}
41347/* Clearing */
41348.ui.cards:after,
41349.ui.card:after {
41350 display: block;
41351 content: ' ';
41352 height: 0px;
41353 clear: both;
41354 overflow: hidden;
41355 visibility: hidden;
41356}
41357/* Consecutive Card Groups Preserve Row Spacing */
41358.ui.cards ~ .ui.cards {
41359 margin-top: 0.875em;
41360}
41361/*--------------
41362 Rounded Edges
41363---------------*/
41364.ui.cards > .card > :first-child,
41365.ui.card > :first-child {
41366 border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
41367 border-top: none !important;
41368}
41369.ui.cards > .card > :last-child,
41370.ui.card > :last-child {
41371 border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
41372}
41373.ui.cards > .card > :only-child,
41374.ui.card > :only-child {
41375 border-radius: 0.28571429rem !important;
41376}
41377/*--------------
41378 Images
41379---------------*/
41380.ui.cards > .card > .image,
41381.ui.card > .image {
41382 position: relative;
41383 display: block;
41384 flex: 0 0 auto;
41385 padding: 0em;
41386 background: rgba(0, 0, 0, 0.05);
41387}
41388.ui.cards > .card > .image > img,
41389.ui.card > .image > img {
41390 display: block;
41391 width: 100%;
41392 height: auto;
41393 border-radius: inherit;
41394}
41395.ui.cards > .card > .image:not(.ui) > img,
41396.ui.card > .image:not(.ui) > img {
41397 border: none;
41398}
41399/*--------------
41400 Content
41401---------------*/
41402.ui.cards > .card > .content,
41403.ui.card > .content {
41404 flex-grow: 1;
41405 border: none;
41406 border-top: 1px solid rgba(34, 36, 38, 0.1);
41407 background: none;
41408 margin: 0em;
41409 padding: 1em 1em;
41410 box-shadow: none;
41411 font-size: 1em;
41412 border-radius: 0em;
41413}
41414.ui.cards > .card > .content:after,
41415.ui.card > .content:after {
41416 display: block;
41417 content: ' ';
41418 height: 0px;
41419 clear: both;
41420 overflow: hidden;
41421 visibility: hidden;
41422}
41423.ui.cards > .card > .content > .header,
41424.ui.card > .content > .header {
41425 display: block;
41426 margin: '';
41427 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
41428 color: rgba(0, 0, 0, 0.85);
41429}
41430/* Default Header Size */
41431.ui.cards > .card > .content > .header:not(.ui),
41432.ui.card > .content > .header:not(.ui) {
41433 font-weight: bold;
41434 font-size: 1.28571429em;
41435 margin-top: -0.21425em;
41436 line-height: 1.28571429em;
41437}
41438.ui.cards > .card > .content > .meta + .description,
41439.ui.cards > .card > .content > .header + .description,
41440.ui.card > .content > .meta + .description,
41441.ui.card > .content > .header + .description {
41442 margin-top: 0.5em;
41443}
41444/*----------------
41445 Floated Content
41446-----------------*/
41447.ui.cards > .card [class*="left floated"],
41448.ui.card [class*="left floated"] {
41449 float: left;
41450}
41451.ui.cards > .card [class*="right floated"],
41452.ui.card [class*="right floated"] {
41453 float: right;
41454}
41455/*--------------
41456 Aligned
41457---------------*/
41458.ui.cards > .card [class*="left aligned"],
41459.ui.card [class*="left aligned"] {
41460 text-align: left;
41461}
41462.ui.cards > .card [class*="center aligned"],
41463.ui.card [class*="center aligned"] {
41464 text-align: center;
41465}
41466.ui.cards > .card [class*="right aligned"],
41467.ui.card [class*="right aligned"] {
41468 text-align: right;
41469}
41470/*--------------
41471 Content Image
41472---------------*/
41473.ui.cards > .card .content img,
41474.ui.card .content img {
41475 display: inline-block;
41476 vertical-align: middle;
41477 width: '';
41478}
41479.ui.cards > .card img.avatar,
41480.ui.cards > .card .avatar img,
41481.ui.card img.avatar,
41482.ui.card .avatar img {
41483 width: 2em;
41484 height: 2em;
41485 border-radius: 500rem;
41486}
41487/*--------------
41488 Description
41489---------------*/
41490.ui.cards > .card > .content > .description,
41491.ui.card > .content > .description {
41492 clear: both;
41493 color: rgba(0, 0, 0, 0.68);
41494}
41495/*--------------
41496 Paragraph
41497---------------*/
41498.ui.cards > .card > .content p,
41499.ui.card > .content p {
41500 margin: 0em 0em 0.5em;
41501}
41502.ui.cards > .card > .content p:last-child,
41503.ui.card > .content p:last-child {
41504 margin-bottom: 0em;
41505}
41506/*--------------
41507 Meta
41508---------------*/
41509.ui.cards > .card .meta,
41510.ui.card .meta {
41511 font-size: 1em;
41512 color: rgba(0, 0, 0, 0.4);
41513}
41514.ui.cards > .card .meta *,
41515.ui.card .meta * {
41516 margin-right: 0.3em;
41517}
41518.ui.cards > .card .meta :last-child,
41519.ui.card .meta :last-child {
41520 margin-right: 0em;
41521}
41522.ui.cards > .card .meta [class*="right floated"],
41523.ui.card .meta [class*="right floated"] {
41524 margin-right: 0em;
41525 margin-left: 0.3em;
41526}
41527/*--------------
41528 Links
41529---------------*/
41530/* Generic */
41531.ui.cards > .card > .content a:not(.ui),
41532.ui.card > .content a:not(.ui) {
41533 color: '';
41534 transition: color 0.1s ease;
41535}
41536.ui.cards > .card > .content a:not(.ui):hover,
41537.ui.card > .content a:not(.ui):hover {
41538 color: '';
41539}
41540/* Header */
41541.ui.cards > .card > .content > a.header,
41542.ui.card > .content > a.header {
41543 color: rgba(0, 0, 0, 0.85);
41544}
41545.ui.cards > .card > .content > a.header:hover,
41546.ui.card > .content > a.header:hover {
41547 color: #1e70bf;
41548}
41549/* Meta */
41550.ui.cards > .card .meta > a:not(.ui),
41551.ui.card .meta > a:not(.ui) {
41552 color: rgba(0, 0, 0, 0.4);
41553}
41554.ui.cards > .card .meta > a:not(.ui):hover,
41555.ui.card .meta > a:not(.ui):hover {
41556 color: rgba(0, 0, 0, 0.87);
41557}
41558/*--------------
41559 Buttons
41560---------------*/
41561.ui.cards > .card > .buttons,
41562.ui.card > .buttons,
41563.ui.cards > .card > .button,
41564.ui.card > .button {
41565 margin: 0px -1px;
41566 width: calc(100% + 2px );
41567}
41568/*--------------
41569 Dimmer
41570---------------*/
41571.ui.cards > .card .dimmer,
41572.ui.card .dimmer {
41573 background-color: '';
41574 z-index: 10;
41575}
41576/*--------------
41577 Labels
41578---------------*/
41579/*-----Star----- */
41580/* Icon */
41581.ui.cards > .card > .content .star.icon,
41582.ui.card > .content .star.icon {
41583 cursor: pointer;
41584 opacity: 0.75;
41585 transition: color 0.1s ease;
41586}
41587.ui.cards > .card > .content .star.icon:hover,
41588.ui.card > .content .star.icon:hover {
41589 opacity: 1;
41590 color: #FFB70A;
41591}
41592.ui.cards > .card > .content .active.star.icon,
41593.ui.card > .content .active.star.icon {
41594 color: #FFE623;
41595}
41596/*-----Like----- */
41597/* Icon */
41598.ui.cards > .card > .content .like.icon,
41599.ui.card > .content .like.icon {
41600 cursor: pointer;
41601 opacity: 0.75;
41602 transition: color 0.1s ease;
41603}
41604.ui.cards > .card > .content .like.icon:hover,
41605.ui.card > .content .like.icon:hover {
41606 opacity: 1;
41607 color: #FF2733;
41608}
41609.ui.cards > .card > .content .active.like.icon,
41610.ui.card > .content .active.like.icon {
41611 color: #FF2733;
41612}
41613/*----------------
41614 Extra Content
41615-----------------*/
41616.ui.cards > .card > .extra,
41617.ui.card > .extra {
41618 max-width: 100%;
41619 min-height: 0em !important;
41620 flex-grow: 0;
41621 border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
41622 position: static;
41623 background: none;
41624 width: auto;
41625 margin: 0em 0em;
41626 padding: 0.75em 1em;
41627 top: 0em;
41628 left: 0em;
41629 color: rgba(0, 0, 0, 0.4);
41630 box-shadow: none;
41631 transition: color 0.1s ease;
41632}
41633.ui.cards > .card > .extra a:not(.ui),
41634.ui.card > .extra a:not(.ui) {
41635 color: rgba(0, 0, 0, 0.4);
41636}
41637.ui.cards > .card > .extra a:not(.ui):hover,
41638.ui.card > .extra a:not(.ui):hover {
41639 color: #1e70bf;
41640}
41641/*******************************
41642 Variations
41643*******************************/
41644/*-------------------
41645 Raised
41646--------------------*/
41647.ui.raised.cards > .card,
41648.ui.raised.card {
41649 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
41650}
41651.ui.raised.cards a.card:hover,
41652.ui.link.cards .raised.card:hover,
41653a.ui.raised.card:hover,
41654.ui.link.raised.card:hover {
41655 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
41656}
41657.ui.raised.cards > .card,
41658.ui.raised.card {
41659 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
41660}
41661/*-------------------
41662 Centered
41663--------------------*/
41664.ui.centered.cards {
41665 justify-content: center;
41666}
41667.ui.centered.card {
41668 margin-left: auto;
41669 margin-right: auto;
41670}
41671/*-------------------
41672 Fluid
41673--------------------*/
41674.ui.fluid.card {
41675 width: 100%;
41676 max-width: 9999px;
41677}
41678/*-------------------
41679 Link
41680--------------------*/
41681.ui.cards a.card,
41682.ui.link.cards .card,
41683a.ui.card,
41684.ui.link.card {
41685 transform: none;
41686}
41687.ui.cards a.card:hover,
41688.ui.link.cards .card:hover,
41689a.ui.card:hover,
41690.ui.link.card:hover {
41691 cursor: pointer;
41692 z-index: 5;
41693 background: #FFFFFF;
41694 border: none;
41695 box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
41696 transform: translateY(-3px);
41697}
41698/*-------------------
41699 Colors
41700--------------------*/
41701/* Red */
41702.ui.red.cards > .card,
41703.ui.cards > .red.card,
41704.ui.red.card {
41705 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;
41706}
41707.ui.red.cards > .card:hover,
41708.ui.cards > .red.card:hover,
41709.ui.red.card:hover {
41710 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;
41711}
41712/* Orange */
41713.ui.orange.cards > .card,
41714.ui.cards > .orange.card,
41715.ui.orange.card {
41716 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;
41717}
41718.ui.orange.cards > .card:hover,
41719.ui.cards > .orange.card:hover,
41720.ui.orange.card:hover {
41721 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;
41722}
41723/* Yellow */
41724.ui.yellow.cards > .card,
41725.ui.cards > .yellow.card,
41726.ui.yellow.card {
41727 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;
41728}
41729.ui.yellow.cards > .card:hover,
41730.ui.cards > .yellow.card:hover,
41731.ui.yellow.card:hover {
41732 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;
41733}
41734/* Olive */
41735.ui.olive.cards > .card,
41736.ui.cards > .olive.card,
41737.ui.olive.card {
41738 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;
41739}
41740.ui.olive.cards > .card:hover,
41741.ui.cards > .olive.card:hover,
41742.ui.olive.card:hover {
41743 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;
41744}
41745/* Green */
41746.ui.green.cards > .card,
41747.ui.cards > .green.card,
41748.ui.green.card {
41749 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;
41750}
41751.ui.green.cards > .card:hover,
41752.ui.cards > .green.card:hover,
41753.ui.green.card:hover {
41754 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;
41755}
41756/* Teal */
41757.ui.teal.cards > .card,
41758.ui.cards > .teal.card,
41759.ui.teal.card {
41760 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;
41761}
41762.ui.teal.cards > .card:hover,
41763.ui.cards > .teal.card:hover,
41764.ui.teal.card:hover {
41765 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;
41766}
41767/* Blue */
41768.ui.blue.cards > .card,
41769.ui.cards > .blue.card,
41770.ui.blue.card {
41771 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
41772}
41773.ui.blue.cards > .card:hover,
41774.ui.cards > .blue.card:hover,
41775.ui.blue.card:hover {
41776 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
41777}
41778/* Violet */
41779.ui.violet.cards > .card,
41780.ui.cards > .violet.card,
41781.ui.violet.card {
41782 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;
41783}
41784.ui.violet.cards > .card:hover,
41785.ui.cards > .violet.card:hover,
41786.ui.violet.card:hover {
41787 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;
41788}
41789/* Purple */
41790.ui.purple.cards > .card,
41791.ui.cards > .purple.card,
41792.ui.purple.card {
41793 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;
41794}
41795.ui.purple.cards > .card:hover,
41796.ui.cards > .purple.card:hover,
41797.ui.purple.card:hover {
41798 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;
41799}
41800/* Pink */
41801.ui.pink.cards > .card,
41802.ui.cards > .pink.card,
41803.ui.pink.card {
41804 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;
41805}
41806.ui.pink.cards > .card:hover,
41807.ui.cards > .pink.card:hover,
41808.ui.pink.card:hover {
41809 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;
41810}
41811/* Brown */
41812.ui.brown.cards > .card,
41813.ui.cards > .brown.card,
41814.ui.brown.card {
41815 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;
41816}
41817.ui.brown.cards > .card:hover,
41818.ui.cards > .brown.card:hover,
41819.ui.brown.card:hover {
41820 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;
41821}
41822/* Grey */
41823.ui.grey.cards > .card,
41824.ui.cards > .grey.card,
41825.ui.grey.card {
41826 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;
41827}
41828.ui.grey.cards > .card:hover,
41829.ui.cards > .grey.card:hover,
41830.ui.grey.card:hover {
41831 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;
41832}
41833/* Black */
41834.ui.black.cards > .card,
41835.ui.cards > .black.card,
41836.ui.black.card {
41837 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
41838}
41839.ui.black.cards > .card:hover,
41840.ui.cards > .black.card:hover,
41841.ui.black.card:hover {
41842 box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
41843}
41844/*--------------
41845 Card Count
41846---------------*/
41847.ui.one.cards {
41848 margin-left: 0em;
41849 margin-right: 0em;
41850}
41851.ui.one.cards > .card {
41852 width: 100%;
41853}
41854.ui.two.cards {
41855 margin-left: -1em;
41856 margin-right: -1em;
41857}
41858.ui.two.cards > .card {
41859 width: calc( 50% - 2em );
41860 margin-left: 1em;
41861 margin-right: 1em;
41862}
41863.ui.three.cards {
41864 margin-left: -1em;
41865 margin-right: -1em;
41866}
41867.ui.three.cards > .card {
41868 width: calc( 33.33333333% - 2em );
41869 margin-left: 1em;
41870 margin-right: 1em;
41871}
41872.ui.four.cards {
41873 margin-left: -0.75em;
41874 margin-right: -0.75em;
41875}
41876.ui.four.cards > .card {
41877 width: calc( 25% - 1.5em );
41878 margin-left: 0.75em;
41879 margin-right: 0.75em;
41880}
41881.ui.five.cards {
41882 margin-left: -0.75em;
41883 margin-right: -0.75em;
41884}
41885.ui.five.cards > .card {
41886 width: calc( 20% - 1.5em );
41887 margin-left: 0.75em;
41888 margin-right: 0.75em;
41889}
41890.ui.six.cards {
41891 margin-left: -0.75em;
41892 margin-right: -0.75em;
41893}
41894.ui.six.cards > .card {
41895 width: calc( 16.66666667% - 1.5em );
41896 margin-left: 0.75em;
41897 margin-right: 0.75em;
41898}
41899.ui.seven.cards {
41900 margin-left: -0.5em;
41901 margin-right: -0.5em;
41902}
41903.ui.seven.cards > .card {
41904 width: calc( 14.28571429% - 1em );
41905 margin-left: 0.5em;
41906 margin-right: 0.5em;
41907}
41908.ui.eight.cards {
41909 margin-left: -0.5em;
41910 margin-right: -0.5em;
41911}
41912.ui.eight.cards > .card {
41913 width: calc( 12.5% - 1em );
41914 margin-left: 0.5em;
41915 margin-right: 0.5em;
41916 font-size: 11px;
41917}
41918.ui.nine.cards {
41919 margin-left: -0.5em;
41920 margin-right: -0.5em;
41921}
41922.ui.nine.cards > .card {
41923 width: calc( 11.11111111% - 1em );
41924 margin-left: 0.5em;
41925 margin-right: 0.5em;
41926 font-size: 10px;
41927}
41928.ui.ten.cards {
41929 margin-left: -0.5em;
41930 margin-right: -0.5em;
41931}
41932.ui.ten.cards > .card {
41933 width: calc( 10% - 1em );
41934 margin-left: 0.5em;
41935 margin-right: 0.5em;
41936}
41937/*-------------------
41938 Doubling
41939--------------------*/
41940/* Mobile Only */
41941@media only screen and (max-width: 767px) {
41942 .ui.two.doubling.cards {
41943 margin-left: 0em;
41944 margin-right: 0em;
41945 }
41946 .ui.two.doubling.cards > .card {
41947 width: 100%;
41948 margin-left: 0em;
41949 margin-right: 0em;
41950 }
41951 .ui.three.doubling.cards {
41952 margin-left: -1em;
41953 margin-right: -1em;
41954 }
41955 .ui.three.doubling.cards > .card {
41956 width: calc( 50% - 2em );
41957 margin-left: 1em;
41958 margin-right: 1em;
41959 }
41960 .ui.four.doubling.cards {
41961 margin-left: -1em;
41962 margin-right: -1em;
41963 }
41964 .ui.four.doubling.cards > .card {
41965 width: calc( 50% - 2em );
41966 margin-left: 1em;
41967 margin-right: 1em;
41968 }
41969 .ui.five.doubling.cards {
41970 margin-left: -1em;
41971 margin-right: -1em;
41972 }
41973 .ui.five.doubling.cards > .card {
41974 width: calc( 50% - 2em );
41975 margin-left: 1em;
41976 margin-right: 1em;
41977 }
41978 .ui.six.doubling.cards {
41979 margin-left: -1em;
41980 margin-right: -1em;
41981 }
41982 .ui.six.doubling.cards > .card {
41983 width: calc( 50% - 2em );
41984 margin-left: 1em;
41985 margin-right: 1em;
41986 }
41987 .ui.seven.doubling.cards {
41988 margin-left: -1em;
41989 margin-right: -1em;
41990 }
41991 .ui.seven.doubling.cards > .card {
41992 width: calc( 33.33333333% - 2em );
41993 margin-left: 1em;
41994 margin-right: 1em;
41995 }
41996 .ui.eight.doubling.cards {
41997 margin-left: -1em;
41998 margin-right: -1em;
41999 }
42000 .ui.eight.doubling.cards > .card {
42001 width: calc( 33.33333333% - 2em );
42002 margin-left: 1em;
42003 margin-right: 1em;
42004 }
42005 .ui.nine.doubling.cards {
42006 margin-left: -1em;
42007 margin-right: -1em;
42008 }
42009 .ui.nine.doubling.cards > .card {
42010 width: calc( 33.33333333% - 2em );
42011 margin-left: 1em;
42012 margin-right: 1em;
42013 }
42014 .ui.ten.doubling.cards {
42015 margin-left: -1em;
42016 margin-right: -1em;
42017 }
42018 .ui.ten.doubling.cards > .card {
42019 width: calc( 33.33333333% - 2em );
42020 margin-left: 1em;
42021 margin-right: 1em;
42022 }
42023}
42024/* Tablet Only */
42025@media only screen and (min-width: 768px) and (max-width: 991px) {
42026 .ui.two.doubling.cards {
42027 margin-left: 0em;
42028 margin-right: 0em;
42029 }
42030 .ui.two.doubling.cards > .card {
42031 width: 100%;
42032 margin-left: 0em;
42033 margin-right: 0em;
42034 }
42035 .ui.three.doubling.cards {
42036 margin-left: -1em;
42037 margin-right: -1em;
42038 }
42039 .ui.three.doubling.cards > .card {
42040 width: calc( 50% - 2em );
42041 margin-left: 1em;
42042 margin-right: 1em;
42043 }
42044 .ui.four.doubling.cards {
42045 margin-left: -1em;
42046 margin-right: -1em;
42047 }
42048 .ui.four.doubling.cards > .card {
42049 width: calc( 50% - 2em );
42050 margin-left: 1em;
42051 margin-right: 1em;
42052 }
42053 .ui.five.doubling.cards {
42054 margin-left: -1em;
42055 margin-right: -1em;
42056 }
42057 .ui.five.doubling.cards > .card {
42058 width: calc( 33.33333333% - 2em );
42059 margin-left: 1em;
42060 margin-right: 1em;
42061 }
42062 .ui.six.doubling.cards {
42063 margin-left: -1em;
42064 margin-right: -1em;
42065 }
42066 .ui.six.doubling.cards > .card {
42067 width: calc( 33.33333333% - 2em );
42068 margin-left: 1em;
42069 margin-right: 1em;
42070 }
42071 .ui.eight.doubling.cards {
42072 margin-left: -1em;
42073 margin-right: -1em;
42074 }
42075 .ui.eight.doubling.cards > .card {
42076 width: calc( 33.33333333% - 2em );
42077 margin-left: 1em;
42078 margin-right: 1em;
42079 }
42080 .ui.eight.doubling.cards {
42081 margin-left: -0.75em;
42082 margin-right: -0.75em;
42083 }
42084 .ui.eight.doubling.cards > .card {
42085 width: calc( 25% - 1.5em );
42086 margin-left: 0.75em;
42087 margin-right: 0.75em;
42088 }
42089 .ui.nine.doubling.cards {
42090 margin-left: -0.75em;
42091 margin-right: -0.75em;
42092 }
42093 .ui.nine.doubling.cards > .card {
42094 width: calc( 25% - 1.5em );
42095 margin-left: 0.75em;
42096 margin-right: 0.75em;
42097 }
42098 .ui.ten.doubling.cards {
42099 margin-left: -0.75em;
42100 margin-right: -0.75em;
42101 }
42102 .ui.ten.doubling.cards > .card {
42103 width: calc( 20% - 1.5em );
42104 margin-left: 0.75em;
42105 margin-right: 0.75em;
42106 }
42107}
42108/*-------------------
42109 Stackable
42110--------------------*/
42111@media only screen and (max-width: 767px) {
42112 .ui.stackable.cards {
42113 display: block !important;
42114 }
42115 .ui.stackable.cards .card:first-child {
42116 margin-top: 0em !important;
42117 }
42118 .ui.stackable.cards > .card {
42119 display: block !important;
42120 height: auto !important;
42121 margin: 1em 1em;
42122 padding: 0 !important;
42123 width: calc( 100% - 2em ) !important;
42124 }
42125}
42126/*--------------
42127 Size
42128---------------*/
42129.ui.cards > .card {
42130 font-size: 1em;
42131}
42132/*******************************
42133 Theme Overrides
42134*******************************/
42135/*!
42136 * # Semantic UI - Comment
42137 * http://github.com/semantic-org/semantic-ui/
42138 *
42139 *
42140 * Released under the MIT license
42141 * http://opensource.org/licenses/MIT
42142 *
42143 */
42144/*******************************
42145 Theme
42146*******************************/
42147/*
42148
42149████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
42150╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
42151 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
42152 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
42153 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
42154 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
42155
42156*/
42157/*******************************
42158 Theme Selection
42159*******************************/
42160/* To override a theme for an individual element
42161 specify theme name below
42162*/
42163/* Global */
42164/* Elements */
42165/* Collections */
42166/* Modules */
42167/* Views */
42168/*******************************
42169 Folders
42170*******************************/
42171/* Path to theme packages */
42172/* Path to site override folder */
42173/*******************************
42174 Import Theme
42175*******************************/
42176/*******************************
42177 Import Directives
42178*******************************/
42179/*------------------
42180 Theme
42181-------------------*/
42182/*--------------------
42183 Site Variables
42184---------------------*/
42185/* Default site.variables */
42186/*******************************
42187 Site Settings
42188*******************************/
42189/*-------------------
42190 Fonts
42191--------------------*/
42192/*-------------------
42193 Base Sizes
42194--------------------*/
42195/* This is the single variable that controls them all */
42196/* The size of page text */
42197/*-------------------
42198 Border Radius
42199--------------------*/
42200/* See Power-user section below
42201 for explanation of @px variables
42202*/
42203/*-------------------
42204 Brand Colors
42205--------------------*/
42206/*--------------
42207 Page Heading
42208---------------*/
42209/*--------------
42210 Form Input
42211---------------*/
42212/* This adjusts the default form input across all elements */
42213/* Input Text Color */
42214/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
42215/*-------------------
42216 Focused Input
42217--------------------*/
42218/* Used on inputs, textarea etc */
42219/* Used on dropdowns, other larger blocks */
42220/*-------------------
42221 Sizes
42222--------------------*/
42223/*
42224 Sizes are all expressed in terms of 14px/em (default em)
42225 This ensures these "ratios" remain constant despite changes in EM
42226*/
42227/*-------------------
42228 Page
42229--------------------*/
42230/*-------------------
42231 Paragraph
42232--------------------*/
42233/*-------------------
42234 Links
42235--------------------*/
42236/*-------------------
42237 Scroll Bars
42238--------------------*/
42239/* Inverted */
42240/*-------------------
42241 Highlighted Text
42242--------------------*/
42243/*-------------------
42244 Loader
42245--------------------*/
42246/*-------------------
42247 Grid
42248--------------------*/
42249/*-------------------
42250 Transitions
42251--------------------*/
42252/*-------------------
42253 Breakpoints
42254--------------------*/
42255/*-------------------
42256 Site Colors
42257--------------------*/
42258/*--- Colors ---*/
42259/*--- Light Colors ---*/
42260/*--- Neutrals ---*/
42261/*--- Colored Backgrounds ---*/
42262/*--- Colored Headers ---*/
42263/*--- Colored Text ---*/
42264/*--- Colored Border ---*/
42265/*-------------------
42266 Alpha Colors
42267--------------------*/
42268/*-------------------
42269 Accents
42270--------------------*/
42271/* Differentiating Neutrals */
42272/* Differentiating Layers */
42273/*******************************
42274 Power-User
42275*******************************/
42276/*-------------------
42277 Emotive Colors
42278--------------------*/
42279/* Positive */
42280/* Negative */
42281/* Info */
42282/* Warning */
42283/*-------------------
42284 Paths
42285--------------------*/
42286/* For source only. Modified in gulp for dist */
42287/*-------------------
42288 Em Sizes
42289--------------------*/
42290/*
42291 This rounds @size values to the closest pixel then expresses that value in (r)em.
42292 This ensures all size values round to exact pixels
42293*/
42294/* em */
42295/* rem */
42296/*-------------------
42297 Icons
42298--------------------*/
42299/* Maximum Glyph Width of Icon */
42300/*-------------------
42301 Neutral Text
42302--------------------*/
42303/*-------------------
42304 Brand Colors
42305--------------------*/
42306/*-------------------
42307 Borders
42308--------------------*/
42309/*-------------------
42310 Derived Values
42311--------------------*/
42312/* Loaders Position Offset */
42313/* Rendered Scrollbar Width */
42314/* Maximum Single Character Glyph Width, aka Capital "W" */
42315/* Used to match floats with text */
42316/* Header Spacing */
42317/* Minimum Mobile Width */
42318/* Positive / Negative Dupes */
42319/* Responsive */
42320/*-------------------
42321 Exact Pixel Values
42322--------------------*/
42323/*
42324 These are used to specify exact pixel values in em
42325 for things like borders that remain constantly
42326 sized as emSize adjusts
42327
42328 Since there are many more sizes than names for sizes,
42329 these are named by their original pixel values.
42330
42331*/
42332/* Columns */
42333/*******************************
42334 States
42335*******************************/
42336/*-------------------
42337 Disabled
42338--------------------*/
42339/*-------------------
42340 Hover
42341--------------------*/
42342/*--- Shadows ---*/
42343/*--- Colors ---*/
42344/*--- Emotive ---*/
42345/*--- Brand ---*/
42346/*--- Dark Tones ---*/
42347/*--- Light Tones ---*/
42348/*-------------------
42349 Focus
42350--------------------*/
42351/*--- Colors ---*/
42352/*--- Emotive ---*/
42353/*--- Brand ---*/
42354/*--- Dark Tones ---*/
42355/*--- Light Tones ---*/
42356/*-------------------
42357 Down (:active)
42358--------------------*/
42359/*--- Colors ---*/
42360/*--- Emotive ---*/
42361/*--- Brand ---*/
42362/*--- Dark Tones ---*/
42363/*--- Light Tones ---*/
42364/*-------------------
42365 Active
42366--------------------*/
42367/*--- Colors ---*/
42368/*--- Emotive ---*/
42369/*--- Brand ---*/
42370/*--- Dark Tones ---*/
42371/*--- Light Tones ---*/
42372/* Packaged site.variables */
42373/*******************************
42374 Site Settings
42375*******************************/
42376/*-------------------
42377 Fonts
42378--------------------*/
42379/*-------------------
42380 Base Sizes
42381--------------------*/
42382/* This is the single variable that controls them all */
42383/* The size of page text */
42384/*-------------------
42385 Border Radius
42386--------------------*/
42387/* See Power-user section below
42388 for explanation of @px variables
42389*/
42390/*-------------------
42391 Brand Colors
42392--------------------*/
42393/*--------------
42394 Page Heading
42395---------------*/
42396/*--------------
42397 Form Input
42398---------------*/
42399/* This adjusts the default form input across all elements */
42400/* Input Text Color */
42401/* Line Height Default For Inputs in Browser */
42402/*-------------------
42403 Focused Input
42404--------------------*/
42405/* Used on inputs, textarea etc */
42406/* Used on dropdowns, other larger blocks */
42407/*-------------------
42408 Sizes
42409--------------------*/
42410/*
42411 Sizes are all expressed in terms of 14px/em (default em)
42412 This ensures these "ratios" remain constant despite changes in EM
42413*/
42414/*-------------------
42415 Page
42416--------------------*/
42417/*-------------------
42418 Paragraph
42419--------------------*/
42420/*-------------------
42421 Links
42422--------------------*/
42423/*-------------------
42424 Highlighted Text
42425--------------------*/
42426/*-------------------
42427 Loader
42428--------------------*/
42429/*-------------------
42430 Grid
42431--------------------*/
42432/*-------------------
42433 Transitions
42434--------------------*/
42435/*-------------------
42436 Breakpoints
42437--------------------*/
42438/*-------------------
42439 Site Colors
42440--------------------*/
42441/*--- Colors ---*/
42442/*--- Light Colors ---*/
42443/*--- Neutrals ---*/
42444/*--- Colored Backgrounds ---*/
42445/*--- Colored Headers ---*/
42446/*--- Colored Text ---*/
42447/*--- Colored Border ---*/
42448/*-------------------
42449 Alpha Colors
42450--------------------*/
42451/*-------------------
42452 Accents
42453--------------------*/
42454/* Differentiating Neutrals */
42455/* Differentiating Layers */
42456/*******************************
42457 Power-User
42458*******************************/
42459/*-------------------
42460 Emotive Colors
42461--------------------*/
42462/* Positive */
42463/* Negative */
42464/* Info */
42465/* Warning */
42466/*-------------------
42467 Paths
42468--------------------*/
42469/* For source only. Modified in gulp for dist */
42470/*-------------------
42471 Em Sizes
42472--------------------*/
42473/*
42474 This rounds @size values to the closest pixel then expresses that value in (r)em.
42475 This ensures all size values round to exact pixels
42476*/
42477/* em */
42478/* rem */
42479/*-------------------
42480 Icons
42481--------------------*/
42482/* Maximum Glyph Width of Icon */
42483/*-------------------
42484 Neutral Text
42485--------------------*/
42486/*-------------------
42487 Brand Colors
42488--------------------*/
42489/*-------------------
42490 Borders
42491--------------------*/
42492/*-------------------
42493 Derived Values
42494--------------------*/
42495/* Loaders Position Offset */
42496/* Rendered Scrollbar Width */
42497/* Maximum Single Character Glyph Width, aka Capital "W" */
42498/* Used to match floats with text */
42499/* Header Spacing */
42500/* Minimum Mobile Width */
42501/* Positive / Negative Dupes */
42502/* Responsive */
42503/*-------------------
42504 Exact Pixel Values
42505--------------------*/
42506/*
42507 These are used to specify exact pixel values in em
42508 for things like borders that remain constantly
42509 sized as emSize adjusts
42510
42511 Since there are many more sizes than names for sizes,
42512 these are named by their original pixel values.
42513
42514*/
42515/* Columns */
42516/*******************************
42517 States
42518*******************************/
42519/*-------------------
42520 Disabled
42521--------------------*/
42522/*-------------------
42523 Hover
42524--------------------*/
42525/*--- Shadows ---*/
42526/*--- Colors ---*/
42527/* https://github.com/Tripwire/octagon/issues/144 */
42528/*--- Emotive ---*/
42529/*--- Brand ---*/
42530/*--- Dark Tones ---*/
42531/*--- Light Tones ---*/
42532/*-------------------
42533 Focus
42534--------------------*/
42535/*--- Colors ---*/
42536/*--- Emotive ---*/
42537/*--- Brand ---*/
42538/*--- Dark Tones ---*/
42539/*--- Light Tones ---*/
42540/*-------------------
42541 Down (:active)
42542--------------------*/
42543/*--- Colors ---*/
42544/*--- Emotive ---*/
42545/*--- Brand ---*/
42546/*--- Dark Tones ---*/
42547/*--- Light Tones ---*/
42548/*-------------------
42549 Active
42550--------------------*/
42551/*--- Colors ---*/
42552/*--- Emotive ---*/
42553/*--- Brand ---*/
42554/*--- Dark Tones ---*/
42555/*--- Light Tones ---*/
42556/* Component's site.variables */
42557/*******************************
42558 Site Settings
42559*******************************/
42560/*-------------------
42561 Fonts
42562--------------------*/
42563/*-------------------
42564 Base Sizes
42565--------------------*/
42566/* This is the single variable that controls them all */
42567/* The size of page text */
42568/*-------------------
42569 Border Radius
42570--------------------*/
42571/* See Power-user section below
42572 for explanation of @px variables
42573*/
42574/*-------------------
42575 Brand Colors
42576--------------------*/
42577/*--------------
42578 Page Heading
42579---------------*/
42580/*--------------
42581 Form Input
42582---------------*/
42583/* This adjusts the default form input across all elements */
42584/* Input Text Color */
42585/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
42586/*-------------------
42587 Focused Input
42588--------------------*/
42589/* Used on inputs, textarea etc */
42590/* Used on dropdowns, other larger blocks */
42591/*-------------------
42592 Sizes
42593--------------------*/
42594/*
42595 Sizes are all expressed in terms of 14px/em (default em)
42596 This ensures these "ratios" remain constant despite changes in EM
42597*/
42598/*-------------------
42599 Page
42600--------------------*/
42601/*-------------------
42602 Paragraph
42603--------------------*/
42604/*-------------------
42605 Links
42606--------------------*/
42607/*-------------------
42608 Scroll Bars
42609--------------------*/
42610/* Inverted */
42611/*-------------------
42612 Highlighted Text
42613--------------------*/
42614/*-------------------
42615 Loader
42616--------------------*/
42617/*-------------------
42618 Grid
42619--------------------*/
42620/*-------------------
42621 Transitions
42622--------------------*/
42623/*-------------------
42624 Breakpoints
42625--------------------*/
42626/*-------------------
42627 Site Colors
42628--------------------*/
42629/*--- Colors ---*/
42630/*--- Light Colors ---*/
42631/*--- Neutrals ---*/
42632/*--- Colored Backgrounds ---*/
42633/*--- Colored Headers ---*/
42634/*--- Colored Text ---*/
42635/*--- Colored Border ---*/
42636/*-------------------
42637 Alpha Colors
42638--------------------*/
42639/*-------------------
42640 Accents
42641--------------------*/
42642/* Differentiating Neutrals */
42643/* Differentiating Layers */
42644/*******************************
42645 Power-User
42646*******************************/
42647/*-------------------
42648 Emotive Colors
42649--------------------*/
42650/* Positive */
42651/* Negative */
42652/* Info */
42653/* Warning */
42654/*-------------------
42655 Paths
42656--------------------*/
42657/* For source only. Modified in gulp for dist */
42658/*-------------------
42659 Em Sizes
42660--------------------*/
42661/*
42662 This rounds @size values to the closest pixel then expresses that value in (r)em.
42663 This ensures all size values round to exact pixels
42664*/
42665/* em */
42666/* rem */
42667/*-------------------
42668 Icons
42669--------------------*/
42670/* Maximum Glyph Width of Icon */
42671/*-------------------
42672 Neutral Text
42673--------------------*/
42674/*-------------------
42675 Brand Colors
42676--------------------*/
42677/*-------------------
42678 Borders
42679--------------------*/
42680/*-------------------
42681 Derived Values
42682--------------------*/
42683/* Loaders Position Offset */
42684/* Rendered Scrollbar Width */
42685/* Maximum Single Character Glyph Width, aka Capital "W" */
42686/* Used to match floats with text */
42687/* Header Spacing */
42688/* Minimum Mobile Width */
42689/* Positive / Negative Dupes */
42690/* Responsive */
42691/*-------------------
42692 Exact Pixel Values
42693--------------------*/
42694/*
42695 These are used to specify exact pixel values in em
42696 for things like borders that remain constantly
42697 sized as emSize adjusts
42698
42699 Since there are many more sizes than names for sizes,
42700 these are named by their original pixel values.
42701
42702*/
42703/* Columns */
42704/*******************************
42705 States
42706*******************************/
42707/*-------------------
42708 Disabled
42709--------------------*/
42710/*-------------------
42711 Hover
42712--------------------*/
42713/*--- Shadows ---*/
42714/*--- Colors ---*/
42715/*--- Emotive ---*/
42716/*--- Brand ---*/
42717/*--- Dark Tones ---*/
42718/*--- Light Tones ---*/
42719/*-------------------
42720 Focus
42721--------------------*/
42722/*--- Colors ---*/
42723/*--- Emotive ---*/
42724/*--- Brand ---*/
42725/*--- Dark Tones ---*/
42726/*--- Light Tones ---*/
42727/*-------------------
42728 Down (:active)
42729--------------------*/
42730/*--- Colors ---*/
42731/*--- Emotive ---*/
42732/*--- Brand ---*/
42733/*--- Dark Tones ---*/
42734/*--- Light Tones ---*/
42735/*-------------------
42736 Active
42737--------------------*/
42738/*--- Colors ---*/
42739/*--- Emotive ---*/
42740/*--- Brand ---*/
42741/*--- Dark Tones ---*/
42742/*--- Light Tones ---*/
42743/* Site theme site.variables */
42744/*-------------------
42745 Component Variables
42746---------------------*/
42747/* Default */
42748/*******************************
42749 Comments
42750*******************************/
42751/*-------------------
42752 View
42753--------------------*/
42754/*-------------------
42755 Elements
42756--------------------*/
42757/* Comment */
42758/* Nested Comment */
42759/* Avatar */
42760/* Content */
42761/* Author */
42762/* Metadata */
42763/* Text */
42764/* Actions */
42765/* Reply */
42766/*-------------------
42767 Variations
42768--------------------*/
42769/* Threaded */
42770/* Minimal */
42771/* Packaged Theme */
42772/*******************************
42773 Comments
42774*******************************/
42775/*-------------------
42776 View
42777--------------------*/
42778/*-------------------
42779 Elements
42780--------------------*/
42781/* Comment */
42782/* Nested Comment */
42783/* Avatar */
42784/* Content */
42785/* Author */
42786/* Metadata */
42787/* Text */
42788/* Actions */
42789/* Reply */
42790/*-------------------
42791 Variations
42792--------------------*/
42793/* Threaded */
42794/* Minimal */
42795/* Site Theme */
42796/*******************************
42797 Mix-ins
42798*******************************/
42799/*------------------
42800 Fonts
42801-------------------*/
42802/*------------------
42803 Overrides
42804-------------------*/
42805/* End Config */
42806/*******************************
42807 Standard
42808*******************************/
42809/*--------------
42810 Comments
42811---------------*/
42812.ui.comments {
42813 margin: 1.5em 0em;
42814 max-width: 650px;
42815}
42816.ui.comments:first-child {
42817 margin-top: 0em;
42818}
42819.ui.comments:last-child {
42820 margin-bottom: 0em;
42821}
42822/*--------------
42823 Comment
42824---------------*/
42825.ui.comments .comment {
42826 position: relative;
42827 background: none;
42828 margin: 0.5em 0em 0em;
42829 padding: 0.5em 0em 0em;
42830 border: none;
42831 border-top: none;
42832 line-height: 1.2;
42833}
42834.ui.comments .comment:first-child {
42835 margin-top: 0em;
42836 padding-top: 0em;
42837}
42838/*--------------------
42839 Nested Comments
42840---------------------*/
42841.ui.comments .comment .comments {
42842 margin: 0em 0em 0.5em 0.5em;
42843 padding: 1em 0em 1em 1em;
42844}
42845.ui.comments .comment .comments:before {
42846 position: absolute;
42847 top: 0px;
42848 left: 0px;
42849}
42850.ui.comments .comment .comments .comment {
42851 border: none;
42852 border-top: none;
42853 background: none;
42854}
42855/*--------------
42856 Avatar
42857---------------*/
42858.ui.comments .comment .avatar {
42859 display: block;
42860 width: 2.5em;
42861 height: auto;
42862 float: left;
42863 margin: 0.2em 0em 0em;
42864}
42865.ui.comments .comment img.avatar,
42866.ui.comments .comment .avatar img {
42867 display: block;
42868 margin: 0em auto;
42869 width: 100%;
42870 height: 100%;
42871 border-radius: 0.25rem;
42872}
42873/*--------------
42874 Content
42875---------------*/
42876.ui.comments .comment > .content {
42877 display: block;
42878}
42879/* If there is an avatar move content over */
42880.ui.comments .comment > .avatar ~ .content {
42881 margin-left: 3.5em;
42882}
42883/*--------------
42884 Author
42885---------------*/
42886.ui.comments .comment .author {
42887 font-size: 1em;
42888 color: rgba(0, 0, 0, 0.87);
42889 font-weight: bold;
42890}
42891.ui.comments .comment a.author {
42892 cursor: pointer;
42893}
42894.ui.comments .comment a.author:hover {
42895 color: #1e70bf;
42896}
42897/*--------------
42898 Metadata
42899---------------*/
42900.ui.comments .comment .metadata {
42901 display: inline-block;
42902 margin-left: 0.5em;
42903 color: rgba(0, 0, 0, 0.4);
42904 font-size: 0.875em;
42905}
42906.ui.comments .comment .metadata > * {
42907 display: inline-block;
42908 margin: 0em 0.5em 0em 0em;
42909}
42910.ui.comments .comment .metadata > :last-child {
42911 margin-right: 0em;
42912}
42913/*--------------------
42914 Comment Text
42915---------------------*/
42916.ui.comments .comment .text {
42917 margin: 0.25em 0em 0.5em;
42918 font-size: 1em;
42919 word-wrap: break-word;
42920 color: rgba(0, 0, 0, 0.87);
42921 line-height: 1.3;
42922}
42923/*--------------------
42924 User Actions
42925---------------------*/
42926.ui.comments .comment .actions {
42927 font-size: 0.875em;
42928}
42929.ui.comments .comment .actions a {
42930 cursor: pointer;
42931 display: inline-block;
42932 margin: 0em 0.75em 0em 0em;
42933 color: rgba(0, 0, 0, 0.4);
42934}
42935.ui.comments .comment .actions a:last-child {
42936 margin-right: 0em;
42937}
42938.ui.comments .comment .actions a.active,
42939.ui.comments .comment .actions a:hover {
42940 color: rgba(0, 0, 0, 0.8);
42941}
42942/*--------------------
42943 Reply Form
42944---------------------*/
42945.ui.comments > .reply.form {
42946 margin-top: 1em;
42947}
42948.ui.comments .comment .reply.form {
42949 width: 100%;
42950 margin-top: 1em;
42951}
42952.ui.comments .reply.form textarea {
42953 font-size: 1em;
42954 height: 12em;
42955}
42956/*******************************
42957 State
42958*******************************/
42959.ui.collapsed.comments,
42960.ui.comments .collapsed.comments,
42961.ui.comments .collapsed.comment {
42962 display: none;
42963}
42964/*******************************
42965 Variations
42966*******************************/
42967/*--------------------
42968 Threaded
42969---------------------*/
42970.ui.threaded.comments .comment .comments {
42971 margin: -1.5em 0 -1em 1.25em;
42972 padding: 3em 0em 2em 2.25em;
42973 box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
42974}
42975/*--------------------
42976 Minimal
42977---------------------*/
42978.ui.minimal.comments .comment .actions {
42979 opacity: 0;
42980 position: absolute;
42981 top: 0px;
42982 right: 0px;
42983 left: auto;
42984 transition: opacity 0.2s ease;
42985 transition-delay: 0.1s;
42986}
42987.ui.minimal.comments .comment > .content:hover > .actions {
42988 opacity: 1;
42989}
42990/*-------------------
42991 Sizes
42992--------------------*/
42993.ui.mini.comments {
42994 font-size: 0.78571429rem;
42995}
42996.ui.tiny.comments {
42997 font-size: 0.85714286rem;
42998}
42999.ui.small.comments {
43000 font-size: 0.92857143rem;
43001}
43002.ui.comments {
43003 font-size: 1rem;
43004}
43005.ui.large.comments {
43006 font-size: 1.14285714rem;
43007}
43008.ui.big.comments {
43009 font-size: 1.28571429rem;
43010}
43011.ui.huge.comments {
43012 font-size: 1.42857143rem;
43013}
43014.ui.massive.comments {
43015 font-size: 1.71428571rem;
43016}
43017/*******************************
43018 Theme Overrides
43019*******************************/
43020/*!
43021 * # Semantic UI - Feed
43022 * http://github.com/semantic-org/semantic-ui/
43023 *
43024 *
43025 * Released under the MIT license
43026 * http://opensource.org/licenses/MIT
43027 *
43028 */
43029/*******************************
43030 Theme
43031*******************************/
43032/*
43033
43034████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
43035╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
43036 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
43037 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
43038 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
43039 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
43040
43041*/
43042/*******************************
43043 Theme Selection
43044*******************************/
43045/* To override a theme for an individual element
43046 specify theme name below
43047*/
43048/* Global */
43049/* Elements */
43050/* Collections */
43051/* Modules */
43052/* Views */
43053/*******************************
43054 Folders
43055*******************************/
43056/* Path to theme packages */
43057/* Path to site override folder */
43058/*******************************
43059 Import Theme
43060*******************************/
43061/*******************************
43062 Import Directives
43063*******************************/
43064/*------------------
43065 Theme
43066-------------------*/
43067/*--------------------
43068 Site Variables
43069---------------------*/
43070/* Default site.variables */
43071/*******************************
43072 Site Settings
43073*******************************/
43074/*-------------------
43075 Fonts
43076--------------------*/
43077/*-------------------
43078 Base Sizes
43079--------------------*/
43080/* This is the single variable that controls them all */
43081/* The size of page text */
43082/*-------------------
43083 Border Radius
43084--------------------*/
43085/* See Power-user section below
43086 for explanation of @px variables
43087*/
43088/*-------------------
43089 Brand Colors
43090--------------------*/
43091/*--------------
43092 Page Heading
43093---------------*/
43094/*--------------
43095 Form Input
43096---------------*/
43097/* This adjusts the default form input across all elements */
43098/* Input Text Color */
43099/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
43100/*-------------------
43101 Focused Input
43102--------------------*/
43103/* Used on inputs, textarea etc */
43104/* Used on dropdowns, other larger blocks */
43105/*-------------------
43106 Sizes
43107--------------------*/
43108/*
43109 Sizes are all expressed in terms of 14px/em (default em)
43110 This ensures these "ratios" remain constant despite changes in EM
43111*/
43112/*-------------------
43113 Page
43114--------------------*/
43115/*-------------------
43116 Paragraph
43117--------------------*/
43118/*-------------------
43119 Links
43120--------------------*/
43121/*-------------------
43122 Scroll Bars
43123--------------------*/
43124/* Inverted */
43125/*-------------------
43126 Highlighted Text
43127--------------------*/
43128/*-------------------
43129 Loader
43130--------------------*/
43131/*-------------------
43132 Grid
43133--------------------*/
43134/*-------------------
43135 Transitions
43136--------------------*/
43137/*-------------------
43138 Breakpoints
43139--------------------*/
43140/*-------------------
43141 Site Colors
43142--------------------*/
43143/*--- Colors ---*/
43144/*--- Light Colors ---*/
43145/*--- Neutrals ---*/
43146/*--- Colored Backgrounds ---*/
43147/*--- Colored Headers ---*/
43148/*--- Colored Text ---*/
43149/*--- Colored Border ---*/
43150/*-------------------
43151 Alpha Colors
43152--------------------*/
43153/*-------------------
43154 Accents
43155--------------------*/
43156/* Differentiating Neutrals */
43157/* Differentiating Layers */
43158/*******************************
43159 Power-User
43160*******************************/
43161/*-------------------
43162 Emotive Colors
43163--------------------*/
43164/* Positive */
43165/* Negative */
43166/* Info */
43167/* Warning */
43168/*-------------------
43169 Paths
43170--------------------*/
43171/* For source only. Modified in gulp for dist */
43172/*-------------------
43173 Em Sizes
43174--------------------*/
43175/*
43176 This rounds @size values to the closest pixel then expresses that value in (r)em.
43177 This ensures all size values round to exact pixels
43178*/
43179/* em */
43180/* rem */
43181/*-------------------
43182 Icons
43183--------------------*/
43184/* Maximum Glyph Width of Icon */
43185/*-------------------
43186 Neutral Text
43187--------------------*/
43188/*-------------------
43189 Brand Colors
43190--------------------*/
43191/*-------------------
43192 Borders
43193--------------------*/
43194/*-------------------
43195 Derived Values
43196--------------------*/
43197/* Loaders Position Offset */
43198/* Rendered Scrollbar Width */
43199/* Maximum Single Character Glyph Width, aka Capital "W" */
43200/* Used to match floats with text */
43201/* Header Spacing */
43202/* Minimum Mobile Width */
43203/* Positive / Negative Dupes */
43204/* Responsive */
43205/*-------------------
43206 Exact Pixel Values
43207--------------------*/
43208/*
43209 These are used to specify exact pixel values in em
43210 for things like borders that remain constantly
43211 sized as emSize adjusts
43212
43213 Since there are many more sizes than names for sizes,
43214 these are named by their original pixel values.
43215
43216*/
43217/* Columns */
43218/*******************************
43219 States
43220*******************************/
43221/*-------------------
43222 Disabled
43223--------------------*/
43224/*-------------------
43225 Hover
43226--------------------*/
43227/*--- Shadows ---*/
43228/*--- Colors ---*/
43229/*--- Emotive ---*/
43230/*--- Brand ---*/
43231/*--- Dark Tones ---*/
43232/*--- Light Tones ---*/
43233/*-------------------
43234 Focus
43235--------------------*/
43236/*--- Colors ---*/
43237/*--- Emotive ---*/
43238/*--- Brand ---*/
43239/*--- Dark Tones ---*/
43240/*--- Light Tones ---*/
43241/*-------------------
43242 Down (:active)
43243--------------------*/
43244/*--- Colors ---*/
43245/*--- Emotive ---*/
43246/*--- Brand ---*/
43247/*--- Dark Tones ---*/
43248/*--- Light Tones ---*/
43249/*-------------------
43250 Active
43251--------------------*/
43252/*--- Colors ---*/
43253/*--- Emotive ---*/
43254/*--- Brand ---*/
43255/*--- Dark Tones ---*/
43256/*--- Light Tones ---*/
43257/* Packaged site.variables */
43258/*******************************
43259 Site Settings
43260*******************************/
43261/*-------------------
43262 Fonts
43263--------------------*/
43264/*-------------------
43265 Base Sizes
43266--------------------*/
43267/* This is the single variable that controls them all */
43268/* The size of page text */
43269/*-------------------
43270 Border Radius
43271--------------------*/
43272/* See Power-user section below
43273 for explanation of @px variables
43274*/
43275/*-------------------
43276 Brand Colors
43277--------------------*/
43278/*--------------
43279 Page Heading
43280---------------*/
43281/*--------------
43282 Form Input
43283---------------*/
43284/* This adjusts the default form input across all elements */
43285/* Input Text Color */
43286/* Line Height Default For Inputs in Browser */
43287/*-------------------
43288 Focused Input
43289--------------------*/
43290/* Used on inputs, textarea etc */
43291/* Used on dropdowns, other larger blocks */
43292/*-------------------
43293 Sizes
43294--------------------*/
43295/*
43296 Sizes are all expressed in terms of 14px/em (default em)
43297 This ensures these "ratios" remain constant despite changes in EM
43298*/
43299/*-------------------
43300 Page
43301--------------------*/
43302/*-------------------
43303 Paragraph
43304--------------------*/
43305/*-------------------
43306 Links
43307--------------------*/
43308/*-------------------
43309 Highlighted Text
43310--------------------*/
43311/*-------------------
43312 Loader
43313--------------------*/
43314/*-------------------
43315 Grid
43316--------------------*/
43317/*-------------------
43318 Transitions
43319--------------------*/
43320/*-------------------
43321 Breakpoints
43322--------------------*/
43323/*-------------------
43324 Site Colors
43325--------------------*/
43326/*--- Colors ---*/
43327/*--- Light Colors ---*/
43328/*--- Neutrals ---*/
43329/*--- Colored Backgrounds ---*/
43330/*--- Colored Headers ---*/
43331/*--- Colored Text ---*/
43332/*--- Colored Border ---*/
43333/*-------------------
43334 Alpha Colors
43335--------------------*/
43336/*-------------------
43337 Accents
43338--------------------*/
43339/* Differentiating Neutrals */
43340/* Differentiating Layers */
43341/*******************************
43342 Power-User
43343*******************************/
43344/*-------------------
43345 Emotive Colors
43346--------------------*/
43347/* Positive */
43348/* Negative */
43349/* Info */
43350/* Warning */
43351/*-------------------
43352 Paths
43353--------------------*/
43354/* For source only. Modified in gulp for dist */
43355/*-------------------
43356 Em Sizes
43357--------------------*/
43358/*
43359 This rounds @size values to the closest pixel then expresses that value in (r)em.
43360 This ensures all size values round to exact pixels
43361*/
43362/* em */
43363/* rem */
43364/*-------------------
43365 Icons
43366--------------------*/
43367/* Maximum Glyph Width of Icon */
43368/*-------------------
43369 Neutral Text
43370--------------------*/
43371/*-------------------
43372 Brand Colors
43373--------------------*/
43374/*-------------------
43375 Borders
43376--------------------*/
43377/*-------------------
43378 Derived Values
43379--------------------*/
43380/* Loaders Position Offset */
43381/* Rendered Scrollbar Width */
43382/* Maximum Single Character Glyph Width, aka Capital "W" */
43383/* Used to match floats with text */
43384/* Header Spacing */
43385/* Minimum Mobile Width */
43386/* Positive / Negative Dupes */
43387/* Responsive */
43388/*-------------------
43389 Exact Pixel Values
43390--------------------*/
43391/*
43392 These are used to specify exact pixel values in em
43393 for things like borders that remain constantly
43394 sized as emSize adjusts
43395
43396 Since there are many more sizes than names for sizes,
43397 these are named by their original pixel values.
43398
43399*/
43400/* Columns */
43401/*******************************
43402 States
43403*******************************/
43404/*-------------------
43405 Disabled
43406--------------------*/
43407/*-------------------
43408 Hover
43409--------------------*/
43410/*--- Shadows ---*/
43411/*--- Colors ---*/
43412/* https://github.com/Tripwire/octagon/issues/144 */
43413/*--- Emotive ---*/
43414/*--- Brand ---*/
43415/*--- Dark Tones ---*/
43416/*--- Light Tones ---*/
43417/*-------------------
43418 Focus
43419--------------------*/
43420/*--- Colors ---*/
43421/*--- Emotive ---*/
43422/*--- Brand ---*/
43423/*--- Dark Tones ---*/
43424/*--- Light Tones ---*/
43425/*-------------------
43426 Down (:active)
43427--------------------*/
43428/*--- Colors ---*/
43429/*--- Emotive ---*/
43430/*--- Brand ---*/
43431/*--- Dark Tones ---*/
43432/*--- Light Tones ---*/
43433/*-------------------
43434 Active
43435--------------------*/
43436/*--- Colors ---*/
43437/*--- Emotive ---*/
43438/*--- Brand ---*/
43439/*--- Dark Tones ---*/
43440/*--- Light Tones ---*/
43441/* Component's site.variables */
43442/*******************************
43443 Site Settings
43444*******************************/
43445/*-------------------
43446 Fonts
43447--------------------*/
43448/*-------------------
43449 Base Sizes
43450--------------------*/
43451/* This is the single variable that controls them all */
43452/* The size of page text */
43453/*-------------------
43454 Border Radius
43455--------------------*/
43456/* See Power-user section below
43457 for explanation of @px variables
43458*/
43459/*-------------------
43460 Brand Colors
43461--------------------*/
43462/*--------------
43463 Page Heading
43464---------------*/
43465/*--------------
43466 Form Input
43467---------------*/
43468/* This adjusts the default form input across all elements */
43469/* Input Text Color */
43470/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
43471/*-------------------
43472 Focused Input
43473--------------------*/
43474/* Used on inputs, textarea etc */
43475/* Used on dropdowns, other larger blocks */
43476/*-------------------
43477 Sizes
43478--------------------*/
43479/*
43480 Sizes are all expressed in terms of 14px/em (default em)
43481 This ensures these "ratios" remain constant despite changes in EM
43482*/
43483/*-------------------
43484 Page
43485--------------------*/
43486/*-------------------
43487 Paragraph
43488--------------------*/
43489/*-------------------
43490 Links
43491--------------------*/
43492/*-------------------
43493 Scroll Bars
43494--------------------*/
43495/* Inverted */
43496/*-------------------
43497 Highlighted Text
43498--------------------*/
43499/*-------------------
43500 Loader
43501--------------------*/
43502/*-------------------
43503 Grid
43504--------------------*/
43505/*-------------------
43506 Transitions
43507--------------------*/
43508/*-------------------
43509 Breakpoints
43510--------------------*/
43511/*-------------------
43512 Site Colors
43513--------------------*/
43514/*--- Colors ---*/
43515/*--- Light Colors ---*/
43516/*--- Neutrals ---*/
43517/*--- Colored Backgrounds ---*/
43518/*--- Colored Headers ---*/
43519/*--- Colored Text ---*/
43520/*--- Colored Border ---*/
43521/*-------------------
43522 Alpha Colors
43523--------------------*/
43524/*-------------------
43525 Accents
43526--------------------*/
43527/* Differentiating Neutrals */
43528/* Differentiating Layers */
43529/*******************************
43530 Power-User
43531*******************************/
43532/*-------------------
43533 Emotive Colors
43534--------------------*/
43535/* Positive */
43536/* Negative */
43537/* Info */
43538/* Warning */
43539/*-------------------
43540 Paths
43541--------------------*/
43542/* For source only. Modified in gulp for dist */
43543/*-------------------
43544 Em Sizes
43545--------------------*/
43546/*
43547 This rounds @size values to the closest pixel then expresses that value in (r)em.
43548 This ensures all size values round to exact pixels
43549*/
43550/* em */
43551/* rem */
43552/*-------------------
43553 Icons
43554--------------------*/
43555/* Maximum Glyph Width of Icon */
43556/*-------------------
43557 Neutral Text
43558--------------------*/
43559/*-------------------
43560 Brand Colors
43561--------------------*/
43562/*-------------------
43563 Borders
43564--------------------*/
43565/*-------------------
43566 Derived Values
43567--------------------*/
43568/* Loaders Position Offset */
43569/* Rendered Scrollbar Width */
43570/* Maximum Single Character Glyph Width, aka Capital "W" */
43571/* Used to match floats with text */
43572/* Header Spacing */
43573/* Minimum Mobile Width */
43574/* Positive / Negative Dupes */
43575/* Responsive */
43576/*-------------------
43577 Exact Pixel Values
43578--------------------*/
43579/*
43580 These are used to specify exact pixel values in em
43581 for things like borders that remain constantly
43582 sized as emSize adjusts
43583
43584 Since there are many more sizes than names for sizes,
43585 these are named by their original pixel values.
43586
43587*/
43588/* Columns */
43589/*******************************
43590 States
43591*******************************/
43592/*-------------------
43593 Disabled
43594--------------------*/
43595/*-------------------
43596 Hover
43597--------------------*/
43598/*--- Shadows ---*/
43599/*--- Colors ---*/
43600/*--- Emotive ---*/
43601/*--- Brand ---*/
43602/*--- Dark Tones ---*/
43603/*--- Light Tones ---*/
43604/*-------------------
43605 Focus
43606--------------------*/
43607/*--- Colors ---*/
43608/*--- Emotive ---*/
43609/*--- Brand ---*/
43610/*--- Dark Tones ---*/
43611/*--- Light Tones ---*/
43612/*-------------------
43613 Down (:active)
43614--------------------*/
43615/*--- Colors ---*/
43616/*--- Emotive ---*/
43617/*--- Brand ---*/
43618/*--- Dark Tones ---*/
43619/*--- Light Tones ---*/
43620/*-------------------
43621 Active
43622--------------------*/
43623/*--- Colors ---*/
43624/*--- Emotive ---*/
43625/*--- Brand ---*/
43626/*--- Dark Tones ---*/
43627/*--- Light Tones ---*/
43628/* Site theme site.variables */
43629/*-------------------
43630 Component Variables
43631---------------------*/
43632/* Default */
43633/*******************************
43634 Feed
43635*******************************/
43636/*-------------------
43637 Feed
43638--------------------*/
43639/*-------------------
43640 Elements
43641--------------------*/
43642/* Event */
43643/* Event Label */
43644/* Icon Label */
43645/* Image Label */
43646/* Content w/ Label */
43647/* Content */
43648/* Date */
43649/* Summary */
43650/* Summary Image */
43651/* Summary Date */
43652/* User */
43653/* Extra Summary Data */
43654/* Extra Images */
43655/* Extra Text */
43656/* Metadata Group */
43657/* Like */
43658/* Metadata Divider */
43659/*-------------------
43660 Variations
43661--------------------*/
43662/* Packaged Theme */
43663/*******************************
43664 Feed
43665*******************************/
43666/*-------------------
43667 Feed
43668--------------------*/
43669/*-------------------
43670 Elements
43671--------------------*/
43672/* Event */
43673/* Event Label */
43674/* Icon Label */
43675/* Image Label */
43676/* Content w/ Label */
43677/* Content */
43678/* Date */
43679/* Summary */
43680/* Summary Image */
43681/* Summary Date */
43682/* User */
43683/* Extra Summary Data */
43684/* Extra Images */
43685/* Extra Text */
43686/* Metadata Group */
43687/* Like */
43688/* Metadata Divider */
43689/*-------------------
43690 Variations
43691--------------------*/
43692/* Site Theme */
43693/*******************************
43694 Mix-ins
43695*******************************/
43696/*------------------
43697 Fonts
43698-------------------*/
43699/*------------------
43700 Overrides
43701-------------------*/
43702/* End Config */
43703/*******************************
43704 Activity Feed
43705*******************************/
43706.ui.feed {
43707 margin: 1em 0em;
43708}
43709.ui.feed:first-child {
43710 margin-top: 0em;
43711}
43712.ui.feed:last-child {
43713 margin-bottom: 0em;
43714}
43715/*******************************
43716 Content
43717*******************************/
43718/* Event */
43719.ui.feed > .event {
43720 display: flex;
43721 flex-direction: row;
43722 width: 100%;
43723 padding: 0.21428571rem 0em;
43724 margin: 0em;
43725 background: none;
43726 border-top: none;
43727}
43728.ui.feed > .event:first-child {
43729 border-top: 0px;
43730 padding-top: 0em;
43731}
43732.ui.feed > .event:last-child {
43733 padding-bottom: 0em;
43734}
43735/* Event Label */
43736.ui.feed > .event > .label {
43737 display: block;
43738 flex: 0 0 auto;
43739 width: 2.5em;
43740 height: auto;
43741 align-self: stretch;
43742 text-align: left;
43743}
43744.ui.feed > .event > .label .icon {
43745 opacity: 1;
43746 font-size: 1.5em;
43747 width: 100%;
43748 padding: 0.25em;
43749 background: none;
43750 border: none;
43751 border-radius: none;
43752 color: rgba(0, 0, 0, 0.6);
43753}
43754.ui.feed > .event > .label img {
43755 width: 100%;
43756 height: auto;
43757 border-radius: 500rem;
43758}
43759.ui.feed > .event > .label + .content {
43760 margin: 0.5em 0em 0.35714286em 1.14285714em;
43761}
43762/*--------------
43763 Content
43764---------------*/
43765/* Content */
43766.ui.feed > .event > .content {
43767 display: block;
43768 flex: 1 1 auto;
43769 align-self: stretch;
43770 text-align: left;
43771 word-wrap: break-word;
43772}
43773.ui.feed > .event:last-child > .content {
43774 padding-bottom: 0em;
43775}
43776/* Link */
43777.ui.feed > .event > .content a {
43778 cursor: pointer;
43779}
43780/*--------------
43781 Date
43782---------------*/
43783.ui.feed > .event > .content .date {
43784 margin: -0.5rem 0em 0em;
43785 padding: 0em;
43786 font-weight: normal;
43787 font-size: 1em;
43788 font-style: normal;
43789 color: rgba(0, 0, 0, 0.4);
43790}
43791/*--------------
43792 Summary
43793---------------*/
43794.ui.feed > .event > .content .summary {
43795 margin: 0em;
43796 font-size: 1em;
43797 font-weight: bold;
43798 color: rgba(0, 0, 0, 0.87);
43799}
43800/* Summary Image */
43801.ui.feed > .event > .content .summary img {
43802 display: inline-block;
43803 width: auto;
43804 height: 10em;
43805 margin: -0.25em 0.25em 0em 0em;
43806 border-radius: 0.25em;
43807 vertical-align: middle;
43808}
43809/*--------------
43810 User
43811---------------*/
43812.ui.feed > .event > .content .user {
43813 display: inline-block;
43814 font-weight: bold;
43815 margin-right: 0em;
43816 vertical-align: baseline;
43817}
43818.ui.feed > .event > .content .user img {
43819 margin: -0.25em 0.25em 0em 0em;
43820 width: auto;
43821 height: 10em;
43822 vertical-align: middle;
43823}
43824/*--------------
43825 Inline Date
43826---------------*/
43827/* Date inside Summary */
43828.ui.feed > .event > .content .summary > .date {
43829 display: inline-block;
43830 float: none;
43831 font-weight: normal;
43832 font-size: 0.85714286em;
43833 font-style: normal;
43834 margin: 0em 0em 0em 0.5em;
43835 padding: 0em;
43836 color: rgba(0, 0, 0, 0.4);
43837}
43838/*--------------
43839 Extra Summary
43840---------------*/
43841.ui.feed > .event > .content .extra {
43842 margin: 0.5em 0em 0em;
43843 background: none;
43844 padding: 0em;
43845 color: rgba(0, 0, 0, 0.87);
43846}
43847/* Images */
43848.ui.feed > .event > .content .extra.images img {
43849 display: inline-block;
43850 margin: 0em 0.25em 0em 0em;
43851 width: 6em;
43852}
43853/* Text */
43854.ui.feed > .event > .content .extra.text {
43855 padding: 0em;
43856 border-left: none;
43857 font-size: 1em;
43858 max-width: 500px;
43859 line-height: 1.4285em;
43860}
43861/*--------------
43862 Meta
43863---------------*/
43864.ui.feed > .event > .content .meta {
43865 display: inline-block;
43866 font-size: 0.85714286em;
43867 margin: 0.5em 0em 0em;
43868 background: none;
43869 border: none;
43870 border-radius: 0;
43871 box-shadow: none;
43872 padding: 0em;
43873 color: rgba(0, 0, 0, 0.6);
43874}
43875.ui.feed > .event > .content .meta > * {
43876 position: relative;
43877 margin-left: 0.75em;
43878}
43879.ui.feed > .event > .content .meta > *:after {
43880 content: '';
43881 color: rgba(0, 0, 0, 0.2);
43882 top: 0em;
43883 left: -1em;
43884 opacity: 1;
43885 position: absolute;
43886 vertical-align: top;
43887}
43888.ui.feed > .event > .content .meta .like {
43889 color: '';
43890 transition: 0.2s color ease;
43891}
43892.ui.feed > .event > .content .meta .like:hover .icon {
43893 color: #FF2733;
43894}
43895.ui.feed > .event > .content .meta .active.like .icon {
43896 color: #EF404A;
43897}
43898/* First element */
43899.ui.feed > .event > .content .meta > :first-child {
43900 margin-left: 0em;
43901}
43902.ui.feed > .event > .content .meta > :first-child::after {
43903 display: none;
43904}
43905/* Action */
43906.ui.feed > .event > .content .meta a,
43907.ui.feed > .event > .content .meta > .icon {
43908 cursor: pointer;
43909 opacity: 1;
43910 color: rgba(0, 0, 0, 0.5);
43911 transition: color 0.1s ease;
43912}
43913.ui.feed > .event > .content .meta a:hover,
43914.ui.feed > .event > .content .meta a:hover .icon,
43915.ui.feed > .event > .content .meta > .icon:hover {
43916 color: rgba(0, 0, 0, 0.95);
43917}
43918/*******************************
43919 Variations
43920*******************************/
43921.ui.small.feed {
43922 font-size: 0.92857143rem;
43923}
43924.ui.feed {
43925 font-size: 1rem;
43926}
43927.ui.large.feed {
43928 font-size: 1.14285714rem;
43929}
43930/*******************************
43931 Theme Overrides
43932*******************************/
43933/*!
43934 * # Semantic UI - Item
43935 * http://github.com/semantic-org/semantic-ui/
43936 *
43937 *
43938 * Released under the MIT license
43939 * http://opensource.org/licenses/MIT
43940 *
43941 */
43942/*******************************
43943 Theme
43944*******************************/
43945/*
43946
43947████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
43948╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
43949 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
43950 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
43951 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
43952 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
43953
43954*/
43955/*******************************
43956 Theme Selection
43957*******************************/
43958/* To override a theme for an individual element
43959 specify theme name below
43960*/
43961/* Global */
43962/* Elements */
43963/* Collections */
43964/* Modules */
43965/* Views */
43966/*******************************
43967 Folders
43968*******************************/
43969/* Path to theme packages */
43970/* Path to site override folder */
43971/*******************************
43972 Import Theme
43973*******************************/
43974/*******************************
43975 Import Directives
43976*******************************/
43977/*------------------
43978 Theme
43979-------------------*/
43980/*--------------------
43981 Site Variables
43982---------------------*/
43983/* Default site.variables */
43984/*******************************
43985 Site Settings
43986*******************************/
43987/*-------------------
43988 Fonts
43989--------------------*/
43990/*-------------------
43991 Base Sizes
43992--------------------*/
43993/* This is the single variable that controls them all */
43994/* The size of page text */
43995/*-------------------
43996 Border Radius
43997--------------------*/
43998/* See Power-user section below
43999 for explanation of @px variables
44000*/
44001/*-------------------
44002 Brand Colors
44003--------------------*/
44004/*--------------
44005 Page Heading
44006---------------*/
44007/*--------------
44008 Form Input
44009---------------*/
44010/* This adjusts the default form input across all elements */
44011/* Input Text Color */
44012/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
44013/*-------------------
44014 Focused Input
44015--------------------*/
44016/* Used on inputs, textarea etc */
44017/* Used on dropdowns, other larger blocks */
44018/*-------------------
44019 Sizes
44020--------------------*/
44021/*
44022 Sizes are all expressed in terms of 14px/em (default em)
44023 This ensures these "ratios" remain constant despite changes in EM
44024*/
44025/*-------------------
44026 Page
44027--------------------*/
44028/*-------------------
44029 Paragraph
44030--------------------*/
44031/*-------------------
44032 Links
44033--------------------*/
44034/*-------------------
44035 Scroll Bars
44036--------------------*/
44037/* Inverted */
44038/*-------------------
44039 Highlighted Text
44040--------------------*/
44041/*-------------------
44042 Loader
44043--------------------*/
44044/*-------------------
44045 Grid
44046--------------------*/
44047/*-------------------
44048 Transitions
44049--------------------*/
44050/*-------------------
44051 Breakpoints
44052--------------------*/
44053/*-------------------
44054 Site Colors
44055--------------------*/
44056/*--- Colors ---*/
44057/*--- Light Colors ---*/
44058/*--- Neutrals ---*/
44059/*--- Colored Backgrounds ---*/
44060/*--- Colored Headers ---*/
44061/*--- Colored Text ---*/
44062/*--- Colored Border ---*/
44063/*-------------------
44064 Alpha Colors
44065--------------------*/
44066/*-------------------
44067 Accents
44068--------------------*/
44069/* Differentiating Neutrals */
44070/* Differentiating Layers */
44071/*******************************
44072 Power-User
44073*******************************/
44074/*-------------------
44075 Emotive Colors
44076--------------------*/
44077/* Positive */
44078/* Negative */
44079/* Info */
44080/* Warning */
44081/*-------------------
44082 Paths
44083--------------------*/
44084/* For source only. Modified in gulp for dist */
44085/*-------------------
44086 Em Sizes
44087--------------------*/
44088/*
44089 This rounds @size values to the closest pixel then expresses that value in (r)em.
44090 This ensures all size values round to exact pixels
44091*/
44092/* em */
44093/* rem */
44094/*-------------------
44095 Icons
44096--------------------*/
44097/* Maximum Glyph Width of Icon */
44098/*-------------------
44099 Neutral Text
44100--------------------*/
44101/*-------------------
44102 Brand Colors
44103--------------------*/
44104/*-------------------
44105 Borders
44106--------------------*/
44107/*-------------------
44108 Derived Values
44109--------------------*/
44110/* Loaders Position Offset */
44111/* Rendered Scrollbar Width */
44112/* Maximum Single Character Glyph Width, aka Capital "W" */
44113/* Used to match floats with text */
44114/* Header Spacing */
44115/* Minimum Mobile Width */
44116/* Positive / Negative Dupes */
44117/* Responsive */
44118/*-------------------
44119 Exact Pixel Values
44120--------------------*/
44121/*
44122 These are used to specify exact pixel values in em
44123 for things like borders that remain constantly
44124 sized as emSize adjusts
44125
44126 Since there are many more sizes than names for sizes,
44127 these are named by their original pixel values.
44128
44129*/
44130/* Columns */
44131/*******************************
44132 States
44133*******************************/
44134/*-------------------
44135 Disabled
44136--------------------*/
44137/*-------------------
44138 Hover
44139--------------------*/
44140/*--- Shadows ---*/
44141/*--- Colors ---*/
44142/*--- Emotive ---*/
44143/*--- Brand ---*/
44144/*--- Dark Tones ---*/
44145/*--- Light Tones ---*/
44146/*-------------------
44147 Focus
44148--------------------*/
44149/*--- Colors ---*/
44150/*--- Emotive ---*/
44151/*--- Brand ---*/
44152/*--- Dark Tones ---*/
44153/*--- Light Tones ---*/
44154/*-------------------
44155 Down (:active)
44156--------------------*/
44157/*--- Colors ---*/
44158/*--- Emotive ---*/
44159/*--- Brand ---*/
44160/*--- Dark Tones ---*/
44161/*--- Light Tones ---*/
44162/*-------------------
44163 Active
44164--------------------*/
44165/*--- Colors ---*/
44166/*--- Emotive ---*/
44167/*--- Brand ---*/
44168/*--- Dark Tones ---*/
44169/*--- Light Tones ---*/
44170/* Packaged site.variables */
44171/*******************************
44172 Site Settings
44173*******************************/
44174/*-------------------
44175 Fonts
44176--------------------*/
44177/*-------------------
44178 Base Sizes
44179--------------------*/
44180/* This is the single variable that controls them all */
44181/* The size of page text */
44182/*-------------------
44183 Border Radius
44184--------------------*/
44185/* See Power-user section below
44186 for explanation of @px variables
44187*/
44188/*-------------------
44189 Brand Colors
44190--------------------*/
44191/*--------------
44192 Page Heading
44193---------------*/
44194/*--------------
44195 Form Input
44196---------------*/
44197/* This adjusts the default form input across all elements */
44198/* Input Text Color */
44199/* Line Height Default For Inputs in Browser */
44200/*-------------------
44201 Focused Input
44202--------------------*/
44203/* Used on inputs, textarea etc */
44204/* Used on dropdowns, other larger blocks */
44205/*-------------------
44206 Sizes
44207--------------------*/
44208/*
44209 Sizes are all expressed in terms of 14px/em (default em)
44210 This ensures these "ratios" remain constant despite changes in EM
44211*/
44212/*-------------------
44213 Page
44214--------------------*/
44215/*-------------------
44216 Paragraph
44217--------------------*/
44218/*-------------------
44219 Links
44220--------------------*/
44221/*-------------------
44222 Highlighted Text
44223--------------------*/
44224/*-------------------
44225 Loader
44226--------------------*/
44227/*-------------------
44228 Grid
44229--------------------*/
44230/*-------------------
44231 Transitions
44232--------------------*/
44233/*-------------------
44234 Breakpoints
44235--------------------*/
44236/*-------------------
44237 Site Colors
44238--------------------*/
44239/*--- Colors ---*/
44240/*--- Light Colors ---*/
44241/*--- Neutrals ---*/
44242/*--- Colored Backgrounds ---*/
44243/*--- Colored Headers ---*/
44244/*--- Colored Text ---*/
44245/*--- Colored Border ---*/
44246/*-------------------
44247 Alpha Colors
44248--------------------*/
44249/*-------------------
44250 Accents
44251--------------------*/
44252/* Differentiating Neutrals */
44253/* Differentiating Layers */
44254/*******************************
44255 Power-User
44256*******************************/
44257/*-------------------
44258 Emotive Colors
44259--------------------*/
44260/* Positive */
44261/* Negative */
44262/* Info */
44263/* Warning */
44264/*-------------------
44265 Paths
44266--------------------*/
44267/* For source only. Modified in gulp for dist */
44268/*-------------------
44269 Em Sizes
44270--------------------*/
44271/*
44272 This rounds @size values to the closest pixel then expresses that value in (r)em.
44273 This ensures all size values round to exact pixels
44274*/
44275/* em */
44276/* rem */
44277/*-------------------
44278 Icons
44279--------------------*/
44280/* Maximum Glyph Width of Icon */
44281/*-------------------
44282 Neutral Text
44283--------------------*/
44284/*-------------------
44285 Brand Colors
44286--------------------*/
44287/*-------------------
44288 Borders
44289--------------------*/
44290/*-------------------
44291 Derived Values
44292--------------------*/
44293/* Loaders Position Offset */
44294/* Rendered Scrollbar Width */
44295/* Maximum Single Character Glyph Width, aka Capital "W" */
44296/* Used to match floats with text */
44297/* Header Spacing */
44298/* Minimum Mobile Width */
44299/* Positive / Negative Dupes */
44300/* Responsive */
44301/*-------------------
44302 Exact Pixel Values
44303--------------------*/
44304/*
44305 These are used to specify exact pixel values in em
44306 for things like borders that remain constantly
44307 sized as emSize adjusts
44308
44309 Since there are many more sizes than names for sizes,
44310 these are named by their original pixel values.
44311
44312*/
44313/* Columns */
44314/*******************************
44315 States
44316*******************************/
44317/*-------------------
44318 Disabled
44319--------------------*/
44320/*-------------------
44321 Hover
44322--------------------*/
44323/*--- Shadows ---*/
44324/*--- Colors ---*/
44325/* https://github.com/Tripwire/octagon/issues/144 */
44326/*--- Emotive ---*/
44327/*--- Brand ---*/
44328/*--- Dark Tones ---*/
44329/*--- Light Tones ---*/
44330/*-------------------
44331 Focus
44332--------------------*/
44333/*--- Colors ---*/
44334/*--- Emotive ---*/
44335/*--- Brand ---*/
44336/*--- Dark Tones ---*/
44337/*--- Light Tones ---*/
44338/*-------------------
44339 Down (:active)
44340--------------------*/
44341/*--- Colors ---*/
44342/*--- Emotive ---*/
44343/*--- Brand ---*/
44344/*--- Dark Tones ---*/
44345/*--- Light Tones ---*/
44346/*-------------------
44347 Active
44348--------------------*/
44349/*--- Colors ---*/
44350/*--- Emotive ---*/
44351/*--- Brand ---*/
44352/*--- Dark Tones ---*/
44353/*--- Light Tones ---*/
44354/* Component's site.variables */
44355/*******************************
44356 Site Settings
44357*******************************/
44358/*-------------------
44359 Fonts
44360--------------------*/
44361/*-------------------
44362 Base Sizes
44363--------------------*/
44364/* This is the single variable that controls them all */
44365/* The size of page text */
44366/*-------------------
44367 Border Radius
44368--------------------*/
44369/* See Power-user section below
44370 for explanation of @px variables
44371*/
44372/*-------------------
44373 Brand Colors
44374--------------------*/
44375/*--------------
44376 Page Heading
44377---------------*/
44378/*--------------
44379 Form Input
44380---------------*/
44381/* This adjusts the default form input across all elements */
44382/* Input Text Color */
44383/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
44384/*-------------------
44385 Focused Input
44386--------------------*/
44387/* Used on inputs, textarea etc */
44388/* Used on dropdowns, other larger blocks */
44389/*-------------------
44390 Sizes
44391--------------------*/
44392/*
44393 Sizes are all expressed in terms of 14px/em (default em)
44394 This ensures these "ratios" remain constant despite changes in EM
44395*/
44396/*-------------------
44397 Page
44398--------------------*/
44399/*-------------------
44400 Paragraph
44401--------------------*/
44402/*-------------------
44403 Links
44404--------------------*/
44405/*-------------------
44406 Scroll Bars
44407--------------------*/
44408/* Inverted */
44409/*-------------------
44410 Highlighted Text
44411--------------------*/
44412/*-------------------
44413 Loader
44414--------------------*/
44415/*-------------------
44416 Grid
44417--------------------*/
44418/*-------------------
44419 Transitions
44420--------------------*/
44421/*-------------------
44422 Breakpoints
44423--------------------*/
44424/*-------------------
44425 Site Colors
44426--------------------*/
44427/*--- Colors ---*/
44428/*--- Light Colors ---*/
44429/*--- Neutrals ---*/
44430/*--- Colored Backgrounds ---*/
44431/*--- Colored Headers ---*/
44432/*--- Colored Text ---*/
44433/*--- Colored Border ---*/
44434/*-------------------
44435 Alpha Colors
44436--------------------*/
44437/*-------------------
44438 Accents
44439--------------------*/
44440/* Differentiating Neutrals */
44441/* Differentiating Layers */
44442/*******************************
44443 Power-User
44444*******************************/
44445/*-------------------
44446 Emotive Colors
44447--------------------*/
44448/* Positive */
44449/* Negative */
44450/* Info */
44451/* Warning */
44452/*-------------------
44453 Paths
44454--------------------*/
44455/* For source only. Modified in gulp for dist */
44456/*-------------------
44457 Em Sizes
44458--------------------*/
44459/*
44460 This rounds @size values to the closest pixel then expresses that value in (r)em.
44461 This ensures all size values round to exact pixels
44462*/
44463/* em */
44464/* rem */
44465/*-------------------
44466 Icons
44467--------------------*/
44468/* Maximum Glyph Width of Icon */
44469/*-------------------
44470 Neutral Text
44471--------------------*/
44472/*-------------------
44473 Brand Colors
44474--------------------*/
44475/*-------------------
44476 Borders
44477--------------------*/
44478/*-------------------
44479 Derived Values
44480--------------------*/
44481/* Loaders Position Offset */
44482/* Rendered Scrollbar Width */
44483/* Maximum Single Character Glyph Width, aka Capital "W" */
44484/* Used to match floats with text */
44485/* Header Spacing */
44486/* Minimum Mobile Width */
44487/* Positive / Negative Dupes */
44488/* Responsive */
44489/*-------------------
44490 Exact Pixel Values
44491--------------------*/
44492/*
44493 These are used to specify exact pixel values in em
44494 for things like borders that remain constantly
44495 sized as emSize adjusts
44496
44497 Since there are many more sizes than names for sizes,
44498 these are named by their original pixel values.
44499
44500*/
44501/* Columns */
44502/*******************************
44503 States
44504*******************************/
44505/*-------------------
44506 Disabled
44507--------------------*/
44508/*-------------------
44509 Hover
44510--------------------*/
44511/*--- Shadows ---*/
44512/*--- Colors ---*/
44513/*--- Emotive ---*/
44514/*--- Brand ---*/
44515/*--- Dark Tones ---*/
44516/*--- Light Tones ---*/
44517/*-------------------
44518 Focus
44519--------------------*/
44520/*--- Colors ---*/
44521/*--- Emotive ---*/
44522/*--- Brand ---*/
44523/*--- Dark Tones ---*/
44524/*--- Light Tones ---*/
44525/*-------------------
44526 Down (:active)
44527--------------------*/
44528/*--- Colors ---*/
44529/*--- Emotive ---*/
44530/*--- Brand ---*/
44531/*--- Dark Tones ---*/
44532/*--- Light Tones ---*/
44533/*-------------------
44534 Active
44535--------------------*/
44536/*--- Colors ---*/
44537/*--- Emotive ---*/
44538/*--- Brand ---*/
44539/*--- Dark Tones ---*/
44540/*--- Light Tones ---*/
44541/* Site theme site.variables */
44542/*-------------------
44543 Component Variables
44544---------------------*/
44545/* Default */
44546/*******************************
44547 Item
44548*******************************/
44549/*-------------------
44550 View
44551--------------------*/
44552/* Group */
44553/* Item */
44554/* Responsive */
44555/*-------------------
44556 Content
44557--------------------*/
44558/* Image */
44559/* Content */
44560/* Header */
44561/* Metadata */
44562/* Icons */
44563/* Actions */
44564/* Links */
44565/* Description */
44566/* Content Image */
44567/* Avatar Image */
44568/* Paragraph */
44569/* Additional Content */
44570/*-------------------
44571 Variations
44572--------------------*/
44573/* Relaxed */
44574/* Divided */
44575/* Unstackable */
44576/* Packaged Theme */
44577/*******************************
44578 Item
44579*******************************/
44580/*-------------------
44581 View
44582--------------------*/
44583/* Group */
44584/* Item */
44585/* Responsive */
44586/*-------------------
44587 Content
44588--------------------*/
44589/* Image */
44590/* Content */
44591/* Header */
44592/* Metadata */
44593/* Icons */
44594/* Actions */
44595/* Links */
44596/* Description */
44597/* Content Image */
44598/* Avatar Image */
44599/* Paragraph */
44600/* Additional Content */
44601/*-------------------
44602 Variations
44603--------------------*/
44604/* Relaxed */
44605/* Divided */
44606/* Unstackable */
44607/* Site Theme */
44608/*******************************
44609 Mix-ins
44610*******************************/
44611/*------------------
44612 Fonts
44613-------------------*/
44614/*------------------
44615 Overrides
44616-------------------*/
44617/* End Config */
44618/*******************************
44619 Standard
44620*******************************/
44621/*--------------
44622 Item
44623---------------*/
44624.ui.items > .item {
44625 display: flex;
44626 margin: 1em 0em;
44627 width: 100%;
44628 min-height: 0px;
44629 background: transparent;
44630 padding: 0em;
44631 border: none;
44632 border-radius: 0rem;
44633 box-shadow: none;
44634 transition: box-shadow 0.1s ease;
44635 z-index: '';
44636}
44637.ui.items > .item a {
44638 cursor: pointer;
44639}
44640/*--------------
44641 Items
44642---------------*/
44643.ui.items {
44644 margin: 1.5em 0em;
44645}
44646.ui.items:first-child {
44647 margin-top: 0em !important;
44648}
44649.ui.items:last-child {
44650 margin-bottom: 0em !important;
44651}
44652/*--------------
44653 Item
44654---------------*/
44655.ui.items > .item:after {
44656 display: block;
44657 content: ' ';
44658 height: 0px;
44659 clear: both;
44660 overflow: hidden;
44661 visibility: hidden;
44662}
44663.ui.items > .item:first-child {
44664 margin-top: 0em;
44665}
44666.ui.items > .item:last-child {
44667 margin-bottom: 0em;
44668}
44669/*--------------
44670 Images
44671---------------*/
44672.ui.items > .item > .image {
44673 position: relative;
44674 flex: 0 0 auto;
44675 display: block;
44676 float: none;
44677 margin: 0em;
44678 padding: 0em;
44679 max-height: '';
44680 align-self: top;
44681}
44682.ui.items > .item > .image > img {
44683 display: block;
44684 width: 100%;
44685 height: auto;
44686 border-radius: 0.125rem;
44687 border: none;
44688}
44689.ui.items > .item > .image:only-child > img {
44690 border-radius: 0rem;
44691}
44692/*--------------
44693 Content
44694---------------*/
44695.ui.items > .item > .content {
44696 display: block;
44697 flex: 1 1 auto;
44698 background: none;
44699 margin: 0em;
44700 padding: 0em;
44701 box-shadow: none;
44702 font-size: 1em;
44703 border: none;
44704 border-radius: 0em;
44705}
44706.ui.items > .item > .content:after {
44707 display: block;
44708 content: ' ';
44709 height: 0px;
44710 clear: both;
44711 overflow: hidden;
44712 visibility: hidden;
44713}
44714.ui.items > .item > .image + .content {
44715 min-width: 0;
44716 width: auto;
44717 display: block;
44718 margin-left: 0em;
44719 align-self: top;
44720 padding-left: 1.5em;
44721}
44722.ui.items > .item > .content > .header {
44723 display: inline-block;
44724 margin: -0.21425em 0em 0em;
44725 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
44726 font-weight: bold;
44727 color: rgba(0, 0, 0, 0.85);
44728}
44729/* Default Header Size */
44730.ui.items > .item > .content > .header:not(.ui) {
44731 font-size: 1.28571429em;
44732}
44733/*--------------
44734 Floated
44735---------------*/
44736.ui.items > .item [class*="left floated"] {
44737 float: left;
44738}
44739.ui.items > .item [class*="right floated"] {
44740 float: right;
44741}
44742/*--------------
44743 Content Image
44744---------------*/
44745.ui.items > .item .content img {
44746 align-self: middle;
44747 width: '';
44748}
44749.ui.items > .item img.avatar,
44750.ui.items > .item .avatar img {
44751 width: '';
44752 height: '';
44753 border-radius: 500rem;
44754}
44755/*--------------
44756 Description
44757---------------*/
44758.ui.items > .item > .content > .description {
44759 margin-top: 0.6em;
44760 max-width: auto;
44761 font-size: 1em;
44762 line-height: 1.4285em;
44763 color: rgba(0, 0, 0, 0.87);
44764}
44765/*--------------
44766 Paragraph
44767---------------*/
44768.ui.items > .item > .content p {
44769 margin: 0em 0em 0.5em;
44770}
44771.ui.items > .item > .content p:last-child {
44772 margin-bottom: 0em;
44773}
44774/*--------------
44775 Meta
44776---------------*/
44777.ui.items > .item .meta {
44778 margin: 0.5em 0em 0.5em;
44779 font-size: 1em;
44780 line-height: 1em;
44781 color: rgba(0, 0, 0, 0.6);
44782}
44783.ui.items > .item .meta * {
44784 margin-right: 0.3em;
44785}
44786.ui.items > .item .meta :last-child {
44787 margin-right: 0em;
44788}
44789.ui.items > .item .meta [class*="right floated"] {
44790 margin-right: 0em;
44791 margin-left: 0.3em;
44792}
44793/*--------------
44794 Links
44795---------------*/
44796/* Generic */
44797.ui.items > .item > .content a:not(.ui) {
44798 color: '';
44799 transition: color 0.1s ease;
44800}
44801.ui.items > .item > .content a:not(.ui):hover {
44802 color: '';
44803}
44804/* Header */
44805.ui.items > .item > .content > a.header {
44806 color: rgba(0, 0, 0, 0.85);
44807}
44808.ui.items > .item > .content > a.header:hover {
44809 color: #1e70bf;
44810}
44811/* Meta */
44812.ui.items > .item .meta > a:not(.ui) {
44813 color: rgba(0, 0, 0, 0.4);
44814}
44815.ui.items > .item .meta > a:not(.ui):hover {
44816 color: rgba(0, 0, 0, 0.87);
44817}
44818/*--------------
44819 Labels
44820---------------*/
44821/*-----Star----- */
44822/* Icon */
44823.ui.items > .item > .content .favorite.icon {
44824 cursor: pointer;
44825 opacity: 0.75;
44826 transition: color 0.1s ease;
44827}
44828.ui.items > .item > .content .favorite.icon:hover {
44829 opacity: 1;
44830 color: #FFB70A;
44831}
44832.ui.items > .item > .content .active.favorite.icon {
44833 color: #FFE623;
44834}
44835/*-----Like----- */
44836/* Icon */
44837.ui.items > .item > .content .like.icon {
44838 cursor: pointer;
44839 opacity: 0.75;
44840 transition: color 0.1s ease;
44841}
44842.ui.items > .item > .content .like.icon:hover {
44843 opacity: 1;
44844 color: #FF2733;
44845}
44846.ui.items > .item > .content .active.like.icon {
44847 color: #FF2733;
44848}
44849/*----------------
44850 Extra Content
44851-----------------*/
44852.ui.items > .item .extra {
44853 display: block;
44854 position: relative;
44855 background: none;
44856 margin: 0.5rem 0em 0em;
44857 width: 100%;
44858 padding: 0em 0em 0em;
44859 top: 0em;
44860 left: 0em;
44861 color: rgba(0, 0, 0, 0.4);
44862 box-shadow: none;
44863 transition: color 0.1s ease;
44864 border-top: none;
44865}
44866.ui.items > .item .extra > * {
44867 margin: 0.25rem 0.5rem 0.25rem 0em;
44868}
44869.ui.items > .item .extra > [class*="right floated"] {
44870 margin: 0.25rem 0em 0.25rem 0.5rem;
44871}
44872.ui.items > .item .extra:after {
44873 display: block;
44874 content: ' ';
44875 height: 0px;
44876 clear: both;
44877 overflow: hidden;
44878 visibility: hidden;
44879}
44880/*******************************
44881 Responsive
44882*******************************/
44883/* Default Image Width */
44884.ui.items > .item > .image:not(.ui) {
44885 width: 175px;
44886}
44887/* Tablet Only */
44888@media only screen and (min-width: 768px) and (max-width: 991px) {
44889 .ui.items > .item {
44890 margin: 1em 0em;
44891 }
44892 .ui.items > .item > .image:not(.ui) {
44893 width: 150px;
44894 }
44895 .ui.items > .item > .image + .content {
44896 display: block;
44897 padding: 0em 0em 0em 1em;
44898 }
44899}
44900/* Mobile Only */
44901@media only screen and (max-width: 767px) {
44902 .ui.items:not(.unstackable) > .item {
44903 flex-direction: column;
44904 margin: 2em 0em;
44905 }
44906 .ui.items:not(.unstackable) > .item > .image {
44907 display: block;
44908 margin-left: auto;
44909 margin-right: auto;
44910 }
44911 .ui.items:not(.unstackable) > .item > .image,
44912 .ui.items:not(.unstackable) > .item > .image > img {
44913 max-width: 100% !important;
44914 width: auto !important;
44915 max-height: 250px !important;
44916 }
44917 .ui.items:not(.unstackable) > .item > .image + .content {
44918 display: block;
44919 padding: 1.5em 0em 0em;
44920 }
44921}
44922/*******************************
44923 Variations
44924*******************************/
44925/*-------------------
44926 Aligned
44927--------------------*/
44928.ui.items > .item > .image + [class*="top aligned"].content {
44929 align-self: flex-start;
44930}
44931.ui.items > .item > .image + [class*="middle aligned"].content {
44932 align-self: center;
44933}
44934.ui.items > .item > .image + [class*="bottom aligned"].content {
44935 align-self: flex-end;
44936}
44937/*--------------
44938 Relaxed
44939---------------*/
44940.ui.relaxed.items > .item {
44941 margin: 1.5em 0em;
44942}
44943.ui[class*="very relaxed"].items > .item {
44944 margin: 2em 0em;
44945}
44946/*-------------------
44947 Divided
44948--------------------*/
44949.ui.divided.items > .item {
44950 border-top: 1px solid rgba(34, 36, 38, 0.15);
44951 margin: 0em;
44952 padding: 1em 0em;
44953}
44954.ui.divided.items > .item:first-child {
44955 border-top: none;
44956 margin-top: 0em !important;
44957 padding-top: 0em !important;
44958}
44959.ui.divided.items > .item:last-child {
44960 margin-bottom: 0em !important;
44961 padding-bottom: 0em !important;
44962}
44963/* Relaxed Divided */
44964.ui.relaxed.divided.items > .item {
44965 margin: 0em;
44966 padding: 1.5em 0em;
44967}
44968.ui[class*="very relaxed"].divided.items > .item {
44969 margin: 0em;
44970 padding: 2em 0em;
44971}
44972/*-------------------
44973 Link
44974--------------------*/
44975.ui.items a.item:hover,
44976.ui.link.items > .item:hover {
44977 cursor: pointer;
44978}
44979.ui.items a.item:hover .content .header,
44980.ui.link.items > .item:hover .content .header {
44981 color: #1e70bf;
44982}
44983/*--------------
44984 Size
44985---------------*/
44986.ui.items > .item {
44987 font-size: 1em;
44988}
44989/*---------------
44990 Unstackable
44991----------------*/
44992@media only screen and (max-width: 767px) {
44993 .ui.unstackable.items > .item > .image,
44994 .ui.unstackable.items > .item > .image > img {
44995 width: 125px !important;
44996 }
44997}
44998/*******************************
44999 Theme Overrides
45000*******************************/
45001/*!
45002 * # Semantic UI - Statistic
45003 * http://github.com/semantic-org/semantic-ui/
45004 *
45005 *
45006 * Released under the MIT license
45007 * http://opensource.org/licenses/MIT
45008 *
45009 */
45010/*******************************
45011 Theme
45012*******************************/
45013/*
45014
45015████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
45016╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
45017 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
45018 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
45019 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
45020 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
45021
45022*/
45023/*******************************
45024 Theme Selection
45025*******************************/
45026/* To override a theme for an individual element
45027 specify theme name below
45028*/
45029/* Global */
45030/* Elements */
45031/* Collections */
45032/* Modules */
45033/* Views */
45034/*******************************
45035 Folders
45036*******************************/
45037/* Path to theme packages */
45038/* Path to site override folder */
45039/*******************************
45040 Import Theme
45041*******************************/
45042/*******************************
45043 Import Directives
45044*******************************/
45045/*------------------
45046 Theme
45047-------------------*/
45048/*--------------------
45049 Site Variables
45050---------------------*/
45051/* Default site.variables */
45052/*******************************
45053 Site Settings
45054*******************************/
45055/*-------------------
45056 Fonts
45057--------------------*/
45058/*-------------------
45059 Base Sizes
45060--------------------*/
45061/* This is the single variable that controls them all */
45062/* The size of page text */
45063/*-------------------
45064 Border Radius
45065--------------------*/
45066/* See Power-user section below
45067 for explanation of @px variables
45068*/
45069/*-------------------
45070 Brand Colors
45071--------------------*/
45072/*--------------
45073 Page Heading
45074---------------*/
45075/*--------------
45076 Form Input
45077---------------*/
45078/* This adjusts the default form input across all elements */
45079/* Input Text Color */
45080/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
45081/*-------------------
45082 Focused Input
45083--------------------*/
45084/* Used on inputs, textarea etc */
45085/* Used on dropdowns, other larger blocks */
45086/*-------------------
45087 Sizes
45088--------------------*/
45089/*
45090 Sizes are all expressed in terms of 14px/em (default em)
45091 This ensures these "ratios" remain constant despite changes in EM
45092*/
45093/*-------------------
45094 Page
45095--------------------*/
45096/*-------------------
45097 Paragraph
45098--------------------*/
45099/*-------------------
45100 Links
45101--------------------*/
45102/*-------------------
45103 Scroll Bars
45104--------------------*/
45105/* Inverted */
45106/*-------------------
45107 Highlighted Text
45108--------------------*/
45109/*-------------------
45110 Loader
45111--------------------*/
45112/*-------------------
45113 Grid
45114--------------------*/
45115/*-------------------
45116 Transitions
45117--------------------*/
45118/*-------------------
45119 Breakpoints
45120--------------------*/
45121/*-------------------
45122 Site Colors
45123--------------------*/
45124/*--- Colors ---*/
45125/*--- Light Colors ---*/
45126/*--- Neutrals ---*/
45127/*--- Colored Backgrounds ---*/
45128/*--- Colored Headers ---*/
45129/*--- Colored Text ---*/
45130/*--- Colored Border ---*/
45131/*-------------------
45132 Alpha Colors
45133--------------------*/
45134/*-------------------
45135 Accents
45136--------------------*/
45137/* Differentiating Neutrals */
45138/* Differentiating Layers */
45139/*******************************
45140 Power-User
45141*******************************/
45142/*-------------------
45143 Emotive Colors
45144--------------------*/
45145/* Positive */
45146/* Negative */
45147/* Info */
45148/* Warning */
45149/*-------------------
45150 Paths
45151--------------------*/
45152/* For source only. Modified in gulp for dist */
45153/*-------------------
45154 Em Sizes
45155--------------------*/
45156/*
45157 This rounds @size values to the closest pixel then expresses that value in (r)em.
45158 This ensures all size values round to exact pixels
45159*/
45160/* em */
45161/* rem */
45162/*-------------------
45163 Icons
45164--------------------*/
45165/* Maximum Glyph Width of Icon */
45166/*-------------------
45167 Neutral Text
45168--------------------*/
45169/*-------------------
45170 Brand Colors
45171--------------------*/
45172/*-------------------
45173 Borders
45174--------------------*/
45175/*-------------------
45176 Derived Values
45177--------------------*/
45178/* Loaders Position Offset */
45179/* Rendered Scrollbar Width */
45180/* Maximum Single Character Glyph Width, aka Capital "W" */
45181/* Used to match floats with text */
45182/* Header Spacing */
45183/* Minimum Mobile Width */
45184/* Positive / Negative Dupes */
45185/* Responsive */
45186/*-------------------
45187 Exact Pixel Values
45188--------------------*/
45189/*
45190 These are used to specify exact pixel values in em
45191 for things like borders that remain constantly
45192 sized as emSize adjusts
45193
45194 Since there are many more sizes than names for sizes,
45195 these are named by their original pixel values.
45196
45197*/
45198/* Columns */
45199/*******************************
45200 States
45201*******************************/
45202/*-------------------
45203 Disabled
45204--------------------*/
45205/*-------------------
45206 Hover
45207--------------------*/
45208/*--- Shadows ---*/
45209/*--- Colors ---*/
45210/*--- Emotive ---*/
45211/*--- Brand ---*/
45212/*--- Dark Tones ---*/
45213/*--- Light Tones ---*/
45214/*-------------------
45215 Focus
45216--------------------*/
45217/*--- Colors ---*/
45218/*--- Emotive ---*/
45219/*--- Brand ---*/
45220/*--- Dark Tones ---*/
45221/*--- Light Tones ---*/
45222/*-------------------
45223 Down (:active)
45224--------------------*/
45225/*--- Colors ---*/
45226/*--- Emotive ---*/
45227/*--- Brand ---*/
45228/*--- Dark Tones ---*/
45229/*--- Light Tones ---*/
45230/*-------------------
45231 Active
45232--------------------*/
45233/*--- Colors ---*/
45234/*--- Emotive ---*/
45235/*--- Brand ---*/
45236/*--- Dark Tones ---*/
45237/*--- Light Tones ---*/
45238/* Packaged site.variables */
45239/*******************************
45240 Site Settings
45241*******************************/
45242/*-------------------
45243 Fonts
45244--------------------*/
45245/*-------------------
45246 Base Sizes
45247--------------------*/
45248/* This is the single variable that controls them all */
45249/* The size of page text */
45250/*-------------------
45251 Border Radius
45252--------------------*/
45253/* See Power-user section below
45254 for explanation of @px variables
45255*/
45256/*-------------------
45257 Brand Colors
45258--------------------*/
45259/*--------------
45260 Page Heading
45261---------------*/
45262/*--------------
45263 Form Input
45264---------------*/
45265/* This adjusts the default form input across all elements */
45266/* Input Text Color */
45267/* Line Height Default For Inputs in Browser */
45268/*-------------------
45269 Focused Input
45270--------------------*/
45271/* Used on inputs, textarea etc */
45272/* Used on dropdowns, other larger blocks */
45273/*-------------------
45274 Sizes
45275--------------------*/
45276/*
45277 Sizes are all expressed in terms of 14px/em (default em)
45278 This ensures these "ratios" remain constant despite changes in EM
45279*/
45280/*-------------------
45281 Page
45282--------------------*/
45283/*-------------------
45284 Paragraph
45285--------------------*/
45286/*-------------------
45287 Links
45288--------------------*/
45289/*-------------------
45290 Highlighted Text
45291--------------------*/
45292/*-------------------
45293 Loader
45294--------------------*/
45295/*-------------------
45296 Grid
45297--------------------*/
45298/*-------------------
45299 Transitions
45300--------------------*/
45301/*-------------------
45302 Breakpoints
45303--------------------*/
45304/*-------------------
45305 Site Colors
45306--------------------*/
45307/*--- Colors ---*/
45308/*--- Light Colors ---*/
45309/*--- Neutrals ---*/
45310/*--- Colored Backgrounds ---*/
45311/*--- Colored Headers ---*/
45312/*--- Colored Text ---*/
45313/*--- Colored Border ---*/
45314/*-------------------
45315 Alpha Colors
45316--------------------*/
45317/*-------------------
45318 Accents
45319--------------------*/
45320/* Differentiating Neutrals */
45321/* Differentiating Layers */
45322/*******************************
45323 Power-User
45324*******************************/
45325/*-------------------
45326 Emotive Colors
45327--------------------*/
45328/* Positive */
45329/* Negative */
45330/* Info */
45331/* Warning */
45332/*-------------------
45333 Paths
45334--------------------*/
45335/* For source only. Modified in gulp for dist */
45336/*-------------------
45337 Em Sizes
45338--------------------*/
45339/*
45340 This rounds @size values to the closest pixel then expresses that value in (r)em.
45341 This ensures all size values round to exact pixels
45342*/
45343/* em */
45344/* rem */
45345/*-------------------
45346 Icons
45347--------------------*/
45348/* Maximum Glyph Width of Icon */
45349/*-------------------
45350 Neutral Text
45351--------------------*/
45352/*-------------------
45353 Brand Colors
45354--------------------*/
45355/*-------------------
45356 Borders
45357--------------------*/
45358/*-------------------
45359 Derived Values
45360--------------------*/
45361/* Loaders Position Offset */
45362/* Rendered Scrollbar Width */
45363/* Maximum Single Character Glyph Width, aka Capital "W" */
45364/* Used to match floats with text */
45365/* Header Spacing */
45366/* Minimum Mobile Width */
45367/* Positive / Negative Dupes */
45368/* Responsive */
45369/*-------------------
45370 Exact Pixel Values
45371--------------------*/
45372/*
45373 These are used to specify exact pixel values in em
45374 for things like borders that remain constantly
45375 sized as emSize adjusts
45376
45377 Since there are many more sizes than names for sizes,
45378 these are named by their original pixel values.
45379
45380*/
45381/* Columns */
45382/*******************************
45383 States
45384*******************************/
45385/*-------------------
45386 Disabled
45387--------------------*/
45388/*-------------------
45389 Hover
45390--------------------*/
45391/*--- Shadows ---*/
45392/*--- Colors ---*/
45393/* https://github.com/Tripwire/octagon/issues/144 */
45394/*--- Emotive ---*/
45395/*--- Brand ---*/
45396/*--- Dark Tones ---*/
45397/*--- Light Tones ---*/
45398/*-------------------
45399 Focus
45400--------------------*/
45401/*--- Colors ---*/
45402/*--- Emotive ---*/
45403/*--- Brand ---*/
45404/*--- Dark Tones ---*/
45405/*--- Light Tones ---*/
45406/*-------------------
45407 Down (:active)
45408--------------------*/
45409/*--- Colors ---*/
45410/*--- Emotive ---*/
45411/*--- Brand ---*/
45412/*--- Dark Tones ---*/
45413/*--- Light Tones ---*/
45414/*-------------------
45415 Active
45416--------------------*/
45417/*--- Colors ---*/
45418/*--- Emotive ---*/
45419/*--- Brand ---*/
45420/*--- Dark Tones ---*/
45421/*--- Light Tones ---*/
45422/* Component's site.variables */
45423/*******************************
45424 Site Settings
45425*******************************/
45426/*-------------------
45427 Fonts
45428--------------------*/
45429/*-------------------
45430 Base Sizes
45431--------------------*/
45432/* This is the single variable that controls them all */
45433/* The size of page text */
45434/*-------------------
45435 Border Radius
45436--------------------*/
45437/* See Power-user section below
45438 for explanation of @px variables
45439*/
45440/*-------------------
45441 Brand Colors
45442--------------------*/
45443/*--------------
45444 Page Heading
45445---------------*/
45446/*--------------
45447 Form Input
45448---------------*/
45449/* This adjusts the default form input across all elements */
45450/* Input Text Color */
45451/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
45452/*-------------------
45453 Focused Input
45454--------------------*/
45455/* Used on inputs, textarea etc */
45456/* Used on dropdowns, other larger blocks */
45457/*-------------------
45458 Sizes
45459--------------------*/
45460/*
45461 Sizes are all expressed in terms of 14px/em (default em)
45462 This ensures these "ratios" remain constant despite changes in EM
45463*/
45464/*-------------------
45465 Page
45466--------------------*/
45467/*-------------------
45468 Paragraph
45469--------------------*/
45470/*-------------------
45471 Links
45472--------------------*/
45473/*-------------------
45474 Scroll Bars
45475--------------------*/
45476/* Inverted */
45477/*-------------------
45478 Highlighted Text
45479--------------------*/
45480/*-------------------
45481 Loader
45482--------------------*/
45483/*-------------------
45484 Grid
45485--------------------*/
45486/*-------------------
45487 Transitions
45488--------------------*/
45489/*-------------------
45490 Breakpoints
45491--------------------*/
45492/*-------------------
45493 Site Colors
45494--------------------*/
45495/*--- Colors ---*/
45496/*--- Light Colors ---*/
45497/*--- Neutrals ---*/
45498/*--- Colored Backgrounds ---*/
45499/*--- Colored Headers ---*/
45500/*--- Colored Text ---*/
45501/*--- Colored Border ---*/
45502/*-------------------
45503 Alpha Colors
45504--------------------*/
45505/*-------------------
45506 Accents
45507--------------------*/
45508/* Differentiating Neutrals */
45509/* Differentiating Layers */
45510/*******************************
45511 Power-User
45512*******************************/
45513/*-------------------
45514 Emotive Colors
45515--------------------*/
45516/* Positive */
45517/* Negative */
45518/* Info */
45519/* Warning */
45520/*-------------------
45521 Paths
45522--------------------*/
45523/* For source only. Modified in gulp for dist */
45524/*-------------------
45525 Em Sizes
45526--------------------*/
45527/*
45528 This rounds @size values to the closest pixel then expresses that value in (r)em.
45529 This ensures all size values round to exact pixels
45530*/
45531/* em */
45532/* rem */
45533/*-------------------
45534 Icons
45535--------------------*/
45536/* Maximum Glyph Width of Icon */
45537/*-------------------
45538 Neutral Text
45539--------------------*/
45540/*-------------------
45541 Brand Colors
45542--------------------*/
45543/*-------------------
45544 Borders
45545--------------------*/
45546/*-------------------
45547 Derived Values
45548--------------------*/
45549/* Loaders Position Offset */
45550/* Rendered Scrollbar Width */
45551/* Maximum Single Character Glyph Width, aka Capital "W" */
45552/* Used to match floats with text */
45553/* Header Spacing */
45554/* Minimum Mobile Width */
45555/* Positive / Negative Dupes */
45556/* Responsive */
45557/*-------------------
45558 Exact Pixel Values
45559--------------------*/
45560/*
45561 These are used to specify exact pixel values in em
45562 for things like borders that remain constantly
45563 sized as emSize adjusts
45564
45565 Since there are many more sizes than names for sizes,
45566 these are named by their original pixel values.
45567
45568*/
45569/* Columns */
45570/*******************************
45571 States
45572*******************************/
45573/*-------------------
45574 Disabled
45575--------------------*/
45576/*-------------------
45577 Hover
45578--------------------*/
45579/*--- Shadows ---*/
45580/*--- Colors ---*/
45581/*--- Emotive ---*/
45582/*--- Brand ---*/
45583/*--- Dark Tones ---*/
45584/*--- Light Tones ---*/
45585/*-------------------
45586 Focus
45587--------------------*/
45588/*--- Colors ---*/
45589/*--- Emotive ---*/
45590/*--- Brand ---*/
45591/*--- Dark Tones ---*/
45592/*--- Light Tones ---*/
45593/*-------------------
45594 Down (:active)
45595--------------------*/
45596/*--- Colors ---*/
45597/*--- Emotive ---*/
45598/*--- Brand ---*/
45599/*--- Dark Tones ---*/
45600/*--- Light Tones ---*/
45601/*-------------------
45602 Active
45603--------------------*/
45604/*--- Colors ---*/
45605/*--- Emotive ---*/
45606/*--- Brand ---*/
45607/*--- Dark Tones ---*/
45608/*--- Light Tones ---*/
45609/* Site theme site.variables */
45610/*-------------------
45611 Component Variables
45612---------------------*/
45613/* Default */
45614/*******************************
45615 Statistic
45616*******************************/
45617/*-------------------
45618 View
45619--------------------*/
45620/* Group */
45621/* Group Element */
45622/*-------------------
45623 Content
45624--------------------*/
45625/* Value */
45626/* Label */
45627/* Text */
45628/* Label Image */
45629/*-------------------
45630 Types
45631--------------------*/
45632/*-------------------
45633 Variations
45634--------------------*/
45635/* Floated */
45636/* Inverted */
45637/* Item Width */
45638/* Size */
45639/* Packaged Theme */
45640/*******************************
45641 Statistic
45642*******************************/
45643/*-------------------
45644 View
45645--------------------*/
45646/* Group */
45647/* Group Element */
45648/*-------------------
45649 Content
45650--------------------*/
45651/* Value */
45652/* Label */
45653/* Text */
45654/* Label Image */
45655/*-------------------
45656 Types
45657--------------------*/
45658/*-------------------
45659 Variations
45660--------------------*/
45661/* Floated */
45662/* Inverted */
45663/* Item Width */
45664/* Size */
45665/* Site Theme */
45666/*******************************
45667 Mix-ins
45668*******************************/
45669/*------------------
45670 Fonts
45671-------------------*/
45672/*------------------
45673 Overrides
45674-------------------*/
45675/* End Config */
45676/*******************************
45677 Statistic
45678*******************************/
45679/* Standalone */
45680.ui.statistic {
45681 display: inline-flex;
45682 flex-direction: column;
45683 margin: 1em 0em;
45684 max-width: auto;
45685}
45686.ui.statistic + .ui.statistic {
45687 margin: 0em 0em 0em 1.5em;
45688}
45689.ui.statistic:first-child {
45690 margin-top: 0em;
45691}
45692.ui.statistic:last-child {
45693 margin-bottom: 0em;
45694}
45695/*******************************
45696 Group
45697*******************************/
45698/* Grouped */
45699.ui.statistics {
45700 display: flex;
45701 align-items: flex-start;
45702 flex-wrap: wrap;
45703}
45704.ui.statistics > .statistic {
45705 display: inline-flex;
45706 flex: 0 1 auto;
45707 flex-direction: column;
45708 margin: 0em 1.5em 1em;
45709 max-width: auto;
45710}
45711.ui.statistics {
45712 display: flex;
45713 margin: 1em -1.5em -1em;
45714}
45715/* Clearing */
45716.ui.statistics:after {
45717 display: block;
45718 content: ' ';
45719 height: 0px;
45720 clear: both;
45721 overflow: hidden;
45722 visibility: hidden;
45723}
45724.ui.statistics:first-child {
45725 margin-top: 0em;
45726}
45727/*******************************
45728 Content
45729*******************************/
45730/*--------------
45731 Value
45732---------------*/
45733.ui.statistics .statistic > .value,
45734.ui.statistic > .value {
45735 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
45736 font-size: 4rem;
45737 font-weight: normal;
45738 line-height: 1em;
45739 color: #1B1C1D;
45740 text-transform: uppercase;
45741 text-align: center;
45742}
45743/*--------------
45744 Label
45745---------------*/
45746.ui.statistics .statistic > .label,
45747.ui.statistic > .label {
45748 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
45749 font-size: 1em;
45750 font-weight: bold;
45751 color: rgba(0, 0, 0, 0.87);
45752 text-transform: uppercase;
45753 text-align: center;
45754}
45755/* Top Label */
45756.ui.statistics .statistic > .label ~ .value,
45757.ui.statistic > .label ~ .value {
45758 margin-top: 0rem;
45759}
45760/* Bottom Label */
45761.ui.statistics .statistic > .value ~ .label,
45762.ui.statistic > .value ~ .label {
45763 margin-top: 0rem;
45764}
45765/*******************************
45766 Types
45767*******************************/
45768/*--------------
45769 Icon Value
45770---------------*/
45771.ui.statistics .statistic > .value .icon,
45772.ui.statistic > .value .icon {
45773 opacity: 1;
45774 width: auto;
45775 margin: 0em;
45776}
45777/*--------------
45778 Text Value
45779---------------*/
45780.ui.statistics .statistic > .text.value,
45781.ui.statistic > .text.value {
45782 line-height: 1em;
45783 min-height: 2em;
45784 font-weight: bold;
45785 text-align: center;
45786}
45787.ui.statistics .statistic > .text.value + .label,
45788.ui.statistic > .text.value + .label {
45789 text-align: center;
45790}
45791/*--------------
45792 Image Value
45793---------------*/
45794.ui.statistics .statistic > .value img,
45795.ui.statistic > .value img {
45796 max-height: 3rem;
45797 vertical-align: baseline;
45798}
45799/*******************************
45800 Variations
45801*******************************/
45802/*--------------
45803 Count
45804---------------*/
45805.ui.ten.statistics {
45806 margin: 0em 0em -1em;
45807}
45808.ui.ten.statistics .statistic {
45809 min-width: 10%;
45810 margin: 0em 0em 1em;
45811}
45812.ui.nine.statistics {
45813 margin: 0em 0em -1em;
45814}
45815.ui.nine.statistics .statistic {
45816 min-width: 11.11111111%;
45817 margin: 0em 0em 1em;
45818}
45819.ui.eight.statistics {
45820 margin: 0em 0em -1em;
45821}
45822.ui.eight.statistics .statistic {
45823 min-width: 12.5%;
45824 margin: 0em 0em 1em;
45825}
45826.ui.seven.statistics {
45827 margin: 0em 0em -1em;
45828}
45829.ui.seven.statistics .statistic {
45830 min-width: 14.28571429%;
45831 margin: 0em 0em 1em;
45832}
45833.ui.six.statistics {
45834 margin: 0em 0em -1em;
45835}
45836.ui.six.statistics .statistic {
45837 min-width: 16.66666667%;
45838 margin: 0em 0em 1em;
45839}
45840.ui.five.statistics {
45841 margin: 0em 0em -1em;
45842}
45843.ui.five.statistics .statistic {
45844 min-width: 20%;
45845 margin: 0em 0em 1em;
45846}
45847.ui.four.statistics {
45848 margin: 0em 0em -1em;
45849}
45850.ui.four.statistics .statistic {
45851 min-width: 25%;
45852 margin: 0em 0em 1em;
45853}
45854.ui.three.statistics {
45855 margin: 0em 0em -1em;
45856}
45857.ui.three.statistics .statistic {
45858 min-width: 33.33333333%;
45859 margin: 0em 0em 1em;
45860}
45861.ui.two.statistics {
45862 margin: 0em 0em -1em;
45863}
45864.ui.two.statistics .statistic {
45865 min-width: 50%;
45866 margin: 0em 0em 1em;
45867}
45868.ui.one.statistics {
45869 margin: 0em 0em -1em;
45870}
45871.ui.one.statistics .statistic {
45872 min-width: 100%;
45873 margin: 0em 0em 1em;
45874}
45875/*--------------
45876 Horizontal
45877---------------*/
45878.ui.horizontal.statistic {
45879 flex-direction: row;
45880 align-items: center;
45881}
45882.ui.horizontal.statistics {
45883 flex-direction: column;
45884 margin: 0em;
45885 max-width: none;
45886}
45887.ui.horizontal.statistics .statistic {
45888 flex-direction: row;
45889 align-items: center;
45890 max-width: none;
45891 margin: 1em 0em;
45892}
45893.ui.horizontal.statistic > .text.value,
45894.ui.horizontal.statistics > .statistic > .text.value {
45895 min-height: 0em !important;
45896}
45897.ui.horizontal.statistics .statistic > .value .icon,
45898.ui.horizontal.statistic > .value .icon {
45899 width: 1.18em;
45900}
45901.ui.horizontal.statistics .statistic > .value,
45902.ui.horizontal.statistic > .value {
45903 display: inline-block;
45904 vertical-align: middle;
45905}
45906.ui.horizontal.statistics .statistic > .label,
45907.ui.horizontal.statistic > .label {
45908 display: inline-block;
45909 vertical-align: middle;
45910 margin: 0em 0em 0em 0.75em;
45911}
45912/*--------------
45913 Colors
45914---------------*/
45915.ui.red.statistics .statistic > .value,
45916.ui.statistics .red.statistic > .value,
45917.ui.red.statistic > .value {
45918 color: #DB2828;
45919}
45920.ui.orange.statistics .statistic > .value,
45921.ui.statistics .orange.statistic > .value,
45922.ui.orange.statistic > .value {
45923 color: #F2711C;
45924}
45925.ui.yellow.statistics .statistic > .value,
45926.ui.statistics .yellow.statistic > .value,
45927.ui.yellow.statistic > .value {
45928 color: #FBBD08;
45929}
45930.ui.olive.statistics .statistic > .value,
45931.ui.statistics .olive.statistic > .value,
45932.ui.olive.statistic > .value {
45933 color: #B5CC18;
45934}
45935.ui.green.statistics .statistic > .value,
45936.ui.statistics .green.statistic > .value,
45937.ui.green.statistic > .value {
45938 color: #21BA45;
45939}
45940.ui.teal.statistics .statistic > .value,
45941.ui.statistics .teal.statistic > .value,
45942.ui.teal.statistic > .value {
45943 color: #00B5AD;
45944}
45945.ui.blue.statistics .statistic > .value,
45946.ui.statistics .blue.statistic > .value,
45947.ui.blue.statistic > .value {
45948 color: #2185D0;
45949}
45950.ui.violet.statistics .statistic > .value,
45951.ui.statistics .violet.statistic > .value,
45952.ui.violet.statistic > .value {
45953 color: #6435C9;
45954}
45955.ui.purple.statistics .statistic > .value,
45956.ui.statistics .purple.statistic > .value,
45957.ui.purple.statistic > .value {
45958 color: #A333C8;
45959}
45960.ui.pink.statistics .statistic > .value,
45961.ui.statistics .pink.statistic > .value,
45962.ui.pink.statistic > .value {
45963 color: #E03997;
45964}
45965.ui.brown.statistics .statistic > .value,
45966.ui.statistics .brown.statistic > .value,
45967.ui.brown.statistic > .value {
45968 color: #A5673F;
45969}
45970.ui.grey.statistics .statistic > .value,
45971.ui.statistics .grey.statistic > .value,
45972.ui.grey.statistic > .value {
45973 color: #767676;
45974}
45975/*--------------
45976 Inverted
45977---------------*/
45978.ui.inverted.statistics .statistic > .value,
45979.ui.inverted.statistic .value {
45980 color: #FFFFFF;
45981}
45982.ui.inverted.statistics .statistic > .label,
45983.ui.inverted.statistic .label {
45984 color: rgba(255, 255, 255, 0.9);
45985}
45986.ui.inverted.red.statistics .statistic > .value,
45987.ui.statistics .inverted.red.statistic > .value,
45988.ui.inverted.red.statistic > .value {
45989 color: #FF695E;
45990}
45991.ui.inverted.orange.statistics .statistic > .value,
45992.ui.statistics .inverted.orange.statistic > .value,
45993.ui.inverted.orange.statistic > .value {
45994 color: #FF851B;
45995}
45996.ui.inverted.yellow.statistics .statistic > .value,
45997.ui.statistics .inverted.yellow.statistic > .value,
45998.ui.inverted.yellow.statistic > .value {
45999 color: #FFE21F;
46000}
46001.ui.inverted.olive.statistics .statistic > .value,
46002.ui.statistics .inverted.olive.statistic > .value,
46003.ui.inverted.olive.statistic > .value {
46004 color: #D9E778;
46005}
46006.ui.inverted.green.statistics .statistic > .value,
46007.ui.statistics .inverted.green.statistic > .value,
46008.ui.inverted.green.statistic > .value {
46009 color: #2ECC40;
46010}
46011.ui.inverted.teal.statistics .statistic > .value,
46012.ui.statistics .inverted.teal.statistic > .value,
46013.ui.inverted.teal.statistic > .value {
46014 color: #6DFFFF;
46015}
46016.ui.inverted.blue.statistics .statistic > .value,
46017.ui.statistics .inverted.blue.statistic > .value,
46018.ui.inverted.blue.statistic > .value {
46019 color: #54C8FF;
46020}
46021.ui.inverted.violet.statistics .statistic > .value,
46022.ui.statistics .inverted.violet.statistic > .value,
46023.ui.inverted.violet.statistic > .value {
46024 color: #A291FB;
46025}
46026.ui.inverted.purple.statistics .statistic > .value,
46027.ui.statistics .inverted.purple.statistic > .value,
46028.ui.inverted.purple.statistic > .value {
46029 color: #DC73FF;
46030}
46031.ui.inverted.pink.statistics .statistic > .value,
46032.ui.statistics .inverted.pink.statistic > .value,
46033.ui.inverted.pink.statistic > .value {
46034 color: #FF8EDF;
46035}
46036.ui.inverted.brown.statistics .statistic > .value,
46037.ui.statistics .inverted.brown.statistic > .value,
46038.ui.inverted.brown.statistic > .value {
46039 color: #D67C1C;
46040}
46041.ui.inverted.grey.statistics .statistic > .value,
46042.ui.statistics .inverted.grey.statistic > .value,
46043.ui.inverted.grey.statistic > .value {
46044 color: #DCDDDE;
46045}
46046/*--------------
46047 Floated
46048---------------*/
46049.ui[class*="left floated"].statistic {
46050 float: left;
46051 margin: 0em 2em 1em 0em;
46052}
46053.ui[class*="right floated"].statistic {
46054 float: right;
46055 margin: 0em 0em 1em 2em;
46056}
46057.ui.floated.statistic:last-child {
46058 margin-bottom: 0em;
46059}
46060/*--------------
46061 Sizes
46062---------------*/
46063/* Mini */
46064.ui.mini.statistics .statistic > .value,
46065.ui.mini.statistic > .value {
46066 font-size: 1.5rem !important;
46067}
46068.ui.mini.horizontal.statistics .statistic > .value,
46069.ui.mini.horizontal.statistic > .value {
46070 font-size: 1.5rem !important;
46071}
46072.ui.mini.statistics .statistic > .text.value,
46073.ui.mini.statistic > .text.value {
46074 font-size: 1rem !important;
46075}
46076/* Tiny */
46077.ui.tiny.statistics .statistic > .value,
46078.ui.tiny.statistic > .value {
46079 font-size: 2rem !important;
46080}
46081.ui.tiny.horizontal.statistics .statistic > .value,
46082.ui.tiny.horizontal.statistic > .value {
46083 font-size: 2rem !important;
46084}
46085.ui.tiny.statistics .statistic > .text.value,
46086.ui.tiny.statistic > .text.value {
46087 font-size: 1rem !important;
46088}
46089/* Small */
46090.ui.small.statistics .statistic > .value,
46091.ui.small.statistic > .value {
46092 font-size: 3rem !important;
46093}
46094.ui.small.horizontal.statistics .statistic > .value,
46095.ui.small.horizontal.statistic > .value {
46096 font-size: 2rem !important;
46097}
46098.ui.small.statistics .statistic > .text.value,
46099.ui.small.statistic > .text.value {
46100 font-size: 1rem !important;
46101}
46102/* Medium */
46103.ui.statistics .statistic > .value,
46104.ui.statistic > .value {
46105 font-size: 4rem !important;
46106}
46107.ui.horizontal.statistics .statistic > .value,
46108.ui.horizontal.statistic > .value {
46109 font-size: 3rem !important;
46110}
46111.ui.statistics .statistic > .text.value,
46112.ui.statistic > .text.value {
46113 font-size: 2rem !important;
46114}
46115/* Large */
46116.ui.large.statistics .statistic > .value,
46117.ui.large.statistic > .value {
46118 font-size: 5rem !important;
46119}
46120.ui.large.horizontal.statistics .statistic > .value,
46121.ui.large.horizontal.statistic > .value {
46122 font-size: 4rem !important;
46123}
46124.ui.large.statistics .statistic > .text.value,
46125.ui.large.statistic > .text.value {
46126 font-size: 2.5rem !important;
46127}
46128/* Huge */
46129.ui.huge.statistics .statistic > .value,
46130.ui.huge.statistic > .value {
46131 font-size: 6rem !important;
46132}
46133.ui.huge.horizontal.statistics .statistic > .value,
46134.ui.huge.horizontal.statistic > .value {
46135 font-size: 5rem !important;
46136}
46137.ui.huge.statistics .statistic > .text.value,
46138.ui.huge.statistic > .text.value {
46139 font-size: 2.5rem !important;
46140}
46141/*******************************
46142 Theme Overrides
46143*******************************/
46144/* Modules */
46145/*!
46146 * # Semantic UI - Accordion
46147 * http://github.com/semantic-org/semantic-ui/
46148 *
46149 *
46150 * Released under the MIT license
46151 * http://opensource.org/licenses/MIT
46152 *
46153 */
46154/*******************************
46155 Theme
46156*******************************/
46157/*
46158
46159████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
46160╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
46161 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
46162 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
46163 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
46164 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
46165
46166*/
46167/*******************************
46168 Theme Selection
46169*******************************/
46170/* To override a theme for an individual element
46171 specify theme name below
46172*/
46173/* Global */
46174/* Elements */
46175/* Collections */
46176/* Modules */
46177/* Views */
46178/*******************************
46179 Folders
46180*******************************/
46181/* Path to theme packages */
46182/* Path to site override folder */
46183/*******************************
46184 Import Theme
46185*******************************/
46186/*******************************
46187 Import Directives
46188*******************************/
46189/*------------------
46190 Theme
46191-------------------*/
46192/*--------------------
46193 Site Variables
46194---------------------*/
46195/* Default site.variables */
46196/*******************************
46197 Site Settings
46198*******************************/
46199/*-------------------
46200 Fonts
46201--------------------*/
46202/*-------------------
46203 Base Sizes
46204--------------------*/
46205/* This is the single variable that controls them all */
46206/* The size of page text */
46207/*-------------------
46208 Border Radius
46209--------------------*/
46210/* See Power-user section below
46211 for explanation of @px variables
46212*/
46213/*-------------------
46214 Brand Colors
46215--------------------*/
46216/*--------------
46217 Page Heading
46218---------------*/
46219/*--------------
46220 Form Input
46221---------------*/
46222/* This adjusts the default form input across all elements */
46223/* Input Text Color */
46224/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
46225/*-------------------
46226 Focused Input
46227--------------------*/
46228/* Used on inputs, textarea etc */
46229/* Used on dropdowns, other larger blocks */
46230/*-------------------
46231 Sizes
46232--------------------*/
46233/*
46234 Sizes are all expressed in terms of 14px/em (default em)
46235 This ensures these "ratios" remain constant despite changes in EM
46236*/
46237/*-------------------
46238 Page
46239--------------------*/
46240/*-------------------
46241 Paragraph
46242--------------------*/
46243/*-------------------
46244 Links
46245--------------------*/
46246/*-------------------
46247 Scroll Bars
46248--------------------*/
46249/* Inverted */
46250/*-------------------
46251 Highlighted Text
46252--------------------*/
46253/*-------------------
46254 Loader
46255--------------------*/
46256/*-------------------
46257 Grid
46258--------------------*/
46259/*-------------------
46260 Transitions
46261--------------------*/
46262/*-------------------
46263 Breakpoints
46264--------------------*/
46265/*-------------------
46266 Site Colors
46267--------------------*/
46268/*--- Colors ---*/
46269/*--- Light Colors ---*/
46270/*--- Neutrals ---*/
46271/*--- Colored Backgrounds ---*/
46272/*--- Colored Headers ---*/
46273/*--- Colored Text ---*/
46274/*--- Colored Border ---*/
46275/*-------------------
46276 Alpha Colors
46277--------------------*/
46278/*-------------------
46279 Accents
46280--------------------*/
46281/* Differentiating Neutrals */
46282/* Differentiating Layers */
46283/*******************************
46284 Power-User
46285*******************************/
46286/*-------------------
46287 Emotive Colors
46288--------------------*/
46289/* Positive */
46290/* Negative */
46291/* Info */
46292/* Warning */
46293/*-------------------
46294 Paths
46295--------------------*/
46296/* For source only. Modified in gulp for dist */
46297/*-------------------
46298 Em Sizes
46299--------------------*/
46300/*
46301 This rounds @size values to the closest pixel then expresses that value in (r)em.
46302 This ensures all size values round to exact pixels
46303*/
46304/* em */
46305/* rem */
46306/*-------------------
46307 Icons
46308--------------------*/
46309/* Maximum Glyph Width of Icon */
46310/*-------------------
46311 Neutral Text
46312--------------------*/
46313/*-------------------
46314 Brand Colors
46315--------------------*/
46316/*-------------------
46317 Borders
46318--------------------*/
46319/*-------------------
46320 Derived Values
46321--------------------*/
46322/* Loaders Position Offset */
46323/* Rendered Scrollbar Width */
46324/* Maximum Single Character Glyph Width, aka Capital "W" */
46325/* Used to match floats with text */
46326/* Header Spacing */
46327/* Minimum Mobile Width */
46328/* Positive / Negative Dupes */
46329/* Responsive */
46330/*-------------------
46331 Exact Pixel Values
46332--------------------*/
46333/*
46334 These are used to specify exact pixel values in em
46335 for things like borders that remain constantly
46336 sized as emSize adjusts
46337
46338 Since there are many more sizes than names for sizes,
46339 these are named by their original pixel values.
46340
46341*/
46342/* Columns */
46343/*******************************
46344 States
46345*******************************/
46346/*-------------------
46347 Disabled
46348--------------------*/
46349/*-------------------
46350 Hover
46351--------------------*/
46352/*--- Shadows ---*/
46353/*--- Colors ---*/
46354/*--- Emotive ---*/
46355/*--- Brand ---*/
46356/*--- Dark Tones ---*/
46357/*--- Light Tones ---*/
46358/*-------------------
46359 Focus
46360--------------------*/
46361/*--- Colors ---*/
46362/*--- Emotive ---*/
46363/*--- Brand ---*/
46364/*--- Dark Tones ---*/
46365/*--- Light Tones ---*/
46366/*-------------------
46367 Down (:active)
46368--------------------*/
46369/*--- Colors ---*/
46370/*--- Emotive ---*/
46371/*--- Brand ---*/
46372/*--- Dark Tones ---*/
46373/*--- Light Tones ---*/
46374/*-------------------
46375 Active
46376--------------------*/
46377/*--- Colors ---*/
46378/*--- Emotive ---*/
46379/*--- Brand ---*/
46380/*--- Dark Tones ---*/
46381/*--- Light Tones ---*/
46382/* Packaged site.variables */
46383/*******************************
46384 Site Settings
46385*******************************/
46386/*-------------------
46387 Fonts
46388--------------------*/
46389/*-------------------
46390 Base Sizes
46391--------------------*/
46392/* This is the single variable that controls them all */
46393/* The size of page text */
46394/*-------------------
46395 Border Radius
46396--------------------*/
46397/* See Power-user section below
46398 for explanation of @px variables
46399*/
46400/*-------------------
46401 Brand Colors
46402--------------------*/
46403/*--------------
46404 Page Heading
46405---------------*/
46406/*--------------
46407 Form Input
46408---------------*/
46409/* This adjusts the default form input across all elements */
46410/* Input Text Color */
46411/* Line Height Default For Inputs in Browser */
46412/*-------------------
46413 Focused Input
46414--------------------*/
46415/* Used on inputs, textarea etc */
46416/* Used on dropdowns, other larger blocks */
46417/*-------------------
46418 Sizes
46419--------------------*/
46420/*
46421 Sizes are all expressed in terms of 14px/em (default em)
46422 This ensures these "ratios" remain constant despite changes in EM
46423*/
46424/*-------------------
46425 Page
46426--------------------*/
46427/*-------------------
46428 Paragraph
46429--------------------*/
46430/*-------------------
46431 Links
46432--------------------*/
46433/*-------------------
46434 Highlighted Text
46435--------------------*/
46436/*-------------------
46437 Loader
46438--------------------*/
46439/*-------------------
46440 Grid
46441--------------------*/
46442/*-------------------
46443 Transitions
46444--------------------*/
46445/*-------------------
46446 Breakpoints
46447--------------------*/
46448/*-------------------
46449 Site Colors
46450--------------------*/
46451/*--- Colors ---*/
46452/*--- Light Colors ---*/
46453/*--- Neutrals ---*/
46454/*--- Colored Backgrounds ---*/
46455/*--- Colored Headers ---*/
46456/*--- Colored Text ---*/
46457/*--- Colored Border ---*/
46458/*-------------------
46459 Alpha Colors
46460--------------------*/
46461/*-------------------
46462 Accents
46463--------------------*/
46464/* Differentiating Neutrals */
46465/* Differentiating Layers */
46466/*******************************
46467 Power-User
46468*******************************/
46469/*-------------------
46470 Emotive Colors
46471--------------------*/
46472/* Positive */
46473/* Negative */
46474/* Info */
46475/* Warning */
46476/*-------------------
46477 Paths
46478--------------------*/
46479/* For source only. Modified in gulp for dist */
46480/*-------------------
46481 Em Sizes
46482--------------------*/
46483/*
46484 This rounds @size values to the closest pixel then expresses that value in (r)em.
46485 This ensures all size values round to exact pixels
46486*/
46487/* em */
46488/* rem */
46489/*-------------------
46490 Icons
46491--------------------*/
46492/* Maximum Glyph Width of Icon */
46493/*-------------------
46494 Neutral Text
46495--------------------*/
46496/*-------------------
46497 Brand Colors
46498--------------------*/
46499/*-------------------
46500 Borders
46501--------------------*/
46502/*-------------------
46503 Derived Values
46504--------------------*/
46505/* Loaders Position Offset */
46506/* Rendered Scrollbar Width */
46507/* Maximum Single Character Glyph Width, aka Capital "W" */
46508/* Used to match floats with text */
46509/* Header Spacing */
46510/* Minimum Mobile Width */
46511/* Positive / Negative Dupes */
46512/* Responsive */
46513/*-------------------
46514 Exact Pixel Values
46515--------------------*/
46516/*
46517 These are used to specify exact pixel values in em
46518 for things like borders that remain constantly
46519 sized as emSize adjusts
46520
46521 Since there are many more sizes than names for sizes,
46522 these are named by their original pixel values.
46523
46524*/
46525/* Columns */
46526/*******************************
46527 States
46528*******************************/
46529/*-------------------
46530 Disabled
46531--------------------*/
46532/*-------------------
46533 Hover
46534--------------------*/
46535/*--- Shadows ---*/
46536/*--- Colors ---*/
46537/* https://github.com/Tripwire/octagon/issues/144 */
46538/*--- Emotive ---*/
46539/*--- Brand ---*/
46540/*--- Dark Tones ---*/
46541/*--- Light Tones ---*/
46542/*-------------------
46543 Focus
46544--------------------*/
46545/*--- Colors ---*/
46546/*--- Emotive ---*/
46547/*--- Brand ---*/
46548/*--- Dark Tones ---*/
46549/*--- Light Tones ---*/
46550/*-------------------
46551 Down (:active)
46552--------------------*/
46553/*--- Colors ---*/
46554/*--- Emotive ---*/
46555/*--- Brand ---*/
46556/*--- Dark Tones ---*/
46557/*--- Light Tones ---*/
46558/*-------------------
46559 Active
46560--------------------*/
46561/*--- Colors ---*/
46562/*--- Emotive ---*/
46563/*--- Brand ---*/
46564/*--- Dark Tones ---*/
46565/*--- Light Tones ---*/
46566/* Component's site.variables */
46567/*******************************
46568 Site Settings
46569*******************************/
46570/*-------------------
46571 Fonts
46572--------------------*/
46573/*-------------------
46574 Base Sizes
46575--------------------*/
46576/* This is the single variable that controls them all */
46577/* The size of page text */
46578/*-------------------
46579 Border Radius
46580--------------------*/
46581/* See Power-user section below
46582 for explanation of @px variables
46583*/
46584/*-------------------
46585 Brand Colors
46586--------------------*/
46587/*--------------
46588 Page Heading
46589---------------*/
46590/*--------------
46591 Form Input
46592---------------*/
46593/* This adjusts the default form input across all elements */
46594/* Input Text Color */
46595/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
46596/*-------------------
46597 Focused Input
46598--------------------*/
46599/* Used on inputs, textarea etc */
46600/* Used on dropdowns, other larger blocks */
46601/*-------------------
46602 Sizes
46603--------------------*/
46604/*
46605 Sizes are all expressed in terms of 14px/em (default em)
46606 This ensures these "ratios" remain constant despite changes in EM
46607*/
46608/*-------------------
46609 Page
46610--------------------*/
46611/*-------------------
46612 Paragraph
46613--------------------*/
46614/*-------------------
46615 Links
46616--------------------*/
46617/*-------------------
46618 Scroll Bars
46619--------------------*/
46620/* Inverted */
46621/*-------------------
46622 Highlighted Text
46623--------------------*/
46624/*-------------------
46625 Loader
46626--------------------*/
46627/*-------------------
46628 Grid
46629--------------------*/
46630/*-------------------
46631 Transitions
46632--------------------*/
46633/*-------------------
46634 Breakpoints
46635--------------------*/
46636/*-------------------
46637 Site Colors
46638--------------------*/
46639/*--- Colors ---*/
46640/*--- Light Colors ---*/
46641/*--- Neutrals ---*/
46642/*--- Colored Backgrounds ---*/
46643/*--- Colored Headers ---*/
46644/*--- Colored Text ---*/
46645/*--- Colored Border ---*/
46646/*-------------------
46647 Alpha Colors
46648--------------------*/
46649/*-------------------
46650 Accents
46651--------------------*/
46652/* Differentiating Neutrals */
46653/* Differentiating Layers */
46654/*******************************
46655 Power-User
46656*******************************/
46657/*-------------------
46658 Emotive Colors
46659--------------------*/
46660/* Positive */
46661/* Negative */
46662/* Info */
46663/* Warning */
46664/*-------------------
46665 Paths
46666--------------------*/
46667/* For source only. Modified in gulp for dist */
46668/*-------------------
46669 Em Sizes
46670--------------------*/
46671/*
46672 This rounds @size values to the closest pixel then expresses that value in (r)em.
46673 This ensures all size values round to exact pixels
46674*/
46675/* em */
46676/* rem */
46677/*-------------------
46678 Icons
46679--------------------*/
46680/* Maximum Glyph Width of Icon */
46681/*-------------------
46682 Neutral Text
46683--------------------*/
46684/*-------------------
46685 Brand Colors
46686--------------------*/
46687/*-------------------
46688 Borders
46689--------------------*/
46690/*-------------------
46691 Derived Values
46692--------------------*/
46693/* Loaders Position Offset */
46694/* Rendered Scrollbar Width */
46695/* Maximum Single Character Glyph Width, aka Capital "W" */
46696/* Used to match floats with text */
46697/* Header Spacing */
46698/* Minimum Mobile Width */
46699/* Positive / Negative Dupes */
46700/* Responsive */
46701/*-------------------
46702 Exact Pixel Values
46703--------------------*/
46704/*
46705 These are used to specify exact pixel values in em
46706 for things like borders that remain constantly
46707 sized as emSize adjusts
46708
46709 Since there are many more sizes than names for sizes,
46710 these are named by their original pixel values.
46711
46712*/
46713/* Columns */
46714/*******************************
46715 States
46716*******************************/
46717/*-------------------
46718 Disabled
46719--------------------*/
46720/*-------------------
46721 Hover
46722--------------------*/
46723/*--- Shadows ---*/
46724/*--- Colors ---*/
46725/*--- Emotive ---*/
46726/*--- Brand ---*/
46727/*--- Dark Tones ---*/
46728/*--- Light Tones ---*/
46729/*-------------------
46730 Focus
46731--------------------*/
46732/*--- Colors ---*/
46733/*--- Emotive ---*/
46734/*--- Brand ---*/
46735/*--- Dark Tones ---*/
46736/*--- Light Tones ---*/
46737/*-------------------
46738 Down (:active)
46739--------------------*/
46740/*--- Colors ---*/
46741/*--- Emotive ---*/
46742/*--- Brand ---*/
46743/*--- Dark Tones ---*/
46744/*--- Light Tones ---*/
46745/*-------------------
46746 Active
46747--------------------*/
46748/*--- Colors ---*/
46749/*--- Emotive ---*/
46750/*--- Brand ---*/
46751/*--- Dark Tones ---*/
46752/*--- Light Tones ---*/
46753/* Site theme site.variables */
46754/*-------------------
46755 Component Variables
46756---------------------*/
46757/* Default */
46758/*******************************
46759 Accordion
46760*******************************/
46761/* Title */
46762/* Icon */
46763/* Child Accordion */
46764/* Content */
46765/*-------------------
46766 Coupling
46767--------------------*/
46768/*-------------------
46769 States
46770--------------------*/
46771/*-------------------
46772 Variations
46773--------------------*/
46774/* Styled */
46775/* Content */
46776/* Child Content */
46777/* Styled Title */
46778/* Styled Title States */
46779/* Styled Child Title States */
46780/* Inverted */
46781/* Packaged Theme */
46782/*******************************
46783 Accordion
46784*******************************/
46785/* Title */
46786/* Icon */
46787/* Child Accordion */
46788/* Content */
46789/*-------------------
46790 Coupling
46791--------------------*/
46792/*-------------------
46793 States
46794--------------------*/
46795/*-------------------
46796 Variations
46797--------------------*/
46798/* Styled */
46799/* Content */
46800/* Child Content */
46801/* Styled Title */
46802/* Styled Title States */
46803/* Styled Child Title States */
46804/* Inverted */
46805/* Site Theme */
46806/*******************************
46807 Mix-ins
46808*******************************/
46809/*------------------
46810 Fonts
46811-------------------*/
46812/*------------------
46813 Overrides
46814-------------------*/
46815/* End Config */
46816/*******************************
46817 Accordion
46818*******************************/
46819.ui.accordion,
46820.ui.accordion .accordion {
46821 max-width: 100%;
46822}
46823.ui.accordion .accordion {
46824 margin: 1em 0em 0em;
46825 padding: 0em;
46826}
46827/* Title */
46828.ui.accordion .title,
46829.ui.accordion .accordion .title {
46830 cursor: pointer;
46831}
46832/* Default Styling */
46833.ui.accordion .title:not(.ui) {
46834 padding: 0.5em 0em;
46835 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
46836 font-size: 1em;
46837 color: rgba(0, 0, 0, 0.87);
46838}
46839/* Content */
46840.ui.accordion .title ~ .content,
46841.ui.accordion .accordion .title ~ .content {
46842 display: none;
46843}
46844/* Default Styling */
46845.ui.accordion:not(.styled) .title ~ .content:not(.ui),
46846.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
46847 margin: '';
46848 padding: 0.5em 0em 1em;
46849}
46850.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
46851 padding-bottom: 0em;
46852}
46853/* Arrow */
46854.ui.accordion .title .dropdown.icon,
46855.ui.accordion .accordion .title .dropdown.icon {
46856 display: inline-block;
46857 float: none;
46858 opacity: 1;
46859 width: 1.25em;
46860 height: 1em;
46861 margin: 0em 0.25rem 0em 0rem;
46862 padding: 0em;
46863 font-size: 1em;
46864 transition: transform 0.1s ease, opacity 0.1s ease;
46865 vertical-align: baseline;
46866 transform: none;
46867}
46868/*--------------
46869 Coupling
46870---------------*/
46871/* Menu */
46872.ui.accordion.menu .item .title {
46873 display: block;
46874 padding: 0em;
46875}
46876.ui.accordion.menu .item .title > .dropdown.icon {
46877 float: right;
46878 margin: 0.21425em 0em 0em 1em;
46879 transform: rotate(180deg);
46880}
46881/* Header */
46882.ui.accordion .ui.header .dropdown.icon {
46883 font-size: 1em;
46884 margin: 0em 0.25rem 0em 0rem;
46885}
46886/*******************************
46887 States
46888*******************************/
46889.ui.accordion .active.title .dropdown.icon,
46890.ui.accordion .accordion .active.title .dropdown.icon {
46891 transform: rotate(90deg);
46892}
46893.ui.accordion.menu .item .active.title > .dropdown.icon {
46894 transform: rotate(90deg);
46895}
46896/*******************************
46897 Types
46898*******************************/
46899/*--------------
46900 Styled
46901---------------*/
46902.ui.styled.accordion {
46903 width: 600px;
46904}
46905.ui.styled.accordion,
46906.ui.styled.accordion .accordion {
46907 border-radius: 0.28571429rem;
46908 background: #FFFFFF;
46909 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
46910}
46911.ui.styled.accordion .title,
46912.ui.styled.accordion .accordion .title {
46913 margin: 0em;
46914 padding: 0.75em 1em;
46915 color: rgba(0, 0, 0, 0.4);
46916 font-weight: bold;
46917 border-top: 1px solid rgba(34, 36, 38, 0.15);
46918 transition: background 0.1s ease, color 0.1s ease;
46919}
46920.ui.styled.accordion > .title:first-child,
46921.ui.styled.accordion .accordion .title:first-child {
46922 border-top: none;
46923}
46924/* Content */
46925.ui.styled.accordion .content,
46926.ui.styled.accordion .accordion .content {
46927 margin: 0em;
46928 padding: 0.5em 1em 1.5em;
46929}
46930.ui.styled.accordion .accordion .content {
46931 padding: 0em;
46932 padding: 0.5em 1em 1.5em;
46933}
46934/* Hover */
46935.ui.styled.accordion .title:hover,
46936.ui.styled.accordion .active.title,
46937.ui.styled.accordion .accordion .title:hover,
46938.ui.styled.accordion .accordion .active.title {
46939 background: transparent;
46940 color: rgba(0, 0, 0, 0.87);
46941}
46942.ui.styled.accordion .accordion .title:hover,
46943.ui.styled.accordion .accordion .active.title {
46944 background: transparent;
46945 color: rgba(0, 0, 0, 0.87);
46946}
46947/* Active */
46948.ui.styled.accordion .active.title {
46949 background: transparent;
46950 color: rgba(0, 0, 0, 0.95);
46951}
46952.ui.styled.accordion .accordion .active.title {
46953 background: transparent;
46954 color: rgba(0, 0, 0, 0.95);
46955}
46956/*******************************
46957 States
46958*******************************/
46959/*--------------
46960 Active
46961---------------*/
46962.ui.accordion .active.content,
46963.ui.accordion .accordion .active.content {
46964 display: block;
46965}
46966/*******************************
46967 Variations
46968*******************************/
46969/*--------------
46970 Fluid
46971---------------*/
46972.ui.fluid.accordion,
46973.ui.fluid.accordion .accordion {
46974 width: 100%;
46975}
46976/*--------------
46977 Inverted
46978---------------*/
46979.ui.inverted.accordion .title:not(.ui) {
46980 color: rgba(255, 255, 255, 0.9);
46981}
46982/*******************************
46983 Theme Overrides
46984*******************************/
46985@font-face {
46986 font-family: 'Accordion';
46987 src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
46988 font-weight: normal;
46989 font-style: normal;
46990}
46991/* Dropdown Icon */
46992.ui.accordion .title .dropdown.icon,
46993.ui.accordion .accordion .title .dropdown.icon {
46994 font-family: Accordion;
46995 line-height: 1;
46996 backface-visibility: hidden;
46997 font-weight: normal;
46998 font-style: normal;
46999 text-align: center;
47000}
47001.ui.accordion .title .dropdown.icon:before,
47002.ui.accordion .accordion .title .dropdown.icon:before {
47003 content: '\f0da' /*rtl:'\f0d9'*/;
47004}
47005/*!
47006 * # Semantic UI - Checkbox
47007 * http://github.com/semantic-org/semantic-ui/
47008 *
47009 *
47010 * Released under the MIT license
47011 * http://opensource.org/licenses/MIT
47012 *
47013 */
47014/*******************************
47015 Theme
47016*******************************/
47017/*
47018
47019████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
47020╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
47021 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
47022 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
47023 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
47024 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
47025
47026*/
47027/*******************************
47028 Theme Selection
47029*******************************/
47030/* To override a theme for an individual element
47031 specify theme name below
47032*/
47033/* Global */
47034/* Elements */
47035/* Collections */
47036/* Modules */
47037/* Views */
47038/*******************************
47039 Folders
47040*******************************/
47041/* Path to theme packages */
47042/* Path to site override folder */
47043/*******************************
47044 Import Theme
47045*******************************/
47046/*******************************
47047 Import Directives
47048*******************************/
47049/*------------------
47050 Theme
47051-------------------*/
47052/*--------------------
47053 Site Variables
47054---------------------*/
47055/* Default site.variables */
47056/*******************************
47057 Site Settings
47058*******************************/
47059/*-------------------
47060 Fonts
47061--------------------*/
47062/*-------------------
47063 Base Sizes
47064--------------------*/
47065/* This is the single variable that controls them all */
47066/* The size of page text */
47067/*-------------------
47068 Border Radius
47069--------------------*/
47070/* See Power-user section below
47071 for explanation of @px variables
47072*/
47073/*-------------------
47074 Brand Colors
47075--------------------*/
47076/*--------------
47077 Page Heading
47078---------------*/
47079/*--------------
47080 Form Input
47081---------------*/
47082/* This adjusts the default form input across all elements */
47083/* Input Text Color */
47084/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
47085/*-------------------
47086 Focused Input
47087--------------------*/
47088/* Used on inputs, textarea etc */
47089/* Used on dropdowns, other larger blocks */
47090/*-------------------
47091 Sizes
47092--------------------*/
47093/*
47094 Sizes are all expressed in terms of 14px/em (default em)
47095 This ensures these "ratios" remain constant despite changes in EM
47096*/
47097/*-------------------
47098 Page
47099--------------------*/
47100/*-------------------
47101 Paragraph
47102--------------------*/
47103/*-------------------
47104 Links
47105--------------------*/
47106/*-------------------
47107 Scroll Bars
47108--------------------*/
47109/* Inverted */
47110/*-------------------
47111 Highlighted Text
47112--------------------*/
47113/*-------------------
47114 Loader
47115--------------------*/
47116/*-------------------
47117 Grid
47118--------------------*/
47119/*-------------------
47120 Transitions
47121--------------------*/
47122/*-------------------
47123 Breakpoints
47124--------------------*/
47125/*-------------------
47126 Site Colors
47127--------------------*/
47128/*--- Colors ---*/
47129/*--- Light Colors ---*/
47130/*--- Neutrals ---*/
47131/*--- Colored Backgrounds ---*/
47132/*--- Colored Headers ---*/
47133/*--- Colored Text ---*/
47134/*--- Colored Border ---*/
47135/*-------------------
47136 Alpha Colors
47137--------------------*/
47138/*-------------------
47139 Accents
47140--------------------*/
47141/* Differentiating Neutrals */
47142/* Differentiating Layers */
47143/*******************************
47144 Power-User
47145*******************************/
47146/*-------------------
47147 Emotive Colors
47148--------------------*/
47149/* Positive */
47150/* Negative */
47151/* Info */
47152/* Warning */
47153/*-------------------
47154 Paths
47155--------------------*/
47156/* For source only. Modified in gulp for dist */
47157/*-------------------
47158 Em Sizes
47159--------------------*/
47160/*
47161 This rounds @size values to the closest pixel then expresses that value in (r)em.
47162 This ensures all size values round to exact pixels
47163*/
47164/* em */
47165/* rem */
47166/*-------------------
47167 Icons
47168--------------------*/
47169/* Maximum Glyph Width of Icon */
47170/*-------------------
47171 Neutral Text
47172--------------------*/
47173/*-------------------
47174 Brand Colors
47175--------------------*/
47176/*-------------------
47177 Borders
47178--------------------*/
47179/*-------------------
47180 Derived Values
47181--------------------*/
47182/* Loaders Position Offset */
47183/* Rendered Scrollbar Width */
47184/* Maximum Single Character Glyph Width, aka Capital "W" */
47185/* Used to match floats with text */
47186/* Header Spacing */
47187/* Minimum Mobile Width */
47188/* Positive / Negative Dupes */
47189/* Responsive */
47190/*-------------------
47191 Exact Pixel Values
47192--------------------*/
47193/*
47194 These are used to specify exact pixel values in em
47195 for things like borders that remain constantly
47196 sized as emSize adjusts
47197
47198 Since there are many more sizes than names for sizes,
47199 these are named by their original pixel values.
47200
47201*/
47202/* Columns */
47203/*******************************
47204 States
47205*******************************/
47206/*-------------------
47207 Disabled
47208--------------------*/
47209/*-------------------
47210 Hover
47211--------------------*/
47212/*--- Shadows ---*/
47213/*--- Colors ---*/
47214/*--- Emotive ---*/
47215/*--- Brand ---*/
47216/*--- Dark Tones ---*/
47217/*--- Light Tones ---*/
47218/*-------------------
47219 Focus
47220--------------------*/
47221/*--- Colors ---*/
47222/*--- Emotive ---*/
47223/*--- Brand ---*/
47224/*--- Dark Tones ---*/
47225/*--- Light Tones ---*/
47226/*-------------------
47227 Down (:active)
47228--------------------*/
47229/*--- Colors ---*/
47230/*--- Emotive ---*/
47231/*--- Brand ---*/
47232/*--- Dark Tones ---*/
47233/*--- Light Tones ---*/
47234/*-------------------
47235 Active
47236--------------------*/
47237/*--- Colors ---*/
47238/*--- Emotive ---*/
47239/*--- Brand ---*/
47240/*--- Dark Tones ---*/
47241/*--- Light Tones ---*/
47242/* Packaged site.variables */
47243/*******************************
47244 Site Settings
47245*******************************/
47246/*-------------------
47247 Fonts
47248--------------------*/
47249/*-------------------
47250 Base Sizes
47251--------------------*/
47252/* This is the single variable that controls them all */
47253/* The size of page text */
47254/*-------------------
47255 Border Radius
47256--------------------*/
47257/* See Power-user section below
47258 for explanation of @px variables
47259*/
47260/*-------------------
47261 Brand Colors
47262--------------------*/
47263/*--------------
47264 Page Heading
47265---------------*/
47266/*--------------
47267 Form Input
47268---------------*/
47269/* This adjusts the default form input across all elements */
47270/* Input Text Color */
47271/* Line Height Default For Inputs in Browser */
47272/*-------------------
47273 Focused Input
47274--------------------*/
47275/* Used on inputs, textarea etc */
47276/* Used on dropdowns, other larger blocks */
47277/*-------------------
47278 Sizes
47279--------------------*/
47280/*
47281 Sizes are all expressed in terms of 14px/em (default em)
47282 This ensures these "ratios" remain constant despite changes in EM
47283*/
47284/*-------------------
47285 Page
47286--------------------*/
47287/*-------------------
47288 Paragraph
47289--------------------*/
47290/*-------------------
47291 Links
47292--------------------*/
47293/*-------------------
47294 Highlighted Text
47295--------------------*/
47296/*-------------------
47297 Loader
47298--------------------*/
47299/*-------------------
47300 Grid
47301--------------------*/
47302/*-------------------
47303 Transitions
47304--------------------*/
47305/*-------------------
47306 Breakpoints
47307--------------------*/
47308/*-------------------
47309 Site Colors
47310--------------------*/
47311/*--- Colors ---*/
47312/*--- Light Colors ---*/
47313/*--- Neutrals ---*/
47314/*--- Colored Backgrounds ---*/
47315/*--- Colored Headers ---*/
47316/*--- Colored Text ---*/
47317/*--- Colored Border ---*/
47318/*-------------------
47319 Alpha Colors
47320--------------------*/
47321/*-------------------
47322 Accents
47323--------------------*/
47324/* Differentiating Neutrals */
47325/* Differentiating Layers */
47326/*******************************
47327 Power-User
47328*******************************/
47329/*-------------------
47330 Emotive Colors
47331--------------------*/
47332/* Positive */
47333/* Negative */
47334/* Info */
47335/* Warning */
47336/*-------------------
47337 Paths
47338--------------------*/
47339/* For source only. Modified in gulp for dist */
47340/*-------------------
47341 Em Sizes
47342--------------------*/
47343/*
47344 This rounds @size values to the closest pixel then expresses that value in (r)em.
47345 This ensures all size values round to exact pixels
47346*/
47347/* em */
47348/* rem */
47349/*-------------------
47350 Icons
47351--------------------*/
47352/* Maximum Glyph Width of Icon */
47353/*-------------------
47354 Neutral Text
47355--------------------*/
47356/*-------------------
47357 Brand Colors
47358--------------------*/
47359/*-------------------
47360 Borders
47361--------------------*/
47362/*-------------------
47363 Derived Values
47364--------------------*/
47365/* Loaders Position Offset */
47366/* Rendered Scrollbar Width */
47367/* Maximum Single Character Glyph Width, aka Capital "W" */
47368/* Used to match floats with text */
47369/* Header Spacing */
47370/* Minimum Mobile Width */
47371/* Positive / Negative Dupes */
47372/* Responsive */
47373/*-------------------
47374 Exact Pixel Values
47375--------------------*/
47376/*
47377 These are used to specify exact pixel values in em
47378 for things like borders that remain constantly
47379 sized as emSize adjusts
47380
47381 Since there are many more sizes than names for sizes,
47382 these are named by their original pixel values.
47383
47384*/
47385/* Columns */
47386/*******************************
47387 States
47388*******************************/
47389/*-------------------
47390 Disabled
47391--------------------*/
47392/*-------------------
47393 Hover
47394--------------------*/
47395/*--- Shadows ---*/
47396/*--- Colors ---*/
47397/* https://github.com/Tripwire/octagon/issues/144 */
47398/*--- Emotive ---*/
47399/*--- Brand ---*/
47400/*--- Dark Tones ---*/
47401/*--- Light Tones ---*/
47402/*-------------------
47403 Focus
47404--------------------*/
47405/*--- Colors ---*/
47406/*--- Emotive ---*/
47407/*--- Brand ---*/
47408/*--- Dark Tones ---*/
47409/*--- Light Tones ---*/
47410/*-------------------
47411 Down (:active)
47412--------------------*/
47413/*--- Colors ---*/
47414/*--- Emotive ---*/
47415/*--- Brand ---*/
47416/*--- Dark Tones ---*/
47417/*--- Light Tones ---*/
47418/*-------------------
47419 Active
47420--------------------*/
47421/*--- Colors ---*/
47422/*--- Emotive ---*/
47423/*--- Brand ---*/
47424/*--- Dark Tones ---*/
47425/*--- Light Tones ---*/
47426/* Component's site.variables */
47427/*******************************
47428 Site Settings
47429*******************************/
47430/*-------------------
47431 Fonts
47432--------------------*/
47433/*-------------------
47434 Base Sizes
47435--------------------*/
47436/* This is the single variable that controls them all */
47437/* The size of page text */
47438/*-------------------
47439 Border Radius
47440--------------------*/
47441/* See Power-user section below
47442 for explanation of @px variables
47443*/
47444/*-------------------
47445 Brand Colors
47446--------------------*/
47447/*--------------
47448 Page Heading
47449---------------*/
47450/*--------------
47451 Form Input
47452---------------*/
47453/* This adjusts the default form input across all elements */
47454/* Input Text Color */
47455/* Line Height Default For Inputs in Browser */
47456/*-------------------
47457 Focused Input
47458--------------------*/
47459/* Used on inputs, textarea etc */
47460/* Used on dropdowns, other larger blocks */
47461/*-------------------
47462 Sizes
47463--------------------*/
47464/*
47465 Sizes are all expressed in terms of 14px/em (default em)
47466 This ensures these "ratios" remain constant despite changes in EM
47467*/
47468/*-------------------
47469 Page
47470--------------------*/
47471/*-------------------
47472 Paragraph
47473--------------------*/
47474/*-------------------
47475 Links
47476--------------------*/
47477/*-------------------
47478 Highlighted Text
47479--------------------*/
47480/*-------------------
47481 Loader
47482--------------------*/
47483/*-------------------
47484 Grid
47485--------------------*/
47486/*-------------------
47487 Transitions
47488--------------------*/
47489/*-------------------
47490 Breakpoints
47491--------------------*/
47492/*-------------------
47493 Site Colors
47494--------------------*/
47495/*--- Colors ---*/
47496/*--- Light Colors ---*/
47497/*--- Neutrals ---*/
47498/*--- Colored Backgrounds ---*/
47499/*--- Colored Headers ---*/
47500/*--- Colored Text ---*/
47501/*--- Colored Border ---*/
47502/*-------------------
47503 Alpha Colors
47504--------------------*/
47505/*-------------------
47506 Accents
47507--------------------*/
47508/* Differentiating Neutrals */
47509/* Differentiating Layers */
47510/*******************************
47511 Power-User
47512*******************************/
47513/*-------------------
47514 Emotive Colors
47515--------------------*/
47516/* Positive */
47517/* Negative */
47518/* Info */
47519/* Warning */
47520/*-------------------
47521 Paths
47522--------------------*/
47523/* For source only. Modified in gulp for dist */
47524/*-------------------
47525 Em Sizes
47526--------------------*/
47527/*
47528 This rounds @size values to the closest pixel then expresses that value in (r)em.
47529 This ensures all size values round to exact pixels
47530*/
47531/* em */
47532/* rem */
47533/*-------------------
47534 Icons
47535--------------------*/
47536/* Maximum Glyph Width of Icon */
47537/*-------------------
47538 Neutral Text
47539--------------------*/
47540/*-------------------
47541 Brand Colors
47542--------------------*/
47543/*-------------------
47544 Borders
47545--------------------*/
47546/*-------------------
47547 Derived Values
47548--------------------*/
47549/* Loaders Position Offset */
47550/* Rendered Scrollbar Width */
47551/* Maximum Single Character Glyph Width, aka Capital "W" */
47552/* Used to match floats with text */
47553/* Header Spacing */
47554/* Minimum Mobile Width */
47555/* Positive / Negative Dupes */
47556/* Responsive */
47557/*-------------------
47558 Exact Pixel Values
47559--------------------*/
47560/*
47561 These are used to specify exact pixel values in em
47562 for things like borders that remain constantly
47563 sized as emSize adjusts
47564
47565 Since there are many more sizes than names for sizes,
47566 these are named by their original pixel values.
47567
47568*/
47569/* Columns */
47570/*******************************
47571 States
47572*******************************/
47573/*-------------------
47574 Disabled
47575--------------------*/
47576/*-------------------
47577 Hover
47578--------------------*/
47579/*--- Shadows ---*/
47580/*--- Colors ---*/
47581/* https://github.com/Tripwire/octagon/issues/144 */
47582/*--- Emotive ---*/
47583/*--- Brand ---*/
47584/*--- Dark Tones ---*/
47585/*--- Light Tones ---*/
47586/*-------------------
47587 Focus
47588--------------------*/
47589/*--- Colors ---*/
47590/*--- Emotive ---*/
47591/*--- Brand ---*/
47592/*--- Dark Tones ---*/
47593/*--- Light Tones ---*/
47594/*-------------------
47595 Down (:active)
47596--------------------*/
47597/*--- Colors ---*/
47598/*--- Emotive ---*/
47599/*--- Brand ---*/
47600/*--- Dark Tones ---*/
47601/*--- Light Tones ---*/
47602/*-------------------
47603 Active
47604--------------------*/
47605/*--- Colors ---*/
47606/*--- Emotive ---*/
47607/*--- Brand ---*/
47608/*--- Dark Tones ---*/
47609/*--- Light Tones ---*/
47610/* Site theme site.variables */
47611/*-------------------
47612 Component Variables
47613---------------------*/
47614/* Default */
47615/*******************************
47616 Checkbox
47617*******************************/
47618/* Label */
47619/* 26px @ 14/em */
47620/* Checkbox */
47621/* Checkmark */
47622/* Label */
47623/*-------------------
47624 States
47625--------------------*/
47626/* Hover */
47627/* Pressed */
47628/* Focus */
47629/* Active */
47630/* Active Focus */
47631/* Indeterminate */
47632/* Disabled */
47633/*-------------------
47634 Types
47635--------------------*/
47636/* Radio */
47637/* Uses px to avoid rounding issues with circles */
47638/* 7px as unitless value from radio size */
47639/* Slider & Toggle Handle */
47640/* Slider */
47641/* Slider States */
47642/* Toggle */
47643/*-------------------
47644 Variations
47645--------------------*/
47646/* Packaged Theme */
47647/*******************************
47648 Checkbox
47649*******************************/
47650/* Label */
47651/* 26px @ 14/em */
47652/* Checkbox */
47653/* Checkmark */
47654/* Label */
47655/*-------------------
47656 States
47657--------------------*/
47658/* Hover */
47659/* Pressed */
47660/* Focus */
47661/* Active */
47662/* Active Focus */
47663/* Indeterminate */
47664/* Disabled */
47665/*-------------------
47666 Types
47667--------------------*/
47668/* Radio */
47669/* Uses px to avoid rounding issues with circles */
47670/* 7px as unitless value from radio size */
47671/* Slider & Toggle Handle */
47672/* Slider */
47673/* Slider States */
47674/* Toggle */
47675/*-------------------
47676 Variations
47677--------------------*/
47678/* Site Theme */
47679/*******************************
47680 Mix-ins
47681*******************************/
47682/*------------------
47683 Fonts
47684-------------------*/
47685/*------------------
47686 Overrides
47687-------------------*/
47688/* End Config */
47689/*******************************
47690 Checkbox
47691*******************************/
47692/*--------------
47693 Content
47694---------------*/
47695.ui.checkbox {
47696 position: relative;
47697 display: inline-block;
47698 backface-visibility: hidden;
47699 outline: none;
47700 vertical-align: baseline;
47701 font-style: normal;
47702 min-height: 20px;
47703 font-size: 1rem;
47704 line-height: 20px;
47705 min-width: 20px;
47706}
47707/* HTML Checkbox */
47708.ui.checkbox input[type="checkbox"],
47709.ui.checkbox input[type="radio"] {
47710 cursor: pointer;
47711 position: absolute;
47712 top: 0px;
47713 left: 0px;
47714 opacity: 0 !important;
47715 outline: none;
47716 z-index: 3;
47717 width: 20px;
47718 height: 20px;
47719}
47720/*--------------
47721 Box
47722---------------*/
47723.ui.checkbox .box,
47724.ui.checkbox label {
47725 cursor: auto;
47726 position: relative;
47727 display: block;
47728 padding-left: 1.85714em;
47729 outline: none;
47730 font-size: 1em;
47731}
47732.ui.checkbox .box:before,
47733.ui.checkbox label:before {
47734 position: absolute;
47735 top: 0px;
47736 left: 0px;
47737 width: 20px;
47738 height: 20px;
47739 content: '';
47740 background: #FFFFFF;
47741 border-radius: 2px;
47742 transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
47743 border: 2px solid #586A7B;
47744}
47745/*--------------
47746 Checkmark
47747---------------*/
47748.ui.checkbox .box:after,
47749.ui.checkbox label:after {
47750 position: absolute;
47751 font-size: 14px;
47752 top: 0px;
47753 left: 0px;
47754 width: 20px;
47755 height: 20px;
47756 text-align: center;
47757 opacity: 0;
47758 color: #586A7B;
47759 transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
47760}
47761/*--------------
47762 Label
47763---------------*/
47764/* Inside */
47765.ui.checkbox label,
47766.ui.checkbox + label {
47767 color: #586A7B;
47768 transition: color 0.1s ease;
47769}
47770/* Outside */
47771.ui.checkbox + label {
47772 vertical-align: middle;
47773}
47774/*******************************
47775 States
47776*******************************/
47777/*--------------
47778 Hover
47779---------------*/
47780.ui.checkbox .box:hover::before,
47781.ui.checkbox label:hover::before {
47782 background: #FFFFFF;
47783 border-color: rgba(34, 36, 38, 0.35);
47784}
47785.ui.checkbox label:hover,
47786.ui.checkbox + label:hover {
47787 color: rgba(0, 0, 0, 0.8);
47788}
47789/*--------------
47790 Down
47791---------------*/
47792.ui.checkbox .box:active::before,
47793.ui.checkbox label:active::before {
47794 background: #F9FAFB;
47795 border-color: rgba(34, 36, 38, 0.35);
47796}
47797.ui.checkbox .box:active::after,
47798.ui.checkbox label:active::after {
47799 color: rgba(0, 0, 0, 0.95);
47800}
47801.ui.checkbox input:active ~ label {
47802 color: rgba(0, 0, 0, 0.95);
47803}
47804/*--------------
47805 Focus
47806---------------*/
47807.ui.checkbox input:focus ~ .box:before,
47808.ui.checkbox input:focus ~ label:before {
47809 background: #FFFFFF;
47810 border-color: #96C8DA;
47811}
47812.ui.checkbox input:focus ~ .box:after,
47813.ui.checkbox input:focus ~ label:after {
47814 color: rgba(0, 0, 0, 0.95);
47815}
47816.ui.checkbox input:focus ~ label {
47817 color: rgba(0, 0, 0, 0.95);
47818}
47819/*--------------
47820 Active
47821---------------*/
47822.ui.checkbox input:checked ~ .box:before,
47823.ui.checkbox input:checked ~ label:before {
47824 background: #FFFFFF;
47825 border-color: rgba(34, 36, 38, 0.35);
47826}
47827.ui.checkbox input:checked ~ .box:after,
47828.ui.checkbox input:checked ~ label:after {
47829 opacity: 1;
47830 color: rgba(0, 0, 0, 0.95);
47831}
47832/*--------------
47833 Indeterminate
47834---------------*/
47835.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
47836.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
47837 background: #FFFFFF;
47838 border-color: rgba(34, 36, 38, 0.35);
47839}
47840.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
47841.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
47842 opacity: 1;
47843 color: rgba(0, 0, 0, 0.95);
47844}
47845/*--------------
47846 Active Focus
47847---------------*/
47848.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
47849.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
47850.ui.checkbox input:checked:focus ~ .box:before,
47851.ui.checkbox input:checked:focus ~ label:before {
47852 background: #FFFFFF;
47853 border-color: #96C8DA;
47854}
47855.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
47856.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
47857.ui.checkbox input:checked:focus ~ .box:after,
47858.ui.checkbox input:checked:focus ~ label:after {
47859 color: rgba(0, 0, 0, 0.95);
47860}
47861/*--------------
47862 Read-Only
47863---------------*/
47864.ui.read-only.checkbox,
47865.ui.read-only.checkbox label {
47866 cursor: default;
47867}
47868/*--------------
47869 Disabled
47870---------------*/
47871.ui.disabled.checkbox .box:after,
47872.ui.disabled.checkbox label,
47873.ui.checkbox input[disabled] ~ .box:after,
47874.ui.checkbox input[disabled] ~ label {
47875 cursor: default !important;
47876 opacity: 0.5;
47877 color: #000000;
47878}
47879/*--------------
47880 Hidden
47881---------------*/
47882/* Initialized checkbox moves input below element
47883 to prevent manually triggering */
47884.ui.checkbox input.hidden {
47885 z-index: -1;
47886}
47887/* Selectable Label */
47888.ui.checkbox input.hidden + label {
47889 cursor: pointer;
47890 user-select: none;
47891}
47892/*******************************
47893 Types
47894*******************************/
47895/*--------------
47896 Radio
47897---------------*/
47898.ui.radio.checkbox {
47899 min-height: 15px;
47900}
47901.ui.radio.checkbox .box,
47902.ui.radio.checkbox label {
47903 padding-left: 1.85714em;
47904}
47905/* Box */
47906.ui.radio.checkbox .box:before,
47907.ui.radio.checkbox label:before {
47908 content: '';
47909 transform: none;
47910 width: 15px;
47911 height: 15px;
47912 border-radius: 500rem;
47913 top: 1px;
47914 left: 0px;
47915}
47916/* Bullet */
47917.ui.radio.checkbox .box:after,
47918.ui.radio.checkbox label:after {
47919 border: none;
47920 content: '' !important;
47921 width: 15px;
47922 height: 15px;
47923 line-height: 15px;
47924}
47925/* Radio Checkbox */
47926.ui.radio.checkbox .box:after,
47927.ui.radio.checkbox label:after {
47928 top: 1px;
47929 left: 0px;
47930 width: 15px;
47931 height: 15px;
47932 border-radius: 500rem;
47933 transform: scale(0.46666667);
47934 background-color: #586A7B;
47935}
47936/* Focus */
47937.ui.radio.checkbox input:focus ~ .box:before,
47938.ui.radio.checkbox input:focus ~ label:before {
47939 background-color: #FFFFFF;
47940}
47941.ui.radio.checkbox input:focus ~ .box:after,
47942.ui.radio.checkbox input:focus ~ label:after {
47943 background-color: rgba(0, 0, 0, 0.95);
47944}
47945/* Indeterminate */
47946.ui.radio.checkbox input:indeterminate ~ .box:after,
47947.ui.radio.checkbox input:indeterminate ~ label:after {
47948 opacity: 0;
47949}
47950/* Active */
47951.ui.radio.checkbox input:checked ~ .box:before,
47952.ui.radio.checkbox input:checked ~ label:before {
47953 background-color: #FFFFFF;
47954}
47955.ui.radio.checkbox input:checked ~ .box:after,
47956.ui.radio.checkbox input:checked ~ label:after {
47957 background-color: rgba(0, 0, 0, 0.95);
47958}
47959/* Active Focus */
47960.ui.radio.checkbox input:focus:checked ~ .box:before,
47961.ui.radio.checkbox input:focus:checked ~ label:before {
47962 background-color: #FFFFFF;
47963}
47964.ui.radio.checkbox input:focus:checked ~ .box:after,
47965.ui.radio.checkbox input:focus:checked ~ label:after {
47966 background-color: rgba(0, 0, 0, 0.95);
47967}
47968/*--------------
47969 Slider
47970---------------*/
47971.ui.slider.checkbox {
47972 min-height: 1.25rem;
47973}
47974/* Input */
47975.ui.slider.checkbox input {
47976 width: 3.5rem;
47977 height: 1.25rem;
47978}
47979/* Label */
47980.ui.slider.checkbox .box,
47981.ui.slider.checkbox label {
47982 padding-left: 4.5rem;
47983 line-height: 1rem;
47984 color: rgba(0, 0, 0, 0.4);
47985}
47986/* Line */
47987.ui.slider.checkbox .box:before,
47988.ui.slider.checkbox label:before {
47989 display: block;
47990 position: absolute;
47991 content: '';
47992 border: none !important;
47993 left: 0em;
47994 z-index: 1;
47995 top: 0.4rem;
47996 background-color: rgba(0, 0, 0, 0.05);
47997 width: 3.5rem;
47998 height: 0.21428571rem;
47999 transform: none;
48000 border-radius: 500rem;
48001 transition: background 0.3s ease;
48002}
48003/* Handle */
48004.ui.slider.checkbox .box:after,
48005.ui.slider.checkbox label:after {
48006 background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
48007 position: absolute;
48008 content: '' !important;
48009 opacity: 1;
48010 z-index: 2;
48011 border: none;
48012 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
48013 width: 1.5rem;
48014 height: 1.5rem;
48015 top: -0.25rem;
48016 left: 0em;
48017 transform: none;
48018 border-radius: 500rem;
48019 transition: left 0.3s ease;
48020}
48021/* Focus */
48022.ui.slider.checkbox input:focus ~ .box:before,
48023.ui.slider.checkbox input:focus ~ label:before {
48024 background-color: rgba(0, 0, 0, 0.15);
48025 border: none;
48026}
48027/* Hover */
48028.ui.slider.checkbox .box:hover,
48029.ui.slider.checkbox label:hover {
48030 color: rgba(0, 0, 0, 0.8);
48031}
48032.ui.slider.checkbox .box:hover::before,
48033.ui.slider.checkbox label:hover::before {
48034 background: rgba(0, 0, 0, 0.15);
48035}
48036/* Active */
48037.ui.slider.checkbox input:checked ~ .box,
48038.ui.slider.checkbox input:checked ~ label {
48039 color: rgba(0, 0, 0, 0.95) !important;
48040}
48041.ui.slider.checkbox input:checked ~ .box:before,
48042.ui.slider.checkbox input:checked ~ label:before {
48043 background-color: #545454 !important;
48044}
48045.ui.slider.checkbox input:checked ~ .box:after,
48046.ui.slider.checkbox input:checked ~ label:after {
48047 left: 2rem;
48048}
48049/* Active Focus */
48050.ui.slider.checkbox input:focus:checked ~ .box,
48051.ui.slider.checkbox input:focus:checked ~ label {
48052 color: rgba(0, 0, 0, 0.95) !important;
48053}
48054.ui.slider.checkbox input:focus:checked ~ .box:before,
48055.ui.slider.checkbox input:focus:checked ~ label:before {
48056 background-color: #000000 !important;
48057}
48058/*--------------
48059 Toggle
48060---------------*/
48061.ui.toggle.checkbox {
48062 min-height: 1.5rem;
48063}
48064/* Input */
48065.ui.toggle.checkbox input {
48066 width: 3.5rem;
48067 height: 1.5rem;
48068}
48069/* Label */
48070.ui.toggle.checkbox .box,
48071.ui.toggle.checkbox label {
48072 min-height: 1.5rem;
48073 padding-left: 4.5rem;
48074 color: #586A7B;
48075}
48076.ui.toggle.checkbox label {
48077 padding-top: 0.15em;
48078}
48079/* Switch */
48080.ui.toggle.checkbox .box:before,
48081.ui.toggle.checkbox label:before {
48082 display: block;
48083 position: absolute;
48084 content: '';
48085 z-index: 1;
48086 transform: none;
48087 border: none;
48088 top: 0rem;
48089 background: rgba(0, 0, 0, 0.05);
48090 box-shadow: none;
48091 width: 3.5rem;
48092 height: 1.5rem;
48093 border-radius: 500rem;
48094}
48095/* Handle */
48096.ui.toggle.checkbox .box:after,
48097.ui.toggle.checkbox label:after {
48098 background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
48099 position: absolute;
48100 content: '' !important;
48101 opacity: 1;
48102 z-index: 2;
48103 border: none;
48104 box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
48105 width: 1.5rem;
48106 height: 1.5rem;
48107 top: 0rem;
48108 left: 0em;
48109 border-radius: 500rem;
48110 transition: background 0.3s ease, left 0.3s ease;
48111}
48112.ui.toggle.checkbox input ~ .box:after,
48113.ui.toggle.checkbox input ~ label:after {
48114 left: -0.05rem;
48115 box-shadow: none;
48116}
48117/* Focus */
48118.ui.toggle.checkbox input:focus ~ .box:before,
48119.ui.toggle.checkbox input:focus ~ label:before {
48120 background-color: rgba(0, 0, 0, 0.15);
48121 border: none;
48122}
48123/* Hover */
48124.ui.toggle.checkbox .box:hover::before,
48125.ui.toggle.checkbox label:hover::before {
48126 background-color: rgba(0, 0, 0, 0.15);
48127 border: none;
48128}
48129/* Active */
48130.ui.toggle.checkbox input:checked ~ .box,
48131.ui.toggle.checkbox input:checked ~ label {
48132 color: rgba(0, 0, 0, 0.95) !important;
48133}
48134.ui.toggle.checkbox input:checked ~ .box:before,
48135.ui.toggle.checkbox input:checked ~ label:before {
48136 background-color: #3498db !important;
48137}
48138.ui.toggle.checkbox input:checked ~ .box:after,
48139.ui.toggle.checkbox input:checked ~ label:after {
48140 left: 2.15rem;
48141 box-shadow: none;
48142}
48143/* Active Focus */
48144.ui.toggle.checkbox input:focus:checked ~ .box,
48145.ui.toggle.checkbox input:focus:checked ~ label {
48146 color: rgba(0, 0, 0, 0.95) !important;
48147}
48148.ui.toggle.checkbox input:focus:checked ~ .box:before,
48149.ui.toggle.checkbox input:focus:checked ~ label:before {
48150 background-color: #1386d4 !important;
48151}
48152/*******************************
48153 Variations
48154*******************************/
48155/*--------------
48156 Fitted
48157---------------*/
48158.ui.fitted.checkbox .box,
48159.ui.fitted.checkbox label {
48160 padding-left: 0em !important;
48161}
48162.ui.fitted.toggle.checkbox,
48163.ui.fitted.toggle.checkbox {
48164 width: 3.5rem;
48165}
48166.ui.fitted.slider.checkbox,
48167.ui.fitted.slider.checkbox {
48168 width: 3.5rem;
48169}
48170/*******************************
48171 Theme Overrides
48172*******************************/
48173@font-face {
48174 font-family: 'Checkbox';
48175 src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
48176}
48177/* Checkmark */
48178.ui.checkbox label:after,
48179.ui.checkbox .box:after {
48180 font-family: 'Checkbox';
48181}
48182/* Checked */
48183.ui.checkbox input:checked ~ .box:after,
48184.ui.checkbox input:checked ~ label:after {
48185 content: '\e800';
48186}
48187/* Indeterminate */
48188.ui.checkbox input:indeterminate ~ .box:after,
48189.ui.checkbox input:indeterminate ~ label:after {
48190 font-size: 12px;
48191 content: '\e801';
48192}
48193/* UTF Reference
48194.check:before { content: '\e800'; }
48195.dash:before { content: '\e801'; }
48196.plus:before { content: '\e802'; }
48197*/
48198.ui.toggle.checkbox label:before {
48199 border-radius: 0px;
48200 background-color: #f1f1f1;
48201 height: 16px;
48202 padding: 2px;
48203 right: 1px;
48204}
48205.ui.toggle.checkbox label::hover:before {
48206 background-color: #f1f1f1;
48207}
48208.ui.toggle.checkbox label:after {
48209 background-color: white;
48210 box-shadow: none;
48211 position: absolute;
48212 content: '' !important;
48213 opacity: 1;
48214 z-index: 2;
48215 border: 1px solid #e4e6e7;
48216 width: 14px;
48217 height: 14px;
48218 top: 0px;
48219 left: 2px;
48220 margin: 1px;
48221 border-radius: 0px;
48222}
48223/* Active */
48224.ui.toggle.checkbox input:checked ~ .box:after,
48225.ui.toggle.checkbox input:checked ~ label:after {
48226 left: 2.35rem;
48227}
48228/*--------------
48229 Radio
48230---------------*/
48231.ui.radio.checkbox {
48232 min-height: 15px;
48233}
48234.ui.radio.checkbox .box,
48235.ui.radio.checkbox label {
48236 padding-left: 1.85714em;
48237}
48238/* Box */
48239.ui.radio.checkbox .box:before,
48240.ui.radio.checkbox label:before {
48241 content: '';
48242 transform: none;
48243 width: 15px;
48244 height: 15px;
48245 border-radius: 500rem;
48246 top: 1px;
48247 left: 0px;
48248 border-color: #586A7B;
48249 border-width: 2px;
48250}
48251/* Bullet */
48252.ui.radio.checkbox .box:after,
48253.ui.radio.checkbox label:after {
48254 border: none;
48255 content: '' !important;
48256 width: 15px;
48257 height: 15px;
48258 line-height: 15px;
48259 background-color: #586A7B !important;
48260}
48261/* Radio Checkbox */
48262.ui.radio.checkbox .box:after,
48263.ui.radio.checkbox label:after {
48264 top: 1px;
48265 left: 0px;
48266 width: 15px;
48267 height: 15px;
48268 border-radius: 500rem;
48269 transform: scale(0.46666667);
48270 background-color: #586A7B;
48271}
48272/* Focus */
48273.ui.radio.checkbox input:focus ~ .box:before,
48274.ui.radio.checkbox input:focus ~ label:before {
48275 background-color: #FFFFFF;
48276}
48277.ui.radio.checkbox input:focus ~ .box:after,
48278.ui.radio.checkbox input:focus ~ label:after {
48279 background-color: rgba(0, 0, 0, 0.95);
48280}
48281/* Indeterminate */
48282.ui.radio.checkbox input:indeterminate ~ .box:after,
48283.ui.radio.checkbox input:indeterminate ~ label:after {
48284 opacity: 0;
48285}
48286.ui.radio.checkbox .box:hover::before,
48287.ui.radio.checkbox label:hover::before {
48288 content: '';
48289 transform: none;
48290 width: 15px;
48291 height: 15px;
48292 border-radius: 500rem;
48293 top: 1px;
48294 left: 0px;
48295 border-color: #3498db;
48296}
48297.ui.radio.checkbox.disabled .box:hover::before,
48298.ui.radio.checkbox.disabled label:hover::before {
48299 content: '';
48300 transform: none;
48301 width: 15px;
48302 height: 15px;
48303 border-radius: 500rem;
48304 top: 1px;
48305 left: 0px;
48306 border-color: #586A7B;
48307}
48308/* Active */
48309.ui.radio.checkbox input:checked ~ .box:before,
48310.ui.radio.checkbox input:checked ~ label:before {
48311 background-color: #FFFFFF;
48312 border-color: #586A7B;
48313}
48314.ui.radio.checkbox input:checked ~ .box:after,
48315.ui.radio.checkbox input:checked ~ label:after {
48316 background-color: rgba(0, 0, 0, 0.95);
48317 border-color: #586A7B;
48318}
48319.ui.radio.checkbox input:checked ~ .box:hover::before,
48320.ui.radio.checkbox input:checked ~ label:hover::before {
48321 background-color: #FFFFFF;
48322 border-color: #3498db;
48323}
48324.ui.radio.checkbox input:checked ~ .box:hover::after,
48325.ui.radio.checkbox input:checked ~ label:hover::after {
48326 background-color: rgba(0, 0, 0, 0.95);
48327 border-color: #3498db;
48328}
48329.ui.radio.checkbox .box:hover::after,
48330.ui.radio.checkbox label:hover::after {
48331 border: none;
48332 content: '' !important;
48333 width: 15px;
48334 height: 15px;
48335 line-height: 15px;
48336 background-color: #3498db !important;
48337}
48338.ui.radio.checkbox.disabled .box:hover::after,
48339.ui.radio.checkbox.disabled label:hover::after {
48340 border: none;
48341 content: '' !important;
48342 width: 15px;
48343 height: 15px;
48344 line-height: 15px;
48345 background-color: #586A7B !important;
48346}
48347/* Active */
48348.ui.radio.checkbox.disabled input:checked ~ .box:before,
48349.ui.radio.checkbox.disabled input:checked ~ label:before {
48350 background-color: #FFFFFF;
48351 border-color: #586A7B;
48352}
48353.ui.radio.checkbox.disabled input:checked ~ .box:after,
48354.ui.radio.checkbox.disabled input:checked ~ label:after {
48355 background-color: rgba(0, 0, 0, 0.95);
48356 border-color: #586A7B;
48357}
48358.ui.radio.checkbox.disabled input:checked ~ .box:hover::before,
48359.ui.radio.checkbox.disabled input:checked ~ label:hover::before {
48360 background-color: #FFFFFF;
48361 border-color: #586A7B;
48362}
48363.ui.radio.checkbox.disabled input:checked ~ .box:hover::after,
48364.ui.radio.checkbox.disabled input:checked ~ label:hover::after {
48365 background-color: rgba(0, 0, 0, 0.95);
48366 border-color: #586A7B;
48367}
48368/* Active Focus */
48369.ui.radio.checkbox input:focus:checked ~ .box:before,
48370.ui.radio.checkbox input:focus:checked ~ label:before {
48371 background-color: #FFFFFF;
48372}
48373.ui.radio.checkbox input:focus:checked ~ .box:after,
48374.ui.radio.checkbox input:focus:checked ~ label:after {
48375 background-color: rgba(0, 0, 0, 0.95);
48376}
48377/*--------------
48378 Box
48379---------------*/
48380.ui.checkbox .box,
48381.ui.checkbox label {
48382 cursor: auto;
48383 position: relative;
48384 display: block;
48385 padding-left: 1.85714em;
48386 outline: none;
48387 font-size: 1em;
48388}
48389.ui.checkbox .box:before,
48390.ui.checkbox label:before {
48391 position: absolute;
48392 top: 0px;
48393 left: 0px;
48394 width: 20px;
48395 height: 20px;
48396 content: '';
48397 background: #FFFFFF;
48398 border-radius: 2px;
48399 transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
48400 border: 2px solid #586A7B;
48401}
48402/*--------------
48403 Checkmark
48404---------------*/
48405.ui.checkbox .box:hover::before,
48406.ui.checkbox label:hover::before {
48407 background: #FFFFFF;
48408 border-color: #3498db;
48409}
48410.ui.checkbox .box:after,
48411.ui.checkbox label:after {
48412 position: absolute;
48413 font-size: 14px;
48414 top: 0px;
48415 left: 0px;
48416 width: 20px;
48417 height: 20px;
48418 text-align: center;
48419 opacity: 0;
48420 color: #586A7B;
48421 transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
48422}
48423/*--------------
48424 Active
48425---------------*/
48426.ui.checkbox input:checked ~ .box:before,
48427.ui.checkbox input:checked ~ label:before {
48428 background: #FFFFFF;
48429 opacity: 1;
48430 border-color: #586A7B;
48431}
48432.ui.checkbox input:checked ~ .box:after,
48433.ui.checkbox input:checked ~ label:after {
48434 opacity: 1;
48435 color: #586A7B;
48436}
48437.ui.checkbox input:checked ~ .box:hover::before,
48438.ui.checkbox input:checked ~ label:hover::before {
48439 background: #FFFFFF;
48440 opacity: 1;
48441 border-color: #3498db;
48442}
48443.ui.checkbox input:checked ~ .box:hover::after,
48444.ui.checkbox input:checked ~ label:hover::after {
48445 opacity: 1;
48446 color: #3498db;
48447}
48448.ui.checkbox.disabled input:checked ~ .box:hover::before,
48449.ui.checkbox.disabled input:checked ~ label:hover::before {
48450 background: #FFFFFF;
48451 opacity: 1;
48452 border-color: #586A7B;
48453}
48454.ui.checkbox.disabled input:checked ~ .box:hover::after,
48455.ui.checkbox.disabled input:checked ~ label:hover::after {
48456 opacity: 1;
48457 color: #586A7B;
48458}
48459.ui.checkbox.disabled .box:hover::before,
48460.ui.checkbox.disabled label:hover::before {
48461 background: #FFFFFF;
48462 border-color: #586A7B;
48463}
48464/*!
48465 * # Semantic UI - Dimmer
48466 * http://github.com/semantic-org/semantic-ui/
48467 *
48468 *
48469 * Released under the MIT license
48470 * http://opensource.org/licenses/MIT
48471 *
48472 */
48473/*******************************
48474 Theme
48475*******************************/
48476/*
48477
48478████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
48479╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
48480 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
48481 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
48482 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
48483 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
48484
48485*/
48486/*******************************
48487 Theme Selection
48488*******************************/
48489/* To override a theme for an individual element
48490 specify theme name below
48491*/
48492/* Global */
48493/* Elements */
48494/* Collections */
48495/* Modules */
48496/* Views */
48497/*******************************
48498 Folders
48499*******************************/
48500/* Path to theme packages */
48501/* Path to site override folder */
48502/*******************************
48503 Import Theme
48504*******************************/
48505/*******************************
48506 Import Directives
48507*******************************/
48508/*------------------
48509 Theme
48510-------------------*/
48511/*--------------------
48512 Site Variables
48513---------------------*/
48514/* Default site.variables */
48515/*******************************
48516 Site Settings
48517*******************************/
48518/*-------------------
48519 Fonts
48520--------------------*/
48521/*-------------------
48522 Base Sizes
48523--------------------*/
48524/* This is the single variable that controls them all */
48525/* The size of page text */
48526/*-------------------
48527 Border Radius
48528--------------------*/
48529/* See Power-user section below
48530 for explanation of @px variables
48531*/
48532/*-------------------
48533 Brand Colors
48534--------------------*/
48535/*--------------
48536 Page Heading
48537---------------*/
48538/*--------------
48539 Form Input
48540---------------*/
48541/* This adjusts the default form input across all elements */
48542/* Input Text Color */
48543/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
48544/*-------------------
48545 Focused Input
48546--------------------*/
48547/* Used on inputs, textarea etc */
48548/* Used on dropdowns, other larger blocks */
48549/*-------------------
48550 Sizes
48551--------------------*/
48552/*
48553 Sizes are all expressed in terms of 14px/em (default em)
48554 This ensures these "ratios" remain constant despite changes in EM
48555*/
48556/*-------------------
48557 Page
48558--------------------*/
48559/*-------------------
48560 Paragraph
48561--------------------*/
48562/*-------------------
48563 Links
48564--------------------*/
48565/*-------------------
48566 Scroll Bars
48567--------------------*/
48568/* Inverted */
48569/*-------------------
48570 Highlighted Text
48571--------------------*/
48572/*-------------------
48573 Loader
48574--------------------*/
48575/*-------------------
48576 Grid
48577--------------------*/
48578/*-------------------
48579 Transitions
48580--------------------*/
48581/*-------------------
48582 Breakpoints
48583--------------------*/
48584/*-------------------
48585 Site Colors
48586--------------------*/
48587/*--- Colors ---*/
48588/*--- Light Colors ---*/
48589/*--- Neutrals ---*/
48590/*--- Colored Backgrounds ---*/
48591/*--- Colored Headers ---*/
48592/*--- Colored Text ---*/
48593/*--- Colored Border ---*/
48594/*-------------------
48595 Alpha Colors
48596--------------------*/
48597/*-------------------
48598 Accents
48599--------------------*/
48600/* Differentiating Neutrals */
48601/* Differentiating Layers */
48602/*******************************
48603 Power-User
48604*******************************/
48605/*-------------------
48606 Emotive Colors
48607--------------------*/
48608/* Positive */
48609/* Negative */
48610/* Info */
48611/* Warning */
48612/*-------------------
48613 Paths
48614--------------------*/
48615/* For source only. Modified in gulp for dist */
48616/*-------------------
48617 Em Sizes
48618--------------------*/
48619/*
48620 This rounds @size values to the closest pixel then expresses that value in (r)em.
48621 This ensures all size values round to exact pixels
48622*/
48623/* em */
48624/* rem */
48625/*-------------------
48626 Icons
48627--------------------*/
48628/* Maximum Glyph Width of Icon */
48629/*-------------------
48630 Neutral Text
48631--------------------*/
48632/*-------------------
48633 Brand Colors
48634--------------------*/
48635/*-------------------
48636 Borders
48637--------------------*/
48638/*-------------------
48639 Derived Values
48640--------------------*/
48641/* Loaders Position Offset */
48642/* Rendered Scrollbar Width */
48643/* Maximum Single Character Glyph Width, aka Capital "W" */
48644/* Used to match floats with text */
48645/* Header Spacing */
48646/* Minimum Mobile Width */
48647/* Positive / Negative Dupes */
48648/* Responsive */
48649/*-------------------
48650 Exact Pixel Values
48651--------------------*/
48652/*
48653 These are used to specify exact pixel values in em
48654 for things like borders that remain constantly
48655 sized as emSize adjusts
48656
48657 Since there are many more sizes than names for sizes,
48658 these are named by their original pixel values.
48659
48660*/
48661/* Columns */
48662/*******************************
48663 States
48664*******************************/
48665/*-------------------
48666 Disabled
48667--------------------*/
48668/*-------------------
48669 Hover
48670--------------------*/
48671/*--- Shadows ---*/
48672/*--- Colors ---*/
48673/*--- Emotive ---*/
48674/*--- Brand ---*/
48675/*--- Dark Tones ---*/
48676/*--- Light Tones ---*/
48677/*-------------------
48678 Focus
48679--------------------*/
48680/*--- Colors ---*/
48681/*--- Emotive ---*/
48682/*--- Brand ---*/
48683/*--- Dark Tones ---*/
48684/*--- Light Tones ---*/
48685/*-------------------
48686 Down (:active)
48687--------------------*/
48688/*--- Colors ---*/
48689/*--- Emotive ---*/
48690/*--- Brand ---*/
48691/*--- Dark Tones ---*/
48692/*--- Light Tones ---*/
48693/*-------------------
48694 Active
48695--------------------*/
48696/*--- Colors ---*/
48697/*--- Emotive ---*/
48698/*--- Brand ---*/
48699/*--- Dark Tones ---*/
48700/*--- Light Tones ---*/
48701/* Packaged site.variables */
48702/*******************************
48703 Site Settings
48704*******************************/
48705/*-------------------
48706 Fonts
48707--------------------*/
48708/*-------------------
48709 Base Sizes
48710--------------------*/
48711/* This is the single variable that controls them all */
48712/* The size of page text */
48713/*-------------------
48714 Border Radius
48715--------------------*/
48716/* See Power-user section below
48717 for explanation of @px variables
48718*/
48719/*-------------------
48720 Brand Colors
48721--------------------*/
48722/*--------------
48723 Page Heading
48724---------------*/
48725/*--------------
48726 Form Input
48727---------------*/
48728/* This adjusts the default form input across all elements */
48729/* Input Text Color */
48730/* Line Height Default For Inputs in Browser */
48731/*-------------------
48732 Focused Input
48733--------------------*/
48734/* Used on inputs, textarea etc */
48735/* Used on dropdowns, other larger blocks */
48736/*-------------------
48737 Sizes
48738--------------------*/
48739/*
48740 Sizes are all expressed in terms of 14px/em (default em)
48741 This ensures these "ratios" remain constant despite changes in EM
48742*/
48743/*-------------------
48744 Page
48745--------------------*/
48746/*-------------------
48747 Paragraph
48748--------------------*/
48749/*-------------------
48750 Links
48751--------------------*/
48752/*-------------------
48753 Highlighted Text
48754--------------------*/
48755/*-------------------
48756 Loader
48757--------------------*/
48758/*-------------------
48759 Grid
48760--------------------*/
48761/*-------------------
48762 Transitions
48763--------------------*/
48764/*-------------------
48765 Breakpoints
48766--------------------*/
48767/*-------------------
48768 Site Colors
48769--------------------*/
48770/*--- Colors ---*/
48771/*--- Light Colors ---*/
48772/*--- Neutrals ---*/
48773/*--- Colored Backgrounds ---*/
48774/*--- Colored Headers ---*/
48775/*--- Colored Text ---*/
48776/*--- Colored Border ---*/
48777/*-------------------
48778 Alpha Colors
48779--------------------*/
48780/*-------------------
48781 Accents
48782--------------------*/
48783/* Differentiating Neutrals */
48784/* Differentiating Layers */
48785/*******************************
48786 Power-User
48787*******************************/
48788/*-------------------
48789 Emotive Colors
48790--------------------*/
48791/* Positive */
48792/* Negative */
48793/* Info */
48794/* Warning */
48795/*-------------------
48796 Paths
48797--------------------*/
48798/* For source only. Modified in gulp for dist */
48799/*-------------------
48800 Em Sizes
48801--------------------*/
48802/*
48803 This rounds @size values to the closest pixel then expresses that value in (r)em.
48804 This ensures all size values round to exact pixels
48805*/
48806/* em */
48807/* rem */
48808/*-------------------
48809 Icons
48810--------------------*/
48811/* Maximum Glyph Width of Icon */
48812/*-------------------
48813 Neutral Text
48814--------------------*/
48815/*-------------------
48816 Brand Colors
48817--------------------*/
48818/*-------------------
48819 Borders
48820--------------------*/
48821/*-------------------
48822 Derived Values
48823--------------------*/
48824/* Loaders Position Offset */
48825/* Rendered Scrollbar Width */
48826/* Maximum Single Character Glyph Width, aka Capital "W" */
48827/* Used to match floats with text */
48828/* Header Spacing */
48829/* Minimum Mobile Width */
48830/* Positive / Negative Dupes */
48831/* Responsive */
48832/*-------------------
48833 Exact Pixel Values
48834--------------------*/
48835/*
48836 These are used to specify exact pixel values in em
48837 for things like borders that remain constantly
48838 sized as emSize adjusts
48839
48840 Since there are many more sizes than names for sizes,
48841 these are named by their original pixel values.
48842
48843*/
48844/* Columns */
48845/*******************************
48846 States
48847*******************************/
48848/*-------------------
48849 Disabled
48850--------------------*/
48851/*-------------------
48852 Hover
48853--------------------*/
48854/*--- Shadows ---*/
48855/*--- Colors ---*/
48856/* https://github.com/Tripwire/octagon/issues/144 */
48857/*--- Emotive ---*/
48858/*--- Brand ---*/
48859/*--- Dark Tones ---*/
48860/*--- Light Tones ---*/
48861/*-------------------
48862 Focus
48863--------------------*/
48864/*--- Colors ---*/
48865/*--- Emotive ---*/
48866/*--- Brand ---*/
48867/*--- Dark Tones ---*/
48868/*--- Light Tones ---*/
48869/*-------------------
48870 Down (:active)
48871--------------------*/
48872/*--- Colors ---*/
48873/*--- Emotive ---*/
48874/*--- Brand ---*/
48875/*--- Dark Tones ---*/
48876/*--- Light Tones ---*/
48877/*-------------------
48878 Active
48879--------------------*/
48880/*--- Colors ---*/
48881/*--- Emotive ---*/
48882/*--- Brand ---*/
48883/*--- Dark Tones ---*/
48884/*--- Light Tones ---*/
48885/* Component's site.variables */
48886/*******************************
48887 Site Settings
48888*******************************/
48889/*-------------------
48890 Fonts
48891--------------------*/
48892/*-------------------
48893 Base Sizes
48894--------------------*/
48895/* This is the single variable that controls them all */
48896/* The size of page text */
48897/*-------------------
48898 Border Radius
48899--------------------*/
48900/* See Power-user section below
48901 for explanation of @px variables
48902*/
48903/*-------------------
48904 Brand Colors
48905--------------------*/
48906/*--------------
48907 Page Heading
48908---------------*/
48909/*--------------
48910 Form Input
48911---------------*/
48912/* This adjusts the default form input across all elements */
48913/* Input Text Color */
48914/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
48915/*-------------------
48916 Focused Input
48917--------------------*/
48918/* Used on inputs, textarea etc */
48919/* Used on dropdowns, other larger blocks */
48920/*-------------------
48921 Sizes
48922--------------------*/
48923/*
48924 Sizes are all expressed in terms of 14px/em (default em)
48925 This ensures these "ratios" remain constant despite changes in EM
48926*/
48927/*-------------------
48928 Page
48929--------------------*/
48930/*-------------------
48931 Paragraph
48932--------------------*/
48933/*-------------------
48934 Links
48935--------------------*/
48936/*-------------------
48937 Scroll Bars
48938--------------------*/
48939/* Inverted */
48940/*-------------------
48941 Highlighted Text
48942--------------------*/
48943/*-------------------
48944 Loader
48945--------------------*/
48946/*-------------------
48947 Grid
48948--------------------*/
48949/*-------------------
48950 Transitions
48951--------------------*/
48952/*-------------------
48953 Breakpoints
48954--------------------*/
48955/*-------------------
48956 Site Colors
48957--------------------*/
48958/*--- Colors ---*/
48959/*--- Light Colors ---*/
48960/*--- Neutrals ---*/
48961/*--- Colored Backgrounds ---*/
48962/*--- Colored Headers ---*/
48963/*--- Colored Text ---*/
48964/*--- Colored Border ---*/
48965/*-------------------
48966 Alpha Colors
48967--------------------*/
48968/*-------------------
48969 Accents
48970--------------------*/
48971/* Differentiating Neutrals */
48972/* Differentiating Layers */
48973/*******************************
48974 Power-User
48975*******************************/
48976/*-------------------
48977 Emotive Colors
48978--------------------*/
48979/* Positive */
48980/* Negative */
48981/* Info */
48982/* Warning */
48983/*-------------------
48984 Paths
48985--------------------*/
48986/* For source only. Modified in gulp for dist */
48987/*-------------------
48988 Em Sizes
48989--------------------*/
48990/*
48991 This rounds @size values to the closest pixel then expresses that value in (r)em.
48992 This ensures all size values round to exact pixels
48993*/
48994/* em */
48995/* rem */
48996/*-------------------
48997 Icons
48998--------------------*/
48999/* Maximum Glyph Width of Icon */
49000/*-------------------
49001 Neutral Text
49002--------------------*/
49003/*-------------------
49004 Brand Colors
49005--------------------*/
49006/*-------------------
49007 Borders
49008--------------------*/
49009/*-------------------
49010 Derived Values
49011--------------------*/
49012/* Loaders Position Offset */
49013/* Rendered Scrollbar Width */
49014/* Maximum Single Character Glyph Width, aka Capital "W" */
49015/* Used to match floats with text */
49016/* Header Spacing */
49017/* Minimum Mobile Width */
49018/* Positive / Negative Dupes */
49019/* Responsive */
49020/*-------------------
49021 Exact Pixel Values
49022--------------------*/
49023/*
49024 These are used to specify exact pixel values in em
49025 for things like borders that remain constantly
49026 sized as emSize adjusts
49027
49028 Since there are many more sizes than names for sizes,
49029 these are named by their original pixel values.
49030
49031*/
49032/* Columns */
49033/*******************************
49034 States
49035*******************************/
49036/*-------------------
49037 Disabled
49038--------------------*/
49039/*-------------------
49040 Hover
49041--------------------*/
49042/*--- Shadows ---*/
49043/*--- Colors ---*/
49044/*--- Emotive ---*/
49045/*--- Brand ---*/
49046/*--- Dark Tones ---*/
49047/*--- Light Tones ---*/
49048/*-------------------
49049 Focus
49050--------------------*/
49051/*--- Colors ---*/
49052/*--- Emotive ---*/
49053/*--- Brand ---*/
49054/*--- Dark Tones ---*/
49055/*--- Light Tones ---*/
49056/*-------------------
49057 Down (:active)
49058--------------------*/
49059/*--- Colors ---*/
49060/*--- Emotive ---*/
49061/*--- Brand ---*/
49062/*--- Dark Tones ---*/
49063/*--- Light Tones ---*/
49064/*-------------------
49065 Active
49066--------------------*/
49067/*--- Colors ---*/
49068/*--- Emotive ---*/
49069/*--- Brand ---*/
49070/*--- Dark Tones ---*/
49071/*--- Light Tones ---*/
49072/* Site theme site.variables */
49073/*-------------------
49074 Component Variables
49075---------------------*/
49076/* Default */
49077/*******************************
49078 Dimmer
49079*******************************/
49080/* Hidden (Default) */
49081/* Visible */
49082/*-------------------
49083 Types
49084--------------------*/
49085/* Page Dimmer*/
49086/*-------------------
49087 Variations
49088--------------------*/
49089/* Inverted */
49090/* Simple */
49091/* Packaged Theme */
49092/*******************************
49093 Dimmer
49094*******************************/
49095/* Hidden (Default) */
49096/* Visible */
49097/*-------------------
49098 Types
49099--------------------*/
49100/* Page Dimmer*/
49101/*-------------------
49102 Variations
49103--------------------*/
49104/* Inverted */
49105/* Simple */
49106/* Site Theme */
49107/*******************************
49108 Mix-ins
49109*******************************/
49110/*------------------
49111 Fonts
49112-------------------*/
49113/*------------------
49114 Overrides
49115-------------------*/
49116/* End Config */
49117/*******************************
49118 Dimmer
49119*******************************/
49120.dimmable:not(body) {
49121 position: relative;
49122}
49123.ui.dimmer {
49124 display: none;
49125 position: absolute;
49126 top: 0em !important;
49127 left: 0em !important;
49128 width: 100%;
49129 height: 100%;
49130 text-align: center;
49131 vertical-align: middle;
49132 padding: 1em;
49133 background-color: rgba(0, 0, 0, 0.85);
49134 opacity: 0;
49135 line-height: 1;
49136 animation-fill-mode: both;
49137 animation-duration: 0.5s;
49138 transition: background-color 0.5s linear;
49139 flex-direction: column;
49140 align-items: center;
49141 justify-content: center;
49142 user-select: none;
49143 will-change: opacity;
49144 z-index: 1000;
49145}
49146/* Dimmer Content */
49147.ui.dimmer > .content {
49148 user-select: text;
49149 color: #FFFFFF;
49150}
49151/* Loose Coupling */
49152.ui.segment > .ui.dimmer {
49153 border-radius: inherit !important;
49154}
49155/* Scrollbars */
49156.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
49157 background: rgba(255, 255, 255, 0.1);
49158}
49159.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
49160 background: rgba(255, 255, 255, 0.25);
49161}
49162.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
49163 background: rgba(255, 255, 255, 0.15);
49164}
49165.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
49166 background: rgba(255, 255, 255, 0.35);
49167}
49168/*******************************
49169 States
49170*******************************/
49171/* Animating */
49172.animating.dimmable:not(body),
49173.dimmed.dimmable:not(body) {
49174 overflow: hidden;
49175}
49176/* Animating / Active / Visible */
49177.dimmed.dimmable > .ui.animating.dimmer,
49178.dimmed.dimmable > .ui.visible.dimmer,
49179.ui.active.dimmer {
49180 display: flex;
49181 opacity: 1;
49182}
49183/* Disabled */
49184.ui.disabled.dimmer {
49185 width: 0 !important;
49186 height: 0 !important;
49187}
49188/*******************************
49189 Variations
49190*******************************/
49191/*--------------
49192 Alignment
49193---------------*/
49194.ui[class*="top aligned"].dimmer {
49195 justify-content: flex-start;
49196}
49197.ui[class*="bottom aligned"].dimmer {
49198 justify-content: flex-end;
49199}
49200/*--------------
49201 Page
49202---------------*/
49203.ui.page.dimmer {
49204 position: fixed;
49205 transform-style: '';
49206 perspective: 2000px;
49207 transform-origin: center center;
49208}
49209body.animating.in.dimmable,
49210body.dimmed.dimmable {
49211 overflow: hidden;
49212}
49213body.dimmable > .dimmer {
49214 position: fixed;
49215}
49216/*--------------
49217 Blurring
49218---------------*/
49219.blurring.dimmable > :not(.dimmer) {
49220 filter: blur(0px) grayscale(0);
49221 transition: 800ms filter ease;
49222}
49223.blurring.dimmed.dimmable > :not(.dimmer) {
49224 filter: blur(5px) grayscale(0.7);
49225}
49226/* Dimmer Color */
49227.blurring.dimmable > .dimmer {
49228 background-color: rgba(0, 0, 0, 0.6);
49229}
49230.blurring.dimmable > .inverted.dimmer {
49231 background-color: rgba(255, 255, 255, 0.6);
49232}
49233/*--------------
49234 Aligned
49235---------------*/
49236.ui.dimmer > .top.aligned.content > * {
49237 vertical-align: top;
49238}
49239.ui.dimmer > .bottom.aligned.content > * {
49240 vertical-align: bottom;
49241}
49242/*--------------
49243 Inverted
49244---------------*/
49245.ui.inverted.dimmer {
49246 background-color: rgba(255, 255, 255, 0.85);
49247}
49248.ui.inverted.dimmer > .content > * {
49249 color: #FFFFFF;
49250}
49251/*--------------
49252 Simple
49253---------------*/
49254/* Displays without javascript */
49255.ui.simple.dimmer {
49256 display: block;
49257 overflow: hidden;
49258 opacity: 1;
49259 width: 0%;
49260 height: 0%;
49261 z-index: -100;
49262 background-color: rgba(0, 0, 0, 0);
49263}
49264.dimmed.dimmable > .ui.simple.dimmer {
49265 overflow: visible;
49266 opacity: 1;
49267 width: 100%;
49268 height: 100%;
49269 background-color: rgba(0, 0, 0, 0.85);
49270 z-index: 1;
49271}
49272.ui.simple.inverted.dimmer {
49273 background-color: rgba(255, 255, 255, 0);
49274}
49275.dimmed.dimmable > .ui.simple.inverted.dimmer {
49276 background-color: rgba(255, 255, 255, 0.85);
49277}
49278/*******************************
49279 Theme Overrides
49280*******************************/
49281/*!
49282 * # Semantic UI - Dropdown
49283 * http://github.com/semantic-org/semantic-ui/
49284 *
49285 *
49286 * Released under the MIT license
49287 * http://opensource.org/licenses/MIT
49288 *
49289 */
49290/*******************************
49291 Theme
49292*******************************/
49293/*
49294
49295████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
49296╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
49297 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
49298 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
49299 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
49300 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
49301
49302*/
49303/*******************************
49304 Theme Selection
49305*******************************/
49306/* To override a theme for an individual element
49307 specify theme name below
49308*/
49309/* Global */
49310/* Elements */
49311/* Collections */
49312/* Modules */
49313/* Views */
49314/*******************************
49315 Folders
49316*******************************/
49317/* Path to theme packages */
49318/* Path to site override folder */
49319/*******************************
49320 Import Theme
49321*******************************/
49322/*******************************
49323 Import Directives
49324*******************************/
49325/*------------------
49326 Theme
49327-------------------*/
49328/*--------------------
49329 Site Variables
49330---------------------*/
49331/* Default site.variables */
49332/*******************************
49333 Site Settings
49334*******************************/
49335/*-------------------
49336 Fonts
49337--------------------*/
49338/*-------------------
49339 Base Sizes
49340--------------------*/
49341/* This is the single variable that controls them all */
49342/* The size of page text */
49343/*-------------------
49344 Border Radius
49345--------------------*/
49346/* See Power-user section below
49347 for explanation of @px variables
49348*/
49349/*-------------------
49350 Brand Colors
49351--------------------*/
49352/*--------------
49353 Page Heading
49354---------------*/
49355/*--------------
49356 Form Input
49357---------------*/
49358/* This adjusts the default form input across all elements */
49359/* Input Text Color */
49360/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
49361/*-------------------
49362 Focused Input
49363--------------------*/
49364/* Used on inputs, textarea etc */
49365/* Used on dropdowns, other larger blocks */
49366/*-------------------
49367 Sizes
49368--------------------*/
49369/*
49370 Sizes are all expressed in terms of 14px/em (default em)
49371 This ensures these "ratios" remain constant despite changes in EM
49372*/
49373/*-------------------
49374 Page
49375--------------------*/
49376/*-------------------
49377 Paragraph
49378--------------------*/
49379/*-------------------
49380 Links
49381--------------------*/
49382/*-------------------
49383 Scroll Bars
49384--------------------*/
49385/* Inverted */
49386/*-------------------
49387 Highlighted Text
49388--------------------*/
49389/*-------------------
49390 Loader
49391--------------------*/
49392/*-------------------
49393 Grid
49394--------------------*/
49395/*-------------------
49396 Transitions
49397--------------------*/
49398/*-------------------
49399 Breakpoints
49400--------------------*/
49401/*-------------------
49402 Site Colors
49403--------------------*/
49404/*--- Colors ---*/
49405/*--- Light Colors ---*/
49406/*--- Neutrals ---*/
49407/*--- Colored Backgrounds ---*/
49408/*--- Colored Headers ---*/
49409/*--- Colored Text ---*/
49410/*--- Colored Border ---*/
49411/*-------------------
49412 Alpha Colors
49413--------------------*/
49414/*-------------------
49415 Accents
49416--------------------*/
49417/* Differentiating Neutrals */
49418/* Differentiating Layers */
49419/*******************************
49420 Power-User
49421*******************************/
49422/*-------------------
49423 Emotive Colors
49424--------------------*/
49425/* Positive */
49426/* Negative */
49427/* Info */
49428/* Warning */
49429/*-------------------
49430 Paths
49431--------------------*/
49432/* For source only. Modified in gulp for dist */
49433/*-------------------
49434 Em Sizes
49435--------------------*/
49436/*
49437 This rounds @size values to the closest pixel then expresses that value in (r)em.
49438 This ensures all size values round to exact pixels
49439*/
49440/* em */
49441/* rem */
49442/*-------------------
49443 Icons
49444--------------------*/
49445/* Maximum Glyph Width of Icon */
49446/*-------------------
49447 Neutral Text
49448--------------------*/
49449/*-------------------
49450 Brand Colors
49451--------------------*/
49452/*-------------------
49453 Borders
49454--------------------*/
49455/*-------------------
49456 Derived Values
49457--------------------*/
49458/* Loaders Position Offset */
49459/* Rendered Scrollbar Width */
49460/* Maximum Single Character Glyph Width, aka Capital "W" */
49461/* Used to match floats with text */
49462/* Header Spacing */
49463/* Minimum Mobile Width */
49464/* Positive / Negative Dupes */
49465/* Responsive */
49466/*-------------------
49467 Exact Pixel Values
49468--------------------*/
49469/*
49470 These are used to specify exact pixel values in em
49471 for things like borders that remain constantly
49472 sized as emSize adjusts
49473
49474 Since there are many more sizes than names for sizes,
49475 these are named by their original pixel values.
49476
49477*/
49478/* Columns */
49479/*******************************
49480 States
49481*******************************/
49482/*-------------------
49483 Disabled
49484--------------------*/
49485/*-------------------
49486 Hover
49487--------------------*/
49488/*--- Shadows ---*/
49489/*--- Colors ---*/
49490/*--- Emotive ---*/
49491/*--- Brand ---*/
49492/*--- Dark Tones ---*/
49493/*--- Light Tones ---*/
49494/*-------------------
49495 Focus
49496--------------------*/
49497/*--- Colors ---*/
49498/*--- Emotive ---*/
49499/*--- Brand ---*/
49500/*--- Dark Tones ---*/
49501/*--- Light Tones ---*/
49502/*-------------------
49503 Down (:active)
49504--------------------*/
49505/*--- Colors ---*/
49506/*--- Emotive ---*/
49507/*--- Brand ---*/
49508/*--- Dark Tones ---*/
49509/*--- Light Tones ---*/
49510/*-------------------
49511 Active
49512--------------------*/
49513/*--- Colors ---*/
49514/*--- Emotive ---*/
49515/*--- Brand ---*/
49516/*--- Dark Tones ---*/
49517/*--- Light Tones ---*/
49518/* Packaged site.variables */
49519/*******************************
49520 Site Settings
49521*******************************/
49522/*-------------------
49523 Fonts
49524--------------------*/
49525/*-------------------
49526 Base Sizes
49527--------------------*/
49528/* This is the single variable that controls them all */
49529/* The size of page text */
49530/*-------------------
49531 Border Radius
49532--------------------*/
49533/* See Power-user section below
49534 for explanation of @px variables
49535*/
49536/*-------------------
49537 Brand Colors
49538--------------------*/
49539/*--------------
49540 Page Heading
49541---------------*/
49542/*--------------
49543 Form Input
49544---------------*/
49545/* This adjusts the default form input across all elements */
49546/* Input Text Color */
49547/* Line Height Default For Inputs in Browser */
49548/*-------------------
49549 Focused Input
49550--------------------*/
49551/* Used on inputs, textarea etc */
49552/* Used on dropdowns, other larger blocks */
49553/*-------------------
49554 Sizes
49555--------------------*/
49556/*
49557 Sizes are all expressed in terms of 14px/em (default em)
49558 This ensures these "ratios" remain constant despite changes in EM
49559*/
49560/*-------------------
49561 Page
49562--------------------*/
49563/*-------------------
49564 Paragraph
49565--------------------*/
49566/*-------------------
49567 Links
49568--------------------*/
49569/*-------------------
49570 Highlighted Text
49571--------------------*/
49572/*-------------------
49573 Loader
49574--------------------*/
49575/*-------------------
49576 Grid
49577--------------------*/
49578/*-------------------
49579 Transitions
49580--------------------*/
49581/*-------------------
49582 Breakpoints
49583--------------------*/
49584/*-------------------
49585 Site Colors
49586--------------------*/
49587/*--- Colors ---*/
49588/*--- Light Colors ---*/
49589/*--- Neutrals ---*/
49590/*--- Colored Backgrounds ---*/
49591/*--- Colored Headers ---*/
49592/*--- Colored Text ---*/
49593/*--- Colored Border ---*/
49594/*-------------------
49595 Alpha Colors
49596--------------------*/
49597/*-------------------
49598 Accents
49599--------------------*/
49600/* Differentiating Neutrals */
49601/* Differentiating Layers */
49602/*******************************
49603 Power-User
49604*******************************/
49605/*-------------------
49606 Emotive Colors
49607--------------------*/
49608/* Positive */
49609/* Negative */
49610/* Info */
49611/* Warning */
49612/*-------------------
49613 Paths
49614--------------------*/
49615/* For source only. Modified in gulp for dist */
49616/*-------------------
49617 Em Sizes
49618--------------------*/
49619/*
49620 This rounds @size values to the closest pixel then expresses that value in (r)em.
49621 This ensures all size values round to exact pixels
49622*/
49623/* em */
49624/* rem */
49625/*-------------------
49626 Icons
49627--------------------*/
49628/* Maximum Glyph Width of Icon */
49629/*-------------------
49630 Neutral Text
49631--------------------*/
49632/*-------------------
49633 Brand Colors
49634--------------------*/
49635/*-------------------
49636 Borders
49637--------------------*/
49638/*-------------------
49639 Derived Values
49640--------------------*/
49641/* Loaders Position Offset */
49642/* Rendered Scrollbar Width */
49643/* Maximum Single Character Glyph Width, aka Capital "W" */
49644/* Used to match floats with text */
49645/* Header Spacing */
49646/* Minimum Mobile Width */
49647/* Positive / Negative Dupes */
49648/* Responsive */
49649/*-------------------
49650 Exact Pixel Values
49651--------------------*/
49652/*
49653 These are used to specify exact pixel values in em
49654 for things like borders that remain constantly
49655 sized as emSize adjusts
49656
49657 Since there are many more sizes than names for sizes,
49658 these are named by their original pixel values.
49659
49660*/
49661/* Columns */
49662/*******************************
49663 States
49664*******************************/
49665/*-------------------
49666 Disabled
49667--------------------*/
49668/*-------------------
49669 Hover
49670--------------------*/
49671/*--- Shadows ---*/
49672/*--- Colors ---*/
49673/* https://github.com/Tripwire/octagon/issues/144 */
49674/*--- Emotive ---*/
49675/*--- Brand ---*/
49676/*--- Dark Tones ---*/
49677/*--- Light Tones ---*/
49678/*-------------------
49679 Focus
49680--------------------*/
49681/*--- Colors ---*/
49682/*--- Emotive ---*/
49683/*--- Brand ---*/
49684/*--- Dark Tones ---*/
49685/*--- Light Tones ---*/
49686/*-------------------
49687 Down (:active)
49688--------------------*/
49689/*--- Colors ---*/
49690/*--- Emotive ---*/
49691/*--- Brand ---*/
49692/*--- Dark Tones ---*/
49693/*--- Light Tones ---*/
49694/*-------------------
49695 Active
49696--------------------*/
49697/*--- Colors ---*/
49698/*--- Emotive ---*/
49699/*--- Brand ---*/
49700/*--- Dark Tones ---*/
49701/*--- Light Tones ---*/
49702/* Component's site.variables */
49703/*******************************
49704 Site Settings
49705*******************************/
49706/*-------------------
49707 Fonts
49708--------------------*/
49709/*-------------------
49710 Base Sizes
49711--------------------*/
49712/* This is the single variable that controls them all */
49713/* The size of page text */
49714/*-------------------
49715 Border Radius
49716--------------------*/
49717/* See Power-user section below
49718 for explanation of @px variables
49719*/
49720/*-------------------
49721 Brand Colors
49722--------------------*/
49723/*--------------
49724 Page Heading
49725---------------*/
49726/*--------------
49727 Form Input
49728---------------*/
49729/* This adjusts the default form input across all elements */
49730/* Input Text Color */
49731/* Line Height Default For Inputs in Browser */
49732/*-------------------
49733 Focused Input
49734--------------------*/
49735/* Used on inputs, textarea etc */
49736/* Used on dropdowns, other larger blocks */
49737/*-------------------
49738 Sizes
49739--------------------*/
49740/*
49741 Sizes are all expressed in terms of 14px/em (default em)
49742 This ensures these "ratios" remain constant despite changes in EM
49743*/
49744/*-------------------
49745 Page
49746--------------------*/
49747/*-------------------
49748 Paragraph
49749--------------------*/
49750/*-------------------
49751 Links
49752--------------------*/
49753/*-------------------
49754 Highlighted Text
49755--------------------*/
49756/*-------------------
49757 Loader
49758--------------------*/
49759/*-------------------
49760 Grid
49761--------------------*/
49762/*-------------------
49763 Transitions
49764--------------------*/
49765/*-------------------
49766 Breakpoints
49767--------------------*/
49768/*-------------------
49769 Site Colors
49770--------------------*/
49771/*--- Colors ---*/
49772/*--- Light Colors ---*/
49773/*--- Neutrals ---*/
49774/*--- Colored Backgrounds ---*/
49775/*--- Colored Headers ---*/
49776/*--- Colored Text ---*/
49777/*--- Colored Border ---*/
49778/*-------------------
49779 Alpha Colors
49780--------------------*/
49781/*-------------------
49782 Accents
49783--------------------*/
49784/* Differentiating Neutrals */
49785/* Differentiating Layers */
49786/*******************************
49787 Power-User
49788*******************************/
49789/*-------------------
49790 Emotive Colors
49791--------------------*/
49792/* Positive */
49793/* Negative */
49794/* Info */
49795/* Warning */
49796/*-------------------
49797 Paths
49798--------------------*/
49799/* For source only. Modified in gulp for dist */
49800/*-------------------
49801 Em Sizes
49802--------------------*/
49803/*
49804 This rounds @size values to the closest pixel then expresses that value in (r)em.
49805 This ensures all size values round to exact pixels
49806*/
49807/* em */
49808/* rem */
49809/*-------------------
49810 Icons
49811--------------------*/
49812/* Maximum Glyph Width of Icon */
49813/*-------------------
49814 Neutral Text
49815--------------------*/
49816/*-------------------
49817 Brand Colors
49818--------------------*/
49819/*-------------------
49820 Borders
49821--------------------*/
49822/*-------------------
49823 Derived Values
49824--------------------*/
49825/* Loaders Position Offset */
49826/* Rendered Scrollbar Width */
49827/* Maximum Single Character Glyph Width, aka Capital "W" */
49828/* Used to match floats with text */
49829/* Header Spacing */
49830/* Minimum Mobile Width */
49831/* Positive / Negative Dupes */
49832/* Responsive */
49833/*-------------------
49834 Exact Pixel Values
49835--------------------*/
49836/*
49837 These are used to specify exact pixel values in em
49838 for things like borders that remain constantly
49839 sized as emSize adjusts
49840
49841 Since there are many more sizes than names for sizes,
49842 these are named by their original pixel values.
49843
49844*/
49845/* Columns */
49846/*******************************
49847 States
49848*******************************/
49849/*-------------------
49850 Disabled
49851--------------------*/
49852/*-------------------
49853 Hover
49854--------------------*/
49855/*--- Shadows ---*/
49856/*--- Colors ---*/
49857/* https://github.com/Tripwire/octagon/issues/144 */
49858/*--- Emotive ---*/
49859/*--- Brand ---*/
49860/*--- Dark Tones ---*/
49861/*--- Light Tones ---*/
49862/*-------------------
49863 Focus
49864--------------------*/
49865/*--- Colors ---*/
49866/*--- Emotive ---*/
49867/*--- Brand ---*/
49868/*--- Dark Tones ---*/
49869/*--- Light Tones ---*/
49870/*-------------------
49871 Down (:active)
49872--------------------*/
49873/*--- Colors ---*/
49874/*--- Emotive ---*/
49875/*--- Brand ---*/
49876/*--- Dark Tones ---*/
49877/*--- Light Tones ---*/
49878/*-------------------
49879 Active
49880--------------------*/
49881/*--- Colors ---*/
49882/*--- Emotive ---*/
49883/*--- Brand ---*/
49884/*--- Dark Tones ---*/
49885/*--- Light Tones ---*/
49886/* Site theme site.variables */
49887/*-------------------
49888 Component Variables
49889---------------------*/
49890/* Default */
49891/*******************************
49892 Dropdown
49893*******************************/
49894/*-------------------
49895 Element
49896--------------------*/
49897/*-------------------
49898 Content
49899--------------------*/
49900/* Icon */
49901/* Current Text */
49902/* Menu */
49903/* Text */
49904/* Menu Item */
49905/* Sub Menu */
49906/* Menu Header */
49907/* Menu Divider */
49908/* Menu Input */
49909/* Menu Image */
49910/* Item Sub-Element */
49911/* Sub-Menu Dropdown Icon */
49912/* Description */
49913/* Message */
49914/* Floated Content */
49915/*-------------------
49916 Types
49917--------------------*/
49918/*------------
49919 Selection
49920--------------*/
49921/* <select> */
49922/* Responsive */
49923/* Derived */
49924/* 1px / em size */
49925/* Hover */
49926/* Focus */
49927/* Visible */
49928/* Visible Hover */
49929/*--------------
49930 Search
49931--------------*/
49932/* Search Selection */
49933/* Inline */
49934/*--------------
49935 Multiple
49936--------------*/
49937/* Split Actual Padding Between Child and Parent (allows for label spacing) */
49938/* Child Elements */
49939/* Dropdown Icon */
49940/* Selection Label */
49941/*-------------------
49942 States
49943--------------------*/
49944/* Hovered */
49945/* Default Text */
49946/* Loading */
49947/* Active Menu Item */
49948/* Selected */
49949/* Error */
49950/*-------------------
49951 Variations
49952--------------------*/
49953/* Scrolling */
49954/* 0px / em size */
49955/* Upward */
49956/* Flyout Direction */
49957/* Left */
49958/* Simple */
49959/* Floating */
49960/* Pointing */
49961/* Pointing Upward */
49962/* Packaged Theme */
49963/*******************************
49964 Dropdown
49965*******************************/
49966/*-------------------
49967 Element
49968--------------------*/
49969/*-------------------
49970 Content
49971--------------------*/
49972/* Icon */
49973/* Current Text */
49974/* Menu */
49975/* Text */
49976/* Menu Item */
49977/* Sub Menu */
49978/* Menu Header */
49979/* Menu Divider */
49980/* Menu Input */
49981/* Menu Image */
49982/* Item Sub-Element */
49983/* Sub-Menu Dropdown Icon */
49984/* Description */
49985/* Message */
49986/* Floated Content */
49987/*-------------------
49988 Types
49989--------------------*/
49990/*------------
49991 Selection
49992--------------*/
49993/* <select> */
49994/* Responsive */
49995/* Derived */
49996/* 1px / em size */
49997/* Hover */
49998/* Focus */
49999/* Visible */
50000/* Visible Hover */
50001/*--------------
50002 Search
50003--------------*/
50004/* Search Selection */
50005/* Inline */
50006/*--------------
50007 Multiple
50008--------------*/
50009/* Split Actual Padding Between Child and Parent (allows for label spacing) */
50010/* Child Elements */
50011/* Dropdown Icon */
50012/* Selection Label */
50013/*-------------------
50014 States
50015--------------------*/
50016/* Hovered */
50017/* Default Text */
50018/* Loading */
50019/* Active Menu Item */
50020/* Selected */
50021/* Error */
50022/*-------------------
50023 Variations
50024--------------------*/
50025/* Scrolling */
50026/* 0px / em size */
50027/* Upward */
50028/* Flyout Direction */
50029/* Left */
50030/* Simple */
50031/* Floating */
50032/* Pointing */
50033/* Pointing Upward */
50034/* Site Theme */
50035/*******************************
50036 Mix-ins
50037*******************************/
50038/*------------------
50039 Fonts
50040-------------------*/
50041/*------------------
50042 Overrides
50043-------------------*/
50044/* End Config */
50045/*******************************
50046 Dropdown
50047*******************************/
50048.ui.dropdown {
50049 cursor: pointer;
50050 position: relative;
50051 display: inline-block;
50052 outline: none;
50053 text-align: left;
50054 transition: box-shadow 0.1s ease, width 0.1s ease;
50055 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
50056}
50057/*******************************
50058 Content
50059*******************************/
50060/*--------------
50061 Menu
50062---------------*/
50063.ui.dropdown .menu {
50064 cursor: auto;
50065 position: absolute;
50066 display: none;
50067 outline: none;
50068 top: 100%;
50069 min-width: max-content;
50070 margin: 0em;
50071 padding: 0em 0em;
50072 background: #FFFFFF;
50073 font-size: 1em;
50074 text-shadow: none;
50075 text-align: left;
50076 box-shadow: 0px 2px 3px 0px #586A7B;
50077 border: 1px solid #586A7B;
50078 border-radius: 0px;
50079 transition: opacity 0.1s ease;
50080 z-index: 11;
50081 will-change: transform, opacity;
50082}
50083.ui.dropdown .menu > * {
50084 white-space: nowrap;
50085}
50086/*--------------
50087 Hidden Input
50088---------------*/
50089.ui.dropdown > input:not(.search):first-child,
50090.ui.dropdown > select {
50091 display: none !important;
50092}
50093/*--------------
50094 Dropdown Icon
50095---------------*/
50096.ui.dropdown > .dropdown.icon {
50097 position: relative;
50098 width: auto;
50099 font-size: 0.85714286em;
50100 margin: 0em 0em 0em 1em;
50101}
50102.ui.dropdown .menu > .item .dropdown.icon {
50103 width: auto;
50104 float: right;
50105 margin: 0em 0em 0em 1em;
50106}
50107.ui.dropdown .menu > .item .dropdown.icon + .text {
50108 margin-right: 1em;
50109}
50110/*--------------
50111 Text
50112---------------*/
50113.ui.dropdown > .text {
50114 display: inline-block;
50115 transition: none;
50116}
50117/*--------------
50118 Menu Item
50119---------------*/
50120.ui.dropdown .menu > .item {
50121 position: relative;
50122 cursor: pointer;
50123 display: block;
50124 border: none;
50125 height: auto;
50126 text-align: left;
50127 border-top: none;
50128 line-height: 1em;
50129 color: rgba(0, 0, 0, 0.87);
50130 padding: 0.78571429rem 1.14285714rem !important;
50131 font-size: 1rem;
50132 text-transform: none;
50133 font-weight: normal;
50134 box-shadow: none;
50135 -webkit-touch-callout: none;
50136}
50137.ui.dropdown .menu > .item:first-child {
50138 border-top-width: 0px;
50139}
50140/*--------------
50141 Floated Content
50142---------------*/
50143.ui.dropdown > .text > [class*="right floated"],
50144.ui.dropdown .menu .item > [class*="right floated"] {
50145 float: right !important;
50146 margin-right: 0em !important;
50147 margin-left: 1em !important;
50148}
50149.ui.dropdown > .text > [class*="left floated"],
50150.ui.dropdown .menu .item > [class*="left floated"] {
50151 float: left !important;
50152 margin-left: 0em !important;
50153 margin-right: 1em !important;
50154}
50155.ui.dropdown .menu .item > .icon.floated,
50156.ui.dropdown .menu .item > .flag.floated,
50157.ui.dropdown .menu .item > .image.floated,
50158.ui.dropdown .menu .item > img.floated {
50159 margin-top: 0em;
50160}
50161/*--------------
50162 Menu Divider
50163---------------*/
50164.ui.dropdown .menu > .header {
50165 margin: 1rem 0rem 0.75rem;
50166 padding: 0em 1.14285714rem;
50167 color: rgba(0, 0, 0, 0.85);
50168 font-size: 0.78571429em;
50169 font-weight: bold;
50170 text-transform: uppercase;
50171}
50172.ui.dropdown .menu > .divider {
50173 border-top: 1px solid rgba(34, 36, 38, 0.1);
50174 height: 0em;
50175 margin: 0.5em 0em;
50176}
50177.ui.dropdown.dropdown .menu > .input {
50178 width: auto;
50179 display: flex;
50180 margin: 1.14285714rem 0.78571429rem;
50181 min-width: 10rem;
50182}
50183.ui.dropdown .menu > .header + .input {
50184 margin-top: 0em;
50185}
50186.ui.dropdown .menu > .input:not(.transparent) input {
50187 padding: 0.5em 1em;
50188}
50189.ui.dropdown .menu > .input:not(.transparent) .button,
50190.ui.dropdown .menu > .input:not(.transparent) .icon,
50191.ui.dropdown .menu > .input:not(.transparent) .label {
50192 padding-top: 0.5em;
50193 padding-bottom: 0.5em;
50194}
50195/*-----------------
50196 Item Description
50197-------------------*/
50198.ui.dropdown > .text > .description,
50199.ui.dropdown .menu > .item > .description {
50200 float: right;
50201 margin: 0em 0em 0em 1em;
50202 color: rgba(0, 0, 0, 0.4);
50203}
50204/*-----------------
50205 Message
50206-------------------*/
50207.ui.dropdown .menu > .message {
50208 padding: 0.78571429rem 1.14285714rem;
50209 font-weight: normal;
50210}
50211.ui.dropdown .menu > .message:not(.ui) {
50212 color: rgba(0, 0, 0, 0.4);
50213}
50214/*--------------
50215 Sub Menu
50216---------------*/
50217.ui.dropdown .menu .menu {
50218 top: 0% !important;
50219 left: 100%;
50220 right: auto;
50221 margin: 0em 0em 0em -0.5em !important;
50222 border-radius: 0px !important;
50223 z-index: 21 !important;
50224}
50225/* Hide Arrow */
50226.ui.dropdown .menu .menu:after {
50227 display: none;
50228}
50229/*--------------
50230 Sub Elements
50231---------------*/
50232/* Icons / Flags / Labels / Image */
50233.ui.dropdown > .text > .icon,
50234.ui.dropdown > .text > .label,
50235.ui.dropdown > .text > .flag,
50236.ui.dropdown > .text > img,
50237.ui.dropdown > .text > .image {
50238 margin-top: 0em;
50239}
50240.ui.dropdown .menu > .item > .icon,
50241.ui.dropdown .menu > .item > .label,
50242.ui.dropdown .menu > .item > .flag,
50243.ui.dropdown .menu > .item > .image,
50244.ui.dropdown .menu > .item > img {
50245 margin-top: 0em;
50246}
50247.ui.dropdown > .text > .icon,
50248.ui.dropdown > .text > .label,
50249.ui.dropdown > .text > .flag,
50250.ui.dropdown > .text > img,
50251.ui.dropdown > .text > .image,
50252.ui.dropdown .menu > .item > .icon,
50253.ui.dropdown .menu > .item > .label,
50254.ui.dropdown .menu > .item > .flag,
50255.ui.dropdown .menu > .item > .image,
50256.ui.dropdown .menu > .item > img {
50257 margin-left: 0em;
50258 float: none;
50259 margin-right: 0.78571429rem;
50260}
50261/*--------------
50262 Image
50263---------------*/
50264.ui.dropdown > .text > img,
50265.ui.dropdown > .text > .image,
50266.ui.dropdown .menu > .item > .image,
50267.ui.dropdown .menu > .item > img {
50268 display: inline-block;
50269 vertical-align: top;
50270 width: auto;
50271 margin-top: -0.5em;
50272 margin-bottom: -0.5em;
50273 max-height: 2em;
50274}
50275/*******************************
50276 Coupling
50277*******************************/
50278/*--------------
50279 Menu
50280---------------*/
50281/* Remove Menu Item Divider */
50282.ui.dropdown .ui.menu > .item:before,
50283.ui.menu .ui.dropdown .menu > .item:before {
50284 display: none;
50285}
50286/* Prevent Menu Item Border */
50287.ui.menu .ui.dropdown .menu .active.item {
50288 border-left: none;
50289}
50290/* Automatically float dropdown menu right on last menu item */
50291.ui.menu .right.menu .dropdown:last-child .menu,
50292.ui.menu .right.dropdown.item .menu,
50293.ui.buttons > .ui.dropdown:last-child .menu {
50294 left: auto;
50295 right: 0em;
50296}
50297/*--------------
50298 Label
50299---------------*/
50300/* Dropdown Menu */
50301.ui.label.dropdown .menu {
50302 min-width: 100%;
50303}
50304/*--------------
50305 Button
50306---------------*/
50307/* No Margin On Icon Button */
50308.ui.dropdown.icon.button > .dropdown.icon {
50309 margin: 0em;
50310}
50311.ui.button.dropdown .menu {
50312 min-width: 100%;
50313}
50314/*******************************
50315 Types
50316*******************************/
50317/*--------------
50318 Selection
50319---------------*/
50320/* Displays like a select box */
50321.ui.selection.dropdown {
50322 cursor: pointer;
50323 word-wrap: break-word;
50324 line-height: 1em;
50325 white-space: normal;
50326 outline: 0;
50327 transform: rotateZ(0deg);
50328 min-width: 14em;
50329 min-height: 2.7142em;
50330 background: #FFFFFF;
50331 display: inline-block;
50332 padding: 0.78571429em 2.1em 0.78571429em 1em;
50333 color: rgba(0, 0, 0, 0.87);
50334 box-shadow: none;
50335 border: 1px solid #586A7B;
50336 border-radius: 0px;
50337 transition: box-shadow 0.1s ease, width 0.1s ease;
50338}
50339.ui.selection.dropdown.visible,
50340.ui.selection.dropdown.active {
50341 z-index: 10;
50342}
50343select.ui.dropdown {
50344 height: 38px;
50345 padding: 0.5em;
50346 border: 1px solid #586A7B;
50347 visibility: visible;
50348}
50349.ui.selection.dropdown > .search.icon,
50350.ui.selection.dropdown > .delete.icon,
50351.ui.selection.dropdown > .dropdown.icon {
50352 cursor: pointer;
50353 position: absolute;
50354 width: auto;
50355 height: auto;
50356 line-height: 1.2142em;
50357 top: 0.78571429em;
50358 right: 1em;
50359 z-index: 3;
50360 margin: -0.78571429em;
50361 padding: 0.78571429em;
50362 opacity: 0.8;
50363 transition: opacity 0.1s ease;
50364}
50365/* Compact */
50366.ui.compact.selection.dropdown {
50367 min-width: 0px;
50368}
50369/* Selection Menu */
50370.ui.selection.dropdown .menu {
50371 overflow-x: hidden;
50372 overflow-y: auto;
50373 backface-visibility: hidden;
50374 -webkit-overflow-scrolling: touch;
50375 border-top-width: 0px !important;
50376 width: auto;
50377 outline: none;
50378 margin: 0px -1px;
50379 min-width: calc(100% + 2px );
50380 width: calc(100% + 2px );
50381 border-radius: 0em 0em 0px 0px;
50382 box-shadow: 0px 2px 3px 0px #586A7B;
50383 transition: opacity 0.1s ease;
50384}
50385.ui.selection.dropdown .menu:after,
50386.ui.selection.dropdown .menu:before {
50387 display: none;
50388}
50389/*--------------
50390 Message
50391---------------*/
50392.ui.selection.dropdown .menu > .message {
50393 padding: 0.78571429rem 1.14285714rem;
50394}
50395@media only screen and (max-width: 767px) {
50396 .ui.selection.dropdown .menu {
50397 max-height: 8.01428571rem;
50398 }
50399}
50400@media only screen and (min-width: 768px) {
50401 .ui.selection.dropdown .menu {
50402 max-height: 10.68571429rem;
50403 }
50404}
50405@media only screen and (min-width: 992px) {
50406 .ui.selection.dropdown .menu {
50407 max-height: 16.02857143rem;
50408 }
50409}
50410@media only screen and (min-width: 1920px) {
50411 .ui.selection.dropdown .menu {
50412 max-height: 21.37142857rem;
50413 }
50414}
50415/* Menu Item */
50416.ui.selection.dropdown .menu > .item {
50417 border-top: 1px solid #FAFAFA;
50418 padding: 0.78571429rem 1.14285714rem !important;
50419 white-space: normal;
50420 word-wrap: normal;
50421}
50422/* User Item */
50423.ui.selection.dropdown .menu > .hidden.addition.item {
50424 display: none;
50425}
50426/* Hover */
50427.ui.selection.dropdown:hover {
50428 border-color: #586A7B;
50429 box-shadow: none;
50430}
50431/* Active */
50432.ui.selection.active.dropdown {
50433 border-color: #586A7B;
50434 box-shadow: 0px 2px 3px 0px #586A7B;
50435}
50436.ui.selection.active.dropdown .menu {
50437 border-color: #586A7B;
50438 box-shadow: 0px 2px 3px 0px #586A7B;
50439}
50440/* Focus */
50441.ui.selection.dropdown:focus {
50442 border-color: #586A7B;
50443 box-shadow: none;
50444}
50445.ui.selection.dropdown:focus .menu {
50446 border-color: #586A7B;
50447 box-shadow: 0px 2px 3px 0px #586A7B;
50448}
50449/* Visible */
50450.ui.selection.visible.dropdown > .text:not(.default) {
50451 font-weight: normal;
50452 color: rgba(0, 0, 0, 0.8);
50453}
50454/* Visible Hover */
50455.ui.selection.active.dropdown:hover {
50456 border-color: #586A7B;
50457 box-shadow: 0px 2px 3px 0px #586A7B;
50458}
50459.ui.selection.active.dropdown:hover .menu {
50460 border-color: #586A7B;
50461 box-shadow: 0px 2px 3px 0px #586A7B;
50462}
50463/* Dropdown Icon */
50464.ui.active.selection.dropdown > .dropdown.icon,
50465.ui.visible.selection.dropdown > .dropdown.icon {
50466 opacity: 1;
50467 z-index: 3;
50468}
50469/* Connecting Border */
50470.ui.active.selection.dropdown {
50471 border-bottom-left-radius: 0em !important;
50472 border-bottom-right-radius: 0em !important;
50473}
50474/* Empty Connecting Border */
50475.ui.active.empty.selection.dropdown {
50476 border-radius: 0px !important;
50477 box-shadow: none !important;
50478}
50479.ui.active.empty.selection.dropdown .menu {
50480 border: none !important;
50481 box-shadow: none !important;
50482}
50483/*--------------
50484 Searchable
50485---------------*/
50486/* Search Selection */
50487.ui.search.dropdown {
50488 min-width: '';
50489}
50490/* Search Dropdown */
50491.ui.search.dropdown > input.search {
50492 background: none transparent !important;
50493 border: none !important;
50494 box-shadow: none !important;
50495 cursor: text;
50496 top: 0em;
50497 left: 1px;
50498 width: 100%;
50499 outline: none;
50500 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
50501 padding: inherit;
50502}
50503/* Text Layering */
50504.ui.search.dropdown > input.search {
50505 position: absolute;
50506 z-index: 2;
50507}
50508.ui.search.dropdown > .text {
50509 cursor: text;
50510 position: relative;
50511 left: 1px;
50512 z-index: 3;
50513}
50514/* Search Selection */
50515.ui.search.selection.dropdown > input.search {
50516 line-height: 1.2142em;
50517 padding: 0.67861429em 2.1em 0.67861429em 1em;
50518}
50519/* Used to size multi select input to character width */
50520.ui.search.selection.dropdown > span.sizer {
50521 line-height: 1.2142em;
50522 padding: 0.67861429em 2.1em 0.67861429em 1em;
50523 display: none;
50524 white-space: pre;
50525}
50526/* Active/Visible Search */
50527.ui.search.dropdown.active > input.search,
50528.ui.search.dropdown.visible > input.search {
50529 cursor: auto;
50530}
50531.ui.search.dropdown.active > .text,
50532.ui.search.dropdown.visible > .text {
50533 pointer-events: none;
50534}
50535/* Filtered Text */
50536.ui.active.search.dropdown input.search:focus + .text .icon,
50537.ui.active.search.dropdown input.search:focus + .text .flag {
50538 opacity: 0.45;
50539}
50540.ui.active.search.dropdown input.search:focus + .text {
50541 color: rgba(115, 115, 115, 0.87) !important;
50542}
50543/* Search Menu */
50544.ui.search.dropdown .menu {
50545 overflow-x: hidden;
50546 overflow-y: auto;
50547 backface-visibility: hidden;
50548 -webkit-overflow-scrolling: touch;
50549}
50550@media only screen and (max-width: 767px) {
50551 .ui.search.dropdown .menu {
50552 max-height: 8.01428571rem;
50553 }
50554}
50555@media only screen and (min-width: 768px) {
50556 .ui.search.dropdown .menu {
50557 max-height: 10.68571429rem;
50558 }
50559}
50560@media only screen and (min-width: 992px) {
50561 .ui.search.dropdown .menu {
50562 max-height: 16.02857143rem;
50563 }
50564}
50565@media only screen and (min-width: 1920px) {
50566 .ui.search.dropdown .menu {
50567 max-height: 21.37142857rem;
50568 }
50569}
50570/*--------------
50571 Multiple
50572---------------*/
50573/* Multiple Selection */
50574.ui.multiple.dropdown {
50575 padding: 0.22620476em 2.1em 0.22620476em 0.35714286em;
50576}
50577.ui.multiple.dropdown .menu {
50578 cursor: auto;
50579}
50580/* Multiple Search Selection */
50581.ui.multiple.search.dropdown,
50582.ui.multiple.search.dropdown > input.search {
50583 cursor: text;
50584}
50585/* Selection Label */
50586.ui.multiple.dropdown > .label {
50587 user-select: none;
50588 display: inline-block;
50589 vertical-align: top;
50590 white-space: normal;
50591 font-size: 1em;
50592 padding: 0.35714286em 0.78571429em;
50593 margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
50594 box-shadow: 0px 0px 0px 1px #586A7B inset;
50595}
50596/* Dropdown Icon */
50597.ui.multiple.dropdown .dropdown.icon {
50598 margin: '';
50599 padding: '';
50600}
50601/* Text */
50602.ui.multiple.dropdown > .text {
50603 position: static;
50604 padding: 0;
50605 max-width: 100%;
50606 margin: 0.45240952em 0em 0.45240952em 0.64285714em;
50607 line-height: 1.21428571em;
50608}
50609.ui.multiple.dropdown > .label ~ input.search {
50610 margin-left: 0.14285714em !important;
50611}
50612.ui.multiple.dropdown > .label ~ .text {
50613 display: none;
50614}
50615/*-----------------
50616 Multiple Search
50617-----------------*/
50618/* Prompt Text */
50619.ui.multiple.search.dropdown > .text {
50620 display: inline-block;
50621 position: absolute;
50622 top: 0;
50623 left: 0;
50624 padding: inherit;
50625 margin: 0.45240952em 0em 0.45240952em 0.64285714em;
50626 line-height: 1.21428571em;
50627}
50628.ui.multiple.search.dropdown > .label ~ .text {
50629 display: none;
50630}
50631/* Search */
50632.ui.multiple.search.dropdown > input.search {
50633 position: static;
50634 padding: 0;
50635 max-width: 100%;
50636 margin: 0.45240952em 0em 0.45240952em 0.64285714em;
50637 width: 2.2em;
50638 line-height: 1.21428571em;
50639}
50640/*--------------
50641 Inline
50642---------------*/
50643.ui.inline.dropdown {
50644 cursor: pointer;
50645 display: inline-block;
50646 color: inherit;
50647}
50648.ui.inline.dropdown .dropdown.icon {
50649 margin: 0em 0.5em 0em 0.21428571em;
50650 vertical-align: baseline;
50651}
50652.ui.inline.dropdown > .text {
50653 font-weight: bold;
50654}
50655.ui.inline.dropdown .menu {
50656 cursor: auto;
50657 margin-top: 0.21428571em;
50658 border-radius: 0px;
50659}
50660/*******************************
50661 States
50662*******************************/
50663/*--------------------
50664 Active
50665----------------------*/
50666/* Menu Item Active */
50667.ui.dropdown .menu .active.item {
50668 background: transparent;
50669 font-weight: bold;
50670 color: rgba(0, 0, 0, 0.95);
50671 box-shadow: none;
50672 z-index: 12;
50673}
50674/*--------------------
50675 Hover
50676----------------------*/
50677/* Menu Item Hover */
50678.ui.dropdown .menu > .item:hover {
50679 background: rgba(0, 0, 0, 0.05);
50680 color: rgba(0, 0, 0, 0.95);
50681 z-index: 13;
50682}
50683/*--------------------
50684 Loading
50685---------------------*/
50686.ui.loading.dropdown > i.icon {
50687 height: 1em !important;
50688}
50689.ui.loading.selection.dropdown > i.icon {
50690 padding: 1.5em 1.28571429em !important;
50691}
50692.ui.loading.dropdown > i.icon:before {
50693 position: absolute;
50694 content: '';
50695 top: 50%;
50696 left: 50%;
50697 margin: -0.64285714em 0em 0em -0.64285714em;
50698 width: 1.28571429em;
50699 height: 1.28571429em;
50700 border-radius: 500rem;
50701 border: 0.2em solid rgba(0, 0, 0, 0.1);
50702}
50703.ui.loading.dropdown > i.icon:after {
50704 position: absolute;
50705 content: '';
50706 top: 50%;
50707 left: 50%;
50708 box-shadow: 0px 0px 0px 1px transparent;
50709 margin: -0.64285714em 0em 0em -0.64285714em;
50710 width: 1.28571429em;
50711 height: 1.28571429em;
50712 animation: dropdown-spin 0.6s linear;
50713 animation-iteration-count: infinite;
50714 border-radius: 500rem;
50715 border-color: #586A7B transparent transparent;
50716 border-style: solid;
50717 border-width: 0.2em;
50718}
50719/* Coupling */
50720.ui.loading.dropdown.button > i.icon:before,
50721.ui.loading.dropdown.button > i.icon:after {
50722 display: none;
50723}
50724@keyframes dropdown-spin {
50725 from {
50726 transform: rotate(0deg);
50727 }
50728 to {
50729 transform: rotate(360deg);
50730 }
50731}
50732/*--------------------
50733 Default Text
50734----------------------*/
50735.ui.dropdown:not(.button) > .default.text,
50736.ui.default.dropdown:not(.button) > .text {
50737 color: rgba(191, 191, 191, 0.87);
50738}
50739.ui.dropdown:not(.button) > input:focus ~ .default.text,
50740.ui.default.dropdown:not(.button) > input:focus ~ .text {
50741 color: rgba(115, 115, 115, 0.87);
50742}
50743/*--------------------
50744 Loading
50745----------------------*/
50746.ui.loading.dropdown > .text {
50747 transition: none;
50748}
50749/* Used To Check Position */
50750.ui.dropdown .loading.menu {
50751 display: block;
50752 visibility: hidden;
50753 z-index: -1;
50754}
50755.ui.dropdown > .loading.menu {
50756 left: 0px !important;
50757 right: auto !important;
50758}
50759.ui.dropdown > .menu .loading.menu {
50760 left: 100% !important;
50761 right: auto !important;
50762}
50763/*--------------------
50764 Keyboard Select
50765----------------------*/
50766/* Selected Item */
50767.ui.dropdown.selected,
50768.ui.dropdown .menu .selected.item {
50769 background: rgba(0, 0, 0, 0.03);
50770 color: rgba(0, 0, 0, 0.95);
50771}
50772/*--------------------
50773 Search Filtered
50774----------------------*/
50775/* Filtered Item */
50776.ui.dropdown > .filtered.text {
50777 visibility: hidden;
50778}
50779.ui.dropdown .filtered.item {
50780 display: none !important;
50781}
50782/*--------------------
50783 Error
50784----------------------*/
50785.ui.dropdown.error,
50786.ui.dropdown.error > .text,
50787.ui.dropdown.error > .default.text {
50788 color: #9F3A38;
50789}
50790.ui.selection.dropdown.error {
50791 background: #FFF6F6;
50792 border-color: #E0B4B4;
50793}
50794.ui.selection.dropdown.error:hover {
50795 border-color: #E0B4B4;
50796}
50797.ui.dropdown.error > .menu,
50798.ui.dropdown.error > .menu .menu {
50799 border-color: #E0B4B4;
50800}
50801.ui.dropdown.error > .menu > .item {
50802 color: #9F3A38;
50803}
50804.ui.multiple.selection.error.dropdown > .label {
50805 border-color: #E0B4B4;
50806}
50807/* Item Hover */
50808.ui.dropdown.error > .menu > .item:hover {
50809 background-color: #FFF2F2;
50810}
50811/* Item Active */
50812.ui.dropdown.error > .menu .active.item {
50813 background-color: #FDCFCF;
50814}
50815/*--------------------
50816 Disabled
50817----------------------*/
50818/* Disabled */
50819.ui.disabled.dropdown,
50820.ui.dropdown .menu > .disabled.item {
50821 cursor: default;
50822 pointer-events: none;
50823 opacity: 0.45;
50824}
50825/*******************************
50826 Variations
50827*******************************/
50828/*--------------
50829 Direction
50830---------------*/
50831/* Flyout Direction */
50832.ui.dropdown .menu {
50833 left: 0px;
50834}
50835/* Default Side (Right) */
50836.ui.dropdown .right.menu > .menu,
50837.ui.dropdown .menu .right.menu {
50838 left: 100% !important;
50839 right: auto !important;
50840 border-radius: 0px !important;
50841}
50842/* Leftward Opening Menu */
50843.ui.dropdown > .left.menu {
50844 left: auto !important;
50845 right: 0px !important;
50846}
50847.ui.dropdown > .left.menu .menu,
50848.ui.dropdown .menu .left.menu {
50849 left: auto;
50850 right: 100%;
50851 margin: 0em -0.5em 0em 0em !important;
50852 border-radius: 0px !important;
50853}
50854.ui.dropdown .item .left.dropdown.icon,
50855.ui.dropdown .left.menu .item .dropdown.icon {
50856 width: auto;
50857 float: left;
50858 margin: 0em 0.78571429rem 0em 0em;
50859}
50860.ui.dropdown .item .left.dropdown.icon,
50861.ui.dropdown .left.menu .item .dropdown.icon {
50862 width: auto;
50863 float: left;
50864 margin: 0em 0.78571429rem 0em 0em;
50865}
50866.ui.dropdown .item .left.dropdown.icon + .text,
50867.ui.dropdown .left.menu .item .dropdown.icon + .text {
50868 margin-left: 1em;
50869 margin-right: 0em;
50870}
50871/*--------------
50872 Upward
50873---------------*/
50874/* Upward Main Menu */
50875.ui.upward.dropdown > .menu {
50876 top: auto;
50877 bottom: 100%;
50878 box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
50879 border-radius: 0px 0px 0em 0em;
50880}
50881/* Upward Sub Menu */
50882.ui.dropdown .upward.menu {
50883 top: auto !important;
50884 bottom: 0 !important;
50885}
50886/* Active Upward */
50887.ui.simple.upward.active.dropdown,
50888.ui.simple.upward.dropdown:hover {
50889 border-radius: 0px 0px 0em 0em !important;
50890}
50891.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
50892 border-radius: 0px 0px 0em 0em;
50893}
50894/* Selection */
50895.ui.upward.selection.dropdown .menu {
50896 border-top-width: 1px !important;
50897 border-bottom-width: 0px !important;
50898 box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
50899}
50900.ui.upward.selection.dropdown:hover {
50901 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
50902}
50903/* Active Upward */
50904.ui.active.upward.selection.dropdown {
50905 border-radius: 0em 0em 0px 0px !important;
50906}
50907/* Visible Upward */
50908.ui.upward.selection.dropdown.visible {
50909 box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
50910 border-radius: 0em 0em 0px 0px !important;
50911}
50912/* Visible Hover Upward */
50913.ui.upward.active.selection.dropdown:hover {
50914 box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
50915}
50916.ui.upward.active.selection.dropdown:hover .menu {
50917 box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
50918}
50919/*--------------
50920 Simple
50921---------------*/
50922/* Selection Menu */
50923.ui.scrolling.dropdown .menu,
50924.ui.dropdown .scrolling.menu {
50925 overflow-x: hidden;
50926 overflow-y: auto;
50927}
50928.ui.scrolling.dropdown .menu {
50929 overflow-x: hidden;
50930 overflow-y: auto;
50931 backface-visibility: hidden;
50932 -webkit-overflow-scrolling: touch;
50933 min-width: 100% !important;
50934 width: auto !important;
50935}
50936.ui.dropdown .scrolling.menu {
50937 position: static;
50938 overflow-y: auto;
50939 border: none;
50940 box-shadow: none !important;
50941 border-radius: 0 !important;
50942 margin: 0 !important;
50943 min-width: 100% !important;
50944 width: auto !important;
50945 border-top: 1px solid #586A7B;
50946}
50947.ui.scrolling.dropdown .menu .item.item.item,
50948.ui.dropdown .scrolling.menu > .item.item.item {
50949 border-top: none;
50950}
50951.ui.scrolling.dropdown .menu .item:first-child,
50952.ui.dropdown .scrolling.menu .item:first-child {
50953 border-top: none;
50954}
50955.ui.dropdown > .animating.menu .scrolling.menu,
50956.ui.dropdown > .visible.menu .scrolling.menu {
50957 display: block;
50958}
50959/* Scrollbar in IE */
50960@media all and (-ms-high-contrast: none) {
50961 .ui.scrolling.dropdown .menu,
50962 .ui.dropdown .scrolling.menu {
50963 min-width: calc(100% - 17px );
50964 }
50965}
50966@media only screen and (max-width: 767px) {
50967 .ui.scrolling.dropdown .menu,
50968 .ui.dropdown .scrolling.menu {
50969 max-height: 10.28571429rem;
50970 }
50971}
50972@media only screen and (min-width: 768px) {
50973 .ui.scrolling.dropdown .menu,
50974 .ui.dropdown .scrolling.menu {
50975 max-height: 15.42857143rem;
50976 }
50977}
50978@media only screen and (min-width: 992px) {
50979 .ui.scrolling.dropdown .menu,
50980 .ui.dropdown .scrolling.menu {
50981 max-height: 20.57142857rem;
50982 }
50983}
50984@media only screen and (min-width: 1920px) {
50985 .ui.scrolling.dropdown .menu,
50986 .ui.dropdown .scrolling.menu {
50987 max-height: 20.57142857rem;
50988 }
50989}
50990/*--------------
50991 Simple
50992---------------*/
50993/* Displays without javascript */
50994.ui.simple.dropdown .menu:before,
50995.ui.simple.dropdown .menu:after {
50996 display: none;
50997}
50998.ui.simple.dropdown .menu {
50999 position: absolute;
51000 display: block;
51001 overflow: hidden;
51002 top: -9999px !important;
51003 opacity: 0;
51004 width: 0;
51005 height: 0;
51006 transition: opacity 0.1s ease;
51007}
51008.ui.simple.active.dropdown,
51009.ui.simple.dropdown:hover {
51010 border-bottom-left-radius: 0em !important;
51011 border-bottom-right-radius: 0em !important;
51012}
51013.ui.simple.active.dropdown > .menu,
51014.ui.simple.dropdown:hover > .menu {
51015 overflow: visible;
51016 width: auto;
51017 height: auto;
51018 top: 100% !important;
51019 opacity: 1;
51020}
51021.ui.simple.dropdown > .menu > .item:active > .menu,
51022.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
51023 overflow: visible;
51024 width: auto;
51025 height: auto;
51026 top: 0% !important;
51027 left: 100% !important;
51028 opacity: 1;
51029}
51030.ui.simple.disabled.dropdown:hover .menu {
51031 display: none;
51032 height: 0px;
51033 width: 0px;
51034 overflow: hidden;
51035}
51036/* Visible */
51037.ui.simple.visible.dropdown > .menu {
51038 display: block;
51039}
51040/*--------------
51041 Fluid
51042---------------*/
51043.ui.fluid.dropdown {
51044 display: block;
51045 width: 100%;
51046 min-width: 0em;
51047}
51048.ui.fluid.dropdown > .dropdown.icon {
51049 float: right;
51050}
51051/*--------------
51052 Floating
51053---------------*/
51054.ui.floating.dropdown .menu {
51055 left: 0;
51056 right: auto;
51057 box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
51058 border-radius: 0px !important;
51059}
51060.ui.floating.dropdown > .menu {
51061 margin-top: 0.5em !important;
51062 border-radius: 0px !important;
51063}
51064/*--------------
51065 Pointing
51066---------------*/
51067.ui.pointing.dropdown > .menu {
51068 top: 100%;
51069 margin-top: 0.78571429rem;
51070 border-radius: 0px;
51071}
51072.ui.pointing.dropdown > .menu:after {
51073 display: block;
51074 position: absolute;
51075 pointer-events: none;
51076 content: '';
51077 visibility: visible;
51078 transform: rotate(45deg);
51079 width: 0.5em;
51080 height: 0.5em;
51081 box-shadow: -1px -1px 0px 1px #586A7B;
51082 background: #FFFFFF;
51083 z-index: 2;
51084}
51085.ui.pointing.dropdown > .menu:after {
51086 top: -0.25em;
51087 left: 50%;
51088 margin: 0em 0em 0em -0.25em;
51089}
51090/* Top Left Pointing */
51091.ui.top.left.pointing.dropdown > .menu {
51092 top: 100%;
51093 bottom: auto;
51094 left: 0%;
51095 right: auto;
51096 margin: 1em 0em 0em;
51097}
51098.ui.top.left.pointing.dropdown > .menu {
51099 top: 100%;
51100 bottom: auto;
51101 left: 0%;
51102 right: auto;
51103 margin: 1em 0em 0em;
51104}
51105.ui.top.left.pointing.dropdown > .menu:after {
51106 top: -0.25em;
51107 left: 1em;
51108 right: auto;
51109 margin: 0em;
51110 transform: rotate(45deg);
51111}
51112/* Top Right Pointing */
51113.ui.top.right.pointing.dropdown > .menu {
51114 top: 100%;
51115 bottom: auto;
51116 right: 0%;
51117 left: auto;
51118 margin: 1em 0em 0em;
51119}
51120.ui.top.pointing.dropdown > .left.menu:after,
51121.ui.top.right.pointing.dropdown > .menu:after {
51122 top: -0.25em;
51123 left: auto !important;
51124 right: 1em !important;
51125 margin: 0em;
51126 transform: rotate(45deg);
51127}
51128/* Left Pointing */
51129.ui.left.pointing.dropdown > .menu {
51130 top: 0%;
51131 left: 100%;
51132 right: auto;
51133 margin: 0em 0em 0em 1em;
51134}
51135.ui.left.pointing.dropdown > .menu:after {
51136 top: 1em;
51137 left: -0.25em;
51138 margin: 0em 0em 0em 0em;
51139 transform: rotate(-45deg);
51140}
51141.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
51142 left: auto !important;
51143 right: 100% !important;
51144 margin: 0em 1em 0em 0em;
51145}
51146.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
51147 top: 1em;
51148 left: auto;
51149 right: -0.25em;
51150 margin: 0em 0em 0em 0em;
51151 transform: rotate(135deg);
51152}
51153/* Right Pointing */
51154.ui.right.pointing.dropdown > .menu {
51155 top: 0%;
51156 left: auto;
51157 right: 100%;
51158 margin: 0em 1em 0em 0em;
51159}
51160.ui.right.pointing.dropdown > .menu:after {
51161 top: 1em;
51162 left: auto;
51163 right: -0.25em;
51164 margin: 0em 0em 0em 0em;
51165 transform: rotate(135deg);
51166}
51167/* Bottom Pointing */
51168.ui.bottom.pointing.dropdown > .menu {
51169 top: auto;
51170 bottom: 100%;
51171 left: 0%;
51172 right: auto;
51173 margin: 0em 0em 1em;
51174}
51175.ui.bottom.pointing.dropdown > .menu:after {
51176 top: auto;
51177 bottom: -0.25em;
51178 right: auto;
51179 margin: 0em;
51180 transform: rotate(-135deg);
51181}
51182/* Reverse Sub-Menu Direction */
51183.ui.bottom.pointing.dropdown > .menu .menu {
51184 top: auto !important;
51185 bottom: 0px !important;
51186}
51187/* Bottom Left */
51188.ui.bottom.left.pointing.dropdown > .menu {
51189 left: 0%;
51190 right: auto;
51191}
51192.ui.bottom.left.pointing.dropdown > .menu:after {
51193 left: 1em;
51194 right: auto;
51195}
51196/* Bottom Right */
51197.ui.bottom.right.pointing.dropdown > .menu {
51198 right: 0%;
51199 left: auto;
51200}
51201.ui.bottom.right.pointing.dropdown > .menu:after {
51202 left: auto;
51203 right: 1em;
51204}
51205/* Upward pointing */
51206.ui.pointing.upward.dropdown .menu,
51207.ui.top.pointing.upward.dropdown .menu {
51208 top: auto !important;
51209 bottom: 100% !important;
51210 margin: 0em 0em 0.78571429rem;
51211 border-radius: 0px;
51212}
51213.ui.pointing.upward.dropdown .menu:after,
51214.ui.top.pointing.upward.dropdown .menu:after {
51215 top: 100% !important;
51216 bottom: auto !important;
51217 box-shadow: 1px 1px 0px 1px #586A7B;
51218 margin: -0.25em 0em 0em;
51219}
51220/* Right Pointing Upward */
51221.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
51222 top: auto !important;
51223 bottom: 0 !important;
51224 margin: 0em 1em 0em 0em;
51225}
51226.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
51227 top: auto !important;
51228 bottom: 0 !important;
51229 margin: 0em 0em 1em 0em;
51230 box-shadow: -1px -1px 0px 1px #586A7B;
51231}
51232/* Left Pointing Upward */
51233.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
51234 top: auto !important;
51235 bottom: 0 !important;
51236 margin: 0em 0em 0em 1em;
51237}
51238.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
51239 top: auto !important;
51240 bottom: 0 !important;
51241 margin: 0em 0em 1em 0em;
51242 box-shadow: -1px -1px 0px 1px #586A7B;
51243}
51244/*******************************
51245 Theme Overrides
51246*******************************/
51247/* Dropdown Carets */
51248@font-face {
51249 font-family: 'Dropdown';
51250 src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
51251 font-weight: normal;
51252 font-style: normal;
51253}
51254.ui.dropdown > .dropdown.icon {
51255 font-family: 'Dropdown';
51256 line-height: 1;
51257 height: 1em;
51258 width: 1.23em;
51259 backface-visibility: hidden;
51260 font-weight: normal;
51261 font-style: normal;
51262 text-align: center;
51263}
51264.ui.dropdown > .dropdown.icon {
51265 width: auto;
51266}
51267.ui.dropdown > .dropdown.icon:before {
51268 content: '\f0d7';
51269}
51270/* Sub Menu */
51271.ui.dropdown .menu .item .dropdown.icon:before {
51272 content: '\f0da' /*rtl:'\f0d9'*/;
51273}
51274.ui.dropdown .item .left.dropdown.icon:before,
51275.ui.dropdown .left.menu .item .dropdown.icon:before {
51276 content: "\f0d9" /*rtl:"\f0da"*/;
51277}
51278/* Vertical Menu Dropdown */
51279.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
51280 content: "\f0da" /*rtl:"\f0d9"*/;
51281}
51282/* Icons for Reference
51283.dropdown.down.icon {
51284 content: "\f0d7";
51285}
51286.dropdown.up.icon {
51287 content: "\f0d8";
51288}
51289.dropdown.left.icon {
51290 content: "\f0d9";
51291}
51292.dropdown.icon.icon {
51293 content: "\f0da";
51294}
51295*/
51296/*!
51297 * # Semantic UI - Video
51298 * http://github.com/semantic-org/semantic-ui/
51299 *
51300 *
51301 * Released under the MIT license
51302 * http://opensource.org/licenses/MIT
51303 *
51304 */
51305/*******************************
51306 Theme
51307*******************************/
51308/*
51309
51310████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
51311╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
51312 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
51313 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
51314 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
51315 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
51316
51317*/
51318/*******************************
51319 Theme Selection
51320*******************************/
51321/* To override a theme for an individual element
51322 specify theme name below
51323*/
51324/* Global */
51325/* Elements */
51326/* Collections */
51327/* Modules */
51328/* Views */
51329/*******************************
51330 Folders
51331*******************************/
51332/* Path to theme packages */
51333/* Path to site override folder */
51334/*******************************
51335 Import Theme
51336*******************************/
51337/*******************************
51338 Import Directives
51339*******************************/
51340/*------------------
51341 Theme
51342-------------------*/
51343/*--------------------
51344 Site Variables
51345---------------------*/
51346/* Default site.variables */
51347/*******************************
51348 Site Settings
51349*******************************/
51350/*-------------------
51351 Fonts
51352--------------------*/
51353/*-------------------
51354 Base Sizes
51355--------------------*/
51356/* This is the single variable that controls them all */
51357/* The size of page text */
51358/*-------------------
51359 Border Radius
51360--------------------*/
51361/* See Power-user section below
51362 for explanation of @px variables
51363*/
51364/*-------------------
51365 Brand Colors
51366--------------------*/
51367/*--------------
51368 Page Heading
51369---------------*/
51370/*--------------
51371 Form Input
51372---------------*/
51373/* This adjusts the default form input across all elements */
51374/* Input Text Color */
51375/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
51376/*-------------------
51377 Focused Input
51378--------------------*/
51379/* Used on inputs, textarea etc */
51380/* Used on dropdowns, other larger blocks */
51381/*-------------------
51382 Sizes
51383--------------------*/
51384/*
51385 Sizes are all expressed in terms of 14px/em (default em)
51386 This ensures these "ratios" remain constant despite changes in EM
51387*/
51388/*-------------------
51389 Page
51390--------------------*/
51391/*-------------------
51392 Paragraph
51393--------------------*/
51394/*-------------------
51395 Links
51396--------------------*/
51397/*-------------------
51398 Scroll Bars
51399--------------------*/
51400/* Inverted */
51401/*-------------------
51402 Highlighted Text
51403--------------------*/
51404/*-------------------
51405 Loader
51406--------------------*/
51407/*-------------------
51408 Grid
51409--------------------*/
51410/*-------------------
51411 Transitions
51412--------------------*/
51413/*-------------------
51414 Breakpoints
51415--------------------*/
51416/*-------------------
51417 Site Colors
51418--------------------*/
51419/*--- Colors ---*/
51420/*--- Light Colors ---*/
51421/*--- Neutrals ---*/
51422/*--- Colored Backgrounds ---*/
51423/*--- Colored Headers ---*/
51424/*--- Colored Text ---*/
51425/*--- Colored Border ---*/
51426/*-------------------
51427 Alpha Colors
51428--------------------*/
51429/*-------------------
51430 Accents
51431--------------------*/
51432/* Differentiating Neutrals */
51433/* Differentiating Layers */
51434/*******************************
51435 Power-User
51436*******************************/
51437/*-------------------
51438 Emotive Colors
51439--------------------*/
51440/* Positive */
51441/* Negative */
51442/* Info */
51443/* Warning */
51444/*-------------------
51445 Paths
51446--------------------*/
51447/* For source only. Modified in gulp for dist */
51448/*-------------------
51449 Em Sizes
51450--------------------*/
51451/*
51452 This rounds @size values to the closest pixel then expresses that value in (r)em.
51453 This ensures all size values round to exact pixels
51454*/
51455/* em */
51456/* rem */
51457/*-------------------
51458 Icons
51459--------------------*/
51460/* Maximum Glyph Width of Icon */
51461/*-------------------
51462 Neutral Text
51463--------------------*/
51464/*-------------------
51465 Brand Colors
51466--------------------*/
51467/*-------------------
51468 Borders
51469--------------------*/
51470/*-------------------
51471 Derived Values
51472--------------------*/
51473/* Loaders Position Offset */
51474/* Rendered Scrollbar Width */
51475/* Maximum Single Character Glyph Width, aka Capital "W" */
51476/* Used to match floats with text */
51477/* Header Spacing */
51478/* Minimum Mobile Width */
51479/* Positive / Negative Dupes */
51480/* Responsive */
51481/*-------------------
51482 Exact Pixel Values
51483--------------------*/
51484/*
51485 These are used to specify exact pixel values in em
51486 for things like borders that remain constantly
51487 sized as emSize adjusts
51488
51489 Since there are many more sizes than names for sizes,
51490 these are named by their original pixel values.
51491
51492*/
51493/* Columns */
51494/*******************************
51495 States
51496*******************************/
51497/*-------------------
51498 Disabled
51499--------------------*/
51500/*-------------------
51501 Hover
51502--------------------*/
51503/*--- Shadows ---*/
51504/*--- Colors ---*/
51505/*--- Emotive ---*/
51506/*--- Brand ---*/
51507/*--- Dark Tones ---*/
51508/*--- Light Tones ---*/
51509/*-------------------
51510 Focus
51511--------------------*/
51512/*--- Colors ---*/
51513/*--- Emotive ---*/
51514/*--- Brand ---*/
51515/*--- Dark Tones ---*/
51516/*--- Light Tones ---*/
51517/*-------------------
51518 Down (:active)
51519--------------------*/
51520/*--- Colors ---*/
51521/*--- Emotive ---*/
51522/*--- Brand ---*/
51523/*--- Dark Tones ---*/
51524/*--- Light Tones ---*/
51525/*-------------------
51526 Active
51527--------------------*/
51528/*--- Colors ---*/
51529/*--- Emotive ---*/
51530/*--- Brand ---*/
51531/*--- Dark Tones ---*/
51532/*--- Light Tones ---*/
51533/* Packaged site.variables */
51534/*******************************
51535 Site Settings
51536*******************************/
51537/*-------------------
51538 Fonts
51539--------------------*/
51540/*-------------------
51541 Base Sizes
51542--------------------*/
51543/* This is the single variable that controls them all */
51544/* The size of page text */
51545/*-------------------
51546 Border Radius
51547--------------------*/
51548/* See Power-user section below
51549 for explanation of @px variables
51550*/
51551/*-------------------
51552 Brand Colors
51553--------------------*/
51554/*--------------
51555 Page Heading
51556---------------*/
51557/*--------------
51558 Form Input
51559---------------*/
51560/* This adjusts the default form input across all elements */
51561/* Input Text Color */
51562/* Line Height Default For Inputs in Browser */
51563/*-------------------
51564 Focused Input
51565--------------------*/
51566/* Used on inputs, textarea etc */
51567/* Used on dropdowns, other larger blocks */
51568/*-------------------
51569 Sizes
51570--------------------*/
51571/*
51572 Sizes are all expressed in terms of 14px/em (default em)
51573 This ensures these "ratios" remain constant despite changes in EM
51574*/
51575/*-------------------
51576 Page
51577--------------------*/
51578/*-------------------
51579 Paragraph
51580--------------------*/
51581/*-------------------
51582 Links
51583--------------------*/
51584/*-------------------
51585 Highlighted Text
51586--------------------*/
51587/*-------------------
51588 Loader
51589--------------------*/
51590/*-------------------
51591 Grid
51592--------------------*/
51593/*-------------------
51594 Transitions
51595--------------------*/
51596/*-------------------
51597 Breakpoints
51598--------------------*/
51599/*-------------------
51600 Site Colors
51601--------------------*/
51602/*--- Colors ---*/
51603/*--- Light Colors ---*/
51604/*--- Neutrals ---*/
51605/*--- Colored Backgrounds ---*/
51606/*--- Colored Headers ---*/
51607/*--- Colored Text ---*/
51608/*--- Colored Border ---*/
51609/*-------------------
51610 Alpha Colors
51611--------------------*/
51612/*-------------------
51613 Accents
51614--------------------*/
51615/* Differentiating Neutrals */
51616/* Differentiating Layers */
51617/*******************************
51618 Power-User
51619*******************************/
51620/*-------------------
51621 Emotive Colors
51622--------------------*/
51623/* Positive */
51624/* Negative */
51625/* Info */
51626/* Warning */
51627/*-------------------
51628 Paths
51629--------------------*/
51630/* For source only. Modified in gulp for dist */
51631/*-------------------
51632 Em Sizes
51633--------------------*/
51634/*
51635 This rounds @size values to the closest pixel then expresses that value in (r)em.
51636 This ensures all size values round to exact pixels
51637*/
51638/* em */
51639/* rem */
51640/*-------------------
51641 Icons
51642--------------------*/
51643/* Maximum Glyph Width of Icon */
51644/*-------------------
51645 Neutral Text
51646--------------------*/
51647/*-------------------
51648 Brand Colors
51649--------------------*/
51650/*-------------------
51651 Borders
51652--------------------*/
51653/*-------------------
51654 Derived Values
51655--------------------*/
51656/* Loaders Position Offset */
51657/* Rendered Scrollbar Width */
51658/* Maximum Single Character Glyph Width, aka Capital "W" */
51659/* Used to match floats with text */
51660/* Header Spacing */
51661/* Minimum Mobile Width */
51662/* Positive / Negative Dupes */
51663/* Responsive */
51664/*-------------------
51665 Exact Pixel Values
51666--------------------*/
51667/*
51668 These are used to specify exact pixel values in em
51669 for things like borders that remain constantly
51670 sized as emSize adjusts
51671
51672 Since there are many more sizes than names for sizes,
51673 these are named by their original pixel values.
51674
51675*/
51676/* Columns */
51677/*******************************
51678 States
51679*******************************/
51680/*-------------------
51681 Disabled
51682--------------------*/
51683/*-------------------
51684 Hover
51685--------------------*/
51686/*--- Shadows ---*/
51687/*--- Colors ---*/
51688/* https://github.com/Tripwire/octagon/issues/144 */
51689/*--- Emotive ---*/
51690/*--- Brand ---*/
51691/*--- Dark Tones ---*/
51692/*--- Light Tones ---*/
51693/*-------------------
51694 Focus
51695--------------------*/
51696/*--- Colors ---*/
51697/*--- Emotive ---*/
51698/*--- Brand ---*/
51699/*--- Dark Tones ---*/
51700/*--- Light Tones ---*/
51701/*-------------------
51702 Down (:active)
51703--------------------*/
51704/*--- Colors ---*/
51705/*--- Emotive ---*/
51706/*--- Brand ---*/
51707/*--- Dark Tones ---*/
51708/*--- Light Tones ---*/
51709/*-------------------
51710 Active
51711--------------------*/
51712/*--- Colors ---*/
51713/*--- Emotive ---*/
51714/*--- Brand ---*/
51715/*--- Dark Tones ---*/
51716/*--- Light Tones ---*/
51717/* Component's site.variables */
51718/*******************************
51719 Site Settings
51720*******************************/
51721/*-------------------
51722 Fonts
51723--------------------*/
51724/*-------------------
51725 Base Sizes
51726--------------------*/
51727/* This is the single variable that controls them all */
51728/* The size of page text */
51729/*-------------------
51730 Border Radius
51731--------------------*/
51732/* See Power-user section below
51733 for explanation of @px variables
51734*/
51735/*-------------------
51736 Brand Colors
51737--------------------*/
51738/*--------------
51739 Page Heading
51740---------------*/
51741/*--------------
51742 Form Input
51743---------------*/
51744/* This adjusts the default form input across all elements */
51745/* Input Text Color */
51746/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
51747/*-------------------
51748 Focused Input
51749--------------------*/
51750/* Used on inputs, textarea etc */
51751/* Used on dropdowns, other larger blocks */
51752/*-------------------
51753 Sizes
51754--------------------*/
51755/*
51756 Sizes are all expressed in terms of 14px/em (default em)
51757 This ensures these "ratios" remain constant despite changes in EM
51758*/
51759/*-------------------
51760 Page
51761--------------------*/
51762/*-------------------
51763 Paragraph
51764--------------------*/
51765/*-------------------
51766 Links
51767--------------------*/
51768/*-------------------
51769 Scroll Bars
51770--------------------*/
51771/* Inverted */
51772/*-------------------
51773 Highlighted Text
51774--------------------*/
51775/*-------------------
51776 Loader
51777--------------------*/
51778/*-------------------
51779 Grid
51780--------------------*/
51781/*-------------------
51782 Transitions
51783--------------------*/
51784/*-------------------
51785 Breakpoints
51786--------------------*/
51787/*-------------------
51788 Site Colors
51789--------------------*/
51790/*--- Colors ---*/
51791/*--- Light Colors ---*/
51792/*--- Neutrals ---*/
51793/*--- Colored Backgrounds ---*/
51794/*--- Colored Headers ---*/
51795/*--- Colored Text ---*/
51796/*--- Colored Border ---*/
51797/*-------------------
51798 Alpha Colors
51799--------------------*/
51800/*-------------------
51801 Accents
51802--------------------*/
51803/* Differentiating Neutrals */
51804/* Differentiating Layers */
51805/*******************************
51806 Power-User
51807*******************************/
51808/*-------------------
51809 Emotive Colors
51810--------------------*/
51811/* Positive */
51812/* Negative */
51813/* Info */
51814/* Warning */
51815/*-------------------
51816 Paths
51817--------------------*/
51818/* For source only. Modified in gulp for dist */
51819/*-------------------
51820 Em Sizes
51821--------------------*/
51822/*
51823 This rounds @size values to the closest pixel then expresses that value in (r)em.
51824 This ensures all size values round to exact pixels
51825*/
51826/* em */
51827/* rem */
51828/*-------------------
51829 Icons
51830--------------------*/
51831/* Maximum Glyph Width of Icon */
51832/*-------------------
51833 Neutral Text
51834--------------------*/
51835/*-------------------
51836 Brand Colors
51837--------------------*/
51838/*-------------------
51839 Borders
51840--------------------*/
51841/*-------------------
51842 Derived Values
51843--------------------*/
51844/* Loaders Position Offset */
51845/* Rendered Scrollbar Width */
51846/* Maximum Single Character Glyph Width, aka Capital "W" */
51847/* Used to match floats with text */
51848/* Header Spacing */
51849/* Minimum Mobile Width */
51850/* Positive / Negative Dupes */
51851/* Responsive */
51852/*-------------------
51853 Exact Pixel Values
51854--------------------*/
51855/*
51856 These are used to specify exact pixel values in em
51857 for things like borders that remain constantly
51858 sized as emSize adjusts
51859
51860 Since there are many more sizes than names for sizes,
51861 these are named by their original pixel values.
51862
51863*/
51864/* Columns */
51865/*******************************
51866 States
51867*******************************/
51868/*-------------------
51869 Disabled
51870--------------------*/
51871/*-------------------
51872 Hover
51873--------------------*/
51874/*--- Shadows ---*/
51875/*--- Colors ---*/
51876/*--- Emotive ---*/
51877/*--- Brand ---*/
51878/*--- Dark Tones ---*/
51879/*--- Light Tones ---*/
51880/*-------------------
51881 Focus
51882--------------------*/
51883/*--- Colors ---*/
51884/*--- Emotive ---*/
51885/*--- Brand ---*/
51886/*--- Dark Tones ---*/
51887/*--- Light Tones ---*/
51888/*-------------------
51889 Down (:active)
51890--------------------*/
51891/*--- Colors ---*/
51892/*--- Emotive ---*/
51893/*--- Brand ---*/
51894/*--- Dark Tones ---*/
51895/*--- Light Tones ---*/
51896/*-------------------
51897 Active
51898--------------------*/
51899/*--- Colors ---*/
51900/*--- Emotive ---*/
51901/*--- Brand ---*/
51902/*--- Dark Tones ---*/
51903/*--- Light Tones ---*/
51904/* Site theme site.variables */
51905/*-------------------
51906 Component Variables
51907---------------------*/
51908/* Default */
51909/*******************************
51910 Video
51911*******************************/
51912/*-------------------
51913 Element
51914--------------------*/
51915/* Simple */
51916/* Placeholder */
51917/* Placeholder Overlayed Background */
51918/* Icon */
51919/*-------------------
51920 States
51921--------------------*/
51922/* Hover */
51923/*-------------------
51924 Variations
51925--------------------*/
51926/* Aspect Ratios */
51927/* Packaged Theme */
51928/*******************************
51929 Video
51930*******************************/
51931/*-------------------
51932 Element
51933--------------------*/
51934/* Simple */
51935/* Placeholder */
51936/* Placeholder Overlayed Background */
51937/* Icon */
51938/*-------------------
51939 States
51940--------------------*/
51941/* Hover */
51942/*-------------------
51943 Variations
51944--------------------*/
51945/* Aspect Ratios */
51946/* Site Theme */
51947/*******************************
51948 Mix-ins
51949*******************************/
51950/*------------------
51951 Fonts
51952-------------------*/
51953/*------------------
51954 Overrides
51955-------------------*/
51956/* End Config */
51957/*******************************
51958 Types
51959*******************************/
51960.ui.embed {
51961 position: relative;
51962 max-width: 100%;
51963 height: 0px;
51964 overflow: hidden;
51965 background: #DCDDDE;
51966 padding-bottom: 56.25%;
51967}
51968/*-----------------
51969 Embedded Content
51970------------------*/
51971.ui.embed iframe,
51972.ui.embed embed,
51973.ui.embed object {
51974 position: absolute;
51975 border: none;
51976 width: 100%;
51977 height: 100%;
51978 top: 0px;
51979 left: 0px;
51980 margin: 0em;
51981 padding: 0em;
51982}
51983/*-----------------
51984 Embed
51985------------------*/
51986.ui.embed > .embed {
51987 display: none;
51988}
51989/*--------------
51990 Placeholder
51991---------------*/
51992.ui.embed > .placeholder {
51993 position: absolute;
51994 cursor: pointer;
51995 top: 0px;
51996 left: 0px;
51997 display: block;
51998 width: 100%;
51999 height: 100%;
52000 background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
52001}
52002/*--------------
52003 Icon
52004---------------*/
52005.ui.embed > .icon {
52006 cursor: pointer;
52007 position: absolute;
52008 top: 0px;
52009 left: 0px;
52010 width: 100%;
52011 height: 100%;
52012 z-index: 2;
52013}
52014.ui.embed > .icon:after {
52015 position: absolute;
52016 top: 0%;
52017 left: 0%;
52018 width: 100%;
52019 height: 100%;
52020 z-index: 3;
52021 content: '';
52022 background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
52023 opacity: 0.5;
52024 transition: opacity 0.5s ease;
52025}
52026.ui.embed > .icon:before {
52027 position: absolute;
52028 top: 50%;
52029 left: 50%;
52030 z-index: 4;
52031 transform: translateX(-50%) translateY(-50%);
52032 color: #FFFFFF;
52033 font-size: 6rem;
52034 text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
52035 transition: opacity 0.5s ease, color 0.5s ease;
52036 z-index: 10;
52037}
52038/*******************************
52039 States
52040*******************************/
52041/*--------------
52042 Hover
52043---------------*/
52044.ui.embed .icon:hover:after {
52045 background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
52046 opacity: 1;
52047}
52048.ui.embed .icon:hover:before {
52049 color: #FFFFFF;
52050}
52051/*--------------
52052 Active
52053---------------*/
52054.ui.active.embed > .icon,
52055.ui.active.embed > .placeholder {
52056 display: none;
52057}
52058.ui.active.embed > .embed {
52059 display: block;
52060}
52061/*******************************
52062 Video Overrides
52063*******************************/
52064/*******************************
52065 Variations
52066*******************************/
52067.ui.square.embed {
52068 padding-bottom: 100%;
52069}
52070.ui[class*="4:3"].embed {
52071 padding-bottom: 75%;
52072}
52073.ui[class*="16:9"].embed {
52074 padding-bottom: 56.25%;
52075}
52076.ui[class*="21:9"].embed {
52077 padding-bottom: 42.85714286%;
52078}
52079/*!
52080 * # Semantic UI - Modal
52081 * http://github.com/semantic-org/semantic-ui/
52082 *
52083 *
52084 * Released under the MIT license
52085 * http://opensource.org/licenses/MIT
52086 *
52087 */
52088/*******************************
52089 Theme
52090*******************************/
52091/*
52092
52093████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
52094╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
52095 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
52096 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
52097 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
52098 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
52099
52100*/
52101/*******************************
52102 Theme Selection
52103*******************************/
52104/* To override a theme for an individual element
52105 specify theme name below
52106*/
52107/* Global */
52108/* Elements */
52109/* Collections */
52110/* Modules */
52111/* Views */
52112/*******************************
52113 Folders
52114*******************************/
52115/* Path to theme packages */
52116/* Path to site override folder */
52117/*******************************
52118 Import Theme
52119*******************************/
52120/*******************************
52121 Import Directives
52122*******************************/
52123/*------------------
52124 Theme
52125-------------------*/
52126/*--------------------
52127 Site Variables
52128---------------------*/
52129/* Default site.variables */
52130/*******************************
52131 Site Settings
52132*******************************/
52133/*-------------------
52134 Fonts
52135--------------------*/
52136/*-------------------
52137 Base Sizes
52138--------------------*/
52139/* This is the single variable that controls them all */
52140/* The size of page text */
52141/*-------------------
52142 Border Radius
52143--------------------*/
52144/* See Power-user section below
52145 for explanation of @px variables
52146*/
52147/*-------------------
52148 Brand Colors
52149--------------------*/
52150/*--------------
52151 Page Heading
52152---------------*/
52153/*--------------
52154 Form Input
52155---------------*/
52156/* This adjusts the default form input across all elements */
52157/* Input Text Color */
52158/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
52159/*-------------------
52160 Focused Input
52161--------------------*/
52162/* Used on inputs, textarea etc */
52163/* Used on dropdowns, other larger blocks */
52164/*-------------------
52165 Sizes
52166--------------------*/
52167/*
52168 Sizes are all expressed in terms of 14px/em (default em)
52169 This ensures these "ratios" remain constant despite changes in EM
52170*/
52171/*-------------------
52172 Page
52173--------------------*/
52174/*-------------------
52175 Paragraph
52176--------------------*/
52177/*-------------------
52178 Links
52179--------------------*/
52180/*-------------------
52181 Scroll Bars
52182--------------------*/
52183/* Inverted */
52184/*-------------------
52185 Highlighted Text
52186--------------------*/
52187/*-------------------
52188 Loader
52189--------------------*/
52190/*-------------------
52191 Grid
52192--------------------*/
52193/*-------------------
52194 Transitions
52195--------------------*/
52196/*-------------------
52197 Breakpoints
52198--------------------*/
52199/*-------------------
52200 Site Colors
52201--------------------*/
52202/*--- Colors ---*/
52203/*--- Light Colors ---*/
52204/*--- Neutrals ---*/
52205/*--- Colored Backgrounds ---*/
52206/*--- Colored Headers ---*/
52207/*--- Colored Text ---*/
52208/*--- Colored Border ---*/
52209/*-------------------
52210 Alpha Colors
52211--------------------*/
52212/*-------------------
52213 Accents
52214--------------------*/
52215/* Differentiating Neutrals */
52216/* Differentiating Layers */
52217/*******************************
52218 Power-User
52219*******************************/
52220/*-------------------
52221 Emotive Colors
52222--------------------*/
52223/* Positive */
52224/* Negative */
52225/* Info */
52226/* Warning */
52227/*-------------------
52228 Paths
52229--------------------*/
52230/* For source only. Modified in gulp for dist */
52231/*-------------------
52232 Em Sizes
52233--------------------*/
52234/*
52235 This rounds @size values to the closest pixel then expresses that value in (r)em.
52236 This ensures all size values round to exact pixels
52237*/
52238/* em */
52239/* rem */
52240/*-------------------
52241 Icons
52242--------------------*/
52243/* Maximum Glyph Width of Icon */
52244/*-------------------
52245 Neutral Text
52246--------------------*/
52247/*-------------------
52248 Brand Colors
52249--------------------*/
52250/*-------------------
52251 Borders
52252--------------------*/
52253/*-------------------
52254 Derived Values
52255--------------------*/
52256/* Loaders Position Offset */
52257/* Rendered Scrollbar Width */
52258/* Maximum Single Character Glyph Width, aka Capital "W" */
52259/* Used to match floats with text */
52260/* Header Spacing */
52261/* Minimum Mobile Width */
52262/* Positive / Negative Dupes */
52263/* Responsive */
52264/*-------------------
52265 Exact Pixel Values
52266--------------------*/
52267/*
52268 These are used to specify exact pixel values in em
52269 for things like borders that remain constantly
52270 sized as emSize adjusts
52271
52272 Since there are many more sizes than names for sizes,
52273 these are named by their original pixel values.
52274
52275*/
52276/* Columns */
52277/*******************************
52278 States
52279*******************************/
52280/*-------------------
52281 Disabled
52282--------------------*/
52283/*-------------------
52284 Hover
52285--------------------*/
52286/*--- Shadows ---*/
52287/*--- Colors ---*/
52288/*--- Emotive ---*/
52289/*--- Brand ---*/
52290/*--- Dark Tones ---*/
52291/*--- Light Tones ---*/
52292/*-------------------
52293 Focus
52294--------------------*/
52295/*--- Colors ---*/
52296/*--- Emotive ---*/
52297/*--- Brand ---*/
52298/*--- Dark Tones ---*/
52299/*--- Light Tones ---*/
52300/*-------------------
52301 Down (:active)
52302--------------------*/
52303/*--- Colors ---*/
52304/*--- Emotive ---*/
52305/*--- Brand ---*/
52306/*--- Dark Tones ---*/
52307/*--- Light Tones ---*/
52308/*-------------------
52309 Active
52310--------------------*/
52311/*--- Colors ---*/
52312/*--- Emotive ---*/
52313/*--- Brand ---*/
52314/*--- Dark Tones ---*/
52315/*--- Light Tones ---*/
52316/* Packaged site.variables */
52317/*******************************
52318 Site Settings
52319*******************************/
52320/*-------------------
52321 Fonts
52322--------------------*/
52323/*-------------------
52324 Base Sizes
52325--------------------*/
52326/* This is the single variable that controls them all */
52327/* The size of page text */
52328/*-------------------
52329 Border Radius
52330--------------------*/
52331/* See Power-user section below
52332 for explanation of @px variables
52333*/
52334/*-------------------
52335 Brand Colors
52336--------------------*/
52337/*--------------
52338 Page Heading
52339---------------*/
52340/*--------------
52341 Form Input
52342---------------*/
52343/* This adjusts the default form input across all elements */
52344/* Input Text Color */
52345/* Line Height Default For Inputs in Browser */
52346/*-------------------
52347 Focused Input
52348--------------------*/
52349/* Used on inputs, textarea etc */
52350/* Used on dropdowns, other larger blocks */
52351/*-------------------
52352 Sizes
52353--------------------*/
52354/*
52355 Sizes are all expressed in terms of 14px/em (default em)
52356 This ensures these "ratios" remain constant despite changes in EM
52357*/
52358/*-------------------
52359 Page
52360--------------------*/
52361/*-------------------
52362 Paragraph
52363--------------------*/
52364/*-------------------
52365 Links
52366--------------------*/
52367/*-------------------
52368 Highlighted Text
52369--------------------*/
52370/*-------------------
52371 Loader
52372--------------------*/
52373/*-------------------
52374 Grid
52375--------------------*/
52376/*-------------------
52377 Transitions
52378--------------------*/
52379/*-------------------
52380 Breakpoints
52381--------------------*/
52382/*-------------------
52383 Site Colors
52384--------------------*/
52385/*--- Colors ---*/
52386/*--- Light Colors ---*/
52387/*--- Neutrals ---*/
52388/*--- Colored Backgrounds ---*/
52389/*--- Colored Headers ---*/
52390/*--- Colored Text ---*/
52391/*--- Colored Border ---*/
52392/*-------------------
52393 Alpha Colors
52394--------------------*/
52395/*-------------------
52396 Accents
52397--------------------*/
52398/* Differentiating Neutrals */
52399/* Differentiating Layers */
52400/*******************************
52401 Power-User
52402*******************************/
52403/*-------------------
52404 Emotive Colors
52405--------------------*/
52406/* Positive */
52407/* Negative */
52408/* Info */
52409/* Warning */
52410/*-------------------
52411 Paths
52412--------------------*/
52413/* For source only. Modified in gulp for dist */
52414/*-------------------
52415 Em Sizes
52416--------------------*/
52417/*
52418 This rounds @size values to the closest pixel then expresses that value in (r)em.
52419 This ensures all size values round to exact pixels
52420*/
52421/* em */
52422/* rem */
52423/*-------------------
52424 Icons
52425--------------------*/
52426/* Maximum Glyph Width of Icon */
52427/*-------------------
52428 Neutral Text
52429--------------------*/
52430/*-------------------
52431 Brand Colors
52432--------------------*/
52433/*-------------------
52434 Borders
52435--------------------*/
52436/*-------------------
52437 Derived Values
52438--------------------*/
52439/* Loaders Position Offset */
52440/* Rendered Scrollbar Width */
52441/* Maximum Single Character Glyph Width, aka Capital "W" */
52442/* Used to match floats with text */
52443/* Header Spacing */
52444/* Minimum Mobile Width */
52445/* Positive / Negative Dupes */
52446/* Responsive */
52447/*-------------------
52448 Exact Pixel Values
52449--------------------*/
52450/*
52451 These are used to specify exact pixel values in em
52452 for things like borders that remain constantly
52453 sized as emSize adjusts
52454
52455 Since there are many more sizes than names for sizes,
52456 these are named by their original pixel values.
52457
52458*/
52459/* Columns */
52460/*******************************
52461 States
52462*******************************/
52463/*-------------------
52464 Disabled
52465--------------------*/
52466/*-------------------
52467 Hover
52468--------------------*/
52469/*--- Shadows ---*/
52470/*--- Colors ---*/
52471/* https://github.com/Tripwire/octagon/issues/144 */
52472/*--- Emotive ---*/
52473/*--- Brand ---*/
52474/*--- Dark Tones ---*/
52475/*--- Light Tones ---*/
52476/*-------------------
52477 Focus
52478--------------------*/
52479/*--- Colors ---*/
52480/*--- Emotive ---*/
52481/*--- Brand ---*/
52482/*--- Dark Tones ---*/
52483/*--- Light Tones ---*/
52484/*-------------------
52485 Down (:active)
52486--------------------*/
52487/*--- Colors ---*/
52488/*--- Emotive ---*/
52489/*--- Brand ---*/
52490/*--- Dark Tones ---*/
52491/*--- Light Tones ---*/
52492/*-------------------
52493 Active
52494--------------------*/
52495/*--- Colors ---*/
52496/*--- Emotive ---*/
52497/*--- Brand ---*/
52498/*--- Dark Tones ---*/
52499/*--- Light Tones ---*/
52500/* Component's site.variables */
52501/*******************************
52502 Site Settings
52503*******************************/
52504/*-------------------
52505 Fonts
52506--------------------*/
52507/*-------------------
52508 Base Sizes
52509--------------------*/
52510/* This is the single variable that controls them all */
52511/* The size of page text */
52512/*-------------------
52513 Border Radius
52514--------------------*/
52515/* See Power-user section below
52516 for explanation of @px variables
52517*/
52518/*-------------------
52519 Brand Colors
52520--------------------*/
52521/*--------------
52522 Page Heading
52523---------------*/
52524/*--------------
52525 Form Input
52526---------------*/
52527/* This adjusts the default form input across all elements */
52528/* Input Text Color */
52529/* Line Height Default For Inputs in Browser */
52530/*-------------------
52531 Focused Input
52532--------------------*/
52533/* Used on inputs, textarea etc */
52534/* Used on dropdowns, other larger blocks */
52535/*-------------------
52536 Sizes
52537--------------------*/
52538/*
52539 Sizes are all expressed in terms of 14px/em (default em)
52540 This ensures these "ratios" remain constant despite changes in EM
52541*/
52542/*-------------------
52543 Page
52544--------------------*/
52545/*-------------------
52546 Paragraph
52547--------------------*/
52548/*-------------------
52549 Links
52550--------------------*/
52551/*-------------------
52552 Highlighted Text
52553--------------------*/
52554/*-------------------
52555 Loader
52556--------------------*/
52557/*-------------------
52558 Grid
52559--------------------*/
52560/*-------------------
52561 Transitions
52562--------------------*/
52563/*-------------------
52564 Breakpoints
52565--------------------*/
52566/*-------------------
52567 Site Colors
52568--------------------*/
52569/*--- Colors ---*/
52570/*--- Light Colors ---*/
52571/*--- Neutrals ---*/
52572/*--- Colored Backgrounds ---*/
52573/*--- Colored Headers ---*/
52574/*--- Colored Text ---*/
52575/*--- Colored Border ---*/
52576/*-------------------
52577 Alpha Colors
52578--------------------*/
52579/*-------------------
52580 Accents
52581--------------------*/
52582/* Differentiating Neutrals */
52583/* Differentiating Layers */
52584/*******************************
52585 Power-User
52586*******************************/
52587/*-------------------
52588 Emotive Colors
52589--------------------*/
52590/* Positive */
52591/* Negative */
52592/* Info */
52593/* Warning */
52594/*-------------------
52595 Paths
52596--------------------*/
52597/* For source only. Modified in gulp for dist */
52598/*-------------------
52599 Em Sizes
52600--------------------*/
52601/*
52602 This rounds @size values to the closest pixel then expresses that value in (r)em.
52603 This ensures all size values round to exact pixels
52604*/
52605/* em */
52606/* rem */
52607/*-------------------
52608 Icons
52609--------------------*/
52610/* Maximum Glyph Width of Icon */
52611/*-------------------
52612 Neutral Text
52613--------------------*/
52614/*-------------------
52615 Brand Colors
52616--------------------*/
52617/*-------------------
52618 Borders
52619--------------------*/
52620/*-------------------
52621 Derived Values
52622--------------------*/
52623/* Loaders Position Offset */
52624/* Rendered Scrollbar Width */
52625/* Maximum Single Character Glyph Width, aka Capital "W" */
52626/* Used to match floats with text */
52627/* Header Spacing */
52628/* Minimum Mobile Width */
52629/* Positive / Negative Dupes */
52630/* Responsive */
52631/*-------------------
52632 Exact Pixel Values
52633--------------------*/
52634/*
52635 These are used to specify exact pixel values in em
52636 for things like borders that remain constantly
52637 sized as emSize adjusts
52638
52639 Since there are many more sizes than names for sizes,
52640 these are named by their original pixel values.
52641
52642*/
52643/* Columns */
52644/*******************************
52645 States
52646*******************************/
52647/*-------------------
52648 Disabled
52649--------------------*/
52650/*-------------------
52651 Hover
52652--------------------*/
52653/*--- Shadows ---*/
52654/*--- Colors ---*/
52655/* https://github.com/Tripwire/octagon/issues/144 */
52656/*--- Emotive ---*/
52657/*--- Brand ---*/
52658/*--- Dark Tones ---*/
52659/*--- Light Tones ---*/
52660/*-------------------
52661 Focus
52662--------------------*/
52663/*--- Colors ---*/
52664/*--- Emotive ---*/
52665/*--- Brand ---*/
52666/*--- Dark Tones ---*/
52667/*--- Light Tones ---*/
52668/*-------------------
52669 Down (:active)
52670--------------------*/
52671/*--- Colors ---*/
52672/*--- Emotive ---*/
52673/*--- Brand ---*/
52674/*--- Dark Tones ---*/
52675/*--- Light Tones ---*/
52676/*-------------------
52677 Active
52678--------------------*/
52679/*--- Colors ---*/
52680/*--- Emotive ---*/
52681/*--- Brand ---*/
52682/*--- Dark Tones ---*/
52683/*--- Light Tones ---*/
52684/* Site theme site.variables */
52685/*-------------------
52686 Component Variables
52687---------------------*/
52688/* Default */
52689/*******************************
52690 Modal
52691*******************************/
52692/* Close Icon */
52693/* Header */
52694/* Content */
52695/* Image / Description */
52696/* Modal Actions */
52697/* Inner Close Position (Tablet/Mobile) */
52698/* Mobile Positions */
52699/* Responsive Widths */
52700/* Coupling */
52701/*-------------------
52702 States
52703--------------------*/
52704/*-------------------
52705 Types
52706--------------------*/
52707/* Basic */
52708/* Top Aligned */
52709/* Scrolling Margin */
52710/* Scrolling Content */
52711/*-------------------
52712 Variations
52713--------------------*/
52714/* Size Widths */
52715/* Derived Responsive Sizes */
52716/* Packaged Theme */
52717/*******************************
52718 Modal
52719*******************************/
52720/* Close Icon */
52721/* Header */
52722/* Content */
52723/* Image / Description */
52724/* Modal Actions */
52725/* Inner Close Position (Tablet/Mobile) */
52726/* Mobile Positions */
52727/* Responsive Widths */
52728/* Coupling */
52729/*-------------------
52730 Types
52731--------------------*/
52732/* Basic */
52733/* Scrolling Margin */
52734/*-------------------
52735 Variations
52736--------------------*/
52737/* Size Widths */
52738/* Derived Responsive Sizes */
52739/* Site Theme */
52740/*******************************
52741 Mix-ins
52742*******************************/
52743/*------------------
52744 Fonts
52745-------------------*/
52746/*------------------
52747 Overrides
52748-------------------*/
52749/* End Config */
52750/*******************************
52751 Modal
52752*******************************/
52753.ui.modal {
52754 display: none;
52755 z-index: 1001;
52756 text-align: left;
52757 background: #FFFFFF;
52758 border: none;
52759 box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
52760 transform-origin: 50% 25%;
52761 flex: 0 0 auto;
52762 border-radius: 0px;
52763 user-select: text;
52764 will-change: top, left, margin, transform, opacity;
52765}
52766.ui.modal > :first-child:not(.icon),
52767.ui.modal > .icon:first-child + * {
52768 border-top-left-radius: 0px;
52769 border-top-right-radius: 0px;
52770}
52771.ui.modal > :last-child {
52772 border-bottom-left-radius: 0px;
52773 border-bottom-right-radius: 0px;
52774}
52775/*******************************
52776 Content
52777*******************************/
52778/*--------------
52779 Close
52780---------------*/
52781.ui.modal > .close {
52782 cursor: pointer;
52783 position: absolute;
52784 top: -2.5rem;
52785 right: -2.5rem;
52786 z-index: 1;
52787 opacity: 0.8;
52788 font-size: 1.25em;
52789 color: #FFFFFF;
52790 width: 2.25rem;
52791 height: 2.25rem;
52792 padding: 0.625rem 0rem 0rem 0rem;
52793}
52794.ui.modal > .close:hover {
52795 opacity: 1;
52796}
52797/*--------------
52798 Header
52799---------------*/
52800.ui.modal > .header {
52801 display: block;
52802 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
52803 background: #3498db;
52804 margin: 0em;
52805 padding: 1.25rem 1.5rem;
52806 box-shadow: none;
52807 color: #FFFFFF;
52808 border-bottom: 1px solid rgba(34, 36, 38, 0.15);
52809}
52810.ui.modal > .header:not(.ui) {
52811 font-size: 1.42857143rem;
52812 line-height: 1.2857em;
52813 font-weight: bold;
52814}
52815/*--------------
52816 Content
52817---------------*/
52818.ui.modal > .content {
52819 display: block;
52820 width: 100%;
52821 font-size: 1em;
52822 line-height: 1.4;
52823 padding: 1.5rem;
52824 background: #FFFFFF;
52825}
52826.ui.modal > .image.content {
52827 display: flex;
52828 flex-direction: row;
52829}
52830/* Image */
52831.ui.modal > .content > .image {
52832 display: block;
52833 flex: 0 1 auto;
52834 width: '';
52835 align-self: top;
52836}
52837.ui.modal > [class*="top aligned"] {
52838 align-self: top;
52839}
52840.ui.modal > [class*="middle aligned"] {
52841 align-self: middle;
52842}
52843.ui.modal > [class*="stretched"] {
52844 align-self: stretch;
52845}
52846/* Description */
52847.ui.modal > .content > .description {
52848 display: block;
52849 flex: 1 0 auto;
52850 min-width: 0px;
52851 align-self: top;
52852}
52853.ui.modal > .content > .icon + .description,
52854.ui.modal > .content > .image + .description {
52855 flex: 0 1 auto;
52856 min-width: '';
52857 width: auto;
52858 padding-left: 2em;
52859}
52860/*rtl:ignore*/
52861.ui.modal > .content > .image > i.icon {
52862 margin: 0em;
52863 opacity: 1;
52864 width: auto;
52865 line-height: 1;
52866 font-size: 8rem;
52867}
52868/*--------------
52869 Actions
52870---------------*/
52871.ui.modal > .actions {
52872 background: #F9FAFB;
52873 padding: 1rem 1rem;
52874 border-top: 1px solid rgba(34, 36, 38, 0.15);
52875 text-align: right;
52876}
52877.ui.modal .actions > .button {
52878 margin-left: 0.75em;
52879}
52880/*-------------------
52881 Responsive
52882--------------------*/
52883/* Modal Width */
52884@media only screen and (max-width: 767px) {
52885 .ui.modal {
52886 width: 95%;
52887 margin: 0em 0em 0em -47.5%;
52888 }
52889}
52890@media only screen and (min-width: 768px) {
52891 .ui.modal {
52892 width: 88%;
52893 margin: 0em 0em 0em -44%;
52894 }
52895}
52896@media only screen and (min-width: 992px) {
52897 .ui.modal {
52898 width: 850px;
52899 margin: 0em 0em 0em -425px;
52900 }
52901}
52902@media only screen and (min-width: 1200px) {
52903 .ui.modal {
52904 width: 900px;
52905 margin: 0em 0em 0em -450px;
52906 }
52907}
52908@media only screen and (min-width: 1920px) {
52909 .ui.modal {
52910 width: 950px;
52911 margin: 0em 0em 0em -475px;
52912 }
52913}
52914/* Tablet and Mobile */
52915@media only screen and (max-width: 991px) {
52916 .ui.modal > .header {
52917 padding-right: 2.25rem;
52918 }
52919 .ui.modal > .close {
52920 top: 1.0535rem;
52921 right: 1rem;
52922 color: #FFFFFF;
52923 }
52924}
52925/* Mobile */
52926@media only screen and (max-width: 767px) {
52927 .ui.modal > .header {
52928 padding: 0.75rem 1rem !important;
52929 padding-right: 2.25rem !important;
52930 }
52931 .ui.modal > .content {
52932 display: block;
52933 padding: 1rem !important;
52934 }
52935 .ui.modal > .close {
52936 top: 0.5rem !important;
52937 right: 0.5rem !important;
52938 }
52939 /*rtl:ignore*/
52940 .ui.modal .image.content {
52941 flex-direction: column;
52942 }
52943 .ui.modal .content > .image {
52944 display: block;
52945 max-width: 100%;
52946 margin: 0em auto !important;
52947 text-align: center;
52948 padding: 0rem 0rem 1rem !important;
52949 }
52950 .ui.modal > .content > .image > i.icon {
52951 font-size: 5rem;
52952 text-align: center;
52953 }
52954 /*rtl:ignore*/
52955 .ui.modal .content > .description {
52956 display: block;
52957 width: 100% !important;
52958 margin: 0em !important;
52959 padding: 1rem 0rem !important;
52960 box-shadow: none;
52961 }
52962 /* Let Buttons Stack */
52963 .ui.modal > .actions {
52964 padding: 1rem 1rem 0rem !important;
52965 }
52966 .ui.modal .actions > .buttons,
52967 .ui.modal .actions > .button {
52968 margin-bottom: 1rem;
52969 }
52970}
52971/*--------------
52972 Coupling
52973---------------*/
52974.ui.inverted.dimmer > .ui.modal {
52975 box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
52976}
52977/*******************************
52978 Types
52979*******************************/
52980.ui.basic.modal {
52981 background-color: transparent;
52982 border: none;
52983 border-radius: 0em;
52984 box-shadow: none !important;
52985 color: #FFFFFF;
52986}
52987.ui.basic.modal > .header,
52988.ui.basic.modal > .content,
52989.ui.basic.modal > .actions {
52990 background-color: transparent;
52991}
52992.ui.basic.modal > .header {
52993 color: #FFFFFF;
52994}
52995.ui.basic.modal > .close {
52996 top: 1rem;
52997 right: 1.5rem;
52998}
52999.ui.inverted.dimmer > .basic.modal {
53000 color: rgba(0, 0, 0, 0.87);
53001}
53002.ui.inverted.dimmer > .ui.basic.modal > .header {
53003 color: rgba(0, 0, 0, 0.85);
53004}
53005/* Tablet and Mobile */
53006@media only screen and (max-width: 991px) {
53007 .ui.basic.modal > .close {
53008 color: #FFFFFF;
53009 }
53010}
53011/*******************************
53012 States
53013*******************************/
53014.ui.loading.modal {
53015 display: block;
53016 visibility: hidden;
53017 z-index: -1;
53018}
53019.ui.active.modal {
53020 display: block;
53021}
53022/*******************************
53023 Variations
53024*******************************/
53025/*--------------
53026 Top Aligned
53027---------------*/
53028/* Top Aligned Modal */
53029.modals.dimmer[class*="top aligned"] .modal {
53030 margin: 5vh auto;
53031}
53032/*--------------
53033 Scrolling
53034---------------*/
53035/* Scrolling Dimmer */
53036.scrolling.dimmable.dimmed {
53037 overflow: hidden;
53038}
53039.scrolling.dimmable > .dimmer {
53040 justify-content: flex-start;
53041}
53042.scrolling.dimmable.dimmed > .dimmer {
53043 overflow: auto;
53044 -webkit-overflow-scrolling: touch;
53045}
53046.scrolling.dimmable > .dimmer {
53047 position: fixed;
53048}
53049.modals.dimmer .ui.scrolling.modal {
53050 margin: 3.5rem auto !important;
53051}
53052/* Undetached Scrolling */
53053.scrolling.undetached.dimmable.dimmed {
53054 overflow: auto;
53055 -webkit-overflow-scrolling: touch;
53056}
53057.scrolling.undetached.dimmable.dimmed > .dimmer {
53058 overflow: hidden;
53059}
53060.scrolling.undetached.dimmable .ui.scrolling.modal {
53061 position: absolute;
53062 left: 50%;
53063 margin-top: 3.5rem !important;
53064}
53065/* Scrolling Content */
53066.ui.modal .scrolling.content {
53067 max-height: calc(70vh);
53068 overflow: auto;
53069}
53070/*--------------
53071 Full Screen
53072---------------*/
53073.ui.fullscreen.modal {
53074 width: 95% !important;
53075 left: 2.5% !important;
53076 margin: 1em auto;
53077}
53078.ui.fullscreen.scrolling.modal {
53079 left: 0em !important;
53080}
53081.ui.fullscreen.modal > .header {
53082 padding-right: 2.25rem;
53083}
53084.ui.fullscreen.modal > .close {
53085 top: 1.0535rem;
53086 right: 1rem;
53087 color: #FFFFFF;
53088}
53089/*--------------
53090 Size
53091---------------*/
53092.ui.modal {
53093 font-size: 1rem;
53094}
53095/* Mini */
53096.ui.mini.modal > .header:not(.ui) {
53097 font-size: 1.3em;
53098}
53099/* Mini Modal Width */
53100@media only screen and (max-width: 767px) {
53101 .ui.mini.modal {
53102 width: 95%;
53103 margin: 0em 0em 0em 0em;
53104 }
53105}
53106@media only screen and (min-width: 768px) {
53107 .ui.mini.modal {
53108 width: 35.2%;
53109 margin: 0em 0em 0em 0em;
53110 }
53111}
53112@media only screen and (min-width: 992px) {
53113 .ui.mini.modal {
53114 width: 340px;
53115 margin: 0em 0em 0em 0em;
53116 }
53117}
53118@media only screen and (min-width: 1200px) {
53119 .ui.mini.modal {
53120 width: 360px;
53121 margin: 0em 0em 0em 0em;
53122 }
53123}
53124@media only screen and (min-width: 1920px) {
53125 .ui.mini.modal {
53126 width: 380px;
53127 margin: 0em 0em 0em 0em;
53128 }
53129}
53130/* mini */
53131.ui.small.modal > .header:not(.ui) {
53132 font-size: 1.3em;
53133}
53134/* Tiny Modal Width */
53135@media only screen and (max-width: 767px) {
53136 .ui.tiny.modal {
53137 width: 95%;
53138 margin: 0em 0em 0em 0em;
53139 }
53140}
53141@media only screen and (min-width: 768px) {
53142 .ui.tiny.modal {
53143 width: 52.8%;
53144 margin: 0em 0em 0em 0em;
53145 }
53146}
53147@media only screen and (min-width: 992px) {
53148 .ui.tiny.modal {
53149 width: 510px;
53150 margin: 0em 0em 0em 0em;
53151 }
53152}
53153@media only screen and (min-width: 1200px) {
53154 .ui.tiny.modal {
53155 width: 540px;
53156 margin: 0em 0em 0em 0em;
53157 }
53158}
53159@media only screen and (min-width: 1920px) {
53160 .ui.tiny.modal {
53161 width: 570px;
53162 margin: 0em 0em 0em 0em;
53163 }
53164}
53165/* Small */
53166.ui.small.modal > .header:not(.ui) {
53167 font-size: 1.3em;
53168}
53169/* Small Modal Width */
53170@media only screen and (max-width: 767px) {
53171 .ui.small.modal {
53172 width: 95%;
53173 margin: 0em 0em 0em -47.5%;
53174 }
53175}
53176@media only screen and (min-width: 768px) {
53177 .ui.small.modal {
53178 width: 70.4%;
53179 margin: 0em 0em 0em -35.2%;
53180 }
53181}
53182@media only screen and (min-width: 992px) {
53183 .ui.small.modal {
53184 width: 680px;
53185 margin: 0em 0em 0em -340px;
53186 }
53187}
53188@media only screen and (min-width: 1200px) {
53189 .ui.small.modal {
53190 width: 720px;
53191 margin: 0em 0em 0em -360px;
53192 }
53193}
53194@media only screen and (min-width: 1920px) {
53195 .ui.small.modal {
53196 width: 760px;
53197 margin: 0em 0em 0em -380px;
53198 }
53199}
53200/* Large Modal Width */
53201.ui.large.modal > .header {
53202 font-size: 1.6em;
53203}
53204@media only screen and (max-width: 767px) {
53205 .ui.large.modal {
53206 width: 95%;
53207 margin: 0em 0em 0em -47.5%;
53208 }
53209}
53210@media only screen and (min-width: 768px) {
53211 .ui.large.modal {
53212 width: 88%;
53213 margin: 0em 0em 0em -44%;
53214 }
53215}
53216@media only screen and (min-width: 992px) {
53217 .ui.large.modal {
53218 width: 1020px;
53219 margin: 0em 0em 0em -510px;
53220 }
53221}
53222@media only screen and (min-width: 1200px) {
53223 .ui.large.modal {
53224 width: 1080px;
53225 margin: 0em 0em 0em -540px;
53226 }
53227}
53228@media only screen and (min-width: 1920px) {
53229 .ui.large.modal {
53230 width: 1140px;
53231 margin: 0em 0em 0em -570px;
53232 }
53233}
53234/*******************************
53235 Theme Overrides
53236*******************************/
53237.ui.modal {
53238 margin: 1em auto;
53239}
53240.ui.modal > .close {
53241 top: 1.0535rem;
53242 right: 1rem;
53243}
53244/*!
53245 * # Semantic UI - Nag
53246 * http://github.com/semantic-org/semantic-ui/
53247 *
53248 *
53249 * Released under the MIT license
53250 * http://opensource.org/licenses/MIT
53251 *
53252 */
53253/*******************************
53254 Theme
53255*******************************/
53256/*
53257
53258████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
53259╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
53260 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
53261 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
53262 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
53263 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
53264
53265*/
53266/*******************************
53267 Theme Selection
53268*******************************/
53269/* To override a theme for an individual element
53270 specify theme name below
53271*/
53272/* Global */
53273/* Elements */
53274/* Collections */
53275/* Modules */
53276/* Views */
53277/*******************************
53278 Folders
53279*******************************/
53280/* Path to theme packages */
53281/* Path to site override folder */
53282/*******************************
53283 Import Theme
53284*******************************/
53285/*******************************
53286 Import Directives
53287*******************************/
53288/*------------------
53289 Theme
53290-------------------*/
53291/*--------------------
53292 Site Variables
53293---------------------*/
53294/* Default site.variables */
53295/*******************************
53296 Site Settings
53297*******************************/
53298/*-------------------
53299 Fonts
53300--------------------*/
53301/*-------------------
53302 Base Sizes
53303--------------------*/
53304/* This is the single variable that controls them all */
53305/* The size of page text */
53306/*-------------------
53307 Border Radius
53308--------------------*/
53309/* See Power-user section below
53310 for explanation of @px variables
53311*/
53312/*-------------------
53313 Brand Colors
53314--------------------*/
53315/*--------------
53316 Page Heading
53317---------------*/
53318/*--------------
53319 Form Input
53320---------------*/
53321/* This adjusts the default form input across all elements */
53322/* Input Text Color */
53323/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
53324/*-------------------
53325 Focused Input
53326--------------------*/
53327/* Used on inputs, textarea etc */
53328/* Used on dropdowns, other larger blocks */
53329/*-------------------
53330 Sizes
53331--------------------*/
53332/*
53333 Sizes are all expressed in terms of 14px/em (default em)
53334 This ensures these "ratios" remain constant despite changes in EM
53335*/
53336/*-------------------
53337 Page
53338--------------------*/
53339/*-------------------
53340 Paragraph
53341--------------------*/
53342/*-------------------
53343 Links
53344--------------------*/
53345/*-------------------
53346 Scroll Bars
53347--------------------*/
53348/* Inverted */
53349/*-------------------
53350 Highlighted Text
53351--------------------*/
53352/*-------------------
53353 Loader
53354--------------------*/
53355/*-------------------
53356 Grid
53357--------------------*/
53358/*-------------------
53359 Transitions
53360--------------------*/
53361/*-------------------
53362 Breakpoints
53363--------------------*/
53364/*-------------------
53365 Site Colors
53366--------------------*/
53367/*--- Colors ---*/
53368/*--- Light Colors ---*/
53369/*--- Neutrals ---*/
53370/*--- Colored Backgrounds ---*/
53371/*--- Colored Headers ---*/
53372/*--- Colored Text ---*/
53373/*--- Colored Border ---*/
53374/*-------------------
53375 Alpha Colors
53376--------------------*/
53377/*-------------------
53378 Accents
53379--------------------*/
53380/* Differentiating Neutrals */
53381/* Differentiating Layers */
53382/*******************************
53383 Power-User
53384*******************************/
53385/*-------------------
53386 Emotive Colors
53387--------------------*/
53388/* Positive */
53389/* Negative */
53390/* Info */
53391/* Warning */
53392/*-------------------
53393 Paths
53394--------------------*/
53395/* For source only. Modified in gulp for dist */
53396/*-------------------
53397 Em Sizes
53398--------------------*/
53399/*
53400 This rounds @size values to the closest pixel then expresses that value in (r)em.
53401 This ensures all size values round to exact pixels
53402*/
53403/* em */
53404/* rem */
53405/*-------------------
53406 Icons
53407--------------------*/
53408/* Maximum Glyph Width of Icon */
53409/*-------------------
53410 Neutral Text
53411--------------------*/
53412/*-------------------
53413 Brand Colors
53414--------------------*/
53415/*-------------------
53416 Borders
53417--------------------*/
53418/*-------------------
53419 Derived Values
53420--------------------*/
53421/* Loaders Position Offset */
53422/* Rendered Scrollbar Width */
53423/* Maximum Single Character Glyph Width, aka Capital "W" */
53424/* Used to match floats with text */
53425/* Header Spacing */
53426/* Minimum Mobile Width */
53427/* Positive / Negative Dupes */
53428/* Responsive */
53429/*-------------------
53430 Exact Pixel Values
53431--------------------*/
53432/*
53433 These are used to specify exact pixel values in em
53434 for things like borders that remain constantly
53435 sized as emSize adjusts
53436
53437 Since there are many more sizes than names for sizes,
53438 these are named by their original pixel values.
53439
53440*/
53441/* Columns */
53442/*******************************
53443 States
53444*******************************/
53445/*-------------------
53446 Disabled
53447--------------------*/
53448/*-------------------
53449 Hover
53450--------------------*/
53451/*--- Shadows ---*/
53452/*--- Colors ---*/
53453/*--- Emotive ---*/
53454/*--- Brand ---*/
53455/*--- Dark Tones ---*/
53456/*--- Light Tones ---*/
53457/*-------------------
53458 Focus
53459--------------------*/
53460/*--- Colors ---*/
53461/*--- Emotive ---*/
53462/*--- Brand ---*/
53463/*--- Dark Tones ---*/
53464/*--- Light Tones ---*/
53465/*-------------------
53466 Down (:active)
53467--------------------*/
53468/*--- Colors ---*/
53469/*--- Emotive ---*/
53470/*--- Brand ---*/
53471/*--- Dark Tones ---*/
53472/*--- Light Tones ---*/
53473/*-------------------
53474 Active
53475--------------------*/
53476/*--- Colors ---*/
53477/*--- Emotive ---*/
53478/*--- Brand ---*/
53479/*--- Dark Tones ---*/
53480/*--- Light Tones ---*/
53481/* Packaged site.variables */
53482/*******************************
53483 Site Settings
53484*******************************/
53485/*-------------------
53486 Fonts
53487--------------------*/
53488/*-------------------
53489 Base Sizes
53490--------------------*/
53491/* This is the single variable that controls them all */
53492/* The size of page text */
53493/*-------------------
53494 Border Radius
53495--------------------*/
53496/* See Power-user section below
53497 for explanation of @px variables
53498*/
53499/*-------------------
53500 Brand Colors
53501--------------------*/
53502/*--------------
53503 Page Heading
53504---------------*/
53505/*--------------
53506 Form Input
53507---------------*/
53508/* This adjusts the default form input across all elements */
53509/* Input Text Color */
53510/* Line Height Default For Inputs in Browser */
53511/*-------------------
53512 Focused Input
53513--------------------*/
53514/* Used on inputs, textarea etc */
53515/* Used on dropdowns, other larger blocks */
53516/*-------------------
53517 Sizes
53518--------------------*/
53519/*
53520 Sizes are all expressed in terms of 14px/em (default em)
53521 This ensures these "ratios" remain constant despite changes in EM
53522*/
53523/*-------------------
53524 Page
53525--------------------*/
53526/*-------------------
53527 Paragraph
53528--------------------*/
53529/*-------------------
53530 Links
53531--------------------*/
53532/*-------------------
53533 Highlighted Text
53534--------------------*/
53535/*-------------------
53536 Loader
53537--------------------*/
53538/*-------------------
53539 Grid
53540--------------------*/
53541/*-------------------
53542 Transitions
53543--------------------*/
53544/*-------------------
53545 Breakpoints
53546--------------------*/
53547/*-------------------
53548 Site Colors
53549--------------------*/
53550/*--- Colors ---*/
53551/*--- Light Colors ---*/
53552/*--- Neutrals ---*/
53553/*--- Colored Backgrounds ---*/
53554/*--- Colored Headers ---*/
53555/*--- Colored Text ---*/
53556/*--- Colored Border ---*/
53557/*-------------------
53558 Alpha Colors
53559--------------------*/
53560/*-------------------
53561 Accents
53562--------------------*/
53563/* Differentiating Neutrals */
53564/* Differentiating Layers */
53565/*******************************
53566 Power-User
53567*******************************/
53568/*-------------------
53569 Emotive Colors
53570--------------------*/
53571/* Positive */
53572/* Negative */
53573/* Info */
53574/* Warning */
53575/*-------------------
53576 Paths
53577--------------------*/
53578/* For source only. Modified in gulp for dist */
53579/*-------------------
53580 Em Sizes
53581--------------------*/
53582/*
53583 This rounds @size values to the closest pixel then expresses that value in (r)em.
53584 This ensures all size values round to exact pixels
53585*/
53586/* em */
53587/* rem */
53588/*-------------------
53589 Icons
53590--------------------*/
53591/* Maximum Glyph Width of Icon */
53592/*-------------------
53593 Neutral Text
53594--------------------*/
53595/*-------------------
53596 Brand Colors
53597--------------------*/
53598/*-------------------
53599 Borders
53600--------------------*/
53601/*-------------------
53602 Derived Values
53603--------------------*/
53604/* Loaders Position Offset */
53605/* Rendered Scrollbar Width */
53606/* Maximum Single Character Glyph Width, aka Capital "W" */
53607/* Used to match floats with text */
53608/* Header Spacing */
53609/* Minimum Mobile Width */
53610/* Positive / Negative Dupes */
53611/* Responsive */
53612/*-------------------
53613 Exact Pixel Values
53614--------------------*/
53615/*
53616 These are used to specify exact pixel values in em
53617 for things like borders that remain constantly
53618 sized as emSize adjusts
53619
53620 Since there are many more sizes than names for sizes,
53621 these are named by their original pixel values.
53622
53623*/
53624/* Columns */
53625/*******************************
53626 States
53627*******************************/
53628/*-------------------
53629 Disabled
53630--------------------*/
53631/*-------------------
53632 Hover
53633--------------------*/
53634/*--- Shadows ---*/
53635/*--- Colors ---*/
53636/* https://github.com/Tripwire/octagon/issues/144 */
53637/*--- Emotive ---*/
53638/*--- Brand ---*/
53639/*--- Dark Tones ---*/
53640/*--- Light Tones ---*/
53641/*-------------------
53642 Focus
53643--------------------*/
53644/*--- Colors ---*/
53645/*--- Emotive ---*/
53646/*--- Brand ---*/
53647/*--- Dark Tones ---*/
53648/*--- Light Tones ---*/
53649/*-------------------
53650 Down (:active)
53651--------------------*/
53652/*--- Colors ---*/
53653/*--- Emotive ---*/
53654/*--- Brand ---*/
53655/*--- Dark Tones ---*/
53656/*--- Light Tones ---*/
53657/*-------------------
53658 Active
53659--------------------*/
53660/*--- Colors ---*/
53661/*--- Emotive ---*/
53662/*--- Brand ---*/
53663/*--- Dark Tones ---*/
53664/*--- Light Tones ---*/
53665/* Component's site.variables */
53666/*******************************
53667 Site Settings
53668*******************************/
53669/*-------------------
53670 Fonts
53671--------------------*/
53672/*-------------------
53673 Base Sizes
53674--------------------*/
53675/* This is the single variable that controls them all */
53676/* The size of page text */
53677/*-------------------
53678 Border Radius
53679--------------------*/
53680/* See Power-user section below
53681 for explanation of @px variables
53682*/
53683/*-------------------
53684 Brand Colors
53685--------------------*/
53686/*--------------
53687 Page Heading
53688---------------*/
53689/*--------------
53690 Form Input
53691---------------*/
53692/* This adjusts the default form input across all elements */
53693/* Input Text Color */
53694/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
53695/*-------------------
53696 Focused Input
53697--------------------*/
53698/* Used on inputs, textarea etc */
53699/* Used on dropdowns, other larger blocks */
53700/*-------------------
53701 Sizes
53702--------------------*/
53703/*
53704 Sizes are all expressed in terms of 14px/em (default em)
53705 This ensures these "ratios" remain constant despite changes in EM
53706*/
53707/*-------------------
53708 Page
53709--------------------*/
53710/*-------------------
53711 Paragraph
53712--------------------*/
53713/*-------------------
53714 Links
53715--------------------*/
53716/*-------------------
53717 Scroll Bars
53718--------------------*/
53719/* Inverted */
53720/*-------------------
53721 Highlighted Text
53722--------------------*/
53723/*-------------------
53724 Loader
53725--------------------*/
53726/*-------------------
53727 Grid
53728--------------------*/
53729/*-------------------
53730 Transitions
53731--------------------*/
53732/*-------------------
53733 Breakpoints
53734--------------------*/
53735/*-------------------
53736 Site Colors
53737--------------------*/
53738/*--- Colors ---*/
53739/*--- Light Colors ---*/
53740/*--- Neutrals ---*/
53741/*--- Colored Backgrounds ---*/
53742/*--- Colored Headers ---*/
53743/*--- Colored Text ---*/
53744/*--- Colored Border ---*/
53745/*-------------------
53746 Alpha Colors
53747--------------------*/
53748/*-------------------
53749 Accents
53750--------------------*/
53751/* Differentiating Neutrals */
53752/* Differentiating Layers */
53753/*******************************
53754 Power-User
53755*******************************/
53756/*-------------------
53757 Emotive Colors
53758--------------------*/
53759/* Positive */
53760/* Negative */
53761/* Info */
53762/* Warning */
53763/*-------------------
53764 Paths
53765--------------------*/
53766/* For source only. Modified in gulp for dist */
53767/*-------------------
53768 Em Sizes
53769--------------------*/
53770/*
53771 This rounds @size values to the closest pixel then expresses that value in (r)em.
53772 This ensures all size values round to exact pixels
53773*/
53774/* em */
53775/* rem */
53776/*-------------------
53777 Icons
53778--------------------*/
53779/* Maximum Glyph Width of Icon */
53780/*-------------------
53781 Neutral Text
53782--------------------*/
53783/*-------------------
53784 Brand Colors
53785--------------------*/
53786/*-------------------
53787 Borders
53788--------------------*/
53789/*-------------------
53790 Derived Values
53791--------------------*/
53792/* Loaders Position Offset */
53793/* Rendered Scrollbar Width */
53794/* Maximum Single Character Glyph Width, aka Capital "W" */
53795/* Used to match floats with text */
53796/* Header Spacing */
53797/* Minimum Mobile Width */
53798/* Positive / Negative Dupes */
53799/* Responsive */
53800/*-------------------
53801 Exact Pixel Values
53802--------------------*/
53803/*
53804 These are used to specify exact pixel values in em
53805 for things like borders that remain constantly
53806 sized as emSize adjusts
53807
53808 Since there are many more sizes than names for sizes,
53809 these are named by their original pixel values.
53810
53811*/
53812/* Columns */
53813/*******************************
53814 States
53815*******************************/
53816/*-------------------
53817 Disabled
53818--------------------*/
53819/*-------------------
53820 Hover
53821--------------------*/
53822/*--- Shadows ---*/
53823/*--- Colors ---*/
53824/*--- Emotive ---*/
53825/*--- Brand ---*/
53826/*--- Dark Tones ---*/
53827/*--- Light Tones ---*/
53828/*-------------------
53829 Focus
53830--------------------*/
53831/*--- Colors ---*/
53832/*--- Emotive ---*/
53833/*--- Brand ---*/
53834/*--- Dark Tones ---*/
53835/*--- Light Tones ---*/
53836/*-------------------
53837 Down (:active)
53838--------------------*/
53839/*--- Colors ---*/
53840/*--- Emotive ---*/
53841/*--- Brand ---*/
53842/*--- Dark Tones ---*/
53843/*--- Light Tones ---*/
53844/*-------------------
53845 Active
53846--------------------*/
53847/*--- Colors ---*/
53848/*--- Emotive ---*/
53849/*--- Brand ---*/
53850/*--- Dark Tones ---*/
53851/*--- Light Tones ---*/
53852/* Site theme site.variables */
53853/*-------------------
53854 Component Variables
53855---------------------*/
53856/* Default */
53857/*******************************
53858 Nag
53859*******************************/
53860/*--------------
53861 Collection
53862---------------*/
53863/*--------------
53864 Elements
53865---------------*/
53866/* Title */
53867/*--------------
53868 States
53869---------------*/
53870/* Hover */
53871/*--------------
53872 Variations
53873---------------*/
53874/* Top / Bottom */
53875/* Inverted */
53876/*--------------
53877 Plural
53878---------------*/
53879/* Packaged Theme */
53880/*******************************
53881 Nag
53882*******************************/
53883/*--------------
53884 Collection
53885---------------*/
53886/*--------------
53887 Elements
53888---------------*/
53889/* Title */
53890/*--------------
53891 States
53892---------------*/
53893/* Hover */
53894/*--------------
53895 Variations
53896---------------*/
53897/* Top / Bottom */
53898/* Inverted */
53899/*--------------
53900 Plural
53901---------------*/
53902/* Site Theme */
53903/*******************************
53904 Mix-ins
53905*******************************/
53906/*------------------
53907 Fonts
53908-------------------*/
53909/*------------------
53910 Overrides
53911-------------------*/
53912/* End Config */
53913/*******************************
53914 Nag
53915*******************************/
53916.ui.nag {
53917 display: none;
53918 opacity: 0.95;
53919 position: relative;
53920 top: 0em;
53921 left: 0px;
53922 z-index: 999;
53923 min-height: 0em;
53924 width: 100%;
53925 margin: 0em;
53926 padding: 0.75em 1em;
53927 background: #555555;
53928 box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
53929 font-size: 1rem;
53930 text-align: center;
53931 color: rgba(0, 0, 0, 0.87);
53932 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
53933 transition: 0.2s background ease;
53934}
53935a.ui.nag {
53936 cursor: pointer;
53937}
53938.ui.nag > .title {
53939 display: inline-block;
53940 margin: 0em 0.5em;
53941 color: #FFFFFF;
53942}
53943.ui.nag > .close.icon {
53944 cursor: pointer;
53945 opacity: 0.4;
53946 position: absolute;
53947 top: 50%;
53948 right: 1em;
53949 font-size: 1em;
53950 margin: -0.5em 0em 0em;
53951 color: #FFFFFF;
53952 transition: opacity 0.2s ease;
53953}
53954/*******************************
53955 States
53956*******************************/
53957/* Hover */
53958.ui.nag:hover {
53959 background: #555555;
53960 opacity: 1;
53961}
53962.ui.nag .close:hover {
53963 opacity: 1;
53964}
53965/*******************************
53966 Variations
53967*******************************/
53968/*--------------
53969 Static
53970---------------*/
53971.ui.overlay.nag {
53972 position: absolute;
53973 display: block;
53974}
53975/*--------------
53976 Fixed
53977---------------*/
53978.ui.fixed.nag {
53979 position: fixed;
53980}
53981/*--------------
53982 Bottom
53983---------------*/
53984.ui.bottom.nags,
53985.ui.bottom.nag {
53986 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
53987 top: auto;
53988 bottom: 0em;
53989}
53990/*--------------
53991 White
53992---------------*/
53993.ui.inverted.nags .nag,
53994.ui.inverted.nag {
53995 background-color: #F3F4F5;
53996 color: rgba(0, 0, 0, 0.85);
53997}
53998.ui.inverted.nags .nag .close,
53999.ui.inverted.nags .nag .title,
54000.ui.inverted.nag .close,
54001.ui.inverted.nag .title {
54002 color: rgba(0, 0, 0, 0.4);
54003}
54004/*******************************
54005 Groups
54006*******************************/
54007.ui.nags .nag {
54008 border-radius: 0em !important;
54009}
54010.ui.nags .nag:last-child {
54011 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
54012}
54013.ui.bottom.nags .nag:last-child {
54014 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
54015}
54016/*******************************
54017 Theme Overrides
54018*******************************/
54019/*!
54020 * # Semantic UI - Popup
54021 * http://github.com/semantic-org/semantic-ui/
54022 *
54023 *
54024 * Released under the MIT license
54025 * http://opensource.org/licenses/MIT
54026 *
54027 */
54028/*******************************
54029 Theme
54030*******************************/
54031/*
54032
54033████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
54034╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
54035 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
54036 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
54037 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
54038 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
54039
54040*/
54041/*******************************
54042 Theme Selection
54043*******************************/
54044/* To override a theme for an individual element
54045 specify theme name below
54046*/
54047/* Global */
54048/* Elements */
54049/* Collections */
54050/* Modules */
54051/* Views */
54052/*******************************
54053 Folders
54054*******************************/
54055/* Path to theme packages */
54056/* Path to site override folder */
54057/*******************************
54058 Import Theme
54059*******************************/
54060/*******************************
54061 Import Directives
54062*******************************/
54063/*------------------
54064 Theme
54065-------------------*/
54066/*--------------------
54067 Site Variables
54068---------------------*/
54069/* Default site.variables */
54070/*******************************
54071 Site Settings
54072*******************************/
54073/*-------------------
54074 Fonts
54075--------------------*/
54076/*-------------------
54077 Base Sizes
54078--------------------*/
54079/* This is the single variable that controls them all */
54080/* The size of page text */
54081/*-------------------
54082 Border Radius
54083--------------------*/
54084/* See Power-user section below
54085 for explanation of @px variables
54086*/
54087/*-------------------
54088 Brand Colors
54089--------------------*/
54090/*--------------
54091 Page Heading
54092---------------*/
54093/*--------------
54094 Form Input
54095---------------*/
54096/* This adjusts the default form input across all elements */
54097/* Input Text Color */
54098/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
54099/*-------------------
54100 Focused Input
54101--------------------*/
54102/* Used on inputs, textarea etc */
54103/* Used on dropdowns, other larger blocks */
54104/*-------------------
54105 Sizes
54106--------------------*/
54107/*
54108 Sizes are all expressed in terms of 14px/em (default em)
54109 This ensures these "ratios" remain constant despite changes in EM
54110*/
54111/*-------------------
54112 Page
54113--------------------*/
54114/*-------------------
54115 Paragraph
54116--------------------*/
54117/*-------------------
54118 Links
54119--------------------*/
54120/*-------------------
54121 Scroll Bars
54122--------------------*/
54123/* Inverted */
54124/*-------------------
54125 Highlighted Text
54126--------------------*/
54127/*-------------------
54128 Loader
54129--------------------*/
54130/*-------------------
54131 Grid
54132--------------------*/
54133/*-------------------
54134 Transitions
54135--------------------*/
54136/*-------------------
54137 Breakpoints
54138--------------------*/
54139/*-------------------
54140 Site Colors
54141--------------------*/
54142/*--- Colors ---*/
54143/*--- Light Colors ---*/
54144/*--- Neutrals ---*/
54145/*--- Colored Backgrounds ---*/
54146/*--- Colored Headers ---*/
54147/*--- Colored Text ---*/
54148/*--- Colored Border ---*/
54149/*-------------------
54150 Alpha Colors
54151--------------------*/
54152/*-------------------
54153 Accents
54154--------------------*/
54155/* Differentiating Neutrals */
54156/* Differentiating Layers */
54157/*******************************
54158 Power-User
54159*******************************/
54160/*-------------------
54161 Emotive Colors
54162--------------------*/
54163/* Positive */
54164/* Negative */
54165/* Info */
54166/* Warning */
54167/*-------------------
54168 Paths
54169--------------------*/
54170/* For source only. Modified in gulp for dist */
54171/*-------------------
54172 Em Sizes
54173--------------------*/
54174/*
54175 This rounds @size values to the closest pixel then expresses that value in (r)em.
54176 This ensures all size values round to exact pixels
54177*/
54178/* em */
54179/* rem */
54180/*-------------------
54181 Icons
54182--------------------*/
54183/* Maximum Glyph Width of Icon */
54184/*-------------------
54185 Neutral Text
54186--------------------*/
54187/*-------------------
54188 Brand Colors
54189--------------------*/
54190/*-------------------
54191 Borders
54192--------------------*/
54193/*-------------------
54194 Derived Values
54195--------------------*/
54196/* Loaders Position Offset */
54197/* Rendered Scrollbar Width */
54198/* Maximum Single Character Glyph Width, aka Capital "W" */
54199/* Used to match floats with text */
54200/* Header Spacing */
54201/* Minimum Mobile Width */
54202/* Positive / Negative Dupes */
54203/* Responsive */
54204/*-------------------
54205 Exact Pixel Values
54206--------------------*/
54207/*
54208 These are used to specify exact pixel values in em
54209 for things like borders that remain constantly
54210 sized as emSize adjusts
54211
54212 Since there are many more sizes than names for sizes,
54213 these are named by their original pixel values.
54214
54215*/
54216/* Columns */
54217/*******************************
54218 States
54219*******************************/
54220/*-------------------
54221 Disabled
54222--------------------*/
54223/*-------------------
54224 Hover
54225--------------------*/
54226/*--- Shadows ---*/
54227/*--- Colors ---*/
54228/*--- Emotive ---*/
54229/*--- Brand ---*/
54230/*--- Dark Tones ---*/
54231/*--- Light Tones ---*/
54232/*-------------------
54233 Focus
54234--------------------*/
54235/*--- Colors ---*/
54236/*--- Emotive ---*/
54237/*--- Brand ---*/
54238/*--- Dark Tones ---*/
54239/*--- Light Tones ---*/
54240/*-------------------
54241 Down (:active)
54242--------------------*/
54243/*--- Colors ---*/
54244/*--- Emotive ---*/
54245/*--- Brand ---*/
54246/*--- Dark Tones ---*/
54247/*--- Light Tones ---*/
54248/*-------------------
54249 Active
54250--------------------*/
54251/*--- Colors ---*/
54252/*--- Emotive ---*/
54253/*--- Brand ---*/
54254/*--- Dark Tones ---*/
54255/*--- Light Tones ---*/
54256/* Packaged site.variables */
54257/*******************************
54258 Site Settings
54259*******************************/
54260/*-------------------
54261 Fonts
54262--------------------*/
54263/*-------------------
54264 Base Sizes
54265--------------------*/
54266/* This is the single variable that controls them all */
54267/* The size of page text */
54268/*-------------------
54269 Border Radius
54270--------------------*/
54271/* See Power-user section below
54272 for explanation of @px variables
54273*/
54274/*-------------------
54275 Brand Colors
54276--------------------*/
54277/*--------------
54278 Page Heading
54279---------------*/
54280/*--------------
54281 Form Input
54282---------------*/
54283/* This adjusts the default form input across all elements */
54284/* Input Text Color */
54285/* Line Height Default For Inputs in Browser */
54286/*-------------------
54287 Focused Input
54288--------------------*/
54289/* Used on inputs, textarea etc */
54290/* Used on dropdowns, other larger blocks */
54291/*-------------------
54292 Sizes
54293--------------------*/
54294/*
54295 Sizes are all expressed in terms of 14px/em (default em)
54296 This ensures these "ratios" remain constant despite changes in EM
54297*/
54298/*-------------------
54299 Page
54300--------------------*/
54301/*-------------------
54302 Paragraph
54303--------------------*/
54304/*-------------------
54305 Links
54306--------------------*/
54307/*-------------------
54308 Highlighted Text
54309--------------------*/
54310/*-------------------
54311 Loader
54312--------------------*/
54313/*-------------------
54314 Grid
54315--------------------*/
54316/*-------------------
54317 Transitions
54318--------------------*/
54319/*-------------------
54320 Breakpoints
54321--------------------*/
54322/*-------------------
54323 Site Colors
54324--------------------*/
54325/*--- Colors ---*/
54326/*--- Light Colors ---*/
54327/*--- Neutrals ---*/
54328/*--- Colored Backgrounds ---*/
54329/*--- Colored Headers ---*/
54330/*--- Colored Text ---*/
54331/*--- Colored Border ---*/
54332/*-------------------
54333 Alpha Colors
54334--------------------*/
54335/*-------------------
54336 Accents
54337--------------------*/
54338/* Differentiating Neutrals */
54339/* Differentiating Layers */
54340/*******************************
54341 Power-User
54342*******************************/
54343/*-------------------
54344 Emotive Colors
54345--------------------*/
54346/* Positive */
54347/* Negative */
54348/* Info */
54349/* Warning */
54350/*-------------------
54351 Paths
54352--------------------*/
54353/* For source only. Modified in gulp for dist */
54354/*-------------------
54355 Em Sizes
54356--------------------*/
54357/*
54358 This rounds @size values to the closest pixel then expresses that value in (r)em.
54359 This ensures all size values round to exact pixels
54360*/
54361/* em */
54362/* rem */
54363/*-------------------
54364 Icons
54365--------------------*/
54366/* Maximum Glyph Width of Icon */
54367/*-------------------
54368 Neutral Text
54369--------------------*/
54370/*-------------------
54371 Brand Colors
54372--------------------*/
54373/*-------------------
54374 Borders
54375--------------------*/
54376/*-------------------
54377 Derived Values
54378--------------------*/
54379/* Loaders Position Offset */
54380/* Rendered Scrollbar Width */
54381/* Maximum Single Character Glyph Width, aka Capital "W" */
54382/* Used to match floats with text */
54383/* Header Spacing */
54384/* Minimum Mobile Width */
54385/* Positive / Negative Dupes */
54386/* Responsive */
54387/*-------------------
54388 Exact Pixel Values
54389--------------------*/
54390/*
54391 These are used to specify exact pixel values in em
54392 for things like borders that remain constantly
54393 sized as emSize adjusts
54394
54395 Since there are many more sizes than names for sizes,
54396 these are named by their original pixel values.
54397
54398*/
54399/* Columns */
54400/*******************************
54401 States
54402*******************************/
54403/*-------------------
54404 Disabled
54405--------------------*/
54406/*-------------------
54407 Hover
54408--------------------*/
54409/*--- Shadows ---*/
54410/*--- Colors ---*/
54411/* https://github.com/Tripwire/octagon/issues/144 */
54412/*--- Emotive ---*/
54413/*--- Brand ---*/
54414/*--- Dark Tones ---*/
54415/*--- Light Tones ---*/
54416/*-------------------
54417 Focus
54418--------------------*/
54419/*--- Colors ---*/
54420/*--- Emotive ---*/
54421/*--- Brand ---*/
54422/*--- Dark Tones ---*/
54423/*--- Light Tones ---*/
54424/*-------------------
54425 Down (:active)
54426--------------------*/
54427/*--- Colors ---*/
54428/*--- Emotive ---*/
54429/*--- Brand ---*/
54430/*--- Dark Tones ---*/
54431/*--- Light Tones ---*/
54432/*-------------------
54433 Active
54434--------------------*/
54435/*--- Colors ---*/
54436/*--- Emotive ---*/
54437/*--- Brand ---*/
54438/*--- Dark Tones ---*/
54439/*--- Light Tones ---*/
54440/* Component's site.variables */
54441/*******************************
54442 Site Settings
54443*******************************/
54444/*-------------------
54445 Fonts
54446--------------------*/
54447/*-------------------
54448 Base Sizes
54449--------------------*/
54450/* This is the single variable that controls them all */
54451/* The size of page text */
54452/*-------------------
54453 Border Radius
54454--------------------*/
54455/* See Power-user section below
54456 for explanation of @px variables
54457*/
54458/*-------------------
54459 Brand Colors
54460--------------------*/
54461/*--------------
54462 Page Heading
54463---------------*/
54464/*--------------
54465 Form Input
54466---------------*/
54467/* This adjusts the default form input across all elements */
54468/* Input Text Color */
54469/* Line Height Default For Inputs in Browser */
54470/*-------------------
54471 Focused Input
54472--------------------*/
54473/* Used on inputs, textarea etc */
54474/* Used on dropdowns, other larger blocks */
54475/*-------------------
54476 Sizes
54477--------------------*/
54478/*
54479 Sizes are all expressed in terms of 14px/em (default em)
54480 This ensures these "ratios" remain constant despite changes in EM
54481*/
54482/*-------------------
54483 Page
54484--------------------*/
54485/*-------------------
54486 Paragraph
54487--------------------*/
54488/*-------------------
54489 Links
54490--------------------*/
54491/*-------------------
54492 Highlighted Text
54493--------------------*/
54494/*-------------------
54495 Loader
54496--------------------*/
54497/*-------------------
54498 Grid
54499--------------------*/
54500/*-------------------
54501 Transitions
54502--------------------*/
54503/*-------------------
54504 Breakpoints
54505--------------------*/
54506/*-------------------
54507 Site Colors
54508--------------------*/
54509/*--- Colors ---*/
54510/*--- Light Colors ---*/
54511/*--- Neutrals ---*/
54512/*--- Colored Backgrounds ---*/
54513/*--- Colored Headers ---*/
54514/*--- Colored Text ---*/
54515/*--- Colored Border ---*/
54516/*-------------------
54517 Alpha Colors
54518--------------------*/
54519/*-------------------
54520 Accents
54521--------------------*/
54522/* Differentiating Neutrals */
54523/* Differentiating Layers */
54524/*******************************
54525 Power-User
54526*******************************/
54527/*-------------------
54528 Emotive Colors
54529--------------------*/
54530/* Positive */
54531/* Negative */
54532/* Info */
54533/* Warning */
54534/*-------------------
54535 Paths
54536--------------------*/
54537/* For source only. Modified in gulp for dist */
54538/*-------------------
54539 Em Sizes
54540--------------------*/
54541/*
54542 This rounds @size values to the closest pixel then expresses that value in (r)em.
54543 This ensures all size values round to exact pixels
54544*/
54545/* em */
54546/* rem */
54547/*-------------------
54548 Icons
54549--------------------*/
54550/* Maximum Glyph Width of Icon */
54551/*-------------------
54552 Neutral Text
54553--------------------*/
54554/*-------------------
54555 Brand Colors
54556--------------------*/
54557/*-------------------
54558 Borders
54559--------------------*/
54560/*-------------------
54561 Derived Values
54562--------------------*/
54563/* Loaders Position Offset */
54564/* Rendered Scrollbar Width */
54565/* Maximum Single Character Glyph Width, aka Capital "W" */
54566/* Used to match floats with text */
54567/* Header Spacing */
54568/* Minimum Mobile Width */
54569/* Positive / Negative Dupes */
54570/* Responsive */
54571/*-------------------
54572 Exact Pixel Values
54573--------------------*/
54574/*
54575 These are used to specify exact pixel values in em
54576 for things like borders that remain constantly
54577 sized as emSize adjusts
54578
54579 Since there are many more sizes than names for sizes,
54580 these are named by their original pixel values.
54581
54582*/
54583/* Columns */
54584/*******************************
54585 States
54586*******************************/
54587/*-------------------
54588 Disabled
54589--------------------*/
54590/*-------------------
54591 Hover
54592--------------------*/
54593/*--- Shadows ---*/
54594/*--- Colors ---*/
54595/* https://github.com/Tripwire/octagon/issues/144 */
54596/*--- Emotive ---*/
54597/*--- Brand ---*/
54598/*--- Dark Tones ---*/
54599/*--- Light Tones ---*/
54600/*-------------------
54601 Focus
54602--------------------*/
54603/*--- Colors ---*/
54604/*--- Emotive ---*/
54605/*--- Brand ---*/
54606/*--- Dark Tones ---*/
54607/*--- Light Tones ---*/
54608/*-------------------
54609 Down (:active)
54610--------------------*/
54611/*--- Colors ---*/
54612/*--- Emotive ---*/
54613/*--- Brand ---*/
54614/*--- Dark Tones ---*/
54615/*--- Light Tones ---*/
54616/*-------------------
54617 Active
54618--------------------*/
54619/*--- Colors ---*/
54620/*--- Emotive ---*/
54621/*--- Brand ---*/
54622/*--- Dark Tones ---*/
54623/*--- Light Tones ---*/
54624/* Site theme site.variables */
54625/*-------------------
54626 Component Variables
54627---------------------*/
54628/* Default */
54629/*******************************
54630 Popup
54631*******************************/
54632/*-------------------
54633 Element
54634--------------------*/
54635/*-------------------
54636 Parts
54637--------------------*/
54638/* Placement */
54639/* Header */
54640/* Content Border */
54641/* Arrow */
54642/* Arrow color by position */
54643/*-------------------
54644 Types
54645--------------------*/
54646/* Tooltip */
54647/* Inverted */
54648/* Arrow */
54649/*-------------------
54650 Coupling
54651--------------------*/
54652/* Grid Inside Popup */
54653/* (padding * @medium) */
54654/*-------------------
54655 States
54656--------------------*/
54657/*-------------------
54658 Variations
54659--------------------*/
54660/* Wide */
54661/* Inverted */
54662/* Arrow color by position */
54663/* Packaged Theme */
54664/*******************************
54665 Popup
54666*******************************/
54667/*-------------------
54668 Element
54669--------------------*/
54670/*-------------------
54671 Parts
54672--------------------*/
54673/* Placement */
54674/* Header */
54675/* Content Border */
54676/* Arrow */
54677/* Arrow color by position */
54678/*-------------------
54679 Types
54680--------------------*/
54681/* Tooltip */
54682/* Inverted */
54683/* Arrow */
54684/*-------------------
54685 Coupling
54686--------------------*/
54687/* Grid Inside Popup */
54688/* (padding * @medium) */
54689/*-------------------
54690 States
54691--------------------*/
54692/*-------------------
54693 Variations
54694--------------------*/
54695/* Wide */
54696/* Inverted */
54697/* Arrow color by position */
54698/* Site Theme */
54699/*******************************
54700 Mix-ins
54701*******************************/
54702/*------------------
54703 Fonts
54704-------------------*/
54705/*------------------
54706 Overrides
54707-------------------*/
54708/* End Config */
54709/*******************************
54710 Popup
54711*******************************/
54712.ui.popup {
54713 display: none;
54714 position: absolute;
54715 top: 0px;
54716 right: 0px;
54717 /* Fixes content being squished when inline (moz only) */
54718 min-width: min-content;
54719 z-index: 1900;
54720 border: 1px solid #D4D4D5;
54721 line-height: 1.4285em;
54722 max-width: 250px;
54723 background: #FFFFFF;
54724 padding: 0.833em 1em;
54725 font-weight: normal;
54726 font-style: normal;
54727 color: rgba(0, 0, 0, 0.87);
54728 border-radius: 0px;
54729 box-shadow: 0px;
54730}
54731.ui.popup > .header {
54732 padding: 0em;
54733 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
54734 font-size: 1.14285714em;
54735 line-height: 1.2;
54736 font-weight: bold;
54737}
54738.ui.popup > .header + .content {
54739 padding-top: 0.5em;
54740}
54741.ui.popup:before {
54742 position: absolute;
54743 content: '';
54744 width: 0.71428571em;
54745 height: 0.71428571em;
54746 background: #FFFFFF;
54747 transform: rotate(45deg);
54748 z-index: 2;
54749 box-shadow: 1px 1px 0px 0px;
54750}
54751/*******************************
54752 Types
54753*******************************/
54754/*--------------
54755 Tooltip
54756---------------*/
54757/* Content */
54758[data-tooltip] {
54759 position: relative;
54760}
54761/* Arrow */
54762[data-tooltip]:before {
54763 pointer-events: none;
54764 position: absolute;
54765 content: '';
54766 font-size: 1rem;
54767 width: 0.71428571em;
54768 height: 0.71428571em;
54769 background: #FFFFFF;
54770 transform: rotate(45deg);
54771 z-index: 2;
54772 box-shadow: 1px 1px 0px 0px;
54773}
54774/* Popup */
54775[data-tooltip]:after {
54776 pointer-events: none;
54777 content: attr(data-tooltip);
54778 position: absolute;
54779 text-transform: none;
54780 text-align: left;
54781 white-space: nowrap;
54782 font-size: 1rem;
54783 border: 1px solid #D4D4D5;
54784 line-height: 1.4285em;
54785 max-width: none;
54786 background: #FFFFFF;
54787 padding: 0.833em 1em;
54788 font-weight: normal;
54789 font-style: normal;
54790 color: rgba(0, 0, 0, 0.87);
54791 border-radius: 0px;
54792 box-shadow: 0px;
54793 z-index: 1;
54794}
54795/* Default Position (Top Center) */
54796[data-tooltip]:not([data-position]):before {
54797 top: auto;
54798 right: auto;
54799 bottom: 100%;
54800 left: 50%;
54801 background: #FFFFFF;
54802 margin-left: -0.07142857rem;
54803 margin-bottom: 0.14285714rem;
54804}
54805[data-tooltip]:not([data-position]):after {
54806 left: 50%;
54807 transform: translateX(-50%);
54808 bottom: 100%;
54809 margin-bottom: 0.5em;
54810}
54811/* Animation */
54812[data-tooltip]:before,
54813[data-tooltip]:after {
54814 pointer-events: none;
54815 visibility: hidden;
54816}
54817[data-tooltip]:before {
54818 opacity: 0;
54819 transform: rotate(45deg) scale(0) !important;
54820 transform-origin: center top;
54821 transition: all 0.1s ease;
54822}
54823[data-tooltip]:after {
54824 opacity: 1;
54825 transform-origin: center bottom;
54826 transition: all 0.1s ease;
54827}
54828[data-tooltip]:hover:before,
54829[data-tooltip]:hover:after {
54830 visibility: visible;
54831 pointer-events: auto;
54832}
54833[data-tooltip]:hover:before {
54834 transform: rotate(45deg) scale(1) !important;
54835 opacity: 1;
54836}
54837/* Animation Position */
54838[data-tooltip]:after,
54839[data-tooltip][data-position="top center"]:after,
54840[data-tooltip][data-position="bottom center"]:after {
54841 transform: translateX(-50%) scale(0) !important;
54842}
54843[data-tooltip]:hover:after,
54844[data-tooltip][data-position="bottom center"]:hover:after {
54845 transform: translateX(-50%) scale(1) !important;
54846}
54847[data-tooltip][data-position="left center"]:after,
54848[data-tooltip][data-position="right center"]:after {
54849 transform: translateY(-50%) scale(0) !important;
54850}
54851[data-tooltip][data-position="left center"]:hover:after,
54852[data-tooltip][data-position="right center"]:hover:after {
54853 transform: translateY(-50%) scale(1) !important;
54854}
54855[data-tooltip][data-position="top left"]:after,
54856[data-tooltip][data-position="top right"]:after,
54857[data-tooltip][data-position="bottom left"]:after,
54858[data-tooltip][data-position="bottom right"]:after {
54859 transform: scale(0) !important;
54860}
54861[data-tooltip][data-position="top left"]:hover:after,
54862[data-tooltip][data-position="top right"]:hover:after,
54863[data-tooltip][data-position="bottom left"]:hover:after,
54864[data-tooltip][data-position="bottom right"]:hover:after {
54865 transform: scale(1) !important;
54866}
54867/*--------------
54868 Inverted
54869---------------*/
54870/* Arrow */
54871[data-tooltip][data-inverted]:before {
54872 box-shadow: none !important;
54873}
54874/* Arrow Position */
54875[data-tooltip][data-inverted]:before {
54876 background: #1B1C1D;
54877}
54878/* Popup */
54879[data-tooltip][data-inverted]:after {
54880 background: #1B1C1D;
54881 color: #FFFFFF;
54882 border: none;
54883 box-shadow: none;
54884}
54885[data-tooltip][data-inverted]:after .header {
54886 background-color: none;
54887 color: #FFFFFF;
54888}
54889/*--------------
54890 Position
54891---------------*/
54892/* Top Center */
54893[data-position="top center"][data-tooltip]:after {
54894 top: auto;
54895 right: auto;
54896 left: 50%;
54897 bottom: 100%;
54898 transform: translateX(-50%);
54899 margin-bottom: 0.5em;
54900}
54901[data-position="top center"][data-tooltip]:before {
54902 top: auto;
54903 right: auto;
54904 bottom: 100%;
54905 left: 50%;
54906 background: #FFFFFF;
54907 margin-left: -0.07142857rem;
54908 margin-bottom: 0.14285714rem;
54909}
54910/* Top Left */
54911[data-position="top left"][data-tooltip]:after {
54912 top: auto;
54913 right: auto;
54914 left: 0;
54915 bottom: 100%;
54916 margin-bottom: 0.5em;
54917}
54918[data-position="top left"][data-tooltip]:before {
54919 top: auto;
54920 right: auto;
54921 bottom: 100%;
54922 left: 1em;
54923 margin-left: -0.07142857rem;
54924 margin-bottom: 0.14285714rem;
54925}
54926/* Top Right */
54927[data-position="top right"][data-tooltip]:after {
54928 top: auto;
54929 left: auto;
54930 right: 0;
54931 bottom: 100%;
54932 margin-bottom: 0.5em;
54933}
54934[data-position="top right"][data-tooltip]:before {
54935 top: auto;
54936 left: auto;
54937 bottom: 100%;
54938 right: 1em;
54939 margin-left: -0.07142857rem;
54940 margin-bottom: 0.14285714rem;
54941}
54942/* Bottom Center */
54943[data-position="bottom center"][data-tooltip]:after {
54944 bottom: auto;
54945 right: auto;
54946 left: 50%;
54947 top: 100%;
54948 transform: translateX(-50%);
54949 margin-top: 0.5em;
54950}
54951[data-position="bottom center"][data-tooltip]:before {
54952 bottom: auto;
54953 right: auto;
54954 top: 100%;
54955 left: 50%;
54956 margin-left: -0.07142857rem;
54957 margin-top: 0.14285714rem;
54958}
54959/* Bottom Left */
54960[data-position="bottom left"][data-tooltip]:after {
54961 left: 0;
54962 top: 100%;
54963 margin-top: 0.5em;
54964}
54965[data-position="bottom left"][data-tooltip]:before {
54966 bottom: auto;
54967 right: auto;
54968 top: 100%;
54969 left: 1em;
54970 margin-left: -0.07142857rem;
54971 margin-top: 0.14285714rem;
54972}
54973/* Bottom Right */
54974[data-position="bottom right"][data-tooltip]:after {
54975 right: 0;
54976 top: 100%;
54977 margin-top: 0.5em;
54978}
54979[data-position="bottom right"][data-tooltip]:before {
54980 bottom: auto;
54981 left: auto;
54982 top: 100%;
54983 right: 1em;
54984 margin-left: -0.14285714rem;
54985 margin-top: 0.07142857rem;
54986}
54987/* Left Center */
54988[data-position="left center"][data-tooltip]:after {
54989 right: 100%;
54990 top: 50%;
54991 margin-right: 0.5em;
54992 transform: translateY(-50%);
54993}
54994[data-position="left center"][data-tooltip]:before {
54995 right: 100%;
54996 top: 50%;
54997 margin-top: -0.14285714rem;
54998 margin-right: -0.07142857rem;
54999}
55000/* Right Center */
55001[data-position="right center"][data-tooltip]:after {
55002 left: 100%;
55003 top: 50%;
55004 margin-left: 0.5em;
55005 transform: translateY(-50%);
55006}
55007[data-position="right center"][data-tooltip]:before {
55008 left: 100%;
55009 top: 50%;
55010 margin-top: -0.07142857rem;
55011 margin-left: 0.14285714rem;
55012}
55013/* Arrow */
55014[data-position~="bottom"][data-tooltip]:before {
55015 background: #FFFFFF;
55016 box-shadow: -1px -1px 0px 0px;
55017}
55018[data-position="left center"][data-tooltip]:before {
55019 background: #FFFFFF;
55020 box-shadow: 1px -1px 0px 0px;
55021}
55022[data-position="right center"][data-tooltip]:before {
55023 background: #FFFFFF;
55024 box-shadow: -1px 1px 0px 0px;
55025}
55026[data-position~="top"][data-tooltip]:before {
55027 background: #FFFFFF;
55028}
55029/* Inverted Arrow Color */
55030[data-inverted][data-position~="bottom"][data-tooltip]:before {
55031 background: #1B1C1D;
55032 box-shadow: -1px -1px 0px 0px;
55033}
55034[data-inverted][data-position="left center"][data-tooltip]:before {
55035 background: #1B1C1D;
55036 box-shadow: 1px -1px 0px 0px;
55037}
55038[data-inverted][data-position="right center"][data-tooltip]:before {
55039 background: #1B1C1D;
55040 box-shadow: -1px 1px 0px 0px;
55041}
55042[data-inverted][data-position~="top"][data-tooltip]:before {
55043 background: #1B1C1D;
55044}
55045[data-position~="bottom"][data-tooltip]:before {
55046 transform-origin: center bottom;
55047}
55048[data-position~="bottom"][data-tooltip]:after {
55049 transform-origin: center top;
55050}
55051[data-position="left center"][data-tooltip]:before {
55052 transform-origin: top center;
55053}
55054[data-position="left center"][data-tooltip]:after {
55055 transform-origin: right center;
55056}
55057[data-position="right center"][data-tooltip]:before {
55058 transform-origin: right center;
55059}
55060[data-position="right center"][data-tooltip]:after {
55061 transform-origin: left center;
55062}
55063/*--------------
55064 Spacing
55065---------------*/
55066.ui.popup {
55067 margin: 0em;
55068}
55069/* Extending from Top */
55070.ui.top.popup {
55071 margin: 0em 0em 0.71428571em;
55072}
55073.ui.top.left.popup {
55074 transform-origin: left bottom;
55075}
55076.ui.top.center.popup {
55077 transform-origin: center bottom;
55078}
55079.ui.top.right.popup {
55080 transform-origin: right bottom;
55081}
55082/* Extending from Vertical Center */
55083.ui.left.center.popup {
55084 margin: 0em 0.71428571em 0em 0em;
55085 transform-origin: right 50%;
55086}
55087.ui.right.center.popup {
55088 margin: 0em 0em 0em 0.71428571em;
55089 transform-origin: left 50%;
55090}
55091/* Extending from Bottom */
55092.ui.bottom.popup {
55093 margin: 0.71428571em 0em 0em;
55094}
55095.ui.bottom.left.popup {
55096 transform-origin: left top;
55097}
55098.ui.bottom.center.popup {
55099 transform-origin: center top;
55100}
55101.ui.bottom.right.popup {
55102 transform-origin: right top;
55103}
55104/*--------------
55105 Pointer
55106---------------*/
55107/*--- Below ---*/
55108.ui.bottom.center.popup:before {
55109 margin-left: -0.30714286em;
55110 top: -0.30714286em;
55111 left: 50%;
55112 right: auto;
55113 bottom: auto;
55114 box-shadow: -1px -1px 0px 0px;
55115}
55116.ui.bottom.left.popup {
55117 margin-left: 0em;
55118}
55119/*rtl:rename*/
55120.ui.bottom.left.popup:before {
55121 top: -0.30714286em;
55122 left: 1em;
55123 right: auto;
55124 bottom: auto;
55125 margin-left: 0em;
55126 box-shadow: -1px -1px 0px 0px;
55127}
55128.ui.bottom.right.popup {
55129 margin-right: 0em;
55130}
55131/*rtl:rename*/
55132.ui.bottom.right.popup:before {
55133 top: -0.30714286em;
55134 right: 1em;
55135 bottom: auto;
55136 left: auto;
55137 margin-left: 0em;
55138 box-shadow: -1px -1px 0px 0px;
55139}
55140/*--- Above ---*/
55141.ui.top.center.popup:before {
55142 top: auto;
55143 right: auto;
55144 bottom: -0.30714286em;
55145 left: 50%;
55146 margin-left: -0.30714286em;
55147}
55148.ui.top.left.popup {
55149 margin-left: 0em;
55150}
55151/*rtl:rename*/
55152.ui.top.left.popup:before {
55153 bottom: -0.30714286em;
55154 left: 1em;
55155 top: auto;
55156 right: auto;
55157 margin-left: 0em;
55158}
55159.ui.top.right.popup {
55160 margin-right: 0em;
55161}
55162/*rtl:rename*/
55163.ui.top.right.popup:before {
55164 bottom: -0.30714286em;
55165 right: 1em;
55166 top: auto;
55167 left: auto;
55168 margin-left: 0em;
55169}
55170/*--- Left Center ---*/
55171/*rtl:rename*/
55172.ui.left.center.popup:before {
55173 top: 50%;
55174 right: -0.30714286em;
55175 bottom: auto;
55176 left: auto;
55177 margin-top: -0.30714286em;
55178 box-shadow: 1px -1px 0px 0px;
55179}
55180/*--- Right Center ---*/
55181/*rtl:rename*/
55182.ui.right.center.popup:before {
55183 top: 50%;
55184 left: -0.30714286em;
55185 bottom: auto;
55186 right: auto;
55187 margin-top: -0.30714286em;
55188 box-shadow: -1px 1px 0px 0px;
55189}
55190/* Arrow Color By Location */
55191.ui.bottom.popup:before {
55192 background: #FFFFFF;
55193}
55194.ui.right.center.popup:before,
55195.ui.left.center.popup:before {
55196 background: #FFFFFF;
55197}
55198.ui.top.popup:before {
55199 background: #FFFFFF;
55200}
55201/* Inverted Arrow Color */
55202.ui.inverted.bottom.popup:before {
55203 background: #1B1C1D;
55204}
55205.ui.inverted.right.center.popup:before,
55206.ui.inverted.left.center.popup:before {
55207 background: #1B1C1D;
55208}
55209.ui.inverted.top.popup:before {
55210 background: #1B1C1D;
55211}
55212/*******************************
55213 Coupling
55214*******************************/
55215/* Immediate Nested Grid */
55216.ui.popup > .ui.grid:not(.padded) {
55217 width: calc(100% + 1.75rem);
55218 margin: -0.7rem -0.875rem;
55219}
55220/*******************************
55221 States
55222*******************************/
55223.ui.loading.popup {
55224 display: block;
55225 visibility: hidden;
55226 z-index: -1;
55227}
55228.ui.animating.popup,
55229.ui.visible.popup {
55230 display: block;
55231}
55232.ui.visible.popup {
55233 transform: translateZ(0px);
55234 backface-visibility: hidden;
55235}
55236/*******************************
55237 Variations
55238*******************************/
55239/*--------------
55240 Basic
55241---------------*/
55242.ui.basic.popup:before {
55243 display: none;
55244}
55245/*--------------
55246 Wide
55247---------------*/
55248.ui.wide.popup {
55249 max-width: 350px;
55250}
55251.ui[class*="very wide"].popup {
55252 max-width: 550px;
55253}
55254@media only screen and (max-width: 767px) {
55255 .ui.wide.popup,
55256 .ui[class*="very wide"].popup {
55257 max-width: 250px;
55258 }
55259}
55260/*--------------
55261 Fluid
55262---------------*/
55263.ui.fluid.popup {
55264 width: 100%;
55265 max-width: none;
55266}
55267/*--------------
55268 Colors
55269---------------*/
55270/* Inverted colors */
55271.ui.inverted.popup {
55272 background: #1B1C1D;
55273 color: #FFFFFF;
55274 border: none;
55275 box-shadow: none;
55276}
55277.ui.inverted.popup .header {
55278 background-color: none;
55279 color: #FFFFFF;
55280}
55281.ui.inverted.popup:before {
55282 background-color: #1B1C1D;
55283 box-shadow: none !important;
55284}
55285/*--------------
55286 Flowing
55287---------------*/
55288.ui.flowing.popup {
55289 max-width: none;
55290}
55291/*--------------
55292 Sizes
55293---------------*/
55294.ui.mini.popup {
55295 font-size: 0.78571429rem;
55296}
55297.ui.tiny.popup {
55298 font-size: 0.85714286rem;
55299}
55300.ui.small.popup {
55301 font-size: 0.92857143rem;
55302}
55303.ui.popup {
55304 font-size: 1rem;
55305}
55306.ui.large.popup {
55307 font-size: 1.14285714rem;
55308}
55309.ui.huge.popup {
55310 font-size: 1.42857143rem;
55311}
55312/*******************************
55313 Theme Overrides
55314*******************************/
55315.ui.popup.red {
55316 border: 1px solid #c0382b !important;
55317}
55318.ui.popup.red:before {
55319 color: #c0382b !important;
55320}
55321.ui.popup:before {
55322 color: #bababc;
55323}
55324.ui.popup.yellow {
55325 border: 1px solid #ff9e2c !important;
55326}
55327.ui.popup.yellow:before {
55328 color: #ff9e2c !important;
55329}
55330.ui.popup.grey {
55331 border: 1px solid #586A7B !important;
55332}
55333.ui.popup.grey:before {
55334 color: #586A7B !important;
55335}
55336.ui.popup.blue {
55337 border: 1px solid #3498db !important;
55338}
55339.ui.popup.blue:before {
55340 color: #3498db !important;
55341}
55342/*!
55343 * # Semantic UI - Progress Bar
55344 * http://github.com/semantic-org/semantic-ui/
55345 *
55346 *
55347 * Released under the MIT license
55348 * http://opensource.org/licenses/MIT
55349 *
55350 */
55351/*******************************
55352 Theme
55353*******************************/
55354/*
55355
55356████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
55357╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
55358 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
55359 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
55360 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
55361 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
55362
55363*/
55364/*******************************
55365 Theme Selection
55366*******************************/
55367/* To override a theme for an individual element
55368 specify theme name below
55369*/
55370/* Global */
55371/* Elements */
55372/* Collections */
55373/* Modules */
55374/* Views */
55375/*******************************
55376 Folders
55377*******************************/
55378/* Path to theme packages */
55379/* Path to site override folder */
55380/*******************************
55381 Import Theme
55382*******************************/
55383/*******************************
55384 Import Directives
55385*******************************/
55386/*------------------
55387 Theme
55388-------------------*/
55389/*--------------------
55390 Site Variables
55391---------------------*/
55392/* Default site.variables */
55393/*******************************
55394 Site Settings
55395*******************************/
55396/*-------------------
55397 Fonts
55398--------------------*/
55399/*-------------------
55400 Base Sizes
55401--------------------*/
55402/* This is the single variable that controls them all */
55403/* The size of page text */
55404/*-------------------
55405 Border Radius
55406--------------------*/
55407/* See Power-user section below
55408 for explanation of @px variables
55409*/
55410/*-------------------
55411 Brand Colors
55412--------------------*/
55413/*--------------
55414 Page Heading
55415---------------*/
55416/*--------------
55417 Form Input
55418---------------*/
55419/* This adjusts the default form input across all elements */
55420/* Input Text Color */
55421/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
55422/*-------------------
55423 Focused Input
55424--------------------*/
55425/* Used on inputs, textarea etc */
55426/* Used on dropdowns, other larger blocks */
55427/*-------------------
55428 Sizes
55429--------------------*/
55430/*
55431 Sizes are all expressed in terms of 14px/em (default em)
55432 This ensures these "ratios" remain constant despite changes in EM
55433*/
55434/*-------------------
55435 Page
55436--------------------*/
55437/*-------------------
55438 Paragraph
55439--------------------*/
55440/*-------------------
55441 Links
55442--------------------*/
55443/*-------------------
55444 Scroll Bars
55445--------------------*/
55446/* Inverted */
55447/*-------------------
55448 Highlighted Text
55449--------------------*/
55450/*-------------------
55451 Loader
55452--------------------*/
55453/*-------------------
55454 Grid
55455--------------------*/
55456/*-------------------
55457 Transitions
55458--------------------*/
55459/*-------------------
55460 Breakpoints
55461--------------------*/
55462/*-------------------
55463 Site Colors
55464--------------------*/
55465/*--- Colors ---*/
55466/*--- Light Colors ---*/
55467/*--- Neutrals ---*/
55468/*--- Colored Backgrounds ---*/
55469/*--- Colored Headers ---*/
55470/*--- Colored Text ---*/
55471/*--- Colored Border ---*/
55472/*-------------------
55473 Alpha Colors
55474--------------------*/
55475/*-------------------
55476 Accents
55477--------------------*/
55478/* Differentiating Neutrals */
55479/* Differentiating Layers */
55480/*******************************
55481 Power-User
55482*******************************/
55483/*-------------------
55484 Emotive Colors
55485--------------------*/
55486/* Positive */
55487/* Negative */
55488/* Info */
55489/* Warning */
55490/*-------------------
55491 Paths
55492--------------------*/
55493/* For source only. Modified in gulp for dist */
55494/*-------------------
55495 Em Sizes
55496--------------------*/
55497/*
55498 This rounds @size values to the closest pixel then expresses that value in (r)em.
55499 This ensures all size values round to exact pixels
55500*/
55501/* em */
55502/* rem */
55503/*-------------------
55504 Icons
55505--------------------*/
55506/* Maximum Glyph Width of Icon */
55507/*-------------------
55508 Neutral Text
55509--------------------*/
55510/*-------------------
55511 Brand Colors
55512--------------------*/
55513/*-------------------
55514 Borders
55515--------------------*/
55516/*-------------------
55517 Derived Values
55518--------------------*/
55519/* Loaders Position Offset */
55520/* Rendered Scrollbar Width */
55521/* Maximum Single Character Glyph Width, aka Capital "W" */
55522/* Used to match floats with text */
55523/* Header Spacing */
55524/* Minimum Mobile Width */
55525/* Positive / Negative Dupes */
55526/* Responsive */
55527/*-------------------
55528 Exact Pixel Values
55529--------------------*/
55530/*
55531 These are used to specify exact pixel values in em
55532 for things like borders that remain constantly
55533 sized as emSize adjusts
55534
55535 Since there are many more sizes than names for sizes,
55536 these are named by their original pixel values.
55537
55538*/
55539/* Columns */
55540/*******************************
55541 States
55542*******************************/
55543/*-------------------
55544 Disabled
55545--------------------*/
55546/*-------------------
55547 Hover
55548--------------------*/
55549/*--- Shadows ---*/
55550/*--- Colors ---*/
55551/*--- Emotive ---*/
55552/*--- Brand ---*/
55553/*--- Dark Tones ---*/
55554/*--- Light Tones ---*/
55555/*-------------------
55556 Focus
55557--------------------*/
55558/*--- Colors ---*/
55559/*--- Emotive ---*/
55560/*--- Brand ---*/
55561/*--- Dark Tones ---*/
55562/*--- Light Tones ---*/
55563/*-------------------
55564 Down (:active)
55565--------------------*/
55566/*--- Colors ---*/
55567/*--- Emotive ---*/
55568/*--- Brand ---*/
55569/*--- Dark Tones ---*/
55570/*--- Light Tones ---*/
55571/*-------------------
55572 Active
55573--------------------*/
55574/*--- Colors ---*/
55575/*--- Emotive ---*/
55576/*--- Brand ---*/
55577/*--- Dark Tones ---*/
55578/*--- Light Tones ---*/
55579/* Packaged site.variables */
55580/*******************************
55581 Site Settings
55582*******************************/
55583/*-------------------
55584 Fonts
55585--------------------*/
55586/*-------------------
55587 Base Sizes
55588--------------------*/
55589/* This is the single variable that controls them all */
55590/* The size of page text */
55591/*-------------------
55592 Border Radius
55593--------------------*/
55594/* See Power-user section below
55595 for explanation of @px variables
55596*/
55597/*-------------------
55598 Brand Colors
55599--------------------*/
55600/*--------------
55601 Page Heading
55602---------------*/
55603/*--------------
55604 Form Input
55605---------------*/
55606/* This adjusts the default form input across all elements */
55607/* Input Text Color */
55608/* Line Height Default For Inputs in Browser */
55609/*-------------------
55610 Focused Input
55611--------------------*/
55612/* Used on inputs, textarea etc */
55613/* Used on dropdowns, other larger blocks */
55614/*-------------------
55615 Sizes
55616--------------------*/
55617/*
55618 Sizes are all expressed in terms of 14px/em (default em)
55619 This ensures these "ratios" remain constant despite changes in EM
55620*/
55621/*-------------------
55622 Page
55623--------------------*/
55624/*-------------------
55625 Paragraph
55626--------------------*/
55627/*-------------------
55628 Links
55629--------------------*/
55630/*-------------------
55631 Highlighted Text
55632--------------------*/
55633/*-------------------
55634 Loader
55635--------------------*/
55636/*-------------------
55637 Grid
55638--------------------*/
55639/*-------------------
55640 Transitions
55641--------------------*/
55642/*-------------------
55643 Breakpoints
55644--------------------*/
55645/*-------------------
55646 Site Colors
55647--------------------*/
55648/*--- Colors ---*/
55649/*--- Light Colors ---*/
55650/*--- Neutrals ---*/
55651/*--- Colored Backgrounds ---*/
55652/*--- Colored Headers ---*/
55653/*--- Colored Text ---*/
55654/*--- Colored Border ---*/
55655/*-------------------
55656 Alpha Colors
55657--------------------*/
55658/*-------------------
55659 Accents
55660--------------------*/
55661/* Differentiating Neutrals */
55662/* Differentiating Layers */
55663/*******************************
55664 Power-User
55665*******************************/
55666/*-------------------
55667 Emotive Colors
55668--------------------*/
55669/* Positive */
55670/* Negative */
55671/* Info */
55672/* Warning */
55673/*-------------------
55674 Paths
55675--------------------*/
55676/* For source only. Modified in gulp for dist */
55677/*-------------------
55678 Em Sizes
55679--------------------*/
55680/*
55681 This rounds @size values to the closest pixel then expresses that value in (r)em.
55682 This ensures all size values round to exact pixels
55683*/
55684/* em */
55685/* rem */
55686/*-------------------
55687 Icons
55688--------------------*/
55689/* Maximum Glyph Width of Icon */
55690/*-------------------
55691 Neutral Text
55692--------------------*/
55693/*-------------------
55694 Brand Colors
55695--------------------*/
55696/*-------------------
55697 Borders
55698--------------------*/
55699/*-------------------
55700 Derived Values
55701--------------------*/
55702/* Loaders Position Offset */
55703/* Rendered Scrollbar Width */
55704/* Maximum Single Character Glyph Width, aka Capital "W" */
55705/* Used to match floats with text */
55706/* Header Spacing */
55707/* Minimum Mobile Width */
55708/* Positive / Negative Dupes */
55709/* Responsive */
55710/*-------------------
55711 Exact Pixel Values
55712--------------------*/
55713/*
55714 These are used to specify exact pixel values in em
55715 for things like borders that remain constantly
55716 sized as emSize adjusts
55717
55718 Since there are many more sizes than names for sizes,
55719 these are named by their original pixel values.
55720
55721*/
55722/* Columns */
55723/*******************************
55724 States
55725*******************************/
55726/*-------------------
55727 Disabled
55728--------------------*/
55729/*-------------------
55730 Hover
55731--------------------*/
55732/*--- Shadows ---*/
55733/*--- Colors ---*/
55734/* https://github.com/Tripwire/octagon/issues/144 */
55735/*--- Emotive ---*/
55736/*--- Brand ---*/
55737/*--- Dark Tones ---*/
55738/*--- Light Tones ---*/
55739/*-------------------
55740 Focus
55741--------------------*/
55742/*--- Colors ---*/
55743/*--- Emotive ---*/
55744/*--- Brand ---*/
55745/*--- Dark Tones ---*/
55746/*--- Light Tones ---*/
55747/*-------------------
55748 Down (:active)
55749--------------------*/
55750/*--- Colors ---*/
55751/*--- Emotive ---*/
55752/*--- Brand ---*/
55753/*--- Dark Tones ---*/
55754/*--- Light Tones ---*/
55755/*-------------------
55756 Active
55757--------------------*/
55758/*--- Colors ---*/
55759/*--- Emotive ---*/
55760/*--- Brand ---*/
55761/*--- Dark Tones ---*/
55762/*--- Light Tones ---*/
55763/* Component's site.variables */
55764/*******************************
55765 Site Settings
55766*******************************/
55767/*-------------------
55768 Fonts
55769--------------------*/
55770/*-------------------
55771 Base Sizes
55772--------------------*/
55773/* This is the single variable that controls them all */
55774/* The size of page text */
55775/*-------------------
55776 Border Radius
55777--------------------*/
55778/* See Power-user section below
55779 for explanation of @px variables
55780*/
55781/*-------------------
55782 Brand Colors
55783--------------------*/
55784/*--------------
55785 Page Heading
55786---------------*/
55787/*--------------
55788 Form Input
55789---------------*/
55790/* This adjusts the default form input across all elements */
55791/* Input Text Color */
55792/* Line Height Default For Inputs in Browser */
55793/*-------------------
55794 Focused Input
55795--------------------*/
55796/* Used on inputs, textarea etc */
55797/* Used on dropdowns, other larger blocks */
55798/*-------------------
55799 Sizes
55800--------------------*/
55801/*
55802 Sizes are all expressed in terms of 14px/em (default em)
55803 This ensures these "ratios" remain constant despite changes in EM
55804*/
55805/*-------------------
55806 Page
55807--------------------*/
55808/*-------------------
55809 Paragraph
55810--------------------*/
55811/*-------------------
55812 Links
55813--------------------*/
55814/*-------------------
55815 Highlighted Text
55816--------------------*/
55817/*-------------------
55818 Loader
55819--------------------*/
55820/*-------------------
55821 Grid
55822--------------------*/
55823/*-------------------
55824 Transitions
55825--------------------*/
55826/*-------------------
55827 Breakpoints
55828--------------------*/
55829/*-------------------
55830 Site Colors
55831--------------------*/
55832/*--- Colors ---*/
55833/*--- Light Colors ---*/
55834/*--- Neutrals ---*/
55835/*--- Colored Backgrounds ---*/
55836/*--- Colored Headers ---*/
55837/*--- Colored Text ---*/
55838/*--- Colored Border ---*/
55839/*-------------------
55840 Alpha Colors
55841--------------------*/
55842/*-------------------
55843 Accents
55844--------------------*/
55845/* Differentiating Neutrals */
55846/* Differentiating Layers */
55847/*******************************
55848 Power-User
55849*******************************/
55850/*-------------------
55851 Emotive Colors
55852--------------------*/
55853/* Positive */
55854/* Negative */
55855/* Info */
55856/* Warning */
55857/*-------------------
55858 Paths
55859--------------------*/
55860/* For source only. Modified in gulp for dist */
55861/*-------------------
55862 Em Sizes
55863--------------------*/
55864/*
55865 This rounds @size values to the closest pixel then expresses that value in (r)em.
55866 This ensures all size values round to exact pixels
55867*/
55868/* em */
55869/* rem */
55870/*-------------------
55871 Icons
55872--------------------*/
55873/* Maximum Glyph Width of Icon */
55874/*-------------------
55875 Neutral Text
55876--------------------*/
55877/*-------------------
55878 Brand Colors
55879--------------------*/
55880/*-------------------
55881 Borders
55882--------------------*/
55883/*-------------------
55884 Derived Values
55885--------------------*/
55886/* Loaders Position Offset */
55887/* Rendered Scrollbar Width */
55888/* Maximum Single Character Glyph Width, aka Capital "W" */
55889/* Used to match floats with text */
55890/* Header Spacing */
55891/* Minimum Mobile Width */
55892/* Positive / Negative Dupes */
55893/* Responsive */
55894/*-------------------
55895 Exact Pixel Values
55896--------------------*/
55897/*
55898 These are used to specify exact pixel values in em
55899 for things like borders that remain constantly
55900 sized as emSize adjusts
55901
55902 Since there are many more sizes than names for sizes,
55903 these are named by their original pixel values.
55904
55905*/
55906/* Columns */
55907/*******************************
55908 States
55909*******************************/
55910/*-------------------
55911 Disabled
55912--------------------*/
55913/*-------------------
55914 Hover
55915--------------------*/
55916/*--- Shadows ---*/
55917/*--- Colors ---*/
55918/* https://github.com/Tripwire/octagon/issues/144 */
55919/*--- Emotive ---*/
55920/*--- Brand ---*/
55921/*--- Dark Tones ---*/
55922/*--- Light Tones ---*/
55923/*-------------------
55924 Focus
55925--------------------*/
55926/*--- Colors ---*/
55927/*--- Emotive ---*/
55928/*--- Brand ---*/
55929/*--- Dark Tones ---*/
55930/*--- Light Tones ---*/
55931/*-------------------
55932 Down (:active)
55933--------------------*/
55934/*--- Colors ---*/
55935/*--- Emotive ---*/
55936/*--- Brand ---*/
55937/*--- Dark Tones ---*/
55938/*--- Light Tones ---*/
55939/*-------------------
55940 Active
55941--------------------*/
55942/*--- Colors ---*/
55943/*--- Emotive ---*/
55944/*--- Brand ---*/
55945/*--- Dark Tones ---*/
55946/*--- Light Tones ---*/
55947/* Site theme site.variables */
55948/*-------------------
55949 Component Variables
55950---------------------*/
55951/* Default */
55952/*******************************
55953 Progress
55954*******************************/
55955/*-------------------
55956 Element
55957--------------------*/
55958/* Bar */
55959/* Progress Bar Label */
55960/* Label */
55961/*-------------------
55962 Types
55963--------------------*/
55964/*-------------------
55965 States
55966--------------------*/
55967/* Active */
55968/*-------------------
55969 Variations
55970--------------------*/
55971/* Attached */
55972/* Inverted */
55973/* Sizing */
55974/* Packaged Theme */
55975/*******************************
55976 Progress
55977*******************************/
55978/*-------------------
55979 Element
55980--------------------*/
55981/* Bar */
55982/* Progress Bar Label */
55983/* Label */
55984/*-------------------
55985 Types
55986--------------------*/
55987/*-------------------
55988 States
55989--------------------*/
55990/* Active */
55991/*-------------------
55992 Variations
55993--------------------*/
55994/* Attached */
55995/* Inverted */
55996/* Sizing */
55997/* Site Theme */
55998/*******************************
55999 Mix-ins
56000*******************************/
56001/*------------------
56002 Fonts
56003-------------------*/
56004/*------------------
56005 Overrides
56006-------------------*/
56007/* End Config */
56008/*******************************
56009 Progress
56010*******************************/
56011.ui.progress {
56012 position: relative;
56013 display: block;
56014 max-width: 100%;
56015 border: none;
56016 margin: 0px !important;
56017 box-shadow: none;
56018 background: rgba(0, 0, 0, 0.1);
56019 padding: 0em;
56020 border-radius: 0px;
56021}
56022.ui.progress:first-child {
56023 margin: 0em 0em 2.5em;
56024}
56025.ui.progress:last-child {
56026 margin: 0em 0em 1.5em;
56027}
56028/*******************************
56029 Content
56030*******************************/
56031/* Activity Bar */
56032.ui.progress .bar {
56033 display: block;
56034 line-height: 1;
56035 position: relative;
56036 width: 0%;
56037 min-width: 2em;
56038 background: #888888;
56039 border-radius: 0px;
56040 transition: width 0.1s ease, background-color 0.1s ease;
56041}
56042/* Percent Complete */
56043.ui.progress .bar > .progress {
56044 white-space: nowrap;
56045 position: absolute;
56046 width: auto;
56047 font-size: 0.92857143em;
56048 top: 50%;
56049 right: 0.5em;
56050 left: auto;
56051 bottom: auto;
56052 color: #FFFFFF;
56053 text-shadow: none;
56054 margin-top: -0.5em;
56055 font-weight: bold;
56056 text-align: left;
56057}
56058/* Label */
56059.ui.progress > .label {
56060 position: absolute;
56061 width: 100%;
56062 font-size: 1em;
56063 top: 100%;
56064 right: auto;
56065 left: 0%;
56066 bottom: auto;
56067 color: rgba(0, 0, 0, 0.87);
56068 font-weight: bold;
56069 text-shadow: none;
56070 margin-top: 0.2em;
56071 text-align: center;
56072 transition: color 0.4s ease;
56073}
56074/*******************************
56075 Types
56076*******************************/
56077/* Indicating */
56078.ui.indicating.progress[data-percent^="1"] .bar,
56079.ui.indicating.progress[data-percent^="2"] .bar {
56080 background-color: #D95C5C;
56081}
56082.ui.indicating.progress[data-percent^="3"] .bar {
56083 background-color: #EFBC72;
56084}
56085.ui.indicating.progress[data-percent^="4"] .bar,
56086.ui.indicating.progress[data-percent^="5"] .bar {
56087 background-color: #E6BB48;
56088}
56089.ui.indicating.progress[data-percent^="6"] .bar {
56090 background-color: #DDC928;
56091}
56092.ui.indicating.progress[data-percent^="7"] .bar,
56093.ui.indicating.progress[data-percent^="8"] .bar {
56094 background-color: #B4D95C;
56095}
56096.ui.indicating.progress[data-percent^="9"] .bar,
56097.ui.indicating.progress[data-percent^="100"] .bar {
56098 background-color: #66DA81;
56099}
56100/* Indicating Label */
56101.ui.indicating.progress[data-percent^="1"] .label,
56102.ui.indicating.progress[data-percent^="2"] .label {
56103 color: rgba(0, 0, 0, 0.87);
56104}
56105.ui.indicating.progress[data-percent^="3"] .label {
56106 color: rgba(0, 0, 0, 0.87);
56107}
56108.ui.indicating.progress[data-percent^="4"] .label,
56109.ui.indicating.progress[data-percent^="5"] .label {
56110 color: rgba(0, 0, 0, 0.87);
56111}
56112.ui.indicating.progress[data-percent^="6"] .label {
56113 color: rgba(0, 0, 0, 0.87);
56114}
56115.ui.indicating.progress[data-percent^="7"] .label,
56116.ui.indicating.progress[data-percent^="8"] .label {
56117 color: rgba(0, 0, 0, 0.87);
56118}
56119.ui.indicating.progress[data-percent^="9"] .label,
56120.ui.indicating.progress[data-percent^="100"] .label {
56121 color: rgba(0, 0, 0, 0.87);
56122}
56123/* Single Digits */
56124.ui.indicating.progress[data-percent="1"] .bar,
56125.ui.indicating.progress[data-percent="2"] .bar,
56126.ui.indicating.progress[data-percent="3"] .bar,
56127.ui.indicating.progress[data-percent="4"] .bar,
56128.ui.indicating.progress[data-percent="5"] .bar,
56129.ui.indicating.progress[data-percent="6"] .bar,
56130.ui.indicating.progress[data-percent="7"] .bar,
56131.ui.indicating.progress[data-percent="8"] .bar,
56132.ui.indicating.progress[data-percent="9"] .bar {
56133 background-color: #D95C5C;
56134}
56135.ui.indicating.progress[data-percent="1"] .label,
56136.ui.indicating.progress[data-percent="2"] .label,
56137.ui.indicating.progress[data-percent="3"] .label,
56138.ui.indicating.progress[data-percent="4"] .label,
56139.ui.indicating.progress[data-percent="5"] .label,
56140.ui.indicating.progress[data-percent="6"] .label,
56141.ui.indicating.progress[data-percent="7"] .label,
56142.ui.indicating.progress[data-percent="8"] .label,
56143.ui.indicating.progress[data-percent="9"] .label {
56144 color: rgba(0, 0, 0, 0.87);
56145}
56146/* Indicating Success */
56147.ui.indicating.progress.success .label {
56148 color: #1A531B;
56149}
56150/*******************************
56151 States
56152*******************************/
56153/*--------------
56154 Success
56155---------------*/
56156.ui.progress.success .bar {
56157 background-color: #21BA45 !important;
56158}
56159.ui.progress.success .bar,
56160.ui.progress.success .bar::after {
56161 animation: none !important;
56162}
56163.ui.progress.success > .label {
56164 color: #1A531B;
56165}
56166/*--------------
56167 Warning
56168---------------*/
56169.ui.progress.warning .bar {
56170 background-color: #F2C037 !important;
56171}
56172.ui.progress.warning .bar,
56173.ui.progress.warning .bar::after {
56174 animation: none !important;
56175}
56176.ui.progress.warning > .label {
56177 color: #794B02;
56178}
56179/*--------------
56180 Error
56181---------------*/
56182.ui.progress.error .bar {
56183 background-color: #c0382b !important;
56184}
56185.ui.progress.error .bar,
56186.ui.progress.error .bar::after {
56187 animation: none !important;
56188}
56189.ui.progress.error > .label {
56190 color: #912D2B;
56191}
56192/*--------------
56193 Active
56194---------------*/
56195.ui.active.progress .bar {
56196 position: relative;
56197 min-width: 2em;
56198}
56199.ui.active.progress .bar::after {
56200 content: '';
56201 opacity: 0;
56202 position: absolute;
56203 top: 0px;
56204 left: 0px;
56205 right: 0px;
56206 bottom: 0px;
56207 background: #FFFFFF;
56208 border-radius: 0px;
56209 animation: progress-active 2s ease infinite;
56210}
56211@keyframes progress-active {
56212 0% {
56213 opacity: 0.3;
56214 width: 0;
56215 }
56216 100% {
56217 opacity: 0;
56218 width: 100%;
56219 }
56220}
56221/*--------------
56222 Disabled
56223---------------*/
56224.ui.disabled.progress {
56225 opacity: 0.35;
56226}
56227.ui.disabled.progress .bar,
56228.ui.disabled.progress .bar::after {
56229 animation: none !important;
56230}
56231/*******************************
56232 Variations
56233*******************************/
56234/*--------------
56235 Inverted
56236---------------*/
56237.ui.inverted.progress {
56238 background: rgba(255, 255, 255, 0.08);
56239 border: none;
56240}
56241.ui.inverted.progress .bar {
56242 background: #888888;
56243}
56244.ui.inverted.progress .bar > .progress {
56245 color: #F9FAFB;
56246}
56247.ui.inverted.progress > .label {
56248 color: #FFFFFF;
56249}
56250.ui.inverted.progress.success > .label {
56251 color: #21BA45;
56252}
56253.ui.inverted.progress.warning > .label {
56254 color: #F2C037;
56255}
56256.ui.inverted.progress.error > .label {
56257 color: #c0382b;
56258}
56259/*--------------
56260 Attached
56261---------------*/
56262/* bottom attached */
56263.ui.progress.attached {
56264 background: transparent;
56265 position: relative;
56266 border: none;
56267 margin: 0em;
56268}
56269.ui.progress.attached,
56270.ui.progress.attached .bar {
56271 display: block;
56272 height: 0.2rem;
56273 padding: 0px;
56274 overflow: hidden;
56275 border-radius: 0em 0em 0px 0px;
56276}
56277.ui.progress.attached .bar {
56278 border-radius: 0em;
56279}
56280/* top attached */
56281.ui.progress.top.attached,
56282.ui.progress.top.attached .bar {
56283 top: 0px;
56284 border-radius: 0px 0px 0em 0em;
56285}
56286.ui.progress.top.attached .bar {
56287 border-radius: 0em;
56288}
56289/* Coupling */
56290.ui.segment > .ui.attached.progress,
56291.ui.card > .ui.attached.progress {
56292 position: absolute;
56293 top: auto;
56294 left: 0;
56295 bottom: 100%;
56296 width: 100%;
56297}
56298.ui.segment > .ui.bottom.attached.progress,
56299.ui.card > .ui.bottom.attached.progress {
56300 top: 100%;
56301 bottom: auto;
56302}
56303/*--------------
56304 Colors
56305---------------*/
56306/* Red */
56307.ui.red.progress .bar {
56308 background-color: #c0382b;
56309}
56310.ui.red.inverted.progress .bar {
56311 background-color: #FF695E;
56312}
56313/* Orange */
56314.ui.orange.progress .bar {
56315 background-color: #F2711C;
56316}
56317.ui.orange.inverted.progress .bar {
56318 background-color: #FF851B;
56319}
56320/* Yellow */
56321.ui.yellow.progress .bar {
56322 background-color: #ff9e2c;
56323}
56324.ui.yellow.inverted.progress .bar {
56325 background-color: #FFE21F;
56326}
56327/* Olive */
56328.ui.olive.progress .bar {
56329 background-color: #B5CC18;
56330}
56331.ui.olive.inverted.progress .bar {
56332 background-color: #D9E778;
56333}
56334/* Green */
56335.ui.green.progress .bar {
56336 background-color: #21BA45;
56337}
56338.ui.green.inverted.progress .bar {
56339 background-color: #2ECC40;
56340}
56341/* Teal */
56342.ui.teal.progress .bar {
56343 background-color: #00B5AD;
56344}
56345.ui.teal.inverted.progress .bar {
56346 background-color: #6DFFFF;
56347}
56348/* Blue */
56349.ui.blue.progress .bar {
56350 background-color: #3498db;
56351}
56352.ui.blue.inverted.progress .bar {
56353 background-color: #54C8FF;
56354}
56355/* Violet */
56356.ui.violet.progress .bar {
56357 background-color: #6435C9;
56358}
56359.ui.violet.inverted.progress .bar {
56360 background-color: #A291FB;
56361}
56362/* Purple */
56363.ui.purple.progress .bar {
56364 background-color: #A676B2;
56365}
56366.ui.purple.inverted.progress .bar {
56367 background-color: #DC73FF;
56368}
56369/* Pink */
56370.ui.pink.progress .bar {
56371 background-color: #E03997;
56372}
56373.ui.pink.inverted.progress .bar {
56374 background-color: #FF8EDF;
56375}
56376/* Brown */
56377.ui.brown.progress .bar {
56378 background-color: #A5673F;
56379}
56380.ui.brown.inverted.progress .bar {
56381 background-color: #D67C1C;
56382}
56383/* Grey */
56384.ui.grey.progress .bar {
56385 background-color: #586A7B;
56386}
56387.ui.grey.inverted.progress .bar {
56388 background-color: #DCDDDE;
56389}
56390/* Black */
56391.ui.black.progress .bar {
56392 background-color: #1B1C1D;
56393}
56394.ui.black.inverted.progress .bar {
56395 background-color: #545454;
56396}
56397/*--------------
56398 Sizes
56399---------------*/
56400.ui.tiny.progress {
56401 font-size: 0.85714286rem;
56402}
56403.ui.tiny.progress .bar {
56404 height: 0.5em;
56405}
56406.ui.small.progress {
56407 font-size: 0.92857143rem;
56408}
56409.ui.small.progress .bar {
56410 height: 1em;
56411}
56412.ui.progress {
56413 font-size: 1rem;
56414}
56415.ui.progress .bar {
56416 height: 1.75em;
56417}
56418.ui.large.progress {
56419 font-size: 1.14285714rem;
56420}
56421.ui.large.progress .bar {
56422 height: 2.5em;
56423}
56424.ui.big.progress {
56425 font-size: 1.28571429rem;
56426}
56427.ui.big.progress .bar {
56428 height: 3.5em;
56429}
56430/*******************************
56431 Progress
56432*******************************/
56433/*!
56434 * # Semantic UI - Rating
56435 * http://github.com/semantic-org/semantic-ui/
56436 *
56437 *
56438 * Released under the MIT license
56439 * http://opensource.org/licenses/MIT
56440 *
56441 */
56442/*******************************
56443 Theme
56444*******************************/
56445/*
56446
56447████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
56448╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
56449 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
56450 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
56451 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
56452 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
56453
56454*/
56455/*******************************
56456 Theme Selection
56457*******************************/
56458/* To override a theme for an individual element
56459 specify theme name below
56460*/
56461/* Global */
56462/* Elements */
56463/* Collections */
56464/* Modules */
56465/* Views */
56466/*******************************
56467 Folders
56468*******************************/
56469/* Path to theme packages */
56470/* Path to site override folder */
56471/*******************************
56472 Import Theme
56473*******************************/
56474/*******************************
56475 Import Directives
56476*******************************/
56477/*------------------
56478 Theme
56479-------------------*/
56480/*--------------------
56481 Site Variables
56482---------------------*/
56483/* Default site.variables */
56484/*******************************
56485 Site Settings
56486*******************************/
56487/*-------------------
56488 Fonts
56489--------------------*/
56490/*-------------------
56491 Base Sizes
56492--------------------*/
56493/* This is the single variable that controls them all */
56494/* The size of page text */
56495/*-------------------
56496 Border Radius
56497--------------------*/
56498/* See Power-user section below
56499 for explanation of @px variables
56500*/
56501/*-------------------
56502 Brand Colors
56503--------------------*/
56504/*--------------
56505 Page Heading
56506---------------*/
56507/*--------------
56508 Form Input
56509---------------*/
56510/* This adjusts the default form input across all elements */
56511/* Input Text Color */
56512/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
56513/*-------------------
56514 Focused Input
56515--------------------*/
56516/* Used on inputs, textarea etc */
56517/* Used on dropdowns, other larger blocks */
56518/*-------------------
56519 Sizes
56520--------------------*/
56521/*
56522 Sizes are all expressed in terms of 14px/em (default em)
56523 This ensures these "ratios" remain constant despite changes in EM
56524*/
56525/*-------------------
56526 Page
56527--------------------*/
56528/*-------------------
56529 Paragraph
56530--------------------*/
56531/*-------------------
56532 Links
56533--------------------*/
56534/*-------------------
56535 Scroll Bars
56536--------------------*/
56537/* Inverted */
56538/*-------------------
56539 Highlighted Text
56540--------------------*/
56541/*-------------------
56542 Loader
56543--------------------*/
56544/*-------------------
56545 Grid
56546--------------------*/
56547/*-------------------
56548 Transitions
56549--------------------*/
56550/*-------------------
56551 Breakpoints
56552--------------------*/
56553/*-------------------
56554 Site Colors
56555--------------------*/
56556/*--- Colors ---*/
56557/*--- Light Colors ---*/
56558/*--- Neutrals ---*/
56559/*--- Colored Backgrounds ---*/
56560/*--- Colored Headers ---*/
56561/*--- Colored Text ---*/
56562/*--- Colored Border ---*/
56563/*-------------------
56564 Alpha Colors
56565--------------------*/
56566/*-------------------
56567 Accents
56568--------------------*/
56569/* Differentiating Neutrals */
56570/* Differentiating Layers */
56571/*******************************
56572 Power-User
56573*******************************/
56574/*-------------------
56575 Emotive Colors
56576--------------------*/
56577/* Positive */
56578/* Negative */
56579/* Info */
56580/* Warning */
56581/*-------------------
56582 Paths
56583--------------------*/
56584/* For source only. Modified in gulp for dist */
56585/*-------------------
56586 Em Sizes
56587--------------------*/
56588/*
56589 This rounds @size values to the closest pixel then expresses that value in (r)em.
56590 This ensures all size values round to exact pixels
56591*/
56592/* em */
56593/* rem */
56594/*-------------------
56595 Icons
56596--------------------*/
56597/* Maximum Glyph Width of Icon */
56598/*-------------------
56599 Neutral Text
56600--------------------*/
56601/*-------------------
56602 Brand Colors
56603--------------------*/
56604/*-------------------
56605 Borders
56606--------------------*/
56607/*-------------------
56608 Derived Values
56609--------------------*/
56610/* Loaders Position Offset */
56611/* Rendered Scrollbar Width */
56612/* Maximum Single Character Glyph Width, aka Capital "W" */
56613/* Used to match floats with text */
56614/* Header Spacing */
56615/* Minimum Mobile Width */
56616/* Positive / Negative Dupes */
56617/* Responsive */
56618/*-------------------
56619 Exact Pixel Values
56620--------------------*/
56621/*
56622 These are used to specify exact pixel values in em
56623 for things like borders that remain constantly
56624 sized as emSize adjusts
56625
56626 Since there are many more sizes than names for sizes,
56627 these are named by their original pixel values.
56628
56629*/
56630/* Columns */
56631/*******************************
56632 States
56633*******************************/
56634/*-------------------
56635 Disabled
56636--------------------*/
56637/*-------------------
56638 Hover
56639--------------------*/
56640/*--- Shadows ---*/
56641/*--- Colors ---*/
56642/*--- Emotive ---*/
56643/*--- Brand ---*/
56644/*--- Dark Tones ---*/
56645/*--- Light Tones ---*/
56646/*-------------------
56647 Focus
56648--------------------*/
56649/*--- Colors ---*/
56650/*--- Emotive ---*/
56651/*--- Brand ---*/
56652/*--- Dark Tones ---*/
56653/*--- Light Tones ---*/
56654/*-------------------
56655 Down (:active)
56656--------------------*/
56657/*--- Colors ---*/
56658/*--- Emotive ---*/
56659/*--- Brand ---*/
56660/*--- Dark Tones ---*/
56661/*--- Light Tones ---*/
56662/*-------------------
56663 Active
56664--------------------*/
56665/*--- Colors ---*/
56666/*--- Emotive ---*/
56667/*--- Brand ---*/
56668/*--- Dark Tones ---*/
56669/*--- Light Tones ---*/
56670/* Packaged site.variables */
56671/*******************************
56672 Site Settings
56673*******************************/
56674/*-------------------
56675 Fonts
56676--------------------*/
56677/*-------------------
56678 Base Sizes
56679--------------------*/
56680/* This is the single variable that controls them all */
56681/* The size of page text */
56682/*-------------------
56683 Border Radius
56684--------------------*/
56685/* See Power-user section below
56686 for explanation of @px variables
56687*/
56688/*-------------------
56689 Brand Colors
56690--------------------*/
56691/*--------------
56692 Page Heading
56693---------------*/
56694/*--------------
56695 Form Input
56696---------------*/
56697/* This adjusts the default form input across all elements */
56698/* Input Text Color */
56699/* Line Height Default For Inputs in Browser */
56700/*-------------------
56701 Focused Input
56702--------------------*/
56703/* Used on inputs, textarea etc */
56704/* Used on dropdowns, other larger blocks */
56705/*-------------------
56706 Sizes
56707--------------------*/
56708/*
56709 Sizes are all expressed in terms of 14px/em (default em)
56710 This ensures these "ratios" remain constant despite changes in EM
56711*/
56712/*-------------------
56713 Page
56714--------------------*/
56715/*-------------------
56716 Paragraph
56717--------------------*/
56718/*-------------------
56719 Links
56720--------------------*/
56721/*-------------------
56722 Highlighted Text
56723--------------------*/
56724/*-------------------
56725 Loader
56726--------------------*/
56727/*-------------------
56728 Grid
56729--------------------*/
56730/*-------------------
56731 Transitions
56732--------------------*/
56733/*-------------------
56734 Breakpoints
56735--------------------*/
56736/*-------------------
56737 Site Colors
56738--------------------*/
56739/*--- Colors ---*/
56740/*--- Light Colors ---*/
56741/*--- Neutrals ---*/
56742/*--- Colored Backgrounds ---*/
56743/*--- Colored Headers ---*/
56744/*--- Colored Text ---*/
56745/*--- Colored Border ---*/
56746/*-------------------
56747 Alpha Colors
56748--------------------*/
56749/*-------------------
56750 Accents
56751--------------------*/
56752/* Differentiating Neutrals */
56753/* Differentiating Layers */
56754/*******************************
56755 Power-User
56756*******************************/
56757/*-------------------
56758 Emotive Colors
56759--------------------*/
56760/* Positive */
56761/* Negative */
56762/* Info */
56763/* Warning */
56764/*-------------------
56765 Paths
56766--------------------*/
56767/* For source only. Modified in gulp for dist */
56768/*-------------------
56769 Em Sizes
56770--------------------*/
56771/*
56772 This rounds @size values to the closest pixel then expresses that value in (r)em.
56773 This ensures all size values round to exact pixels
56774*/
56775/* em */
56776/* rem */
56777/*-------------------
56778 Icons
56779--------------------*/
56780/* Maximum Glyph Width of Icon */
56781/*-------------------
56782 Neutral Text
56783--------------------*/
56784/*-------------------
56785 Brand Colors
56786--------------------*/
56787/*-------------------
56788 Borders
56789--------------------*/
56790/*-------------------
56791 Derived Values
56792--------------------*/
56793/* Loaders Position Offset */
56794/* Rendered Scrollbar Width */
56795/* Maximum Single Character Glyph Width, aka Capital "W" */
56796/* Used to match floats with text */
56797/* Header Spacing */
56798/* Minimum Mobile Width */
56799/* Positive / Negative Dupes */
56800/* Responsive */
56801/*-------------------
56802 Exact Pixel Values
56803--------------------*/
56804/*
56805 These are used to specify exact pixel values in em
56806 for things like borders that remain constantly
56807 sized as emSize adjusts
56808
56809 Since there are many more sizes than names for sizes,
56810 these are named by their original pixel values.
56811
56812*/
56813/* Columns */
56814/*******************************
56815 States
56816*******************************/
56817/*-------------------
56818 Disabled
56819--------------------*/
56820/*-------------------
56821 Hover
56822--------------------*/
56823/*--- Shadows ---*/
56824/*--- Colors ---*/
56825/* https://github.com/Tripwire/octagon/issues/144 */
56826/*--- Emotive ---*/
56827/*--- Brand ---*/
56828/*--- Dark Tones ---*/
56829/*--- Light Tones ---*/
56830/*-------------------
56831 Focus
56832--------------------*/
56833/*--- Colors ---*/
56834/*--- Emotive ---*/
56835/*--- Brand ---*/
56836/*--- Dark Tones ---*/
56837/*--- Light Tones ---*/
56838/*-------------------
56839 Down (:active)
56840--------------------*/
56841/*--- Colors ---*/
56842/*--- Emotive ---*/
56843/*--- Brand ---*/
56844/*--- Dark Tones ---*/
56845/*--- Light Tones ---*/
56846/*-------------------
56847 Active
56848--------------------*/
56849/*--- Colors ---*/
56850/*--- Emotive ---*/
56851/*--- Brand ---*/
56852/*--- Dark Tones ---*/
56853/*--- Light Tones ---*/
56854/* Component's site.variables */
56855/*******************************
56856 Site Settings
56857*******************************/
56858/*-------------------
56859 Fonts
56860--------------------*/
56861/*-------------------
56862 Base Sizes
56863--------------------*/
56864/* This is the single variable that controls them all */
56865/* The size of page text */
56866/*-------------------
56867 Border Radius
56868--------------------*/
56869/* See Power-user section below
56870 for explanation of @px variables
56871*/
56872/*-------------------
56873 Brand Colors
56874--------------------*/
56875/*--------------
56876 Page Heading
56877---------------*/
56878/*--------------
56879 Form Input
56880---------------*/
56881/* This adjusts the default form input across all elements */
56882/* Input Text Color */
56883/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
56884/*-------------------
56885 Focused Input
56886--------------------*/
56887/* Used on inputs, textarea etc */
56888/* Used on dropdowns, other larger blocks */
56889/*-------------------
56890 Sizes
56891--------------------*/
56892/*
56893 Sizes are all expressed in terms of 14px/em (default em)
56894 This ensures these "ratios" remain constant despite changes in EM
56895*/
56896/*-------------------
56897 Page
56898--------------------*/
56899/*-------------------
56900 Paragraph
56901--------------------*/
56902/*-------------------
56903 Links
56904--------------------*/
56905/*-------------------
56906 Scroll Bars
56907--------------------*/
56908/* Inverted */
56909/*-------------------
56910 Highlighted Text
56911--------------------*/
56912/*-------------------
56913 Loader
56914--------------------*/
56915/*-------------------
56916 Grid
56917--------------------*/
56918/*-------------------
56919 Transitions
56920--------------------*/
56921/*-------------------
56922 Breakpoints
56923--------------------*/
56924/*-------------------
56925 Site Colors
56926--------------------*/
56927/*--- Colors ---*/
56928/*--- Light Colors ---*/
56929/*--- Neutrals ---*/
56930/*--- Colored Backgrounds ---*/
56931/*--- Colored Headers ---*/
56932/*--- Colored Text ---*/
56933/*--- Colored Border ---*/
56934/*-------------------
56935 Alpha Colors
56936--------------------*/
56937/*-------------------
56938 Accents
56939--------------------*/
56940/* Differentiating Neutrals */
56941/* Differentiating Layers */
56942/*******************************
56943 Power-User
56944*******************************/
56945/*-------------------
56946 Emotive Colors
56947--------------------*/
56948/* Positive */
56949/* Negative */
56950/* Info */
56951/* Warning */
56952/*-------------------
56953 Paths
56954--------------------*/
56955/* For source only. Modified in gulp for dist */
56956/*-------------------
56957 Em Sizes
56958--------------------*/
56959/*
56960 This rounds @size values to the closest pixel then expresses that value in (r)em.
56961 This ensures all size values round to exact pixels
56962*/
56963/* em */
56964/* rem */
56965/*-------------------
56966 Icons
56967--------------------*/
56968/* Maximum Glyph Width of Icon */
56969/*-------------------
56970 Neutral Text
56971--------------------*/
56972/*-------------------
56973 Brand Colors
56974--------------------*/
56975/*-------------------
56976 Borders
56977--------------------*/
56978/*-------------------
56979 Derived Values
56980--------------------*/
56981/* Loaders Position Offset */
56982/* Rendered Scrollbar Width */
56983/* Maximum Single Character Glyph Width, aka Capital "W" */
56984/* Used to match floats with text */
56985/* Header Spacing */
56986/* Minimum Mobile Width */
56987/* Positive / Negative Dupes */
56988/* Responsive */
56989/*-------------------
56990 Exact Pixel Values
56991--------------------*/
56992/*
56993 These are used to specify exact pixel values in em
56994 for things like borders that remain constantly
56995 sized as emSize adjusts
56996
56997 Since there are many more sizes than names for sizes,
56998 these are named by their original pixel values.
56999
57000*/
57001/* Columns */
57002/*******************************
57003 States
57004*******************************/
57005/*-------------------
57006 Disabled
57007--------------------*/
57008/*-------------------
57009 Hover
57010--------------------*/
57011/*--- Shadows ---*/
57012/*--- Colors ---*/
57013/*--- Emotive ---*/
57014/*--- Brand ---*/
57015/*--- Dark Tones ---*/
57016/*--- Light Tones ---*/
57017/*-------------------
57018 Focus
57019--------------------*/
57020/*--- Colors ---*/
57021/*--- Emotive ---*/
57022/*--- Brand ---*/
57023/*--- Dark Tones ---*/
57024/*--- Light Tones ---*/
57025/*-------------------
57026 Down (:active)
57027--------------------*/
57028/*--- Colors ---*/
57029/*--- Emotive ---*/
57030/*--- Brand ---*/
57031/*--- Dark Tones ---*/
57032/*--- Light Tones ---*/
57033/*-------------------
57034 Active
57035--------------------*/
57036/*--- Colors ---*/
57037/*--- Emotive ---*/
57038/*--- Brand ---*/
57039/*--- Dark Tones ---*/
57040/*--- Light Tones ---*/
57041/* Site theme site.variables */
57042/*-------------------
57043 Component Variables
57044---------------------*/
57045/* Default */
57046/*******************************
57047 Rating
57048*******************************/
57049/*-------------------
57050 Types
57051--------------------*/
57052/* Standard */
57053/* Star */
57054/* Heart */
57055/*-------------------
57056 States
57057--------------------*/
57058/*-------------------
57059 Variations
57060--------------------*/
57061/* Packaged Theme */
57062/*******************************
57063 Rating
57064*******************************/
57065/*-------------------
57066 Types
57067--------------------*/
57068/* Standard */
57069/* Star */
57070/* Heart */
57071/*-------------------
57072 States
57073--------------------*/
57074/*-------------------
57075 Variations
57076--------------------*/
57077/* Site Theme */
57078/*******************************
57079 Mix-ins
57080*******************************/
57081/*------------------
57082 Fonts
57083-------------------*/
57084/*------------------
57085 Overrides
57086-------------------*/
57087/* End Config */
57088/*******************************
57089 Rating
57090*******************************/
57091.ui.rating {
57092 display: inline-flex;
57093 white-space: nowrap;
57094 vertical-align: baseline;
57095}
57096.ui.rating:last-child {
57097 margin-right: 0em;
57098}
57099/* Icon */
57100.ui.rating .icon {
57101 padding: 0em;
57102 margin: 0em;
57103 text-align: center;
57104 font-weight: normal;
57105 font-style: normal;
57106 flex: 1 0 auto;
57107 cursor: pointer;
57108 width: 1.25em;
57109 height: auto;
57110 transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
57111}
57112/*******************************
57113 Types
57114*******************************/
57115/*-------------------
57116 Standard
57117--------------------*/
57118/* Inactive Icon */
57119.ui.rating .icon {
57120 background: transparent;
57121 color: rgba(0, 0, 0, 0.15);
57122}
57123/* Active Icon */
57124.ui.rating .active.icon {
57125 background: transparent;
57126 color: rgba(0, 0, 0, 0.85);
57127}
57128/* Selected Icon */
57129.ui.rating .icon.selected,
57130.ui.rating .icon.selected.active {
57131 background: transparent;
57132 color: rgba(0, 0, 0, 0.87);
57133}
57134/*-------------------
57135 Star
57136--------------------*/
57137/* Inactive */
57138.ui.star.rating .icon {
57139 width: 1.25em;
57140 height: auto;
57141 background: transparent;
57142 color: rgba(0, 0, 0, 0.15);
57143 text-shadow: none;
57144}
57145/* Active Star */
57146.ui.star.rating .active.icon {
57147 background: transparent !important;
57148 color: #FFE623 !important;
57149 text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important;
57150}
57151/* Selected Star */
57152.ui.star.rating .icon.selected,
57153.ui.star.rating .icon.selected.active {
57154 background: transparent !important;
57155 color: #FFCC00 !important;
57156 text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important;
57157}
57158/*-------------------
57159 Heart
57160--------------------*/
57161.ui.heart.rating .icon {
57162 width: 1.4em;
57163 height: auto;
57164 background: transparent;
57165 color: rgba(0, 0, 0, 0.15);
57166 text-shadow: none !important;
57167}
57168/* Active Heart */
57169.ui.heart.rating .active.icon {
57170 background: transparent !important;
57171 color: #FF6D75 !important;
57172 text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important;
57173}
57174/* Selected Heart */
57175.ui.heart.rating .icon.selected,
57176.ui.heart.rating .icon.selected.active {
57177 background: transparent !important;
57178 color: #FF3000 !important;
57179 text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important;
57180}
57181/*******************************
57182 States
57183*******************************/
57184/*-------------------
57185 Disabled
57186--------------------*/
57187/* disabled rating */
57188.ui.disabled.rating .icon {
57189 cursor: default;
57190}
57191/*-------------------
57192 User Interactive
57193--------------------*/
57194/* Selected Rating */
57195.ui.rating.selected .active.icon {
57196 opacity: 1;
57197}
57198.ui.rating.selected .icon.selected,
57199.ui.rating .icon.selected {
57200 opacity: 1;
57201}
57202/*******************************
57203 Variations
57204*******************************/
57205.ui.mini.rating {
57206 font-size: 0.78571429rem;
57207}
57208.ui.tiny.rating {
57209 font-size: 0.85714286rem;
57210}
57211.ui.small.rating {
57212 font-size: 0.92857143rem;
57213}
57214.ui.rating {
57215 font-size: 1rem;
57216}
57217.ui.large.rating {
57218 font-size: 1.14285714rem;
57219}
57220.ui.huge.rating {
57221 font-size: 1.42857143rem;
57222}
57223.ui.massive.rating {
57224 font-size: 2rem;
57225}
57226/*******************************
57227 Theme Overrides
57228*******************************/
57229@font-face {
57230 font-family: 'Rating';
57231 src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
57232 font-weight: normal;
57233 font-style: normal;
57234}
57235.ui.rating .icon {
57236 font-family: 'Rating';
57237 line-height: 1;
57238 backface-visibility: hidden;
57239 font-weight: normal;
57240 font-style: normal;
57241 text-align: center;
57242}
57243/* Empty Star */
57244.ui.rating .icon:before {
57245 content: '\f005';
57246}
57247/* Active Star */
57248.ui.rating .active.icon:before {
57249 content: '\f005';
57250}
57251/*-------------------
57252 Star
57253--------------------*/
57254/* Unfilled Star */
57255.ui.star.rating .icon:before {
57256 content: '\f005';
57257}
57258/* Active Star */
57259.ui.star.rating .active.icon:before {
57260 content: '\f005';
57261}
57262/* Partial */
57263.ui.star.rating .partial.icon:before {
57264 content: '\f006';
57265}
57266.ui.star.rating .partial.icon {
57267 content: '\f005';
57268}
57269/*-------------------
57270 Heart
57271--------------------*/
57272/* Empty Heart
57273.ui.heart.rating .icon:before {
57274 content: '\f08a';
57275}
57276*/
57277.ui.heart.rating .icon:before {
57278 content: '\f004';
57279}
57280/* Active */
57281.ui.heart.rating .active.icon:before {
57282 content: '\f004';
57283}
57284/*!
57285 * # Semantic UI - Search
57286 * http://github.com/semantic-org/semantic-ui/
57287 *
57288 *
57289 * Released under the MIT license
57290 * http://opensource.org/licenses/MIT
57291 *
57292 */
57293/*******************************
57294 Theme
57295*******************************/
57296/*
57297
57298████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
57299╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
57300 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
57301 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
57302 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
57303 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
57304
57305*/
57306/*******************************
57307 Theme Selection
57308*******************************/
57309/* To override a theme for an individual element
57310 specify theme name below
57311*/
57312/* Global */
57313/* Elements */
57314/* Collections */
57315/* Modules */
57316/* Views */
57317/*******************************
57318 Folders
57319*******************************/
57320/* Path to theme packages */
57321/* Path to site override folder */
57322/*******************************
57323 Import Theme
57324*******************************/
57325/*******************************
57326 Import Directives
57327*******************************/
57328/*------------------
57329 Theme
57330-------------------*/
57331/*--------------------
57332 Site Variables
57333---------------------*/
57334/* Default site.variables */
57335/*******************************
57336 Site Settings
57337*******************************/
57338/*-------------------
57339 Fonts
57340--------------------*/
57341/*-------------------
57342 Base Sizes
57343--------------------*/
57344/* This is the single variable that controls them all */
57345/* The size of page text */
57346/*-------------------
57347 Border Radius
57348--------------------*/
57349/* See Power-user section below
57350 for explanation of @px variables
57351*/
57352/*-------------------
57353 Brand Colors
57354--------------------*/
57355/*--------------
57356 Page Heading
57357---------------*/
57358/*--------------
57359 Form Input
57360---------------*/
57361/* This adjusts the default form input across all elements */
57362/* Input Text Color */
57363/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
57364/*-------------------
57365 Focused Input
57366--------------------*/
57367/* Used on inputs, textarea etc */
57368/* Used on dropdowns, other larger blocks */
57369/*-------------------
57370 Sizes
57371--------------------*/
57372/*
57373 Sizes are all expressed in terms of 14px/em (default em)
57374 This ensures these "ratios" remain constant despite changes in EM
57375*/
57376/*-------------------
57377 Page
57378--------------------*/
57379/*-------------------
57380 Paragraph
57381--------------------*/
57382/*-------------------
57383 Links
57384--------------------*/
57385/*-------------------
57386 Scroll Bars
57387--------------------*/
57388/* Inverted */
57389/*-------------------
57390 Highlighted Text
57391--------------------*/
57392/*-------------------
57393 Loader
57394--------------------*/
57395/*-------------------
57396 Grid
57397--------------------*/
57398/*-------------------
57399 Transitions
57400--------------------*/
57401/*-------------------
57402 Breakpoints
57403--------------------*/
57404/*-------------------
57405 Site Colors
57406--------------------*/
57407/*--- Colors ---*/
57408/*--- Light Colors ---*/
57409/*--- Neutrals ---*/
57410/*--- Colored Backgrounds ---*/
57411/*--- Colored Headers ---*/
57412/*--- Colored Text ---*/
57413/*--- Colored Border ---*/
57414/*-------------------
57415 Alpha Colors
57416--------------------*/
57417/*-------------------
57418 Accents
57419--------------------*/
57420/* Differentiating Neutrals */
57421/* Differentiating Layers */
57422/*******************************
57423 Power-User
57424*******************************/
57425/*-------------------
57426 Emotive Colors
57427--------------------*/
57428/* Positive */
57429/* Negative */
57430/* Info */
57431/* Warning */
57432/*-------------------
57433 Paths
57434--------------------*/
57435/* For source only. Modified in gulp for dist */
57436/*-------------------
57437 Em Sizes
57438--------------------*/
57439/*
57440 This rounds @size values to the closest pixel then expresses that value in (r)em.
57441 This ensures all size values round to exact pixels
57442*/
57443/* em */
57444/* rem */
57445/*-------------------
57446 Icons
57447--------------------*/
57448/* Maximum Glyph Width of Icon */
57449/*-------------------
57450 Neutral Text
57451--------------------*/
57452/*-------------------
57453 Brand Colors
57454--------------------*/
57455/*-------------------
57456 Borders
57457--------------------*/
57458/*-------------------
57459 Derived Values
57460--------------------*/
57461/* Loaders Position Offset */
57462/* Rendered Scrollbar Width */
57463/* Maximum Single Character Glyph Width, aka Capital "W" */
57464/* Used to match floats with text */
57465/* Header Spacing */
57466/* Minimum Mobile Width */
57467/* Positive / Negative Dupes */
57468/* Responsive */
57469/*-------------------
57470 Exact Pixel Values
57471--------------------*/
57472/*
57473 These are used to specify exact pixel values in em
57474 for things like borders that remain constantly
57475 sized as emSize adjusts
57476
57477 Since there are many more sizes than names for sizes,
57478 these are named by their original pixel values.
57479
57480*/
57481/* Columns */
57482/*******************************
57483 States
57484*******************************/
57485/*-------------------
57486 Disabled
57487--------------------*/
57488/*-------------------
57489 Hover
57490--------------------*/
57491/*--- Shadows ---*/
57492/*--- Colors ---*/
57493/*--- Emotive ---*/
57494/*--- Brand ---*/
57495/*--- Dark Tones ---*/
57496/*--- Light Tones ---*/
57497/*-------------------
57498 Focus
57499--------------------*/
57500/*--- Colors ---*/
57501/*--- Emotive ---*/
57502/*--- Brand ---*/
57503/*--- Dark Tones ---*/
57504/*--- Light Tones ---*/
57505/*-------------------
57506 Down (:active)
57507--------------------*/
57508/*--- Colors ---*/
57509/*--- Emotive ---*/
57510/*--- Brand ---*/
57511/*--- Dark Tones ---*/
57512/*--- Light Tones ---*/
57513/*-------------------
57514 Active
57515--------------------*/
57516/*--- Colors ---*/
57517/*--- Emotive ---*/
57518/*--- Brand ---*/
57519/*--- Dark Tones ---*/
57520/*--- Light Tones ---*/
57521/* Packaged site.variables */
57522/*******************************
57523 Site Settings
57524*******************************/
57525/*-------------------
57526 Fonts
57527--------------------*/
57528/*-------------------
57529 Base Sizes
57530--------------------*/
57531/* This is the single variable that controls them all */
57532/* The size of page text */
57533/*-------------------
57534 Border Radius
57535--------------------*/
57536/* See Power-user section below
57537 for explanation of @px variables
57538*/
57539/*-------------------
57540 Brand Colors
57541--------------------*/
57542/*--------------
57543 Page Heading
57544---------------*/
57545/*--------------
57546 Form Input
57547---------------*/
57548/* This adjusts the default form input across all elements */
57549/* Input Text Color */
57550/* Line Height Default For Inputs in Browser */
57551/*-------------------
57552 Focused Input
57553--------------------*/
57554/* Used on inputs, textarea etc */
57555/* Used on dropdowns, other larger blocks */
57556/*-------------------
57557 Sizes
57558--------------------*/
57559/*
57560 Sizes are all expressed in terms of 14px/em (default em)
57561 This ensures these "ratios" remain constant despite changes in EM
57562*/
57563/*-------------------
57564 Page
57565--------------------*/
57566/*-------------------
57567 Paragraph
57568--------------------*/
57569/*-------------------
57570 Links
57571--------------------*/
57572/*-------------------
57573 Highlighted Text
57574--------------------*/
57575/*-------------------
57576 Loader
57577--------------------*/
57578/*-------------------
57579 Grid
57580--------------------*/
57581/*-------------------
57582 Transitions
57583--------------------*/
57584/*-------------------
57585 Breakpoints
57586--------------------*/
57587/*-------------------
57588 Site Colors
57589--------------------*/
57590/*--- Colors ---*/
57591/*--- Light Colors ---*/
57592/*--- Neutrals ---*/
57593/*--- Colored Backgrounds ---*/
57594/*--- Colored Headers ---*/
57595/*--- Colored Text ---*/
57596/*--- Colored Border ---*/
57597/*-------------------
57598 Alpha Colors
57599--------------------*/
57600/*-------------------
57601 Accents
57602--------------------*/
57603/* Differentiating Neutrals */
57604/* Differentiating Layers */
57605/*******************************
57606 Power-User
57607*******************************/
57608/*-------------------
57609 Emotive Colors
57610--------------------*/
57611/* Positive */
57612/* Negative */
57613/* Info */
57614/* Warning */
57615/*-------------------
57616 Paths
57617--------------------*/
57618/* For source only. Modified in gulp for dist */
57619/*-------------------
57620 Em Sizes
57621--------------------*/
57622/*
57623 This rounds @size values to the closest pixel then expresses that value in (r)em.
57624 This ensures all size values round to exact pixels
57625*/
57626/* em */
57627/* rem */
57628/*-------------------
57629 Icons
57630--------------------*/
57631/* Maximum Glyph Width of Icon */
57632/*-------------------
57633 Neutral Text
57634--------------------*/
57635/*-------------------
57636 Brand Colors
57637--------------------*/
57638/*-------------------
57639 Borders
57640--------------------*/
57641/*-------------------
57642 Derived Values
57643--------------------*/
57644/* Loaders Position Offset */
57645/* Rendered Scrollbar Width */
57646/* Maximum Single Character Glyph Width, aka Capital "W" */
57647/* Used to match floats with text */
57648/* Header Spacing */
57649/* Minimum Mobile Width */
57650/* Positive / Negative Dupes */
57651/* Responsive */
57652/*-------------------
57653 Exact Pixel Values
57654--------------------*/
57655/*
57656 These are used to specify exact pixel values in em
57657 for things like borders that remain constantly
57658 sized as emSize adjusts
57659
57660 Since there are many more sizes than names for sizes,
57661 these are named by their original pixel values.
57662
57663*/
57664/* Columns */
57665/*******************************
57666 States
57667*******************************/
57668/*-------------------
57669 Disabled
57670--------------------*/
57671/*-------------------
57672 Hover
57673--------------------*/
57674/*--- Shadows ---*/
57675/*--- Colors ---*/
57676/* https://github.com/Tripwire/octagon/issues/144 */
57677/*--- Emotive ---*/
57678/*--- Brand ---*/
57679/*--- Dark Tones ---*/
57680/*--- Light Tones ---*/
57681/*-------------------
57682 Focus
57683--------------------*/
57684/*--- Colors ---*/
57685/*--- Emotive ---*/
57686/*--- Brand ---*/
57687/*--- Dark Tones ---*/
57688/*--- Light Tones ---*/
57689/*-------------------
57690 Down (:active)
57691--------------------*/
57692/*--- Colors ---*/
57693/*--- Emotive ---*/
57694/*--- Brand ---*/
57695/*--- Dark Tones ---*/
57696/*--- Light Tones ---*/
57697/*-------------------
57698 Active
57699--------------------*/
57700/*--- Colors ---*/
57701/*--- Emotive ---*/
57702/*--- Brand ---*/
57703/*--- Dark Tones ---*/
57704/*--- Light Tones ---*/
57705/* Component's site.variables */
57706/*******************************
57707 Site Settings
57708*******************************/
57709/*-------------------
57710 Fonts
57711--------------------*/
57712/*-------------------
57713 Base Sizes
57714--------------------*/
57715/* This is the single variable that controls them all */
57716/* The size of page text */
57717/*-------------------
57718 Border Radius
57719--------------------*/
57720/* See Power-user section below
57721 for explanation of @px variables
57722*/
57723/*-------------------
57724 Brand Colors
57725--------------------*/
57726/*--------------
57727 Page Heading
57728---------------*/
57729/*--------------
57730 Form Input
57731---------------*/
57732/* This adjusts the default form input across all elements */
57733/* Input Text Color */
57734/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
57735/*-------------------
57736 Focused Input
57737--------------------*/
57738/* Used on inputs, textarea etc */
57739/* Used on dropdowns, other larger blocks */
57740/*-------------------
57741 Sizes
57742--------------------*/
57743/*
57744 Sizes are all expressed in terms of 14px/em (default em)
57745 This ensures these "ratios" remain constant despite changes in EM
57746*/
57747/*-------------------
57748 Page
57749--------------------*/
57750/*-------------------
57751 Paragraph
57752--------------------*/
57753/*-------------------
57754 Links
57755--------------------*/
57756/*-------------------
57757 Scroll Bars
57758--------------------*/
57759/* Inverted */
57760/*-------------------
57761 Highlighted Text
57762--------------------*/
57763/*-------------------
57764 Loader
57765--------------------*/
57766/*-------------------
57767 Grid
57768--------------------*/
57769/*-------------------
57770 Transitions
57771--------------------*/
57772/*-------------------
57773 Breakpoints
57774--------------------*/
57775/*-------------------
57776 Site Colors
57777--------------------*/
57778/*--- Colors ---*/
57779/*--- Light Colors ---*/
57780/*--- Neutrals ---*/
57781/*--- Colored Backgrounds ---*/
57782/*--- Colored Headers ---*/
57783/*--- Colored Text ---*/
57784/*--- Colored Border ---*/
57785/*-------------------
57786 Alpha Colors
57787--------------------*/
57788/*-------------------
57789 Accents
57790--------------------*/
57791/* Differentiating Neutrals */
57792/* Differentiating Layers */
57793/*******************************
57794 Power-User
57795*******************************/
57796/*-------------------
57797 Emotive Colors
57798--------------------*/
57799/* Positive */
57800/* Negative */
57801/* Info */
57802/* Warning */
57803/*-------------------
57804 Paths
57805--------------------*/
57806/* For source only. Modified in gulp for dist */
57807/*-------------------
57808 Em Sizes
57809--------------------*/
57810/*
57811 This rounds @size values to the closest pixel then expresses that value in (r)em.
57812 This ensures all size values round to exact pixels
57813*/
57814/* em */
57815/* rem */
57816/*-------------------
57817 Icons
57818--------------------*/
57819/* Maximum Glyph Width of Icon */
57820/*-------------------
57821 Neutral Text
57822--------------------*/
57823/*-------------------
57824 Brand Colors
57825--------------------*/
57826/*-------------------
57827 Borders
57828--------------------*/
57829/*-------------------
57830 Derived Values
57831--------------------*/
57832/* Loaders Position Offset */
57833/* Rendered Scrollbar Width */
57834/* Maximum Single Character Glyph Width, aka Capital "W" */
57835/* Used to match floats with text */
57836/* Header Spacing */
57837/* Minimum Mobile Width */
57838/* Positive / Negative Dupes */
57839/* Responsive */
57840/*-------------------
57841 Exact Pixel Values
57842--------------------*/
57843/*
57844 These are used to specify exact pixel values in em
57845 for things like borders that remain constantly
57846 sized as emSize adjusts
57847
57848 Since there are many more sizes than names for sizes,
57849 these are named by their original pixel values.
57850
57851*/
57852/* Columns */
57853/*******************************
57854 States
57855*******************************/
57856/*-------------------
57857 Disabled
57858--------------------*/
57859/*-------------------
57860 Hover
57861--------------------*/
57862/*--- Shadows ---*/
57863/*--- Colors ---*/
57864/*--- Emotive ---*/
57865/*--- Brand ---*/
57866/*--- Dark Tones ---*/
57867/*--- Light Tones ---*/
57868/*-------------------
57869 Focus
57870--------------------*/
57871/*--- Colors ---*/
57872/*--- Emotive ---*/
57873/*--- Brand ---*/
57874/*--- Dark Tones ---*/
57875/*--- Light Tones ---*/
57876/*-------------------
57877 Down (:active)
57878--------------------*/
57879/*--- Colors ---*/
57880/*--- Emotive ---*/
57881/*--- Brand ---*/
57882/*--- Dark Tones ---*/
57883/*--- Light Tones ---*/
57884/*-------------------
57885 Active
57886--------------------*/
57887/*--- Colors ---*/
57888/*--- Emotive ---*/
57889/*--- Brand ---*/
57890/*--- Dark Tones ---*/
57891/*--- Light Tones ---*/
57892/* Site theme site.variables */
57893/*-------------------
57894 Component Variables
57895---------------------*/
57896/* Default */
57897/*******************************
57898 Search
57899*******************************/
57900/* Search Prompt */
57901/* Mobile */
57902/* Result Box */
57903/* Result */
57904/* Result Image */
57905/* Result Content */
57906/* Description */
57907/* Price */
57908/* Special Message */
57909/* All Results Link */
57910/*******************************
57911 States
57912*******************************/
57913/* Focus */
57914/* Hover */
57915/* Loading */
57916/* Active Category */
57917/* Active Result */
57918/*******************************
57919 Types
57920*******************************/
57921/* Selection */
57922/* Category */
57923/* Packaged Theme */
57924/*******************************
57925 Search
57926*******************************/
57927/* Search Prompt */
57928/* Mobile */
57929/* Result Box */
57930/* Result */
57931/* Result Image */
57932/* Result Content */
57933/* Description */
57934/* Price */
57935/* Special Message */
57936/* All Results Link */
57937/*******************************
57938 States
57939*******************************/
57940/* Focus */
57941/* Hover */
57942/* Loading */
57943/* Active Category */
57944/* Active Result */
57945/*******************************
57946 Types
57947*******************************/
57948/* Selection */
57949/* Category */
57950/* Site Theme */
57951/*******************************
57952 Mix-ins
57953*******************************/
57954/*------------------
57955 Fonts
57956-------------------*/
57957/*------------------
57958 Overrides
57959-------------------*/
57960/* End Config */
57961/*******************************
57962 Search
57963*******************************/
57964.ui.search {
57965 position: relative;
57966}
57967.ui.search > .prompt {
57968 margin: 0em;
57969 outline: none;
57970 -webkit-appearance: none;
57971 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
57972 text-shadow: none;
57973 font-style: normal;
57974 font-weight: normal;
57975 line-height: 1.21428571em;
57976 padding: 0.67857143em 1em;
57977 font-size: 1em;
57978 background: #FFFFFF;
57979 border: 1px solid rgba(34, 36, 38, 0.15);
57980 color: rgba(0, 0, 0, 0.87);
57981 box-shadow: 0em 0em 0em 0em transparent inset;
57982 transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
57983}
57984.ui.search .prompt {
57985 border-radius: 500rem;
57986}
57987/*--------------
57988 Icon
57989---------------*/
57990.ui.search .prompt ~ .search.icon {
57991 cursor: pointer;
57992}
57993/*--------------
57994 Results
57995---------------*/
57996.ui.search > .results {
57997 display: none;
57998 position: absolute;
57999 top: 100%;
58000 left: 0%;
58001 transform-origin: center top;
58002 white-space: normal;
58003 background: #FFFFFF;
58004 margin-top: 0.5em;
58005 width: 18em;
58006 border-radius: 0.28571429rem;
58007 box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
58008 border: 1px solid #D4D4D5;
58009 z-index: 998;
58010}
58011.ui.search > .results > :first-child {
58012 border-radius: 0.28571429rem 0.28571429rem 0em 0em;
58013}
58014.ui.search > .results > :last-child {
58015 border-radius: 0em 0em 0.28571429rem 0.28571429rem;
58016}
58017/*--------------
58018 Result
58019---------------*/
58020.ui.search > .results .result {
58021 cursor: pointer;
58022 display: block;
58023 overflow: hidden;
58024 font-size: 1em;
58025 padding: 0.85714286em 1.14285714em;
58026 color: rgba(0, 0, 0, 0.87);
58027 line-height: 1.33;
58028 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
58029}
58030.ui.search > .results .result:last-child {
58031 border-bottom: none !important;
58032}
58033/* Image */
58034.ui.search > .results .result .image {
58035 float: right;
58036 overflow: hidden;
58037 background: none;
58038 width: 5em;
58039 height: 3em;
58040 border-radius: 0.25em;
58041}
58042.ui.search > .results .result .image img {
58043 display: block;
58044 width: auto;
58045 height: 100%;
58046}
58047/*--------------
58048 Info
58049---------------*/
58050.ui.search > .results .result .image + .content {
58051 margin: 0em 6em 0em 0em;
58052}
58053.ui.search > .results .result .title {
58054 margin: -0.14285714em 0em 0em;
58055 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
58056 font-weight: bold;
58057 font-size: 1em;
58058 color: rgba(0, 0, 0, 0.85);
58059}
58060.ui.search > .results .result .description {
58061 margin-top: 0;
58062 font-size: 0.92857143em;
58063 color: rgba(0, 0, 0, 0.4);
58064}
58065.ui.search > .results .result .price {
58066 float: right;
58067 color: #21BA45;
58068}
58069/*--------------
58070 Message
58071---------------*/
58072.ui.search > .results > .message {
58073 padding: 1em 1em;
58074}
58075.ui.search > .results > .message .header {
58076 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
58077 font-size: 1rem;
58078 font-weight: bold;
58079 color: rgba(0, 0, 0, 0.87);
58080}
58081.ui.search > .results > .message .description {
58082 margin-top: 0.25rem;
58083 font-size: 1em;
58084 color: rgba(0, 0, 0, 0.87);
58085}
58086/* View All Results */
58087.ui.search > .results > .action {
58088 display: block;
58089 border-top: none;
58090 background: #F3F4F5;
58091 padding: 0.92857143em 1em;
58092 color: rgba(0, 0, 0, 0.87);
58093 font-weight: bold;
58094 text-align: center;
58095}
58096/*******************************
58097 States
58098*******************************/
58099/*--------------------
58100 Focus
58101---------------------*/
58102.ui.search > .prompt:focus {
58103 border-color: rgba(34, 36, 38, 0.35);
58104 background: #FFFFFF;
58105 color: rgba(0, 0, 0, 0.95);
58106}
58107/*--------------------
58108 Loading
58109---------------------*/
58110.ui.loading.search .input > i.icon:before {
58111 position: absolute;
58112 content: '';
58113 top: 50%;
58114 left: 50%;
58115 margin: -0.64285714em 0em 0em -0.64285714em;
58116 width: 1.28571429em;
58117 height: 1.28571429em;
58118 border-radius: 500rem;
58119 border: 0.2em solid rgba(0, 0, 0, 0.1);
58120}
58121.ui.loading.search .input > i.icon:after {
58122 position: absolute;
58123 content: '';
58124 top: 50%;
58125 left: 50%;
58126 margin: -0.64285714em 0em 0em -0.64285714em;
58127 width: 1.28571429em;
58128 height: 1.28571429em;
58129 animation: button-spin 0.6s linear;
58130 animation-iteration-count: infinite;
58131 border-radius: 500rem;
58132 border-color: #767676 transparent transparent;
58133 border-style: solid;
58134 border-width: 0.2em;
58135 box-shadow: 0px 0px 0px 1px transparent;
58136}
58137/*--------------
58138 Hover
58139---------------*/
58140.ui.search > .results .result:hover,
58141.ui.category.search > .results .category .result:hover {
58142 background: #F9FAFB;
58143}
58144.ui.search .action:hover {
58145 background: #E0E0E0;
58146}
58147/*--------------
58148 Active
58149---------------*/
58150.ui.category.search > .results .category.active {
58151 background: #F3F4F5;
58152}
58153.ui.category.search > .results .category.active > .name {
58154 color: rgba(0, 0, 0, 0.87);
58155}
58156.ui.search > .results .result.active,
58157.ui.category.search > .results .category .result.active {
58158 position: relative;
58159 border-left-color: rgba(34, 36, 38, 0.1);
58160 background: #F3F4F5;
58161 box-shadow: none;
58162}
58163.ui.search > .results .result.active .title {
58164 color: rgba(0, 0, 0, 0.85);
58165}
58166.ui.search > .results .result.active .description {
58167 color: rgba(0, 0, 0, 0.85);
58168}
58169/*--------------------
58170 Disabled
58171----------------------*/
58172/* Disabled */
58173.ui.disabled.search {
58174 cursor: default;
58175 pointer-events: none;
58176 opacity: 0.45;
58177}
58178/*******************************
58179 Types
58180*******************************/
58181/*--------------
58182 Selection
58183---------------*/
58184.ui.search.selection .prompt {
58185 border-radius: 0.28571429rem;
58186}
58187/* Remove input */
58188.ui.search.selection > .icon.input > .remove.icon {
58189 pointer-events: none;
58190 position: absolute;
58191 left: auto;
58192 opacity: 0;
58193 color: '';
58194 top: 0em;
58195 right: 0em;
58196 transition: color 0.1s ease, opacity 0.1s ease;
58197}
58198.ui.search.selection > .icon.input > .active.remove.icon {
58199 cursor: pointer;
58200 opacity: 0.8;
58201 pointer-events: auto;
58202}
58203.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
58204 right: 1.85714em;
58205}
58206.ui.search.selection > .icon.input > .remove.icon:hover {
58207 opacity: 1;
58208 color: #DB2828;
58209}
58210/*--------------
58211 Category
58212---------------*/
58213.ui.category.search .results {
58214 width: 28em;
58215}
58216.ui.category.search .results.animating,
58217.ui.category.search .results.visible {
58218 display: table;
58219}
58220/* Category */
58221.ui.category.search > .results .category {
58222 display: table-row;
58223 background: #F3F4F5;
58224 box-shadow: none;
58225 transition: background 0.1s ease, border-color 0.1s ease;
58226}
58227/* Last Category */
58228.ui.category.search > .results .category:last-child {
58229 border-bottom: none;
58230}
58231/* First / Last */
58232.ui.category.search > .results .category:first-child .name + .result {
58233 border-radius: 0em 0.28571429rem 0em 0em;
58234}
58235.ui.category.search > .results .category:last-child .result:last-child {
58236 border-radius: 0em 0em 0.28571429rem 0em;
58237}
58238/* Category Result Name */
58239.ui.category.search > .results .category > .name {
58240 display: table-cell;
58241 text-overflow: ellipsis;
58242 width: 100px;
58243 white-space: nowrap;
58244 background: transparent;
58245 font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
58246 font-size: 1em;
58247 padding: 0.4em 1em;
58248 font-weight: bold;
58249 color: rgba(0, 0, 0, 0.4);
58250 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
58251}
58252/* Category Result */
58253.ui.category.search > .results .category .results {
58254 display: table-cell;
58255 background: #FFFFFF;
58256 border-left: 1px solid rgba(34, 36, 38, 0.15);
58257 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
58258}
58259.ui.category.search > .results .category .result {
58260 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
58261 transition: background 0.1s ease, border-color 0.1s ease;
58262 padding: 0.85714286em 1.14285714em;
58263}
58264/*******************************
58265 Variations
58266*******************************/
58267/*-------------------
58268 Left / Right
58269--------------------*/
58270.ui[class*="left aligned"].search > .results {
58271 right: auto;
58272 left: 0%;
58273}
58274.ui[class*="right aligned"].search > .results {
58275 right: 0%;
58276 left: auto;
58277}
58278/*--------------
58279 Fluid
58280---------------*/
58281.ui.fluid.search .results {
58282 width: 100%;
58283}
58284/*--------------
58285 Sizes
58286---------------*/
58287.ui.mini.search {
58288 font-size: 0.78571429em;
58289}
58290.ui.small.search {
58291 font-size: 0.92857143em;
58292}
58293.ui.search {
58294 font-size: 1em;
58295}
58296.ui.large.search {
58297 font-size: 1.14285714em;
58298}
58299.ui.big.search {
58300 font-size: 1.28571429em;
58301}
58302.ui.huge.search {
58303 font-size: 1.42857143em;
58304}
58305.ui.massive.search {
58306 font-size: 1.71428571em;
58307}
58308/*--------------
58309 Mobile
58310---------------*/
58311@media only screen and (max-width: 767px) {
58312 .ui.search .results {
58313 max-width: calc(100vw - 2rem);
58314 }
58315}
58316/*******************************
58317 Theme Overrides
58318*******************************/
58319/*!
58320 * # Semantic UI - Shape
58321 * http://github.com/semantic-org/semantic-ui/
58322 *
58323 *
58324 * Released under the MIT license
58325 * http://opensource.org/licenses/MIT
58326 *
58327 */
58328/*******************************
58329 Theme
58330*******************************/
58331/*
58332
58333████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
58334╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
58335 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
58336 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
58337 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
58338 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
58339
58340*/
58341/*******************************
58342 Theme Selection
58343*******************************/
58344/* To override a theme for an individual element
58345 specify theme name below
58346*/
58347/* Global */
58348/* Elements */
58349/* Collections */
58350/* Modules */
58351/* Views */
58352/*******************************
58353 Folders
58354*******************************/
58355/* Path to theme packages */
58356/* Path to site override folder */
58357/*******************************
58358 Import Theme
58359*******************************/
58360/*******************************
58361 Import Directives
58362*******************************/
58363/*------------------
58364 Theme
58365-------------------*/
58366/*--------------------
58367 Site Variables
58368---------------------*/
58369/* Default site.variables */
58370/*******************************
58371 Site Settings
58372*******************************/
58373/*-------------------
58374 Fonts
58375--------------------*/
58376/*-------------------
58377 Base Sizes
58378--------------------*/
58379/* This is the single variable that controls them all */
58380/* The size of page text */
58381/*-------------------
58382 Border Radius
58383--------------------*/
58384/* See Power-user section below
58385 for explanation of @px variables
58386*/
58387/*-------------------
58388 Brand Colors
58389--------------------*/
58390/*--------------
58391 Page Heading
58392---------------*/
58393/*--------------
58394 Form Input
58395---------------*/
58396/* This adjusts the default form input across all elements */
58397/* Input Text Color */
58398/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
58399/*-------------------
58400 Focused Input
58401--------------------*/
58402/* Used on inputs, textarea etc */
58403/* Used on dropdowns, other larger blocks */
58404/*-------------------
58405 Sizes
58406--------------------*/
58407/*
58408 Sizes are all expressed in terms of 14px/em (default em)
58409 This ensures these "ratios" remain constant despite changes in EM
58410*/
58411/*-------------------
58412 Page
58413--------------------*/
58414/*-------------------
58415 Paragraph
58416--------------------*/
58417/*-------------------
58418 Links
58419--------------------*/
58420/*-------------------
58421 Scroll Bars
58422--------------------*/
58423/* Inverted */
58424/*-------------------
58425 Highlighted Text
58426--------------------*/
58427/*-------------------
58428 Loader
58429--------------------*/
58430/*-------------------
58431 Grid
58432--------------------*/
58433/*-------------------
58434 Transitions
58435--------------------*/
58436/*-------------------
58437 Breakpoints
58438--------------------*/
58439/*-------------------
58440 Site Colors
58441--------------------*/
58442/*--- Colors ---*/
58443/*--- Light Colors ---*/
58444/*--- Neutrals ---*/
58445/*--- Colored Backgrounds ---*/
58446/*--- Colored Headers ---*/
58447/*--- Colored Text ---*/
58448/*--- Colored Border ---*/
58449/*-------------------
58450 Alpha Colors
58451--------------------*/
58452/*-------------------
58453 Accents
58454--------------------*/
58455/* Differentiating Neutrals */
58456/* Differentiating Layers */
58457/*******************************
58458 Power-User
58459*******************************/
58460/*-------------------
58461 Emotive Colors
58462--------------------*/
58463/* Positive */
58464/* Negative */
58465/* Info */
58466/* Warning */
58467/*-------------------
58468 Paths
58469--------------------*/
58470/* For source only. Modified in gulp for dist */
58471/*-------------------
58472 Em Sizes
58473--------------------*/
58474/*
58475 This rounds @size values to the closest pixel then expresses that value in (r)em.
58476 This ensures all size values round to exact pixels
58477*/
58478/* em */
58479/* rem */
58480/*-------------------
58481 Icons
58482--------------------*/
58483/* Maximum Glyph Width of Icon */
58484/*-------------------
58485 Neutral Text
58486--------------------*/
58487/*-------------------
58488 Brand Colors
58489--------------------*/
58490/*-------------------
58491 Borders
58492--------------------*/
58493/*-------------------
58494 Derived Values
58495--------------------*/
58496/* Loaders Position Offset */
58497/* Rendered Scrollbar Width */
58498/* Maximum Single Character Glyph Width, aka Capital "W" */
58499/* Used to match floats with text */
58500/* Header Spacing */
58501/* Minimum Mobile Width */
58502/* Positive / Negative Dupes */
58503/* Responsive */
58504/*-------------------
58505 Exact Pixel Values
58506--------------------*/
58507/*
58508 These are used to specify exact pixel values in em
58509 for things like borders that remain constantly
58510 sized as emSize adjusts
58511
58512 Since there are many more sizes than names for sizes,
58513 these are named by their original pixel values.
58514
58515*/
58516/* Columns */
58517/*******************************
58518 States
58519*******************************/
58520/*-------------------
58521 Disabled
58522--------------------*/
58523/*-------------------
58524 Hover
58525--------------------*/
58526/*--- Shadows ---*/
58527/*--- Colors ---*/
58528/*--- Emotive ---*/
58529/*--- Brand ---*/
58530/*--- Dark Tones ---*/
58531/*--- Light Tones ---*/
58532/*-------------------
58533 Focus
58534--------------------*/
58535/*--- Colors ---*/
58536/*--- Emotive ---*/
58537/*--- Brand ---*/
58538/*--- Dark Tones ---*/
58539/*--- Light Tones ---*/
58540/*-------------------
58541 Down (:active)
58542--------------------*/
58543/*--- Colors ---*/
58544/*--- Emotive ---*/
58545/*--- Brand ---*/
58546/*--- Dark Tones ---*/
58547/*--- Light Tones ---*/
58548/*-------------------
58549 Active
58550--------------------*/
58551/*--- Colors ---*/
58552/*--- Emotive ---*/
58553/*--- Brand ---*/
58554/*--- Dark Tones ---*/
58555/*--- Light Tones ---*/
58556/* Packaged site.variables */
58557/*******************************
58558 Site Settings
58559*******************************/
58560/*-------------------
58561 Fonts
58562--------------------*/
58563/*-------------------
58564 Base Sizes
58565--------------------*/
58566/* This is the single variable that controls them all */
58567/* The size of page text */
58568/*-------------------
58569 Border Radius
58570--------------------*/
58571/* See Power-user section below
58572 for explanation of @px variables
58573*/
58574/*-------------------
58575 Brand Colors
58576--------------------*/
58577/*--------------
58578 Page Heading
58579---------------*/
58580/*--------------
58581 Form Input
58582---------------*/
58583/* This adjusts the default form input across all elements */
58584/* Input Text Color */
58585/* Line Height Default For Inputs in Browser */
58586/*-------------------
58587 Focused Input
58588--------------------*/
58589/* Used on inputs, textarea etc */
58590/* Used on dropdowns, other larger blocks */
58591/*-------------------
58592 Sizes
58593--------------------*/
58594/*
58595 Sizes are all expressed in terms of 14px/em (default em)
58596 This ensures these "ratios" remain constant despite changes in EM
58597*/
58598/*-------------------
58599 Page
58600--------------------*/
58601/*-------------------
58602 Paragraph
58603--------------------*/
58604/*-------------------
58605 Links
58606--------------------*/
58607/*-------------------
58608 Highlighted Text
58609--------------------*/
58610/*-------------------
58611 Loader
58612--------------------*/
58613/*-------------------
58614 Grid
58615--------------------*/
58616/*-------------------
58617 Transitions
58618--------------------*/
58619/*-------------------
58620 Breakpoints
58621--------------------*/
58622/*-------------------
58623 Site Colors
58624--------------------*/
58625/*--- Colors ---*/
58626/*--- Light Colors ---*/
58627/*--- Neutrals ---*/
58628/*--- Colored Backgrounds ---*/
58629/*--- Colored Headers ---*/
58630/*--- Colored Text ---*/
58631/*--- Colored Border ---*/
58632/*-------------------
58633 Alpha Colors
58634--------------------*/
58635/*-------------------
58636 Accents
58637--------------------*/
58638/* Differentiating Neutrals */
58639/* Differentiating Layers */
58640/*******************************
58641 Power-User
58642*******************************/
58643/*-------------------
58644 Emotive Colors
58645--------------------*/
58646/* Positive */
58647/* Negative */
58648/* Info */
58649/* Warning */
58650/*-------------------
58651 Paths
58652--------------------*/
58653/* For source only. Modified in gulp for dist */
58654/*-------------------
58655 Em Sizes
58656--------------------*/
58657/*
58658 This rounds @size values to the closest pixel then expresses that value in (r)em.
58659 This ensures all size values round to exact pixels
58660*/
58661/* em */
58662/* rem */
58663/*-------------------
58664 Icons
58665--------------------*/
58666/* Maximum Glyph Width of Icon */
58667/*-------------------
58668 Neutral Text
58669--------------------*/
58670/*-------------------
58671 Brand Colors
58672--------------------*/
58673/*-------------------
58674 Borders
58675--------------------*/
58676/*-------------------
58677 Derived Values
58678--------------------*/
58679/* Loaders Position Offset */
58680/* Rendered Scrollbar Width */
58681/* Maximum Single Character Glyph Width, aka Capital "W" */
58682/* Used to match floats with text */
58683/* Header Spacing */
58684/* Minimum Mobile Width */
58685/* Positive / Negative Dupes */
58686/* Responsive */
58687/*-------------------
58688 Exact Pixel Values
58689--------------------*/
58690/*
58691 These are used to specify exact pixel values in em
58692 for things like borders that remain constantly
58693 sized as emSize adjusts
58694
58695 Since there are many more sizes than names for sizes,
58696 these are named by their original pixel values.
58697
58698*/
58699/* Columns */
58700/*******************************
58701 States
58702*******************************/
58703/*-------------------
58704 Disabled
58705--------------------*/
58706/*-------------------
58707 Hover
58708--------------------*/
58709/*--- Shadows ---*/
58710/*--- Colors ---*/
58711/* https://github.com/Tripwire/octagon/issues/144 */
58712/*--- Emotive ---*/
58713/*--- Brand ---*/
58714/*--- Dark Tones ---*/
58715/*--- Light Tones ---*/
58716/*-------------------
58717 Focus
58718--------------------*/
58719/*--- Colors ---*/
58720/*--- Emotive ---*/
58721/*--- Brand ---*/
58722/*--- Dark Tones ---*/
58723/*--- Light Tones ---*/
58724/*-------------------
58725 Down (:active)
58726--------------------*/
58727/*--- Colors ---*/
58728/*--- Emotive ---*/
58729/*--- Brand ---*/
58730/*--- Dark Tones ---*/
58731/*--- Light Tones ---*/
58732/*-------------------
58733 Active
58734--------------------*/
58735/*--- Colors ---*/
58736/*--- Emotive ---*/
58737/*--- Brand ---*/
58738/*--- Dark Tones ---*/
58739/*--- Light Tones ---*/
58740/* Component's site.variables */
58741/*******************************
58742 Site Settings
58743*******************************/
58744/*-------------------
58745 Fonts
58746--------------------*/
58747/*-------------------
58748 Base Sizes
58749--------------------*/
58750/* This is the single variable that controls them all */
58751/* The size of page text */
58752/*-------------------
58753 Border Radius
58754--------------------*/
58755/* See Power-user section below
58756 for explanation of @px variables
58757*/
58758/*-------------------
58759 Brand Colors
58760--------------------*/
58761/*--------------
58762 Page Heading
58763---------------*/
58764/*--------------
58765 Form Input
58766---------------*/
58767/* This adjusts the default form input across all elements */
58768/* Input Text Color */
58769/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
58770/*-------------------
58771 Focused Input
58772--------------------*/
58773/* Used on inputs, textarea etc */
58774/* Used on dropdowns, other larger blocks */
58775/*-------------------
58776 Sizes
58777--------------------*/
58778/*
58779 Sizes are all expressed in terms of 14px/em (default em)
58780 This ensures these "ratios" remain constant despite changes in EM
58781*/
58782/*-------------------
58783 Page
58784--------------------*/
58785/*-------------------
58786 Paragraph
58787--------------------*/
58788/*-------------------
58789 Links
58790--------------------*/
58791/*-------------------
58792 Scroll Bars
58793--------------------*/
58794/* Inverted */
58795/*-------------------
58796 Highlighted Text
58797--------------------*/
58798/*-------------------
58799 Loader
58800--------------------*/
58801/*-------------------
58802 Grid
58803--------------------*/
58804/*-------------------
58805 Transitions
58806--------------------*/
58807/*-------------------
58808 Breakpoints
58809--------------------*/
58810/*-------------------
58811 Site Colors
58812--------------------*/
58813/*--- Colors ---*/
58814/*--- Light Colors ---*/
58815/*--- Neutrals ---*/
58816/*--- Colored Backgrounds ---*/
58817/*--- Colored Headers ---*/
58818/*--- Colored Text ---*/
58819/*--- Colored Border ---*/
58820/*-------------------
58821 Alpha Colors
58822--------------------*/
58823/*-------------------
58824 Accents
58825--------------------*/
58826/* Differentiating Neutrals */
58827/* Differentiating Layers */
58828/*******************************
58829 Power-User
58830*******************************/
58831/*-------------------
58832 Emotive Colors
58833--------------------*/
58834/* Positive */
58835/* Negative */
58836/* Info */
58837/* Warning */
58838/*-------------------
58839 Paths
58840--------------------*/
58841/* For source only. Modified in gulp for dist */
58842/*-------------------
58843 Em Sizes
58844--------------------*/
58845/*
58846 This rounds @size values to the closest pixel then expresses that value in (r)em.
58847 This ensures all size values round to exact pixels
58848*/
58849/* em */
58850/* rem */
58851/*-------------------
58852 Icons
58853--------------------*/
58854/* Maximum Glyph Width of Icon */
58855/*-------------------
58856 Neutral Text
58857--------------------*/
58858/*-------------------
58859 Brand Colors
58860--------------------*/
58861/*-------------------
58862 Borders
58863--------------------*/
58864/*-------------------
58865 Derived Values
58866--------------------*/
58867/* Loaders Position Offset */
58868/* Rendered Scrollbar Width */
58869/* Maximum Single Character Glyph Width, aka Capital "W" */
58870/* Used to match floats with text */
58871/* Header Spacing */
58872/* Minimum Mobile Width */
58873/* Positive / Negative Dupes */
58874/* Responsive */
58875/*-------------------
58876 Exact Pixel Values
58877--------------------*/
58878/*
58879 These are used to specify exact pixel values in em
58880 for things like borders that remain constantly
58881 sized as emSize adjusts
58882
58883 Since there are many more sizes than names for sizes,
58884 these are named by their original pixel values.
58885
58886*/
58887/* Columns */
58888/*******************************
58889 States
58890*******************************/
58891/*-------------------
58892 Disabled
58893--------------------*/
58894/*-------------------
58895 Hover
58896--------------------*/
58897/*--- Shadows ---*/
58898/*--- Colors ---*/
58899/*--- Emotive ---*/
58900/*--- Brand ---*/
58901/*--- Dark Tones ---*/
58902/*--- Light Tones ---*/
58903/*-------------------
58904 Focus
58905--------------------*/
58906/*--- Colors ---*/
58907/*--- Emotive ---*/
58908/*--- Brand ---*/
58909/*--- Dark Tones ---*/
58910/*--- Light Tones ---*/
58911/*-------------------
58912 Down (:active)
58913--------------------*/
58914/*--- Colors ---*/
58915/*--- Emotive ---*/
58916/*--- Brand ---*/
58917/*--- Dark Tones ---*/
58918/*--- Light Tones ---*/
58919/*-------------------
58920 Active
58921--------------------*/
58922/*--- Colors ---*/
58923/*--- Emotive ---*/
58924/*--- Brand ---*/
58925/*--- Dark Tones ---*/
58926/*--- Light Tones ---*/
58927/* Site theme site.variables */
58928/*-------------------
58929 Component Variables
58930---------------------*/
58931/* Default */
58932/*******************************
58933 Shape
58934*******************************/
58935/* Animating */
58936/* Side */
58937/*--------------
58938 Types
58939---------------*/
58940/* Cube */
58941/* Packaged Theme */
58942/*******************************
58943 Shape
58944*******************************/
58945/* Animating */
58946/* Side */
58947/*--------------
58948 Types
58949---------------*/
58950/* Cube */
58951/* Site Theme */
58952/*******************************
58953 Mix-ins
58954*******************************/
58955/*------------------
58956 Fonts
58957-------------------*/
58958/*------------------
58959 Overrides
58960-------------------*/
58961/* End Config */
58962/*******************************
58963 Shape
58964*******************************/
58965.ui.shape {
58966 position: relative;
58967 vertical-align: top;
58968 display: inline-block;
58969 perspective: 2000px;
58970 transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
58971}
58972.ui.shape .sides {
58973 transform-style: preserve-3d;
58974}
58975.ui.shape .side {
58976 opacity: 1;
58977 width: 100%;
58978 margin: 0em !important;
58979 backface-visibility: hidden;
58980}
58981.ui.shape .side {
58982 display: none;
58983}
58984.ui.shape .side * {
58985 backface-visibility: visible !important;
58986}
58987/*******************************
58988 Types
58989*******************************/
58990.ui.cube.shape .side {
58991 min-width: 15em;
58992 height: 15em;
58993 padding: 2em;
58994 background-color: #E6E6E6;
58995 color: rgba(0, 0, 0, 0.87);
58996 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
58997}
58998.ui.cube.shape .side > .content {
58999 width: 100%;
59000 height: 100%;
59001 display: table;
59002 text-align: center;
59003 user-select: text;
59004}
59005.ui.cube.shape .side > .content > div {
59006 display: table-cell;
59007 vertical-align: middle;
59008 font-size: 2em;
59009}
59010/*******************************
59011 Variations
59012*******************************/
59013.ui.text.shape.animating .sides {
59014 position: static;
59015}
59016.ui.text.shape .side {
59017 white-space: nowrap;
59018}
59019.ui.text.shape .side > * {
59020 white-space: normal;
59021}
59022/*******************************
59023 States
59024*******************************/
59025/*--------------
59026 Loading
59027---------------*/
59028.ui.loading.shape {
59029 position: absolute;
59030 top: -9999px;
59031 left: -9999px;
59032}
59033/*--------------
59034 Animating
59035---------------*/
59036.ui.shape .animating.side {
59037 position: absolute;
59038 top: 0px;
59039 left: 0px;
59040 display: block;
59041 z-index: 100;
59042}
59043.ui.shape .hidden.side {
59044 opacity: 0.6;
59045}
59046/*--------------
59047 CSS
59048---------------*/
59049.ui.shape.animating .sides {
59050 position: absolute;
59051}
59052.ui.shape.animating .sides {
59053 transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
59054}
59055.ui.shape.animating .side {
59056 transition: opacity 0.6s ease-in-out;
59057}
59058/*--------------
59059 Active
59060---------------*/
59061.ui.shape .active.side {
59062 display: block;
59063}
59064/*******************************
59065 Theme Overrides
59066*******************************/
59067/*!
59068 * # Semantic UI - Sidebar
59069 * http://github.com/semantic-org/semantic-ui/
59070 *
59071 *
59072 * Released under the MIT license
59073 * http://opensource.org/licenses/MIT
59074 *
59075 */
59076/*******************************
59077 Theme
59078*******************************/
59079/*
59080
59081████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
59082╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
59083 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
59084 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
59085 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
59086 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
59087
59088*/
59089/*******************************
59090 Theme Selection
59091*******************************/
59092/* To override a theme for an individual element
59093 specify theme name below
59094*/
59095/* Global */
59096/* Elements */
59097/* Collections */
59098/* Modules */
59099/* Views */
59100/*******************************
59101 Folders
59102*******************************/
59103/* Path to theme packages */
59104/* Path to site override folder */
59105/*******************************
59106 Import Theme
59107*******************************/
59108/*******************************
59109 Import Directives
59110*******************************/
59111/*------------------
59112 Theme
59113-------------------*/
59114/*--------------------
59115 Site Variables
59116---------------------*/
59117/* Default site.variables */
59118/*******************************
59119 Site Settings
59120*******************************/
59121/*-------------------
59122 Fonts
59123--------------------*/
59124/*-------------------
59125 Base Sizes
59126--------------------*/
59127/* This is the single variable that controls them all */
59128/* The size of page text */
59129/*-------------------
59130 Border Radius
59131--------------------*/
59132/* See Power-user section below
59133 for explanation of @px variables
59134*/
59135/*-------------------
59136 Brand Colors
59137--------------------*/
59138/*--------------
59139 Page Heading
59140---------------*/
59141/*--------------
59142 Form Input
59143---------------*/
59144/* This adjusts the default form input across all elements */
59145/* Input Text Color */
59146/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
59147/*-------------------
59148 Focused Input
59149--------------------*/
59150/* Used on inputs, textarea etc */
59151/* Used on dropdowns, other larger blocks */
59152/*-------------------
59153 Sizes
59154--------------------*/
59155/*
59156 Sizes are all expressed in terms of 14px/em (default em)
59157 This ensures these "ratios" remain constant despite changes in EM
59158*/
59159/*-------------------
59160 Page
59161--------------------*/
59162/*-------------------
59163 Paragraph
59164--------------------*/
59165/*-------------------
59166 Links
59167--------------------*/
59168/*-------------------
59169 Scroll Bars
59170--------------------*/
59171/* Inverted */
59172/*-------------------
59173 Highlighted Text
59174--------------------*/
59175/*-------------------
59176 Loader
59177--------------------*/
59178/*-------------------
59179 Grid
59180--------------------*/
59181/*-------------------
59182 Transitions
59183--------------------*/
59184/*-------------------
59185 Breakpoints
59186--------------------*/
59187/*-------------------
59188 Site Colors
59189--------------------*/
59190/*--- Colors ---*/
59191/*--- Light Colors ---*/
59192/*--- Neutrals ---*/
59193/*--- Colored Backgrounds ---*/
59194/*--- Colored Headers ---*/
59195/*--- Colored Text ---*/
59196/*--- Colored Border ---*/
59197/*-------------------
59198 Alpha Colors
59199--------------------*/
59200/*-------------------
59201 Accents
59202--------------------*/
59203/* Differentiating Neutrals */
59204/* Differentiating Layers */
59205/*******************************
59206 Power-User
59207*******************************/
59208/*-------------------
59209 Emotive Colors
59210--------------------*/
59211/* Positive */
59212/* Negative */
59213/* Info */
59214/* Warning */
59215/*-------------------
59216 Paths
59217--------------------*/
59218/* For source only. Modified in gulp for dist */
59219/*-------------------
59220 Em Sizes
59221--------------------*/
59222/*
59223 This rounds @size values to the closest pixel then expresses that value in (r)em.
59224 This ensures all size values round to exact pixels
59225*/
59226/* em */
59227/* rem */
59228/*-------------------
59229 Icons
59230--------------------*/
59231/* Maximum Glyph Width of Icon */
59232/*-------------------
59233 Neutral Text
59234--------------------*/
59235/*-------------------
59236 Brand Colors
59237--------------------*/
59238/*-------------------
59239 Borders
59240--------------------*/
59241/*-------------------
59242 Derived Values
59243--------------------*/
59244/* Loaders Position Offset */
59245/* Rendered Scrollbar Width */
59246/* Maximum Single Character Glyph Width, aka Capital "W" */
59247/* Used to match floats with text */
59248/* Header Spacing */
59249/* Minimum Mobile Width */
59250/* Positive / Negative Dupes */
59251/* Responsive */
59252/*-------------------
59253 Exact Pixel Values
59254--------------------*/
59255/*
59256 These are used to specify exact pixel values in em
59257 for things like borders that remain constantly
59258 sized as emSize adjusts
59259
59260 Since there are many more sizes than names for sizes,
59261 these are named by their original pixel values.
59262
59263*/
59264/* Columns */
59265/*******************************
59266 States
59267*******************************/
59268/*-------------------
59269 Disabled
59270--------------------*/
59271/*-------------------
59272 Hover
59273--------------------*/
59274/*--- Shadows ---*/
59275/*--- Colors ---*/
59276/*--- Emotive ---*/
59277/*--- Brand ---*/
59278/*--- Dark Tones ---*/
59279/*--- Light Tones ---*/
59280/*-------------------
59281 Focus
59282--------------------*/
59283/*--- Colors ---*/
59284/*--- Emotive ---*/
59285/*--- Brand ---*/
59286/*--- Dark Tones ---*/
59287/*--- Light Tones ---*/
59288/*-------------------
59289 Down (:active)
59290--------------------*/
59291/*--- Colors ---*/
59292/*--- Emotive ---*/
59293/*--- Brand ---*/
59294/*--- Dark Tones ---*/
59295/*--- Light Tones ---*/
59296/*-------------------
59297 Active
59298--------------------*/
59299/*--- Colors ---*/
59300/*--- Emotive ---*/
59301/*--- Brand ---*/
59302/*--- Dark Tones ---*/
59303/*--- Light Tones ---*/
59304/* Packaged site.variables */
59305/*******************************
59306 Site Settings
59307*******************************/
59308/*-------------------
59309 Fonts
59310--------------------*/
59311/*-------------------
59312 Base Sizes
59313--------------------*/
59314/* This is the single variable that controls them all */
59315/* The size of page text */
59316/*-------------------
59317 Border Radius
59318--------------------*/
59319/* See Power-user section below
59320 for explanation of @px variables
59321*/
59322/*-------------------
59323 Brand Colors
59324--------------------*/
59325/*--------------
59326 Page Heading
59327---------------*/
59328/*--------------
59329 Form Input
59330---------------*/
59331/* This adjusts the default form input across all elements */
59332/* Input Text Color */
59333/* Line Height Default For Inputs in Browser */
59334/*-------------------
59335 Focused Input
59336--------------------*/
59337/* Used on inputs, textarea etc */
59338/* Used on dropdowns, other larger blocks */
59339/*-------------------
59340 Sizes
59341--------------------*/
59342/*
59343 Sizes are all expressed in terms of 14px/em (default em)
59344 This ensures these "ratios" remain constant despite changes in EM
59345*/
59346/*-------------------
59347 Page
59348--------------------*/
59349/*-------------------
59350 Paragraph
59351--------------------*/
59352/*-------------------
59353 Links
59354--------------------*/
59355/*-------------------
59356 Highlighted Text
59357--------------------*/
59358/*-------------------
59359 Loader
59360--------------------*/
59361/*-------------------
59362 Grid
59363--------------------*/
59364/*-------------------
59365 Transitions
59366--------------------*/
59367/*-------------------
59368 Breakpoints
59369--------------------*/
59370/*-------------------
59371 Site Colors
59372--------------------*/
59373/*--- Colors ---*/
59374/*--- Light Colors ---*/
59375/*--- Neutrals ---*/
59376/*--- Colored Backgrounds ---*/
59377/*--- Colored Headers ---*/
59378/*--- Colored Text ---*/
59379/*--- Colored Border ---*/
59380/*-------------------
59381 Alpha Colors
59382--------------------*/
59383/*-------------------
59384 Accents
59385--------------------*/
59386/* Differentiating Neutrals */
59387/* Differentiating Layers */
59388/*******************************
59389 Power-User
59390*******************************/
59391/*-------------------
59392 Emotive Colors
59393--------------------*/
59394/* Positive */
59395/* Negative */
59396/* Info */
59397/* Warning */
59398/*-------------------
59399 Paths
59400--------------------*/
59401/* For source only. Modified in gulp for dist */
59402/*-------------------
59403 Em Sizes
59404--------------------*/
59405/*
59406 This rounds @size values to the closest pixel then expresses that value in (r)em.
59407 This ensures all size values round to exact pixels
59408*/
59409/* em */
59410/* rem */
59411/*-------------------
59412 Icons
59413--------------------*/
59414/* Maximum Glyph Width of Icon */
59415/*-------------------
59416 Neutral Text
59417--------------------*/
59418/*-------------------
59419 Brand Colors
59420--------------------*/
59421/*-------------------
59422 Borders
59423--------------------*/
59424/*-------------------
59425 Derived Values
59426--------------------*/
59427/* Loaders Position Offset */
59428/* Rendered Scrollbar Width */
59429/* Maximum Single Character Glyph Width, aka Capital "W" */
59430/* Used to match floats with text */
59431/* Header Spacing */
59432/* Minimum Mobile Width */
59433/* Positive / Negative Dupes */
59434/* Responsive */
59435/*-------------------
59436 Exact Pixel Values
59437--------------------*/
59438/*
59439 These are used to specify exact pixel values in em
59440 for things like borders that remain constantly
59441 sized as emSize adjusts
59442
59443 Since there are many more sizes than names for sizes,
59444 these are named by their original pixel values.
59445
59446*/
59447/* Columns */
59448/*******************************
59449 States
59450*******************************/
59451/*-------------------
59452 Disabled
59453--------------------*/
59454/*-------------------
59455 Hover
59456--------------------*/
59457/*--- Shadows ---*/
59458/*--- Colors ---*/
59459/* https://github.com/Tripwire/octagon/issues/144 */
59460/*--- Emotive ---*/
59461/*--- Brand ---*/
59462/*--- Dark Tones ---*/
59463/*--- Light Tones ---*/
59464/*-------------------
59465 Focus
59466--------------------*/
59467/*--- Colors ---*/
59468/*--- Emotive ---*/
59469/*--- Brand ---*/
59470/*--- Dark Tones ---*/
59471/*--- Light Tones ---*/
59472/*-------------------
59473 Down (:active)
59474--------------------*/
59475/*--- Colors ---*/
59476/*--- Emotive ---*/
59477/*--- Brand ---*/
59478/*--- Dark Tones ---*/
59479/*--- Light Tones ---*/
59480/*-------------------
59481 Active
59482--------------------*/
59483/*--- Colors ---*/
59484/*--- Emotive ---*/
59485/*--- Brand ---*/
59486/*--- Dark Tones ---*/
59487/*--- Light Tones ---*/
59488/* Component's site.variables */
59489/*******************************
59490 Site Settings
59491*******************************/
59492/*-------------------
59493 Fonts
59494--------------------*/
59495/*-------------------
59496 Base Sizes
59497--------------------*/
59498/* This is the single variable that controls them all */
59499/* The size of page text */
59500/*-------------------
59501 Border Radius
59502--------------------*/
59503/* See Power-user section below
59504 for explanation of @px variables
59505*/
59506/*-------------------
59507 Brand Colors
59508--------------------*/
59509/*--------------
59510 Page Heading
59511---------------*/
59512/*--------------
59513 Form Input
59514---------------*/
59515/* This adjusts the default form input across all elements */
59516/* Input Text Color */
59517/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
59518/*-------------------
59519 Focused Input
59520--------------------*/
59521/* Used on inputs, textarea etc */
59522/* Used on dropdowns, other larger blocks */
59523/*-------------------
59524 Sizes
59525--------------------*/
59526/*
59527 Sizes are all expressed in terms of 14px/em (default em)
59528 This ensures these "ratios" remain constant despite changes in EM
59529*/
59530/*-------------------
59531 Page
59532--------------------*/
59533/*-------------------
59534 Paragraph
59535--------------------*/
59536/*-------------------
59537 Links
59538--------------------*/
59539/*-------------------
59540 Scroll Bars
59541--------------------*/
59542/* Inverted */
59543/*-------------------
59544 Highlighted Text
59545--------------------*/
59546/*-------------------
59547 Loader
59548--------------------*/
59549/*-------------------
59550 Grid
59551--------------------*/
59552/*-------------------
59553 Transitions
59554--------------------*/
59555/*-------------------
59556 Breakpoints
59557--------------------*/
59558/*-------------------
59559 Site Colors
59560--------------------*/
59561/*--- Colors ---*/
59562/*--- Light Colors ---*/
59563/*--- Neutrals ---*/
59564/*--- Colored Backgrounds ---*/
59565/*--- Colored Headers ---*/
59566/*--- Colored Text ---*/
59567/*--- Colored Border ---*/
59568/*-------------------
59569 Alpha Colors
59570--------------------*/
59571/*-------------------
59572 Accents
59573--------------------*/
59574/* Differentiating Neutrals */
59575/* Differentiating Layers */
59576/*******************************
59577 Power-User
59578*******************************/
59579/*-------------------
59580 Emotive Colors
59581--------------------*/
59582/* Positive */
59583/* Negative */
59584/* Info */
59585/* Warning */
59586/*-------------------
59587 Paths
59588--------------------*/
59589/* For source only. Modified in gulp for dist */
59590/*-------------------
59591 Em Sizes
59592--------------------*/
59593/*
59594 This rounds @size values to the closest pixel then expresses that value in (r)em.
59595 This ensures all size values round to exact pixels
59596*/
59597/* em */
59598/* rem */
59599/*-------------------
59600 Icons
59601--------------------*/
59602/* Maximum Glyph Width of Icon */
59603/*-------------------
59604 Neutral Text
59605--------------------*/
59606/*-------------------
59607 Brand Colors
59608--------------------*/
59609/*-------------------
59610 Borders
59611--------------------*/
59612/*-------------------
59613 Derived Values
59614--------------------*/
59615/* Loaders Position Offset */
59616/* Rendered Scrollbar Width */
59617/* Maximum Single Character Glyph Width, aka Capital "W" */
59618/* Used to match floats with text */
59619/* Header Spacing */
59620/* Minimum Mobile Width */
59621/* Positive / Negative Dupes */
59622/* Responsive */
59623/*-------------------
59624 Exact Pixel Values
59625--------------------*/
59626/*
59627 These are used to specify exact pixel values in em
59628 for things like borders that remain constantly
59629 sized as emSize adjusts
59630
59631 Since there are many more sizes than names for sizes,
59632 these are named by their original pixel values.
59633
59634*/
59635/* Columns */
59636/*******************************
59637 States
59638*******************************/
59639/*-------------------
59640 Disabled
59641--------------------*/
59642/*-------------------
59643 Hover
59644--------------------*/
59645/*--- Shadows ---*/
59646/*--- Colors ---*/
59647/*--- Emotive ---*/
59648/*--- Brand ---*/
59649/*--- Dark Tones ---*/
59650/*--- Light Tones ---*/
59651/*-------------------
59652 Focus
59653--------------------*/
59654/*--- Colors ---*/
59655/*--- Emotive ---*/
59656/*--- Brand ---*/
59657/*--- Dark Tones ---*/
59658/*--- Light Tones ---*/
59659/*-------------------
59660 Down (:active)
59661--------------------*/
59662/*--- Colors ---*/
59663/*--- Emotive ---*/
59664/*--- Brand ---*/
59665/*--- Dark Tones ---*/
59666/*--- Light Tones ---*/
59667/*-------------------
59668 Active
59669--------------------*/
59670/*--- Colors ---*/
59671/*--- Emotive ---*/
59672/*--- Brand ---*/
59673/*--- Dark Tones ---*/
59674/*--- Light Tones ---*/
59675/* Site theme site.variables */
59676/*-------------------
59677 Component Variables
59678---------------------*/
59679/* Default */
59680/*******************************
59681 Sidebar
59682*******************************/
59683/*-------------------
59684 Content
59685--------------------*/
59686/* Animation */
59687/* Dimmer */
59688/* Color below page */
59689/* Shadow */
59690/* Layering */
59691/*-------------------
59692 Variations
59693--------------------*/
59694/* Width */
59695/* Height */
59696/* Packaged Theme */
59697/*******************************
59698 Sidebar
59699*******************************/
59700/*-------------------
59701 Content
59702--------------------*/
59703/* Animation */
59704/* Dimmer */
59705/* Color below page */
59706/* Shadow */
59707/* Layering */
59708/*-------------------
59709 Variations
59710--------------------*/
59711/* Width */
59712/* Height */
59713/* Site Theme */
59714/*******************************
59715 Mix-ins
59716*******************************/
59717/*------------------
59718 Fonts
59719-------------------*/
59720/*------------------
59721 Overrides
59722-------------------*/
59723/* End Config */
59724/*******************************
59725 Sidebar
59726*******************************/
59727/* Sidebar Menu */
59728.ui.sidebar {
59729 position: fixed;
59730 top: 0;
59731 left: 0;
59732 backface-visibility: hidden;
59733 transition: none;
59734 will-change: transform;
59735 transform: translate3d(0, 0, 0);
59736 visibility: hidden;
59737 -webkit-overflow-scrolling: touch;
59738 height: 100% !important;
59739 max-height: 100%;
59740 border-radius: 0em !important;
59741 margin: 0em !important;
59742 overflow-y: auto !important;
59743 z-index: 102;
59744}
59745/* GPU Layers for Child Elements */
59746.ui.sidebar > * {
59747 backface-visibility: hidden;
59748}
59749/*--------------
59750 Direction
59751---------------*/
59752.ui.left.sidebar {
59753 right: auto;
59754 left: 0px;
59755 transform: translate3d(-100%, 0, 0);
59756}
59757.ui.right.sidebar {
59758 right: 0px !important;
59759 left: auto !important;
59760 transform: translate3d(100%, 0%, 0);
59761}
59762.ui.top.sidebar,
59763.ui.bottom.sidebar {
59764 width: 100% !important;
59765 height: auto !important;
59766}
59767.ui.top.sidebar {
59768 top: 0px !important;
59769 bottom: auto !important;
59770 transform: translate3d(0, -100%, 0);
59771}
59772.ui.bottom.sidebar {
59773 top: auto !important;
59774 bottom: 0px !important;
59775 transform: translate3d(0, 100%, 0);
59776}
59777/*--------------
59778 Pushable
59779---------------*/
59780.pushable {
59781 height: 100%;
59782 overflow-x: hidden;
59783 padding: 0em !important;
59784}
59785/* Whole Page */
59786body.pushable {
59787 background: #545454 !important;
59788}
59789/* Page Context */
59790.pushable:not(body) {
59791 transform: translate3d(0, 0, 0);
59792}
59793.pushable:not(body) > .ui.sidebar,
59794.pushable:not(body) > .fixed,
59795.pushable:not(body) > .pusher:after {
59796 position: absolute;
59797}
59798/*--------------
59799 Fixed
59800---------------*/
59801.pushable > .fixed {
59802 position: fixed;
59803 backface-visibility: hidden;
59804 transition: transform 500ms ease;
59805 will-change: transform;
59806 z-index: 101;
59807}
59808/*--------------
59809 Page
59810---------------*/
59811.pushable > .pusher {
59812 position: relative;
59813 backface-visibility: hidden;
59814 overflow: hidden;
59815 min-height: 100%;
59816 transition: transform 500ms ease;
59817 z-index: 2;
59818}
59819body.pushable > .pusher {
59820 background: #FFFFFF;
59821}
59822/* Pusher should inherit background from context */
59823.pushable > .pusher {
59824 background: inherit;
59825}
59826/*--------------
59827 Dimmer
59828---------------*/
59829.pushable > .pusher:after {
59830 position: fixed;
59831 top: 0px;
59832 right: 0px;
59833 content: '';
59834 background-color: rgba(0, 0, 0, 0.4);
59835 overflow: hidden;
59836 opacity: 0;
59837 transition: opacity 500ms;
59838 will-change: opacity;
59839 z-index: 1000;
59840}
59841/*--------------
59842 Coupling
59843---------------*/
59844.ui.sidebar.menu .item {
59845 border-radius: 0em !important;
59846}
59847/*******************************
59848 States
59849*******************************/
59850/*--------------
59851 Dimmed
59852---------------*/
59853.pushable > .pusher.dimmed:after {
59854 width: 100% !important;
59855 height: 100% !important;
59856 opacity: 1 !important;
59857}
59858/*--------------
59859 Animating
59860---------------*/
59861.ui.animating.sidebar {
59862 visibility: visible;
59863}
59864/*--------------
59865 Visible
59866---------------*/
59867.ui.visible.sidebar {
59868 visibility: visible;
59869 transform: translate3d(0, 0, 0);
59870}
59871/* Shadow Direction */
59872.ui.left.visible.sidebar,
59873.ui.right.visible.sidebar {
59874 box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
59875}
59876.ui.top.visible.sidebar,
59877.ui.bottom.visible.sidebar {
59878 box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
59879}
59880/* Visible On Load */
59881.ui.visible.left.sidebar ~ .fixed,
59882.ui.visible.left.sidebar ~ .pusher {
59883 transform: translate3d(260px, 0, 0);
59884}
59885.ui.visible.right.sidebar ~ .fixed,
59886.ui.visible.right.sidebar ~ .pusher {
59887 transform: translate3d(-260px, 0, 0);
59888}
59889.ui.visible.top.sidebar ~ .fixed,
59890.ui.visible.top.sidebar ~ .pusher {
59891 transform: translate3d(0, 36px, 0);
59892}
59893.ui.visible.bottom.sidebar ~ .fixed,
59894.ui.visible.bottom.sidebar ~ .pusher {
59895 transform: translate3d(0, -36px, 0);
59896}
59897/* opposite sides visible forces content overlay */
59898.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
59899.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
59900.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
59901.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
59902 transform: translate3d(0, 0, 0);
59903}
59904/*--------------
59905 iOS
59906---------------*/
59907/*******************************
59908 Variations
59909*******************************/
59910/*--------------
59911 Width
59912---------------*/
59913/* Left / Right */
59914.ui.thin.left.sidebar,
59915.ui.thin.right.sidebar {
59916 width: 150px;
59917}
59918.ui[class*="very thin"].left.sidebar,
59919.ui[class*="very thin"].right.sidebar {
59920 width: 60px;
59921}
59922.ui.left.sidebar,
59923.ui.right.sidebar {
59924 width: 260px;
59925}
59926.ui.wide.left.sidebar,
59927.ui.wide.right.sidebar {
59928 width: 350px;
59929}
59930.ui[class*="very wide"].left.sidebar,
59931.ui[class*="very wide"].right.sidebar {
59932 width: 475px;
59933}
59934/* Left Visible */
59935.ui.visible.thin.left.sidebar ~ .fixed,
59936.ui.visible.thin.left.sidebar ~ .pusher {
59937 transform: translate3d(150px, 0, 0);
59938}
59939.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
59940.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
59941 transform: translate3d(60px, 0, 0);
59942}
59943.ui.visible.wide.left.sidebar ~ .fixed,
59944.ui.visible.wide.left.sidebar ~ .pusher {
59945 transform: translate3d(350px, 0, 0);
59946}
59947.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
59948.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
59949 transform: translate3d(475px, 0, 0);
59950}
59951/* Right Visible */
59952.ui.visible.thin.right.sidebar ~ .fixed,
59953.ui.visible.thin.right.sidebar ~ .pusher {
59954 transform: translate3d(-150px, 0, 0);
59955}
59956.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
59957.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
59958 transform: translate3d(-60px, 0, 0);
59959}
59960.ui.visible.wide.right.sidebar ~ .fixed,
59961.ui.visible.wide.right.sidebar ~ .pusher {
59962 transform: translate3d(-350px, 0, 0);
59963}
59964.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
59965.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
59966 transform: translate3d(-475px, 0, 0);
59967}
59968/*******************************
59969 Animations
59970*******************************/
59971/*--------------
59972 Overlay
59973---------------*/
59974/* Set-up */
59975.ui.overlay.sidebar {
59976 z-index: 102;
59977}
59978/* Initial */
59979.ui.left.overlay.sidebar {
59980 transform: translate3d(-100%, 0%, 0);
59981}
59982.ui.right.overlay.sidebar {
59983 transform: translate3d(100%, 0%, 0);
59984}
59985.ui.top.overlay.sidebar {
59986 transform: translate3d(0%, -100%, 0);
59987}
59988.ui.bottom.overlay.sidebar {
59989 transform: translate3d(0%, 100%, 0);
59990}
59991/* Animation */
59992.animating.ui.overlay.sidebar,
59993.ui.visible.overlay.sidebar {
59994 transition: transform 500ms ease;
59995}
59996/* End - Sidebar */
59997.ui.visible.left.overlay.sidebar {
59998 transform: translate3d(0%, 0%, 0);
59999}
60000.ui.visible.right.overlay.sidebar {
60001 transform: translate3d(0%, 0%, 0);
60002}
60003.ui.visible.top.overlay.sidebar {
60004 transform: translate3d(0%, 0%, 0);
60005}
60006.ui.visible.bottom.overlay.sidebar {
60007 transform: translate3d(0%, 0%, 0);
60008}
60009/* End - Pusher */
60010.ui.visible.overlay.sidebar ~ .fixed,
60011.ui.visible.overlay.sidebar ~ .pusher {
60012 transform: none !important;
60013}
60014/*--------------
60015 Push
60016---------------*/
60017/* Initial */
60018.ui.push.sidebar {
60019 transition: transform 500ms ease;
60020 z-index: 102;
60021}
60022/* Sidebar - Initial */
60023.ui.left.push.sidebar {
60024 transform: translate3d(-100%, 0, 0);
60025}
60026.ui.right.push.sidebar {
60027 transform: translate3d(100%, 0, 0);
60028}
60029.ui.top.push.sidebar {
60030 transform: translate3d(0%, -100%, 0);
60031}
60032.ui.bottom.push.sidebar {
60033 transform: translate3d(0%, 100%, 0);
60034}
60035/* End */
60036.ui.visible.push.sidebar {
60037 transform: translate3d(0%, 0, 0);
60038}
60039/*--------------
60040 Uncover
60041---------------*/
60042/* Initial */
60043.ui.uncover.sidebar {
60044 transform: translate3d(0, 0, 0);
60045 z-index: 1;
60046}
60047/* End */
60048.ui.visible.uncover.sidebar {
60049 transform: translate3d(0, 0, 0);
60050 transition: transform 500ms ease;
60051}
60052/*--------------
60053 Slide Along
60054---------------*/
60055/* Initial */
60056.ui.slide.along.sidebar {
60057 z-index: 1;
60058}
60059/* Sidebar - Initial */
60060.ui.left.slide.along.sidebar {
60061 transform: translate3d(-50%, 0, 0);
60062}
60063.ui.right.slide.along.sidebar {
60064 transform: translate3d(50%, 0, 0);
60065}
60066.ui.top.slide.along.sidebar {
60067 transform: translate3d(0, -50%, 0);
60068}
60069.ui.bottom.slide.along.sidebar {
60070 transform: translate3d(0%, 50%, 0);
60071}
60072/* Animation */
60073.ui.animating.slide.along.sidebar {
60074 transition: transform 500ms ease;
60075}
60076/* End */
60077.ui.visible.slide.along.sidebar {
60078 transform: translate3d(0%, 0, 0);
60079}
60080/*--------------
60081 Slide Out
60082---------------*/
60083/* Initial */
60084.ui.slide.out.sidebar {
60085 z-index: 1;
60086}
60087/* Sidebar - Initial */
60088.ui.left.slide.out.sidebar {
60089 transform: translate3d(50%, 0, 0);
60090}
60091.ui.right.slide.out.sidebar {
60092 transform: translate3d(-50%, 0, 0);
60093}
60094.ui.top.slide.out.sidebar {
60095 transform: translate3d(0%, 50%, 0);
60096}
60097.ui.bottom.slide.out.sidebar {
60098 transform: translate3d(0%, -50%, 0);
60099}
60100/* Animation */
60101.ui.animating.slide.out.sidebar {
60102 transition: transform 500ms ease;
60103}
60104/* End */
60105.ui.visible.slide.out.sidebar {
60106 transform: translate3d(0%, 0, 0);
60107}
60108/*--------------
60109 Scale Down
60110---------------*/
60111/* Initial */
60112.ui.scale.down.sidebar {
60113 transition: transform 500ms ease;
60114 z-index: 102;
60115}
60116/* Sidebar - Initial */
60117.ui.left.scale.down.sidebar {
60118 transform: translate3d(-100%, 0, 0);
60119}
60120.ui.right.scale.down.sidebar {
60121 transform: translate3d(100%, 0, 0);
60122}
60123.ui.top.scale.down.sidebar {
60124 transform: translate3d(0%, -100%, 0);
60125}
60126.ui.bottom.scale.down.sidebar {
60127 transform: translate3d(0%, 100%, 0);
60128}
60129/* Pusher - Initial */
60130.ui.scale.down.left.sidebar ~ .pusher {
60131 transform-origin: 75% 50%;
60132}
60133.ui.scale.down.right.sidebar ~ .pusher {
60134 transform-origin: 25% 50%;
60135}
60136.ui.scale.down.top.sidebar ~ .pusher {
60137 transform-origin: 50% 75%;
60138}
60139.ui.scale.down.bottom.sidebar ~ .pusher {
60140 transform-origin: 50% 25%;
60141}
60142/* Animation */
60143.ui.animating.scale.down > .visible.ui.sidebar {
60144 transition: transform 500ms ease;
60145}
60146.ui.visible.scale.down.sidebar ~ .pusher,
60147.ui.animating.scale.down.sidebar ~ .pusher {
60148 display: block !important;
60149 width: 100%;
60150 height: 100%;
60151 overflow: hidden !important;
60152}
60153/* End */
60154.ui.visible.scale.down.sidebar {
60155 transform: translate3d(0, 0, 0);
60156}
60157.ui.visible.scale.down.sidebar ~ .pusher {
60158 transform: scale(0.75);
60159}
60160/*******************************
60161 Theme Overrides
60162*******************************/
60163/*!
60164 * # Semantic UI - Sticky
60165 * http://github.com/semantic-org/semantic-ui/
60166 *
60167 *
60168 * Released under the MIT license
60169 * http://opensource.org/licenses/MIT
60170 *
60171 */
60172/*******************************
60173 Theme
60174*******************************/
60175/*
60176
60177████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
60178╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
60179 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
60180 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
60181 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
60182 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
60183
60184*/
60185/*******************************
60186 Theme Selection
60187*******************************/
60188/* To override a theme for an individual element
60189 specify theme name below
60190*/
60191/* Global */
60192/* Elements */
60193/* Collections */
60194/* Modules */
60195/* Views */
60196/*******************************
60197 Folders
60198*******************************/
60199/* Path to theme packages */
60200/* Path to site override folder */
60201/*******************************
60202 Import Theme
60203*******************************/
60204/*******************************
60205 Import Directives
60206*******************************/
60207/*------------------
60208 Theme
60209-------------------*/
60210/*--------------------
60211 Site Variables
60212---------------------*/
60213/* Default site.variables */
60214/*******************************
60215 Site Settings
60216*******************************/
60217/*-------------------
60218 Fonts
60219--------------------*/
60220/*-------------------
60221 Base Sizes
60222--------------------*/
60223/* This is the single variable that controls them all */
60224/* The size of page text */
60225/*-------------------
60226 Border Radius
60227--------------------*/
60228/* See Power-user section below
60229 for explanation of @px variables
60230*/
60231/*-------------------
60232 Brand Colors
60233--------------------*/
60234/*--------------
60235 Page Heading
60236---------------*/
60237/*--------------
60238 Form Input
60239---------------*/
60240/* This adjusts the default form input across all elements */
60241/* Input Text Color */
60242/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
60243/*-------------------
60244 Focused Input
60245--------------------*/
60246/* Used on inputs, textarea etc */
60247/* Used on dropdowns, other larger blocks */
60248/*-------------------
60249 Sizes
60250--------------------*/
60251/*
60252 Sizes are all expressed in terms of 14px/em (default em)
60253 This ensures these "ratios" remain constant despite changes in EM
60254*/
60255/*-------------------
60256 Page
60257--------------------*/
60258/*-------------------
60259 Paragraph
60260--------------------*/
60261/*-------------------
60262 Links
60263--------------------*/
60264/*-------------------
60265 Scroll Bars
60266--------------------*/
60267/* Inverted */
60268/*-------------------
60269 Highlighted Text
60270--------------------*/
60271/*-------------------
60272 Loader
60273--------------------*/
60274/*-------------------
60275 Grid
60276--------------------*/
60277/*-------------------
60278 Transitions
60279--------------------*/
60280/*-------------------
60281 Breakpoints
60282--------------------*/
60283/*-------------------
60284 Site Colors
60285--------------------*/
60286/*--- Colors ---*/
60287/*--- Light Colors ---*/
60288/*--- Neutrals ---*/
60289/*--- Colored Backgrounds ---*/
60290/*--- Colored Headers ---*/
60291/*--- Colored Text ---*/
60292/*--- Colored Border ---*/
60293/*-------------------
60294 Alpha Colors
60295--------------------*/
60296/*-------------------
60297 Accents
60298--------------------*/
60299/* Differentiating Neutrals */
60300/* Differentiating Layers */
60301/*******************************
60302 Power-User
60303*******************************/
60304/*-------------------
60305 Emotive Colors
60306--------------------*/
60307/* Positive */
60308/* Negative */
60309/* Info */
60310/* Warning */
60311/*-------------------
60312 Paths
60313--------------------*/
60314/* For source only. Modified in gulp for dist */
60315/*-------------------
60316 Em Sizes
60317--------------------*/
60318/*
60319 This rounds @size values to the closest pixel then expresses that value in (r)em.
60320 This ensures all size values round to exact pixels
60321*/
60322/* em */
60323/* rem */
60324/*-------------------
60325 Icons
60326--------------------*/
60327/* Maximum Glyph Width of Icon */
60328/*-------------------
60329 Neutral Text
60330--------------------*/
60331/*-------------------
60332 Brand Colors
60333--------------------*/
60334/*-------------------
60335 Borders
60336--------------------*/
60337/*-------------------
60338 Derived Values
60339--------------------*/
60340/* Loaders Position Offset */
60341/* Rendered Scrollbar Width */
60342/* Maximum Single Character Glyph Width, aka Capital "W" */
60343/* Used to match floats with text */
60344/* Header Spacing */
60345/* Minimum Mobile Width */
60346/* Positive / Negative Dupes */
60347/* Responsive */
60348/*-------------------
60349 Exact Pixel Values
60350--------------------*/
60351/*
60352 These are used to specify exact pixel values in em
60353 for things like borders that remain constantly
60354 sized as emSize adjusts
60355
60356 Since there are many more sizes than names for sizes,
60357 these are named by their original pixel values.
60358
60359*/
60360/* Columns */
60361/*******************************
60362 States
60363*******************************/
60364/*-------------------
60365 Disabled
60366--------------------*/
60367/*-------------------
60368 Hover
60369--------------------*/
60370/*--- Shadows ---*/
60371/*--- Colors ---*/
60372/*--- Emotive ---*/
60373/*--- Brand ---*/
60374/*--- Dark Tones ---*/
60375/*--- Light Tones ---*/
60376/*-------------------
60377 Focus
60378--------------------*/
60379/*--- Colors ---*/
60380/*--- Emotive ---*/
60381/*--- Brand ---*/
60382/*--- Dark Tones ---*/
60383/*--- Light Tones ---*/
60384/*-------------------
60385 Down (:active)
60386--------------------*/
60387/*--- Colors ---*/
60388/*--- Emotive ---*/
60389/*--- Brand ---*/
60390/*--- Dark Tones ---*/
60391/*--- Light Tones ---*/
60392/*-------------------
60393 Active
60394--------------------*/
60395/*--- Colors ---*/
60396/*--- Emotive ---*/
60397/*--- Brand ---*/
60398/*--- Dark Tones ---*/
60399/*--- Light Tones ---*/
60400/* Packaged site.variables */
60401/*******************************
60402 Site Settings
60403*******************************/
60404/*-------------------
60405 Fonts
60406--------------------*/
60407/*-------------------
60408 Base Sizes
60409--------------------*/
60410/* This is the single variable that controls them all */
60411/* The size of page text */
60412/*-------------------
60413 Border Radius
60414--------------------*/
60415/* See Power-user section below
60416 for explanation of @px variables
60417*/
60418/*-------------------
60419 Brand Colors
60420--------------------*/
60421/*--------------
60422 Page Heading
60423---------------*/
60424/*--------------
60425 Form Input
60426---------------*/
60427/* This adjusts the default form input across all elements */
60428/* Input Text Color */
60429/* Line Height Default For Inputs in Browser */
60430/*-------------------
60431 Focused Input
60432--------------------*/
60433/* Used on inputs, textarea etc */
60434/* Used on dropdowns, other larger blocks */
60435/*-------------------
60436 Sizes
60437--------------------*/
60438/*
60439 Sizes are all expressed in terms of 14px/em (default em)
60440 This ensures these "ratios" remain constant despite changes in EM
60441*/
60442/*-------------------
60443 Page
60444--------------------*/
60445/*-------------------
60446 Paragraph
60447--------------------*/
60448/*-------------------
60449 Links
60450--------------------*/
60451/*-------------------
60452 Highlighted Text
60453--------------------*/
60454/*-------------------
60455 Loader
60456--------------------*/
60457/*-------------------
60458 Grid
60459--------------------*/
60460/*-------------------
60461 Transitions
60462--------------------*/
60463/*-------------------
60464 Breakpoints
60465--------------------*/
60466/*-------------------
60467 Site Colors
60468--------------------*/
60469/*--- Colors ---*/
60470/*--- Light Colors ---*/
60471/*--- Neutrals ---*/
60472/*--- Colored Backgrounds ---*/
60473/*--- Colored Headers ---*/
60474/*--- Colored Text ---*/
60475/*--- Colored Border ---*/
60476/*-------------------
60477 Alpha Colors
60478--------------------*/
60479/*-------------------
60480 Accents
60481--------------------*/
60482/* Differentiating Neutrals */
60483/* Differentiating Layers */
60484/*******************************
60485 Power-User
60486*******************************/
60487/*-------------------
60488 Emotive Colors
60489--------------------*/
60490/* Positive */
60491/* Negative */
60492/* Info */
60493/* Warning */
60494/*-------------------
60495 Paths
60496--------------------*/
60497/* For source only. Modified in gulp for dist */
60498/*-------------------
60499 Em Sizes
60500--------------------*/
60501/*
60502 This rounds @size values to the closest pixel then expresses that value in (r)em.
60503 This ensures all size values round to exact pixels
60504*/
60505/* em */
60506/* rem */
60507/*-------------------
60508 Icons
60509--------------------*/
60510/* Maximum Glyph Width of Icon */
60511/*-------------------
60512 Neutral Text
60513--------------------*/
60514/*-------------------
60515 Brand Colors
60516--------------------*/
60517/*-------------------
60518 Borders
60519--------------------*/
60520/*-------------------
60521 Derived Values
60522--------------------*/
60523/* Loaders Position Offset */
60524/* Rendered Scrollbar Width */
60525/* Maximum Single Character Glyph Width, aka Capital "W" */
60526/* Used to match floats with text */
60527/* Header Spacing */
60528/* Minimum Mobile Width */
60529/* Positive / Negative Dupes */
60530/* Responsive */
60531/*-------------------
60532 Exact Pixel Values
60533--------------------*/
60534/*
60535 These are used to specify exact pixel values in em
60536 for things like borders that remain constantly
60537 sized as emSize adjusts
60538
60539 Since there are many more sizes than names for sizes,
60540 these are named by their original pixel values.
60541
60542*/
60543/* Columns */
60544/*******************************
60545 States
60546*******************************/
60547/*-------------------
60548 Disabled
60549--------------------*/
60550/*-------------------
60551 Hover
60552--------------------*/
60553/*--- Shadows ---*/
60554/*--- Colors ---*/
60555/* https://github.com/Tripwire/octagon/issues/144 */
60556/*--- Emotive ---*/
60557/*--- Brand ---*/
60558/*--- Dark Tones ---*/
60559/*--- Light Tones ---*/
60560/*-------------------
60561 Focus
60562--------------------*/
60563/*--- Colors ---*/
60564/*--- Emotive ---*/
60565/*--- Brand ---*/
60566/*--- Dark Tones ---*/
60567/*--- Light Tones ---*/
60568/*-------------------
60569 Down (:active)
60570--------------------*/
60571/*--- Colors ---*/
60572/*--- Emotive ---*/
60573/*--- Brand ---*/
60574/*--- Dark Tones ---*/
60575/*--- Light Tones ---*/
60576/*-------------------
60577 Active
60578--------------------*/
60579/*--- Colors ---*/
60580/*--- Emotive ---*/
60581/*--- Brand ---*/
60582/*--- Dark Tones ---*/
60583/*--- Light Tones ---*/
60584/* Component's site.variables */
60585/*******************************
60586 Site Settings
60587*******************************/
60588/*-------------------
60589 Fonts
60590--------------------*/
60591/*-------------------
60592 Base Sizes
60593--------------------*/
60594/* This is the single variable that controls them all */
60595/* The size of page text */
60596/*-------------------
60597 Border Radius
60598--------------------*/
60599/* See Power-user section below
60600 for explanation of @px variables
60601*/
60602/*-------------------
60603 Brand Colors
60604--------------------*/
60605/*--------------
60606 Page Heading
60607---------------*/
60608/*--------------
60609 Form Input
60610---------------*/
60611/* This adjusts the default form input across all elements */
60612/* Input Text Color */
60613/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
60614/*-------------------
60615 Focused Input
60616--------------------*/
60617/* Used on inputs, textarea etc */
60618/* Used on dropdowns, other larger blocks */
60619/*-------------------
60620 Sizes
60621--------------------*/
60622/*
60623 Sizes are all expressed in terms of 14px/em (default em)
60624 This ensures these "ratios" remain constant despite changes in EM
60625*/
60626/*-------------------
60627 Page
60628--------------------*/
60629/*-------------------
60630 Paragraph
60631--------------------*/
60632/*-------------------
60633 Links
60634--------------------*/
60635/*-------------------
60636 Scroll Bars
60637--------------------*/
60638/* Inverted */
60639/*-------------------
60640 Highlighted Text
60641--------------------*/
60642/*-------------------
60643 Loader
60644--------------------*/
60645/*-------------------
60646 Grid
60647--------------------*/
60648/*-------------------
60649 Transitions
60650--------------------*/
60651/*-------------------
60652 Breakpoints
60653--------------------*/
60654/*-------------------
60655 Site Colors
60656--------------------*/
60657/*--- Colors ---*/
60658/*--- Light Colors ---*/
60659/*--- Neutrals ---*/
60660/*--- Colored Backgrounds ---*/
60661/*--- Colored Headers ---*/
60662/*--- Colored Text ---*/
60663/*--- Colored Border ---*/
60664/*-------------------
60665 Alpha Colors
60666--------------------*/
60667/*-------------------
60668 Accents
60669--------------------*/
60670/* Differentiating Neutrals */
60671/* Differentiating Layers */
60672/*******************************
60673 Power-User
60674*******************************/
60675/*-------------------
60676 Emotive Colors
60677--------------------*/
60678/* Positive */
60679/* Negative */
60680/* Info */
60681/* Warning */
60682/*-------------------
60683 Paths
60684--------------------*/
60685/* For source only. Modified in gulp for dist */
60686/*-------------------
60687 Em Sizes
60688--------------------*/
60689/*
60690 This rounds @size values to the closest pixel then expresses that value in (r)em.
60691 This ensures all size values round to exact pixels
60692*/
60693/* em */
60694/* rem */
60695/*-------------------
60696 Icons
60697--------------------*/
60698/* Maximum Glyph Width of Icon */
60699/*-------------------
60700 Neutral Text
60701--------------------*/
60702/*-------------------
60703 Brand Colors
60704--------------------*/
60705/*-------------------
60706 Borders
60707--------------------*/
60708/*-------------------
60709 Derived Values
60710--------------------*/
60711/* Loaders Position Offset */
60712/* Rendered Scrollbar Width */
60713/* Maximum Single Character Glyph Width, aka Capital "W" */
60714/* Used to match floats with text */
60715/* Header Spacing */
60716/* Minimum Mobile Width */
60717/* Positive / Negative Dupes */
60718/* Responsive */
60719/*-------------------
60720 Exact Pixel Values
60721--------------------*/
60722/*
60723 These are used to specify exact pixel values in em
60724 for things like borders that remain constantly
60725 sized as emSize adjusts
60726
60727 Since there are many more sizes than names for sizes,
60728 these are named by their original pixel values.
60729
60730*/
60731/* Columns */
60732/*******************************
60733 States
60734*******************************/
60735/*-------------------
60736 Disabled
60737--------------------*/
60738/*-------------------
60739 Hover
60740--------------------*/
60741/*--- Shadows ---*/
60742/*--- Colors ---*/
60743/*--- Emotive ---*/
60744/*--- Brand ---*/
60745/*--- Dark Tones ---*/
60746/*--- Light Tones ---*/
60747/*-------------------
60748 Focus
60749--------------------*/
60750/*--- Colors ---*/
60751/*--- Emotive ---*/
60752/*--- Brand ---*/
60753/*--- Dark Tones ---*/
60754/*--- Light Tones ---*/
60755/*-------------------
60756 Down (:active)
60757--------------------*/
60758/*--- Colors ---*/
60759/*--- Emotive ---*/
60760/*--- Brand ---*/
60761/*--- Dark Tones ---*/
60762/*--- Light Tones ---*/
60763/*-------------------
60764 Active
60765--------------------*/
60766/*--- Colors ---*/
60767/*--- Emotive ---*/
60768/*--- Brand ---*/
60769/*--- Dark Tones ---*/
60770/*--- Light Tones ---*/
60771/* Site theme site.variables */
60772/*-------------------
60773 Component Variables
60774---------------------*/
60775/* Default */
60776/*******************************
60777 Sticky
60778*******************************/
60779/* Packaged Theme */
60780/*******************************
60781 Sticky
60782*******************************/
60783/* Site Theme */
60784/*******************************
60785 Mix-ins
60786*******************************/
60787/*------------------
60788 Fonts
60789-------------------*/
60790/*------------------
60791 Overrides
60792-------------------*/
60793/* End Config */
60794/*******************************
60795 Sticky
60796*******************************/
60797.ui.sticky {
60798 position: static;
60799 transition: none;
60800 z-index: 800;
60801}
60802/*******************************
60803 States
60804*******************************/
60805/* Bound */
60806.ui.sticky.bound {
60807 position: absolute;
60808 left: auto;
60809 right: auto;
60810}
60811/* Fixed */
60812.ui.sticky.fixed {
60813 position: fixed;
60814 left: auto;
60815 right: auto;
60816}
60817/* Bound/Fixed Position */
60818.ui.sticky.bound.top,
60819.ui.sticky.fixed.top {
60820 top: 0px;
60821 bottom: auto;
60822}
60823.ui.sticky.bound.bottom,
60824.ui.sticky.fixed.bottom {
60825 top: auto;
60826 bottom: 0px;
60827}
60828/*******************************
60829 Types
60830*******************************/
60831.ui.native.sticky {
60832 position: -webkit-sticky;
60833 position: -moz-sticky;
60834 position: -ms-sticky;
60835 position: -o-sticky;
60836 position: sticky;
60837}
60838/*******************************
60839 Theme Overrides
60840*******************************/
60841/*!
60842 * # Semantic UI - Tab
60843 * http://github.com/semantic-org/semantic-ui/
60844 *
60845 *
60846 * Released under the MIT license
60847 * http://opensource.org/licenses/MIT
60848 *
60849 */
60850/*******************************
60851 Theme
60852*******************************/
60853/*
60854
60855████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
60856╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
60857 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
60858 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
60859 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
60860 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
60861
60862*/
60863/*******************************
60864 Theme Selection
60865*******************************/
60866/* To override a theme for an individual element
60867 specify theme name below
60868*/
60869/* Global */
60870/* Elements */
60871/* Collections */
60872/* Modules */
60873/* Views */
60874/*******************************
60875 Folders
60876*******************************/
60877/* Path to theme packages */
60878/* Path to site override folder */
60879/*******************************
60880 Import Theme
60881*******************************/
60882/*******************************
60883 Import Directives
60884*******************************/
60885/*------------------
60886 Theme
60887-------------------*/
60888/*--------------------
60889 Site Variables
60890---------------------*/
60891/* Default site.variables */
60892/*******************************
60893 Site Settings
60894*******************************/
60895/*-------------------
60896 Fonts
60897--------------------*/
60898/*-------------------
60899 Base Sizes
60900--------------------*/
60901/* This is the single variable that controls them all */
60902/* The size of page text */
60903/*-------------------
60904 Border Radius
60905--------------------*/
60906/* See Power-user section below
60907 for explanation of @px variables
60908*/
60909/*-------------------
60910 Brand Colors
60911--------------------*/
60912/*--------------
60913 Page Heading
60914---------------*/
60915/*--------------
60916 Form Input
60917---------------*/
60918/* This adjusts the default form input across all elements */
60919/* Input Text Color */
60920/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
60921/*-------------------
60922 Focused Input
60923--------------------*/
60924/* Used on inputs, textarea etc */
60925/* Used on dropdowns, other larger blocks */
60926/*-------------------
60927 Sizes
60928--------------------*/
60929/*
60930 Sizes are all expressed in terms of 14px/em (default em)
60931 This ensures these "ratios" remain constant despite changes in EM
60932*/
60933/*-------------------
60934 Page
60935--------------------*/
60936/*-------------------
60937 Paragraph
60938--------------------*/
60939/*-------------------
60940 Links
60941--------------------*/
60942/*-------------------
60943 Scroll Bars
60944--------------------*/
60945/* Inverted */
60946/*-------------------
60947 Highlighted Text
60948--------------------*/
60949/*-------------------
60950 Loader
60951--------------------*/
60952/*-------------------
60953 Grid
60954--------------------*/
60955/*-------------------
60956 Transitions
60957--------------------*/
60958/*-------------------
60959 Breakpoints
60960--------------------*/
60961/*-------------------
60962 Site Colors
60963--------------------*/
60964/*--- Colors ---*/
60965/*--- Light Colors ---*/
60966/*--- Neutrals ---*/
60967/*--- Colored Backgrounds ---*/
60968/*--- Colored Headers ---*/
60969/*--- Colored Text ---*/
60970/*--- Colored Border ---*/
60971/*-------------------
60972 Alpha Colors
60973--------------------*/
60974/*-------------------
60975 Accents
60976--------------------*/
60977/* Differentiating Neutrals */
60978/* Differentiating Layers */
60979/*******************************
60980 Power-User
60981*******************************/
60982/*-------------------
60983 Emotive Colors
60984--------------------*/
60985/* Positive */
60986/* Negative */
60987/* Info */
60988/* Warning */
60989/*-------------------
60990 Paths
60991--------------------*/
60992/* For source only. Modified in gulp for dist */
60993/*-------------------
60994 Em Sizes
60995--------------------*/
60996/*
60997 This rounds @size values to the closest pixel then expresses that value in (r)em.
60998 This ensures all size values round to exact pixels
60999*/
61000/* em */
61001/* rem */
61002/*-------------------
61003 Icons
61004--------------------*/
61005/* Maximum Glyph Width of Icon */
61006/*-------------------
61007 Neutral Text
61008--------------------*/
61009/*-------------------
61010 Brand Colors
61011--------------------*/
61012/*-------------------
61013 Borders
61014--------------------*/
61015/*-------------------
61016 Derived Values
61017--------------------*/
61018/* Loaders Position Offset */
61019/* Rendered Scrollbar Width */
61020/* Maximum Single Character Glyph Width, aka Capital "W" */
61021/* Used to match floats with text */
61022/* Header Spacing */
61023/* Minimum Mobile Width */
61024/* Positive / Negative Dupes */
61025/* Responsive */
61026/*-------------------
61027 Exact Pixel Values
61028--------------------*/
61029/*
61030 These are used to specify exact pixel values in em
61031 for things like borders that remain constantly
61032 sized as emSize adjusts
61033
61034 Since there are many more sizes than names for sizes,
61035 these are named by their original pixel values.
61036
61037*/
61038/* Columns */
61039/*******************************
61040 States
61041*******************************/
61042/*-------------------
61043 Disabled
61044--------------------*/
61045/*-------------------
61046 Hover
61047--------------------*/
61048/*--- Shadows ---*/
61049/*--- Colors ---*/
61050/*--- Emotive ---*/
61051/*--- Brand ---*/
61052/*--- Dark Tones ---*/
61053/*--- Light Tones ---*/
61054/*-------------------
61055 Focus
61056--------------------*/
61057/*--- Colors ---*/
61058/*--- Emotive ---*/
61059/*--- Brand ---*/
61060/*--- Dark Tones ---*/
61061/*--- Light Tones ---*/
61062/*-------------------
61063 Down (:active)
61064--------------------*/
61065/*--- Colors ---*/
61066/*--- Emotive ---*/
61067/*--- Brand ---*/
61068/*--- Dark Tones ---*/
61069/*--- Light Tones ---*/
61070/*-------------------
61071 Active
61072--------------------*/
61073/*--- Colors ---*/
61074/*--- Emotive ---*/
61075/*--- Brand ---*/
61076/*--- Dark Tones ---*/
61077/*--- Light Tones ---*/
61078/* Packaged site.variables */
61079/*******************************
61080 Site Settings
61081*******************************/
61082/*-------------------
61083 Fonts
61084--------------------*/
61085/*-------------------
61086 Base Sizes
61087--------------------*/
61088/* This is the single variable that controls them all */
61089/* The size of page text */
61090/*-------------------
61091 Border Radius
61092--------------------*/
61093/* See Power-user section below
61094 for explanation of @px variables
61095*/
61096/*-------------------
61097 Brand Colors
61098--------------------*/
61099/*--------------
61100 Page Heading
61101---------------*/
61102/*--------------
61103 Form Input
61104---------------*/
61105/* This adjusts the default form input across all elements */
61106/* Input Text Color */
61107/* Line Height Default For Inputs in Browser */
61108/*-------------------
61109 Focused Input
61110--------------------*/
61111/* Used on inputs, textarea etc */
61112/* Used on dropdowns, other larger blocks */
61113/*-------------------
61114 Sizes
61115--------------------*/
61116/*
61117 Sizes are all expressed in terms of 14px/em (default em)
61118 This ensures these "ratios" remain constant despite changes in EM
61119*/
61120/*-------------------
61121 Page
61122--------------------*/
61123/*-------------------
61124 Paragraph
61125--------------------*/
61126/*-------------------
61127 Links
61128--------------------*/
61129/*-------------------
61130 Highlighted Text
61131--------------------*/
61132/*-------------------
61133 Loader
61134--------------------*/
61135/*-------------------
61136 Grid
61137--------------------*/
61138/*-------------------
61139 Transitions
61140--------------------*/
61141/*-------------------
61142 Breakpoints
61143--------------------*/
61144/*-------------------
61145 Site Colors
61146--------------------*/
61147/*--- Colors ---*/
61148/*--- Light Colors ---*/
61149/*--- Neutrals ---*/
61150/*--- Colored Backgrounds ---*/
61151/*--- Colored Headers ---*/
61152/*--- Colored Text ---*/
61153/*--- Colored Border ---*/
61154/*-------------------
61155 Alpha Colors
61156--------------------*/
61157/*-------------------
61158 Accents
61159--------------------*/
61160/* Differentiating Neutrals */
61161/* Differentiating Layers */
61162/*******************************
61163 Power-User
61164*******************************/
61165/*-------------------
61166 Emotive Colors
61167--------------------*/
61168/* Positive */
61169/* Negative */
61170/* Info */
61171/* Warning */
61172/*-------------------
61173 Paths
61174--------------------*/
61175/* For source only. Modified in gulp for dist */
61176/*-------------------
61177 Em Sizes
61178--------------------*/
61179/*
61180 This rounds @size values to the closest pixel then expresses that value in (r)em.
61181 This ensures all size values round to exact pixels
61182*/
61183/* em */
61184/* rem */
61185/*-------------------
61186 Icons
61187--------------------*/
61188/* Maximum Glyph Width of Icon */
61189/*-------------------
61190 Neutral Text
61191--------------------*/
61192/*-------------------
61193 Brand Colors
61194--------------------*/
61195/*-------------------
61196 Borders
61197--------------------*/
61198/*-------------------
61199 Derived Values
61200--------------------*/
61201/* Loaders Position Offset */
61202/* Rendered Scrollbar Width */
61203/* Maximum Single Character Glyph Width, aka Capital "W" */
61204/* Used to match floats with text */
61205/* Header Spacing */
61206/* Minimum Mobile Width */
61207/* Positive / Negative Dupes */
61208/* Responsive */
61209/*-------------------
61210 Exact Pixel Values
61211--------------------*/
61212/*
61213 These are used to specify exact pixel values in em
61214 for things like borders that remain constantly
61215 sized as emSize adjusts
61216
61217 Since there are many more sizes than names for sizes,
61218 these are named by their original pixel values.
61219
61220*/
61221/* Columns */
61222/*******************************
61223 States
61224*******************************/
61225/*-------------------
61226 Disabled
61227--------------------*/
61228/*-------------------
61229 Hover
61230--------------------*/
61231/*--- Shadows ---*/
61232/*--- Colors ---*/
61233/* https://github.com/Tripwire/octagon/issues/144 */
61234/*--- Emotive ---*/
61235/*--- Brand ---*/
61236/*--- Dark Tones ---*/
61237/*--- Light Tones ---*/
61238/*-------------------
61239 Focus
61240--------------------*/
61241/*--- Colors ---*/
61242/*--- Emotive ---*/
61243/*--- Brand ---*/
61244/*--- Dark Tones ---*/
61245/*--- Light Tones ---*/
61246/*-------------------
61247 Down (:active)
61248--------------------*/
61249/*--- Colors ---*/
61250/*--- Emotive ---*/
61251/*--- Brand ---*/
61252/*--- Dark Tones ---*/
61253/*--- Light Tones ---*/
61254/*-------------------
61255 Active
61256--------------------*/
61257/*--- Colors ---*/
61258/*--- Emotive ---*/
61259/*--- Brand ---*/
61260/*--- Dark Tones ---*/
61261/*--- Light Tones ---*/
61262/* Component's site.variables */
61263/*******************************
61264 Site Settings
61265*******************************/
61266/*-------------------
61267 Fonts
61268--------------------*/
61269/*-------------------
61270 Base Sizes
61271--------------------*/
61272/* This is the single variable that controls them all */
61273/* The size of page text */
61274/*-------------------
61275 Border Radius
61276--------------------*/
61277/* See Power-user section below
61278 for explanation of @px variables
61279*/
61280/*-------------------
61281 Brand Colors
61282--------------------*/
61283/*--------------
61284 Page Heading
61285---------------*/
61286/*--------------
61287 Form Input
61288---------------*/
61289/* This adjusts the default form input across all elements */
61290/* Input Text Color */
61291/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
61292/*-------------------
61293 Focused Input
61294--------------------*/
61295/* Used on inputs, textarea etc */
61296/* Used on dropdowns, other larger blocks */
61297/*-------------------
61298 Sizes
61299--------------------*/
61300/*
61301 Sizes are all expressed in terms of 14px/em (default em)
61302 This ensures these "ratios" remain constant despite changes in EM
61303*/
61304/*-------------------
61305 Page
61306--------------------*/
61307/*-------------------
61308 Paragraph
61309--------------------*/
61310/*-------------------
61311 Links
61312--------------------*/
61313/*-------------------
61314 Scroll Bars
61315--------------------*/
61316/* Inverted */
61317/*-------------------
61318 Highlighted Text
61319--------------------*/
61320/*-------------------
61321 Loader
61322--------------------*/
61323/*-------------------
61324 Grid
61325--------------------*/
61326/*-------------------
61327 Transitions
61328--------------------*/
61329/*-------------------
61330 Breakpoints
61331--------------------*/
61332/*-------------------
61333 Site Colors
61334--------------------*/
61335/*--- Colors ---*/
61336/*--- Light Colors ---*/
61337/*--- Neutrals ---*/
61338/*--- Colored Backgrounds ---*/
61339/*--- Colored Headers ---*/
61340/*--- Colored Text ---*/
61341/*--- Colored Border ---*/
61342/*-------------------
61343 Alpha Colors
61344--------------------*/
61345/*-------------------
61346 Accents
61347--------------------*/
61348/* Differentiating Neutrals */
61349/* Differentiating Layers */
61350/*******************************
61351 Power-User
61352*******************************/
61353/*-------------------
61354 Emotive Colors
61355--------------------*/
61356/* Positive */
61357/* Negative */
61358/* Info */
61359/* Warning */
61360/*-------------------
61361 Paths
61362--------------------*/
61363/* For source only. Modified in gulp for dist */
61364/*-------------------
61365 Em Sizes
61366--------------------*/
61367/*
61368 This rounds @size values to the closest pixel then expresses that value in (r)em.
61369 This ensures all size values round to exact pixels
61370*/
61371/* em */
61372/* rem */
61373/*-------------------
61374 Icons
61375--------------------*/
61376/* Maximum Glyph Width of Icon */
61377/*-------------------
61378 Neutral Text
61379--------------------*/
61380/*-------------------
61381 Brand Colors
61382--------------------*/
61383/*-------------------
61384 Borders
61385--------------------*/
61386/*-------------------
61387 Derived Values
61388--------------------*/
61389/* Loaders Position Offset */
61390/* Rendered Scrollbar Width */
61391/* Maximum Single Character Glyph Width, aka Capital "W" */
61392/* Used to match floats with text */
61393/* Header Spacing */
61394/* Minimum Mobile Width */
61395/* Positive / Negative Dupes */
61396/* Responsive */
61397/*-------------------
61398 Exact Pixel Values
61399--------------------*/
61400/*
61401 These are used to specify exact pixel values in em
61402 for things like borders that remain constantly
61403 sized as emSize adjusts
61404
61405 Since there are many more sizes than names for sizes,
61406 these are named by their original pixel values.
61407
61408*/
61409/* Columns */
61410/*******************************
61411 States
61412*******************************/
61413/*-------------------
61414 Disabled
61415--------------------*/
61416/*-------------------
61417 Hover
61418--------------------*/
61419/*--- Shadows ---*/
61420/*--- Colors ---*/
61421/*--- Emotive ---*/
61422/*--- Brand ---*/
61423/*--- Dark Tones ---*/
61424/*--- Light Tones ---*/
61425/*-------------------
61426 Focus
61427--------------------*/
61428/*--- Colors ---*/
61429/*--- Emotive ---*/
61430/*--- Brand ---*/
61431/*--- Dark Tones ---*/
61432/*--- Light Tones ---*/
61433/*-------------------
61434 Down (:active)
61435--------------------*/
61436/*--- Colors ---*/
61437/*--- Emotive ---*/
61438/*--- Brand ---*/
61439/*--- Dark Tones ---*/
61440/*--- Light Tones ---*/
61441/*-------------------
61442 Active
61443--------------------*/
61444/*--- Colors ---*/
61445/*--- Emotive ---*/
61446/*--- Brand ---*/
61447/*--- Dark Tones ---*/
61448/*--- Light Tones ---*/
61449/* Site theme site.variables */
61450/*-------------------
61451 Component Variables
61452---------------------*/
61453/* Default */
61454/*******************************
61455 Tab
61456*******************************/
61457/* Loading */
61458/* Packaged Theme */
61459/*******************************
61460 Tab
61461*******************************/
61462/* Loading */
61463/* Site Theme */
61464/*******************************
61465 Mix-ins
61466*******************************/
61467/*------------------
61468 Fonts
61469-------------------*/
61470/*------------------
61471 Overrides
61472-------------------*/
61473/* End Config */
61474/*******************************
61475 UI Tabs
61476*******************************/
61477.ui.tab {
61478 display: none;
61479}
61480/*******************************
61481 States
61482*******************************/
61483/*--------------------
61484 Active
61485---------------------*/
61486.ui.tab.active,
61487.ui.tab.open {
61488 display: block;
61489}
61490/*--------------------
61491 Loading
61492---------------------*/
61493.ui.tab.loading {
61494 position: relative;
61495 overflow: hidden;
61496 display: block;
61497 min-height: 250px;
61498}
61499.ui.tab.loading * {
61500 position: relative !important;
61501 left: -10000px !important;
61502}
61503.ui.tab.loading:before,
61504.ui.tab.loading.segment:before {
61505 position: absolute;
61506 content: '';
61507 top: 100px;
61508 left: 50%;
61509 margin: -1.25em 0em 0em -1.25em;
61510 width: 2.5em;
61511 height: 2.5em;
61512 border-radius: 500rem;
61513 border: 0.2em solid rgba(0, 0, 0, 0.1);
61514}
61515.ui.tab.loading:after,
61516.ui.tab.loading.segment:after {
61517 position: absolute;
61518 content: '';
61519 top: 100px;
61520 left: 50%;
61521 margin: -1.25em 0em 0em -1.25em;
61522 width: 2.5em;
61523 height: 2.5em;
61524 animation: button-spin 0.6s linear;
61525 animation-iteration-count: infinite;
61526 border-radius: 500rem;
61527 border-color: #767676 transparent transparent;
61528 border-style: solid;
61529 border-width: 0.2em;
61530 box-shadow: 0px 0px 0px 1px transparent;
61531}
61532/*******************************
61533 Tab Overrides
61534*******************************/
61535/*!
61536 * # Semantic UI - Transition
61537 * http://github.com/semantic-org/semantic-ui/
61538 *
61539 *
61540 * Released under the MIT license
61541 * http://opensource.org/licenses/MIT
61542 *
61543 */
61544/*******************************
61545 Theme
61546*******************************/
61547/*
61548
61549████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
61550╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
61551 ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
61552 ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
61553 ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
61554 ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
61555
61556*/
61557/*******************************
61558 Theme Selection
61559*******************************/
61560/* To override a theme for an individual element
61561 specify theme name below
61562*/
61563/* Global */
61564/* Elements */
61565/* Collections */
61566/* Modules */
61567/* Views */
61568/*******************************
61569 Folders
61570*******************************/
61571/* Path to theme packages */
61572/* Path to site override folder */
61573/*******************************
61574 Import Theme
61575*******************************/
61576/*******************************
61577 Import Directives
61578*******************************/
61579/*------------------
61580 Theme
61581-------------------*/
61582/*--------------------
61583 Site Variables
61584---------------------*/
61585/* Default site.variables */
61586/*******************************
61587 Site Settings
61588*******************************/
61589/*-------------------
61590 Fonts
61591--------------------*/
61592/*-------------------
61593 Base Sizes
61594--------------------*/
61595/* This is the single variable that controls them all */
61596/* The size of page text */
61597/*-------------------
61598 Border Radius
61599--------------------*/
61600/* See Power-user section below
61601 for explanation of @px variables
61602*/
61603/*-------------------
61604 Brand Colors
61605--------------------*/
61606/*--------------
61607 Page Heading
61608---------------*/
61609/*--------------
61610 Form Input
61611---------------*/
61612/* This adjusts the default form input across all elements */
61613/* Input Text Color */
61614/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
61615/*-------------------
61616 Focused Input
61617--------------------*/
61618/* Used on inputs, textarea etc */
61619/* Used on dropdowns, other larger blocks */
61620/*-------------------
61621 Sizes
61622--------------------*/
61623/*
61624 Sizes are all expressed in terms of 14px/em (default em)
61625 This ensures these "ratios" remain constant despite changes in EM
61626*/
61627/*-------------------
61628 Page
61629--------------------*/
61630/*-------------------
61631 Paragraph
61632--------------------*/
61633/*-------------------
61634 Links
61635--------------------*/
61636/*-------------------
61637 Scroll Bars
61638--------------------*/
61639/* Inverted */
61640/*-------------------
61641 Highlighted Text
61642--------------------*/
61643/*-------------------
61644 Loader
61645--------------------*/
61646/*-------------------
61647 Grid
61648--------------------*/
61649/*-------------------
61650 Transitions
61651--------------------*/
61652/*-------------------
61653 Breakpoints
61654--------------------*/
61655/*-------------------
61656 Site Colors
61657--------------------*/
61658/*--- Colors ---*/
61659/*--- Light Colors ---*/
61660/*--- Neutrals ---*/
61661/*--- Colored Backgrounds ---*/
61662/*--- Colored Headers ---*/
61663/*--- Colored Text ---*/
61664/*--- Colored Border ---*/
61665/*-------------------
61666 Alpha Colors
61667--------------------*/
61668/*-------------------
61669 Accents
61670--------------------*/
61671/* Differentiating Neutrals */
61672/* Differentiating Layers */
61673/*******************************
61674 Power-User
61675*******************************/
61676/*-------------------
61677 Emotive Colors
61678--------------------*/
61679/* Positive */
61680/* Negative */
61681/* Info */
61682/* Warning */
61683/*-------------------
61684 Paths
61685--------------------*/
61686/* For source only. Modified in gulp for dist */
61687/*-------------------
61688 Em Sizes
61689--------------------*/
61690/*
61691 This rounds @size values to the closest pixel then expresses that value in (r)em.
61692 This ensures all size values round to exact pixels
61693*/
61694/* em */
61695/* rem */
61696/*-------------------
61697 Icons
61698--------------------*/
61699/* Maximum Glyph Width of Icon */
61700/*-------------------
61701 Neutral Text
61702--------------------*/
61703/*-------------------
61704 Brand Colors
61705--------------------*/
61706/*-------------------
61707 Borders
61708--------------------*/
61709/*-------------------
61710 Derived Values
61711--------------------*/
61712/* Loaders Position Offset */
61713/* Rendered Scrollbar Width */
61714/* Maximum Single Character Glyph Width, aka Capital "W" */
61715/* Used to match floats with text */
61716/* Header Spacing */
61717/* Minimum Mobile Width */
61718/* Positive / Negative Dupes */
61719/* Responsive */
61720/*-------------------
61721 Exact Pixel Values
61722--------------------*/
61723/*
61724 These are used to specify exact pixel values in em
61725 for things like borders that remain constantly
61726 sized as emSize adjusts
61727
61728 Since there are many more sizes than names for sizes,
61729 these are named by their original pixel values.
61730
61731*/
61732/* Columns */
61733/*******************************
61734 States
61735*******************************/
61736/*-------------------
61737 Disabled
61738--------------------*/
61739/*-------------------
61740 Hover
61741--------------------*/
61742/*--- Shadows ---*/
61743/*--- Colors ---*/
61744/*--- Emotive ---*/
61745/*--- Brand ---*/
61746/*--- Dark Tones ---*/
61747/*--- Light Tones ---*/
61748/*-------------------
61749 Focus
61750--------------------*/
61751/*--- Colors ---*/
61752/*--- Emotive ---*/
61753/*--- Brand ---*/
61754/*--- Dark Tones ---*/
61755/*--- Light Tones ---*/
61756/*-------------------
61757 Down (:active)
61758--------------------*/
61759/*--- Colors ---*/
61760/*--- Emotive ---*/
61761/*--- Brand ---*/
61762/*--- Dark Tones ---*/
61763/*--- Light Tones ---*/
61764/*-------------------
61765 Active
61766--------------------*/
61767/*--- Colors ---*/
61768/*--- Emotive ---*/
61769/*--- Brand ---*/
61770/*--- Dark Tones ---*/
61771/*--- Light Tones ---*/
61772/* Packaged site.variables */
61773/*******************************
61774 Site Settings
61775*******************************/
61776/*-------------------
61777 Fonts
61778--------------------*/
61779/*-------------------
61780 Base Sizes
61781--------------------*/
61782/* This is the single variable that controls them all */
61783/* The size of page text */
61784/*-------------------
61785 Border Radius
61786--------------------*/
61787/* See Power-user section below
61788 for explanation of @px variables
61789*/
61790/*-------------------
61791 Brand Colors
61792--------------------*/
61793/*--------------
61794 Page Heading
61795---------------*/
61796/*--------------
61797 Form Input
61798---------------*/
61799/* This adjusts the default form input across all elements */
61800/* Input Text Color */
61801/* Line Height Default For Inputs in Browser */
61802/*-------------------
61803 Focused Input
61804--------------------*/
61805/* Used on inputs, textarea etc */
61806/* Used on dropdowns, other larger blocks */
61807/*-------------------
61808 Sizes
61809--------------------*/
61810/*
61811 Sizes are all expressed in terms of 14px/em (default em)
61812 This ensures these "ratios" remain constant despite changes in EM
61813*/
61814/*-------------------
61815 Page
61816--------------------*/
61817/*-------------------
61818 Paragraph
61819--------------------*/
61820/*-------------------
61821 Links
61822--------------------*/
61823/*-------------------
61824 Highlighted Text
61825--------------------*/
61826/*-------------------
61827 Loader
61828--------------------*/
61829/*-------------------
61830 Grid
61831--------------------*/
61832/*-------------------
61833 Transitions
61834--------------------*/
61835/*-------------------
61836 Breakpoints
61837--------------------*/
61838/*-------------------
61839 Site Colors
61840--------------------*/
61841/*--- Colors ---*/
61842/*--- Light Colors ---*/
61843/*--- Neutrals ---*/
61844/*--- Colored Backgrounds ---*/
61845/*--- Colored Headers ---*/
61846/*--- Colored Text ---*/
61847/*--- Colored Border ---*/
61848/*-------------------
61849 Alpha Colors
61850--------------------*/
61851/*-------------------
61852 Accents
61853--------------------*/
61854/* Differentiating Neutrals */
61855/* Differentiating Layers */
61856/*******************************
61857 Power-User
61858*******************************/
61859/*-------------------
61860 Emotive Colors
61861--------------------*/
61862/* Positive */
61863/* Negative */
61864/* Info */
61865/* Warning */
61866/*-------------------
61867 Paths
61868--------------------*/
61869/* For source only. Modified in gulp for dist */
61870/*-------------------
61871 Em Sizes
61872--------------------*/
61873/*
61874 This rounds @size values to the closest pixel then expresses that value in (r)em.
61875 This ensures all size values round to exact pixels
61876*/
61877/* em */
61878/* rem */
61879/*-------------------
61880 Icons
61881--------------------*/
61882/* Maximum Glyph Width of Icon */
61883/*-------------------
61884 Neutral Text
61885--------------------*/
61886/*-------------------
61887 Brand Colors
61888--------------------*/
61889/*-------------------
61890 Borders
61891--------------------*/
61892/*-------------------
61893 Derived Values
61894--------------------*/
61895/* Loaders Position Offset */
61896/* Rendered Scrollbar Width */
61897/* Maximum Single Character Glyph Width, aka Capital "W" */
61898/* Used to match floats with text */
61899/* Header Spacing */
61900/* Minimum Mobile Width */
61901/* Positive / Negative Dupes */
61902/* Responsive */
61903/*-------------------
61904 Exact Pixel Values
61905--------------------*/
61906/*
61907 These are used to specify exact pixel values in em
61908 for things like borders that remain constantly
61909 sized as emSize adjusts
61910
61911 Since there are many more sizes than names for sizes,
61912 these are named by their original pixel values.
61913
61914*/
61915/* Columns */
61916/*******************************
61917 States
61918*******************************/
61919/*-------------------
61920 Disabled
61921--------------------*/
61922/*-------------------
61923 Hover
61924--------------------*/
61925/*--- Shadows ---*/
61926/*--- Colors ---*/
61927/* https://github.com/Tripwire/octagon/issues/144 */
61928/*--- Emotive ---*/
61929/*--- Brand ---*/
61930/*--- Dark Tones ---*/
61931/*--- Light Tones ---*/
61932/*-------------------
61933 Focus
61934--------------------*/
61935/*--- Colors ---*/
61936/*--- Emotive ---*/
61937/*--- Brand ---*/
61938/*--- Dark Tones ---*/
61939/*--- Light Tones ---*/
61940/*-------------------
61941 Down (:active)
61942--------------------*/
61943/*--- Colors ---*/
61944/*--- Emotive ---*/
61945/*--- Brand ---*/
61946/*--- Dark Tones ---*/
61947/*--- Light Tones ---*/
61948/*-------------------
61949 Active
61950--------------------*/
61951/*--- Colors ---*/
61952/*--- Emotive ---*/
61953/*--- Brand ---*/
61954/*--- Dark Tones ---*/
61955/*--- Light Tones ---*/
61956/* Component's site.variables */
61957/*******************************
61958 Site Settings
61959*******************************/
61960/*-------------------
61961 Fonts
61962--------------------*/
61963/*-------------------
61964 Base Sizes
61965--------------------*/
61966/* This is the single variable that controls them all */
61967/* The size of page text */
61968/*-------------------
61969 Border Radius
61970--------------------*/
61971/* See Power-user section below
61972 for explanation of @px variables
61973*/
61974/*-------------------
61975 Brand Colors
61976--------------------*/
61977/*--------------
61978 Page Heading
61979---------------*/
61980/*--------------
61981 Form Input
61982---------------*/
61983/* This adjusts the default form input across all elements */
61984/* Input Text Color */
61985/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
61986/*-------------------
61987 Focused Input
61988--------------------*/
61989/* Used on inputs, textarea etc */
61990/* Used on dropdowns, other larger blocks */
61991/*-------------------
61992 Sizes
61993--------------------*/
61994/*
61995 Sizes are all expressed in terms of 14px/em (default em)
61996 This ensures these "ratios" remain constant despite changes in EM
61997*/
61998/*-------------------
61999 Page
62000--------------------*/
62001/*-------------------
62002 Paragraph
62003--------------------*/
62004/*-------------------
62005 Links
62006--------------------*/
62007/*-------------------
62008 Scroll Bars
62009--------------------*/
62010/* Inverted */
62011/*-------------------
62012 Highlighted Text
62013--------------------*/
62014/*-------------------
62015 Loader
62016--------------------*/
62017/*-------------------
62018 Grid
62019--------------------*/
62020/*-------------------
62021 Transitions
62022--------------------*/
62023/*-------------------
62024 Breakpoints
62025--------------------*/
62026/*-------------------
62027 Site Colors
62028--------------------*/
62029/*--- Colors ---*/
62030/*--- Light Colors ---*/
62031/*--- Neutrals ---*/
62032/*--- Colored Backgrounds ---*/
62033/*--- Colored Headers ---*/
62034/*--- Colored Text ---*/
62035/*--- Colored Border ---*/
62036/*-------------------
62037 Alpha Colors
62038--------------------*/
62039/*-------------------
62040 Accents
62041--------------------*/
62042/* Differentiating Neutrals */
62043/* Differentiating Layers */
62044/*******************************
62045 Power-User
62046*******************************/
62047/*-------------------
62048 Emotive Colors
62049--------------------*/
62050/* Positive */
62051/* Negative */
62052/* Info */
62053/* Warning */
62054/*-------------------
62055 Paths
62056--------------------*/
62057/* For source only. Modified in gulp for dist */
62058/*-------------------
62059 Em Sizes
62060--------------------*/
62061/*
62062 This rounds @size values to the closest pixel then expresses that value in (r)em.
62063 This ensures all size values round to exact pixels
62064*/
62065/* em */
62066/* rem */
62067/*-------------------
62068 Icons
62069--------------------*/
62070/* Maximum Glyph Width of Icon */
62071/*-------------------
62072 Neutral Text
62073--------------------*/
62074/*-------------------
62075 Brand Colors
62076--------------------*/
62077/*-------------------
62078 Borders
62079--------------------*/
62080/*-------------------
62081 Derived Values
62082--------------------*/
62083/* Loaders Position Offset */
62084/* Rendered Scrollbar Width */
62085/* Maximum Single Character Glyph Width, aka Capital "W" */
62086/* Used to match floats with text */
62087/* Header Spacing */
62088/* Minimum Mobile Width */
62089/* Positive / Negative Dupes */
62090/* Responsive */
62091/*-------------------
62092 Exact Pixel Values
62093--------------------*/
62094/*
62095 These are used to specify exact pixel values in em
62096 for things like borders that remain constantly
62097 sized as emSize adjusts
62098
62099 Since there are many more sizes than names for sizes,
62100 these are named by their original pixel values.
62101
62102*/
62103/* Columns */
62104/*******************************
62105 States
62106*******************************/
62107/*-------------------
62108 Disabled
62109--------------------*/
62110/*-------------------
62111 Hover
62112--------------------*/
62113/*--- Shadows ---*/
62114/*--- Colors ---*/
62115/*--- Emotive ---*/
62116/*--- Brand ---*/
62117/*--- Dark Tones ---*/
62118/*--- Light Tones ---*/
62119/*-------------------
62120 Focus
62121--------------------*/
62122/*--- Colors ---*/
62123/*--- Emotive ---*/
62124/*--- Brand ---*/
62125/*--- Dark Tones ---*/
62126/*--- Light Tones ---*/
62127/*-------------------
62128 Down (:active)
62129--------------------*/
62130/*--- Colors ---*/
62131/*--- Emotive ---*/
62132/*--- Brand ---*/
62133/*--- Dark Tones ---*/
62134/*--- Light Tones ---*/
62135/*-------------------
62136 Active
62137--------------------*/
62138/*--- Colors ---*/
62139/*--- Emotive ---*/
62140/*--- Brand ---*/
62141/*--- Dark Tones ---*/
62142/*--- Light Tones ---*/
62143/* Site theme site.variables */
62144/*-------------------
62145 Component Variables
62146---------------------*/
62147/* Default */
62148/*******************************
62149 Transition
62150*******************************/
62151/* Packaged Theme */
62152/*******************************
62153 Transition
62154*******************************/
62155/* Site Theme */
62156/*******************************
62157 Mix-ins
62158*******************************/
62159/*------------------
62160 Fonts
62161-------------------*/
62162/*------------------
62163 Overrides
62164-------------------*/
62165/* End Config */
62166/*******************************
62167 Transitions
62168*******************************/
62169.transition {
62170 animation-iteration-count: 1;
62171 animation-duration: 300ms;
62172 animation-timing-function: ease;
62173 animation-fill-mode: both;
62174}
62175/*******************************
62176 States
62177*******************************/
62178/* Animating */
62179.animating.transition {
62180 backface-visibility: hidden;
62181 visibility: visible !important;
62182}
62183/* Loading */
62184.loading.transition {
62185 position: absolute;
62186 top: -99999px;
62187 left: -99999px;
62188}
62189/* Hidden */
62190.hidden.transition {
62191 display: none;
62192 visibility: hidden;
62193}
62194/* Visible */
62195.visible.transition {
62196 display: block !important;
62197 visibility: visible !important;
62198 /* backface-visibility: @backfaceVisibility;
62199 transform: @use3DAcceleration;*/
62200}
62201/* Disabled */
62202.disabled.transition {
62203 animation-play-state: paused;
62204}
62205/*******************************
62206 Variations
62207*******************************/
62208.looping.transition {
62209 animation-iteration-count: infinite;
62210}
62211/*******************************
62212 Transitions
62213*******************************/
62214/*
62215 Some transitions adapted from Animate CSS
62216 https://github.com/daneden/animate.css
62217
62218 Additional transitions adapted from Glide
62219 by Nick Pettit - https://github.com/nickpettit/glide
62220*/
62221/*--------------
62222 Browse
62223---------------*/
62224.transition.browse {
62225 animation-duration: 500ms;
62226}
62227.transition.browse.in {
62228 animation-name: browseIn;
62229}
62230.transition.browse.out,
62231.transition.browse.left.out {
62232 animation-name: browseOutLeft;
62233}
62234.transition.browse.right.out {
62235 animation-name: browseOutRight;
62236}
62237/* In */
62238@keyframes browseIn {
62239 0% {
62240 transform: scale(0.8) translateZ(0px);
62241 z-index: -1;
62242 }
62243 10% {
62244 transform: scale(0.8) translateZ(0px);
62245 z-index: -1;
62246 opacity: 0.7;
62247 }
62248 80% {
62249 transform: scale(1.05) translateZ(0px);
62250 opacity: 1;
62251 z-index: 999;
62252 }
62253 100% {
62254 transform: scale(1) translateZ(0px);
62255 z-index: 999;
62256 }
62257}
62258/* Out */
62259@keyframes browseOutLeft {
62260 0% {
62261 z-index: 999;
62262 transform: translateX(0%) rotateY(0deg) rotateX(0deg);
62263 }
62264 50% {
62265 z-index: -1;
62266 transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
62267 }
62268 80% {
62269 opacity: 1;
62270 }
62271 100% {
62272 z-index: -1;
62273 transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
62274 opacity: 0;
62275 }
62276}
62277@keyframes browseOutRight {
62278 0% {
62279 z-index: 999;
62280 transform: translateX(0%) rotateY(0deg) rotateX(0deg);
62281 }
62282 50% {
62283 z-index: 1;
62284 transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
62285 }
62286 80% {
62287 opacity: 1;
62288 }
62289 100% {
62290 z-index: 1;
62291 transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
62292 opacity: 0;
62293 }
62294}
62295/*--------------
62296 Drop
62297---------------*/
62298.drop.transition {
62299 transform-origin: top center;
62300 animation-duration: 400ms;
62301 animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
62302}
62303.drop.transition.in {
62304 animation-name: dropIn;
62305}
62306.drop.transition.out {
62307 animation-name: dropOut;
62308}
62309/* Drop */
62310@keyframes dropIn {
62311 0% {
62312 opacity: 0;
62313 transform: scale(0);
62314 }
62315 100% {
62316 opacity: 1;
62317 transform: scale(1);
62318 }
62319}
62320@keyframes dropOut {
62321 0% {
62322 opacity: 1;
62323 transform: scale(1);
62324 }
62325 100% {
62326 opacity: 0;
62327 transform: scale(0);
62328 }
62329}
62330/*--------------
62331 Fade
62332---------------*/
62333.transition.fade.in {
62334 animation-name: fadeIn;
62335}
62336.transition[class*="fade up"].in {
62337 animation-name: fadeInUp;
62338}
62339.transition[class*="fade down"].in {
62340 animation-name: fadeInDown;
62341}
62342.transition[class*="fade left"].in {
62343 animation-name: fadeInLeft;
62344}
62345.transition[class*="fade right"].in {
62346 animation-name: fadeInRight;
62347}
62348.transition.fade.out {
62349 animation-name: fadeOut;
62350}
62351.transition[class*="fade up"].out {
62352 animation-name: fadeOutUp;
62353}
62354.transition[class*="fade down"].out {
62355 animation-name: fadeOutDown;
62356}
62357.transition[class*="fade left"].out {
62358 animation-name: fadeOutLeft;
62359}
62360.transition[class*="fade right"].out {
62361 animation-name: fadeOutRight;
62362}
62363/* In */
62364@keyframes fadeIn {
62365 0% {
62366 opacity: 0;
62367 }
62368 100% {
62369 opacity: 1;
62370 }
62371}
62372@keyframes fadeInUp {
62373 0% {
62374 opacity: 0;
62375 transform: translateY(10%);
62376 }
62377 100% {
62378 opacity: 1;
62379 transform: translateY(0%);
62380 }
62381}
62382@keyframes fadeInDown {
62383 0% {
62384 opacity: 0;
62385 transform: translateY(-10%);
62386 }
62387 100% {
62388 opacity: 1;
62389 transform: translateY(0%);
62390 }
62391}
62392@keyframes fadeInLeft {
62393 0% {
62394 opacity: 0;
62395 transform: translateX(10%);
62396 }
62397 100% {
62398 opacity: 1;
62399 transform: translateX(0%);
62400 }
62401}
62402@keyframes fadeInRight {
62403 0% {
62404 opacity: 0;
62405 transform: translateX(-10%);
62406 }
62407 100% {
62408 opacity: 1;
62409 transform: translateX(0%);
62410 }
62411}
62412/* Out */
62413@keyframes fadeOut {
62414 0% {
62415 opacity: 1;
62416 }
62417 100% {
62418 opacity: 0;
62419 }
62420}
62421@keyframes fadeOutUp {
62422 0% {
62423 opacity: 1;
62424 transform: translateY(0%);
62425 }
62426 100% {
62427 opacity: 0;
62428 transform: translateY(5%);
62429 }
62430}
62431@keyframes fadeOutDown {
62432 0% {
62433 opacity: 1;
62434 transform: translateY(0%);
62435 }
62436 100% {
62437 opacity: 0;
62438 transform: translateY(-5%);
62439 }
62440}
62441@keyframes fadeOutLeft {
62442 0% {
62443 opacity: 1;
62444 transform: translateX(0%);
62445 }
62446 100% {
62447 opacity: 0;
62448 transform: translateX(5%);
62449 }
62450}
62451@keyframes fadeOutRight {
62452 0% {
62453 opacity: 1;
62454 transform: translateX(0%);
62455 }
62456 100% {
62457 opacity: 0;
62458 transform: translateX(-5%);
62459 }
62460}
62461/*--------------
62462 Flips
62463---------------*/
62464.flip.transition.in,
62465.flip.transition.out {
62466 animation-duration: 600ms;
62467}
62468.horizontal.flip.transition.in {
62469 animation-name: horizontalFlipIn;
62470}
62471.horizontal.flip.transition.out {
62472 animation-name: horizontalFlipOut;
62473}
62474.vertical.flip.transition.in {
62475 animation-name: verticalFlipIn;
62476}
62477.vertical.flip.transition.out {
62478 animation-name: verticalFlipOut;
62479}
62480/* In */
62481@keyframes horizontalFlipIn {
62482 0% {
62483 transform: perspective(2000px) rotateY(-90deg);
62484 opacity: 0;
62485 }
62486 100% {
62487 transform: perspective(2000px) rotateY(0deg);
62488 opacity: 1;
62489 }
62490}
62491@keyframes verticalFlipIn {
62492 0% {
62493 transform: perspective(2000px) rotateX(-90deg);
62494 opacity: 0;
62495 }
62496 100% {
62497 transform: perspective(2000px) rotateX(0deg);
62498 opacity: 1;
62499 }
62500}
62501/* Out */
62502@keyframes horizontalFlipOut {
62503 0% {
62504 transform: perspective(2000px) rotateY(0deg);
62505 opacity: 1;
62506 }
62507 100% {
62508 transform: perspective(2000px) rotateY(90deg);
62509 opacity: 0;
62510 }
62511}
62512@keyframes verticalFlipOut {
62513 0% {
62514 transform: perspective(2000px) rotateX(0deg);
62515 opacity: 1;
62516 }
62517 100% {
62518 transform: perspective(2000px) rotateX(-90deg);
62519 opacity: 0;
62520 }
62521}
62522/*--------------
62523 Scale
62524---------------*/
62525.scale.transition.in {
62526 animation-name: scaleIn;
62527}
62528.scale.transition.out {
62529 animation-name: scaleOut;
62530}
62531@keyframes scaleIn {
62532 0% {
62533 opacity: 0;
62534 transform: scale(0.8);
62535 }
62536 100% {
62537 opacity: 1;
62538 transform: scale(1);
62539 }
62540}
62541/* Out */
62542@keyframes scaleOut {
62543 0% {
62544 opacity: 1;
62545 transform: scale(1);
62546 }
62547 100% {
62548 opacity: 0;
62549 transform: scale(0.9);
62550 }
62551}
62552/*--------------
62553 Fly
62554---------------*/
62555/* Inward */
62556.transition.fly {
62557 animation-duration: 0.6s;
62558 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
62559}
62560.transition.fly.in {
62561 animation-name: flyIn;
62562}
62563.transition[class*="fly up"].in {
62564 animation-name: flyInUp;
62565}
62566.transition[class*="fly down"].in {
62567 animation-name: flyInDown;
62568}
62569.transition[class*="fly left"].in {
62570 animation-name: flyInLeft;
62571}
62572.transition[class*="fly right"].in {
62573 animation-name: flyInRight;
62574}
62575/* Outward */
62576.transition.fly.out {
62577 animation-name: flyOut;
62578}
62579.transition[class*="fly up"].out {
62580 animation-name: flyOutUp;
62581}
62582.transition[class*="fly down"].out {
62583 animation-name: flyOutDown;
62584}
62585.transition[class*="fly left"].out {
62586 animation-name: flyOutLeft;
62587}
62588.transition[class*="fly right"].out {
62589 animation-name: flyOutRight;
62590}
62591/* In */
62592@keyframes flyIn {
62593 0% {
62594 opacity: 0;
62595 transform: scale3d(0.3, 0.3, 0.3);
62596 }
62597 20% {
62598 transform: scale3d(1.1, 1.1, 1.1);
62599 }
62600 40% {
62601 transform: scale3d(0.9, 0.9, 0.9);
62602 }
62603 60% {
62604 opacity: 1;
62605 transform: scale3d(1.03, 1.03, 1.03);
62606 }
62607 80% {
62608 transform: scale3d(0.97, 0.97, 0.97);
62609 }
62610 100% {
62611 opacity: 1;
62612 transform: scale3d(1, 1, 1);
62613 }
62614}
62615@keyframes flyInUp {
62616 0% {
62617 opacity: 0;
62618 transform: translate3d(0, 1500px, 0);
62619 }
62620 60% {
62621 opacity: 1;
62622 transform: translate3d(0, -20px, 0);
62623 }
62624 75% {
62625 transform: translate3d(0, 10px, 0);
62626 }
62627 90% {
62628 transform: translate3d(0, -5px, 0);
62629 }
62630 100% {
62631 transform: translate3d(0, 0, 0);
62632 }
62633}
62634@keyframes flyInDown {
62635 0% {
62636 opacity: 0;
62637 transform: translate3d(0, -1500px, 0);
62638 }
62639 60% {
62640 opacity: 1;
62641 transform: translate3d(0, 25px, 0);
62642 }
62643 75% {
62644 transform: translate3d(0, -10px, 0);
62645 }
62646 90% {
62647 transform: translate3d(0, 5px, 0);
62648 }
62649 100% {
62650 transform: none;
62651 }
62652}
62653@keyframes flyInLeft {
62654 0% {
62655 opacity: 0;
62656 transform: translate3d(1500px, 0, 0);
62657 }
62658 60% {
62659 opacity: 1;
62660 transform: translate3d(-25px, 0, 0);
62661 }
62662 75% {
62663 transform: translate3d(10px, 0, 0);
62664 }
62665 90% {
62666 transform: translate3d(-5px, 0, 0);
62667 }
62668 100% {
62669 transform: none;
62670 }
62671}
62672@keyframes flyInRight {
62673 0% {
62674 opacity: 0;
62675 transform: translate3d(-1500px, 0, 0);
62676 }
62677 60% {
62678 opacity: 1;
62679 transform: translate3d(25px, 0, 0);
62680 }
62681 75% {
62682 transform: translate3d(-10px, 0, 0);
62683 }
62684 90% {
62685 transform: translate3d(5px, 0, 0);
62686 }
62687 100% {
62688 transform: none;
62689 }
62690}
62691/* Out */
62692@keyframes flyOut {
62693 20% {
62694 transform: scale3d(0.9, 0.9, 0.9);
62695 }
62696 50%,
62697 55% {
62698 opacity: 1;
62699 transform: scale3d(1.1, 1.1, 1.1);
62700 }
62701 100% {
62702 opacity: 0;
62703 transform: scale3d(0.3, 0.3, 0.3);
62704 }
62705}
62706@keyframes flyOutUp {
62707 20% {
62708 transform: translate3d(0, 10px, 0);
62709 }
62710 40%,
62711 45% {
62712 opacity: 1;
62713 transform: translate3d(0, -20px, 0);
62714 }
62715 100% {
62716 opacity: 0;
62717 transform: translate3d(0, 2000px, 0);
62718 }
62719}
62720@keyframes flyOutDown {
62721 20% {
62722 transform: translate3d(0, -10px, 0);
62723 }
62724 40%,
62725 45% {
62726 opacity: 1;
62727 transform: translate3d(0, 20px, 0);
62728 }
62729 100% {
62730 opacity: 0;
62731 transform: translate3d(0, -2000px, 0);
62732 }
62733}
62734@keyframes flyOutRight {
62735 20% {
62736 opacity: 1;
62737 transform: translate3d(20px, 0, 0);
62738 }
62739 100% {
62740 opacity: 0;
62741 transform: translate3d(-2000px, 0, 0);
62742 }
62743}
62744@keyframes flyOutLeft {
62745 20% {
62746 opacity: 1;
62747 transform: translate3d(-20px, 0, 0);
62748 }
62749 100% {
62750 opacity: 0;
62751 transform: translate3d(2000px, 0, 0);
62752 }
62753}
62754/*--------------
62755 Slide
62756---------------*/
62757.transition.slide.in,
62758.transition[class*="slide down"].in {
62759 animation-name: slideInY;
62760 transform-origin: top center;
62761}
62762.transition[class*="slide up"].in {
62763 animation-name: slideInY;
62764 transform-origin: bottom center;
62765}
62766.transition[class*="slide left"].in {
62767 animation-name: slideInX;
62768 transform-origin: center right;
62769}
62770.transition[class*="slide right"].in {
62771 animation-name: slideInX;
62772 transform-origin: center left;
62773}
62774.transition.slide.out,
62775.transition[class*="slide down"].out {
62776 animation-name: slideOutY;
62777 transform-origin: top center;
62778}
62779.transition[class*="slide up"].out {
62780 animation-name: slideOutY;
62781 transform-origin: bottom center;
62782}
62783.transition[class*="slide left"].out {
62784 animation-name: slideOutX;
62785 transform-origin: center right;
62786}
62787.transition[class*="slide right"].out {
62788 animation-name: slideOutX;
62789 transform-origin: center left;
62790}
62791/* In */
62792@keyframes slideInY {
62793 0% {
62794 opacity: 0;
62795 transform: scaleY(0);
62796 }
62797 100% {
62798 opacity: 1;
62799 transform: scaleY(1);
62800 }
62801}
62802@keyframes slideInX {
62803 0% {
62804 opacity: 0;
62805 transform: scaleX(0);
62806 }
62807 100% {
62808 opacity: 1;
62809 transform: scaleX(1);
62810 }
62811}
62812/* Out */
62813@keyframes slideOutY {
62814 0% {
62815 opacity: 1;
62816 transform: scaleY(1);
62817 }
62818 100% {
62819 opacity: 0;
62820 transform: scaleY(0);
62821 }
62822}
62823@keyframes slideOutX {
62824 0% {
62825 opacity: 1;
62826 transform: scaleX(1);
62827 }
62828 100% {
62829 opacity: 0;
62830 transform: scaleX(0);
62831 }
62832}
62833/*--------------
62834 Swing
62835---------------*/
62836.transition.swing {
62837 animation-duration: 800ms;
62838}
62839.transition[class*="swing down"].in {
62840 animation-name: swingInX;
62841 transform-origin: top center;
62842}
62843.transition[class*="swing up"].in {
62844 animation-name: swingInX;
62845 transform-origin: bottom center;
62846}
62847.transition[class*="swing left"].in {
62848 animation-name: swingInY;
62849 transform-origin: center right;
62850}
62851.transition[class*="swing right"].in {
62852 animation-name: swingInY;
62853 transform-origin: center left;
62854}
62855.transition.swing.out,
62856.transition[class*="swing down"].out {
62857 animation-name: swingOutX;
62858 transform-origin: top center;
62859}
62860.transition[class*="swing up"].out {
62861 animation-name: swingOutX;
62862 transform-origin: bottom center;
62863}
62864.transition[class*="swing left"].out {
62865 animation-name: swingOutY;
62866 transform-origin: center right;
62867}
62868.transition[class*="swing right"].out {
62869 animation-name: swingOutY;
62870 transform-origin: center left;
62871}
62872/* In */
62873@keyframes swingInX {
62874 0% {
62875 transform: perspective(1000px) rotateX(90deg);
62876 opacity: 0;
62877 }
62878 40% {
62879 transform: perspective(1000px) rotateX(-30deg);
62880 opacity: 1;
62881 }
62882 60% {
62883 transform: perspective(1000px) rotateX(15deg);
62884 }
62885 80% {
62886 transform: perspective(1000px) rotateX(-7.5deg);
62887 }
62888 100% {
62889 transform: perspective(1000px) rotateX(0deg);
62890 }
62891}
62892@keyframes swingInY {
62893 0% {
62894 transform: perspective(1000px) rotateY(-90deg);
62895 opacity: 0;
62896 }
62897 40% {
62898 transform: perspective(1000px) rotateY(30deg);
62899 opacity: 1;
62900 }
62901 60% {
62902 transform: perspective(1000px) rotateY(-17.5deg);
62903 }
62904 80% {
62905 transform: perspective(1000px) rotateY(7.5deg);
62906 }
62907 100% {
62908 transform: perspective(1000px) rotateY(0deg);
62909 }
62910}
62911/* Out */
62912@keyframes swingOutX {
62913 0% {
62914 transform: perspective(1000px) rotateX(0deg);
62915 }
62916 40% {
62917 transform: perspective(1000px) rotateX(-7.5deg);
62918 }
62919 60% {
62920 transform: perspective(1000px) rotateX(17.5deg);
62921 }
62922 80% {
62923 transform: perspective(1000px) rotateX(-30deg);
62924 opacity: 1;
62925 }
62926 100% {
62927 transform: perspective(1000px) rotateX(90deg);
62928 opacity: 0;
62929 }
62930}
62931@keyframes swingOutY {
62932 0% {
62933 transform: perspective(1000px) rotateY(0deg);
62934 }
62935 40% {
62936 transform: perspective(1000px) rotateY(7.5deg);
62937 }
62938 60% {
62939 transform: perspective(1000px) rotateY(-10deg);
62940 }
62941 80% {
62942 transform: perspective(1000px) rotateY(30deg);
62943 opacity: 1;
62944 }
62945 100% {
62946 transform: perspective(1000px) rotateY(-90deg);
62947 opacity: 0;
62948 }
62949}
62950/*--------------
62951 Zoom
62952---------------*/
62953.transition.zoom.in {
62954 animation-name: zoomIn;
62955}
62956.transition.zoom.out {
62957 animation-name: zoomOut;
62958}
62959@keyframes zoomIn {
62960 0% {
62961 opacity: 1;
62962 transform: scale(0);
62963 }
62964 100% {
62965 opacity: 1;
62966 transform: scale(1);
62967 }
62968}
62969@keyframes zoomOut {
62970 0% {
62971 opacity: 1;
62972 transform: scale(1);
62973 }
62974 100% {
62975 opacity: 1;
62976 transform: scale(0);
62977 }
62978}
62979/*******************************
62980 Static Animations
62981*******************************/
62982/*--------------
62983 Emphasis
62984---------------*/
62985.flash.transition {
62986 animation-duration: 750ms;
62987 animation-name: flash;
62988}
62989.shake.transition {
62990 animation-duration: 750ms;
62991 animation-name: shake;
62992}
62993.bounce.transition {
62994 animation-duration: 750ms;
62995 animation-name: bounce;
62996}
62997.tada.transition {
62998 animation-duration: 750ms;
62999 animation-name: tada;
63000}
63001.pulse.transition {
63002 animation-duration: 500ms;
63003 animation-name: pulse;
63004}
63005.jiggle.transition {
63006 animation-duration: 750ms;
63007 animation-name: jiggle;
63008}
63009.transition.glow {
63010 animation-duration: 2000ms;
63011 animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
63012}
63013.transition.glow {
63014 animation-name: glow;
63015}
63016/* Flash */
63017@keyframes flash {
63018 0%,
63019 50%,
63020 100% {
63021 opacity: 1;
63022 }
63023 25%,
63024 75% {
63025 opacity: 0;
63026 }
63027}
63028/* Shake */
63029@keyframes shake {
63030 0%,
63031 100% {
63032 transform: translateX(0);
63033 }
63034 10%,
63035 30%,
63036 50%,
63037 70%,
63038 90% {
63039 transform: translateX(-10px);
63040 }
63041 20%,
63042 40%,
63043 60%,
63044 80% {
63045 transform: translateX(10px);
63046 }
63047}
63048/* Bounce */
63049@keyframes bounce {
63050 0%,
63051 20%,
63052 50%,
63053 80%,
63054 100% {
63055 transform: translateY(0);
63056 }
63057 40% {
63058 transform: translateY(-30px);
63059 }
63060 60% {
63061 transform: translateY(-15px);
63062 }
63063}
63064/* Tada */
63065@keyframes tada {
63066 0% {
63067 transform: scale(1);
63068 }
63069 10%,
63070 20% {
63071 transform: scale(0.9) rotate(-3deg);
63072 }
63073 30%,
63074 50%,
63075 70%,
63076 90% {
63077 transform: scale(1.1) rotate(3deg);
63078 }
63079 40%,
63080 60%,
63081 80% {
63082 transform: scale(1.1) rotate(-3deg);
63083 }
63084 100% {
63085 transform: scale(1) rotate(0);
63086 }
63087}
63088/* Pulse */
63089@keyframes pulse {
63090 0% {
63091 transform: scale(1);
63092 opacity: 1;
63093 }
63094 50% {
63095 transform: scale(0.9);
63096 opacity: 0.7;
63097 }
63098 100% {
63099 transform: scale(1);
63100 opacity: 1;
63101 }
63102}
63103/* Jiggle */
63104@keyframes jiggle {
63105 0% {
63106 transform: scale3d(1, 1, 1);
63107 }
63108 30% {
63109 transform: scale3d(1.25, 0.75, 1);
63110 }
63111 40% {
63112 transform: scale3d(0.75, 1.25, 1);
63113 }
63114 50% {
63115 transform: scale3d(1.15, 0.85, 1);
63116 }
63117 65% {
63118 transform: scale3d(0.95, 1.05, 1);
63119 }
63120 75% {
63121 transform: scale3d(1.05, 0.95, 1);
63122 }
63123 100% {
63124 transform: scale3d(1, 1, 1);
63125 }
63126}
63127/* Glow */
63128@keyframes glow {
63129 0% {
63130 background-color: #FCFCFD;
63131 }
63132 30% {
63133 background-color: #FFF6CD;
63134 }
63135 100% {
63136 background-color: #FCFCFD;
63137 }
63138}