Laclic
/
ActesCitoyens
Watch 4
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17 Commits
3 Branches
Tree: 54655e6673
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '54655e6673'
${ noResults }
ActesCitoyens/public/assets/semantic/semantic.css

40304 lines
809KB
Raw Blame History 

  1.  /*

  2.  * # Semantic UI - 2.4.0

  3.  * https://github.com/Semantic-Org/Semantic-UI

  4.  * http://www.semantic-ui.com/

  5.  *

  6.  * Copyright 2014 Contributors

  7.  * Released under the MIT license

  8.  * http://opensource.org/licenses/MIT

  9.  *

  10.  */

  11. @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');

  12. /*!

  13.  * # Semantic UI 2.4.0 - Reset

  14.  * http://github.com/semantic-org/semantic-ui/

  15.  *

  16.  *

  17.  * Released under the MIT license

  18.  * http://opensource.org/licenses/MIT

  19.  *

  20.  */

  21. 

  22. /*******************************

  23.              Reset

  24. *******************************/

  25. 

  26. /* Border-Box */

  27. 

  28. *,

  29. *:before,

  30. *:after {

  31.   -webkit-box-sizing: inherit;

  32.   box-sizing: inherit;

  33. }

  34. 

  35. html {

  36.   -webkit-box-sizing: border-box;

  37.   box-sizing: border-box;

  38. }

  39. 

  40. /* iPad Input Shadows */

  41. 

  42. input[type="text"],

  43. input[type="email"],

  44. input[type="search"],

  45. input[type="password"] {

  46.   -webkit-appearance: none;

  47.   -moz-appearance: none;

  48.   /* mobile firefox too! */

  49. }

  50. 

  51. /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

  52. 

  53. /* Document

  54.    ========================================================================== */

  55. 

  56. /**

  57.  * 1. Correct the line height in all browsers.

  58.  * 2. Prevent adjustments of font size after orientation changes in

  59.  *    IE on Windows Phone and in iOS.

  60.  */

  61. 

  62. html {

  63.   line-height: 1.15;

  64.   /* 1 */

  65.   -ms-text-size-adjust: 100%;

  66.   /* 2 */

  67.   -webkit-text-size-adjust: 100%;

  68.   /* 2 */

  69. }

  70. 

  71. /* Sections

  72.    ========================================================================== */

  73. 

  74. /**

  75.  * Remove the margin in all browsers (opinionated).

  76.  */

  77. 

  78. body {

  79.   margin: 0;

  80. }

  81. 

  82. /**

  83.  * Add the correct display in IE 9-.

  84.  */

  85. 

  86. article,

  87. aside,

  88. footer,

  89. header,

  90. nav,

  91. section {

  92.   display: block;

  93. }

  94. 

  95. /**

  96.  * Correct the font size and margin on `h1` elements within `section` and

  97.  * `article` contexts in Chrome, Firefox, and Safari.

  98.  */

  99. 

  100. h1 {

  101.   font-size: 2em;

  102.   margin: 0.67em 0;

  103. }

  104. 

  105. /* Grouping content

  106.    ========================================================================== */

  107. 

  108. /**

  109.  * Add the correct display in IE 9-.

  110.  * 1. Add the correct display in IE.

  111.  */

  112. 

  113. figcaption,

  114. figure,

  115. main {

  116.   /* 1 */

  117.   display: block;

  118. }

  119. 

  120. /**

  121.  * Add the correct margin in IE 8.

  122.  */

  123. 

  124. figure {

  125.   margin: 1em 40px;

  126. }

  127. 

  128. /**

  129.  * 1. Add the correct box sizing in Firefox.

  130.  * 2. Show the overflow in Edge and IE.

  131.  */

  132. 

  133. hr {

  134.   -webkit-box-sizing: content-box;

  135.   box-sizing: content-box;

  136.   /* 1 */

  137.   height: 0;

  138.   /* 1 */

  139.   overflow: visible;

  140.   /* 2 */

  141. }

  142. 

  143. /**

  144.  * 1. Correct the inheritance and scaling of font size in all browsers.

  145.  * 2. Correct the odd `em` font sizing in all browsers.

  146.  */

  147. 

  148. pre {

  149.   font-family: monospace, monospace;

  150.   /* 1 */

  151.   font-size: 1em;

  152.   /* 2 */

  153. }

  154. 

  155. /* Text-level semantics

  156.    ========================================================================== */

  157. 

  158. /**

  159.  * 1. Remove the gray background on active links in IE 10.

  160.  * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.

  161.  */

  162. 

  163. a {

  164.   background-color: transparent;

  165.   /* 1 */

  166.   -webkit-text-decoration-skip: objects;

  167.   /* 2 */

  168. }

  169. 

  170. /**

  171.  * 1. Remove the bottom border in Chrome 57- and Firefox 39-.

  172.  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

  173.  */

  174. 

  175. abbr[title] {

  176.   border-bottom: none;

  177.   /* 1 */

  178.   text-decoration: underline;

  179.   /* 2 */

  180.   -webkit-text-decoration: underline dotted;

  181.   text-decoration: underline dotted;

  182.   /* 2 */

  183. }

  184. 

  185. /**

  186.  * Prevent the duplicate application of `bolder` by the next rule in Safari 6.

  187.  */

  188. 

  189. b,

  190. strong {

  191.   font-weight: inherit;

  192. }

  193. 

  194. /**

  195.  * Add the correct font weight in Chrome, Edge, and Safari.

  196.  */

  197. 

  198. b,

  199. strong {

  200.   font-weight: bolder;

  201. }

  202. 

  203. /**

  204.  * 1. Correct the inheritance and scaling of font size in all browsers.

  205.  * 2. Correct the odd `em` font sizing in all browsers.

  206.  */

  207. 

  208. code,

  209. kbd,

  210. samp {

  211.   font-family: monospace, monospace;

  212.   /* 1 */

  213.   font-size: 1em;

  214.   /* 2 */

  215. }

  216. 

  217. /**

  218.  * Add the correct font style in Android 4.3-.

  219.  */

  220. 

  221. dfn {

  222.   font-style: italic;

  223. }

  224. 

  225. /**

  226.  * Add the correct background and color in IE 9-.

  227.  */

  228. 

  229. mark {

  230.   background-color: #ff0;

  231.   color: #000;

  232. }

  233. 

  234. /**

  235.  * Add the correct font size in all browsers.

  236.  */

  237. 

  238. small {

  239.   font-size: 80%;

  240. }

  241. 

  242. /**

  243.  * Prevent `sub` and `sup` elements from affecting the line height in

  244.  * all browsers.

  245.  */

  246. 

  247. sub,

  248. sup {

  249.   font-size: 75%;

  250.   line-height: 0;

  251.   position: relative;

  252.   vertical-align: baseline;

  253. }

  254. 

  255. sub {

  256.   bottom: -0.25em;

  257. }

  258. 

  259. sup {

  260.   top: -0.5em;

  261. }

  262. 

  263. /* Embedded content

  264.    ========================================================================== */

  265. 

  266. /**

  267.  * Add the correct display in IE 9-.

  268.  */

  269. 

  270. audio,

  271. video {

  272.   display: inline-block;

  273. }

  274. 

  275. /**

  276.  * Add the correct display in iOS 4-7.

  277.  */

  278. 

  279. audio:not([controls]) {

  280.   display: none;

  281.   height: 0;

  282. }

  283. 

  284. /**

  285.  * Remove the border on images inside links in IE 10-.

  286.  */

  287. 

  288. img {

  289.   border-style: none;

  290. }

  291. 

  292. /**

  293.  * Hide the overflow in IE.

  294.  */

  295. 

  296. svg:not(:root) {

  297.   overflow: hidden;

  298. }

  299. 

  300. /* Forms

  301.    ========================================================================== */

  302. 

  303. /**

  304.  * 1. Change the font styles in all browsers (opinionated).

  305.  * 2. Remove the margin in Firefox and Safari.

  306.  */

  307. 

  308. button,

  309. input,

  310. optgroup,

  311. select,

  312. textarea {

  313.   font-family: sans-serif;

  314.   /* 1 */

  315.   font-size: 100%;

  316.   /* 1 */

  317.   line-height: 1.15;

  318.   /* 1 */

  319.   margin: 0;

  320.   /* 2 */

  321. }

  322. 

  323. /**

  324.  * Show the overflow in IE.

  325.  * 1. Show the overflow in Edge.

  326.  */

  327. 

  328. button,

  329. input {

  330.   /* 1 */

  331.   overflow: visible;

  332. }

  333. 

  334. /**

  335.  * Remove the inheritance of text transform in Edge, Firefox, and IE.

  336.  * 1. Remove the inheritance of text transform in Firefox.

  337.  */

  338. 

  339. button,

  340. select {

  341.   /* 1 */

  342.   text-transform: none;

  343. }

  344. 

  345. /**

  346.  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`

  347.  *    controls in Android 4.

  348.  * 2. Correct the inability to style clickable types in iOS and Safari.

  349.  */

  350. 

  351. button,

  352. html [type="button"],

  353. [type="reset"],

  354. [type="submit"] {

  355.   -webkit-appearance: button;

  356.   /* 2 */

  357. }

  358. 

  359. /**

  360.  * Remove the inner border and padding in Firefox.

  361.  */

  362. 

  363. button::-moz-focus-inner,

  364. [type="button"]::-moz-focus-inner,

  365. [type="reset"]::-moz-focus-inner,

  366. [type="submit"]::-moz-focus-inner {

  367.   border-style: none;

  368.   padding: 0;

  369. }

  370. 

  371. /**

  372.  * Restore the focus styles unset by the previous rule.

  373.  */

  374. 

  375. button:-moz-focusring,

  376. [type="button"]:-moz-focusring,

  377. [type="reset"]:-moz-focusring,

  378. [type="submit"]:-moz-focusring {

  379.   outline: 1px dotted ButtonText;

  380. }

  381. 

  382. /**

  383.  * Correct the padding in Firefox.

  384.  */

  385. 

  386. fieldset {

  387.   padding: 0.35em 0.75em 0.625em;

  388. }

  389. 

  390. /**

  391.  * 1. Correct the text wrapping in Edge and IE.

  392.  * 2. Correct the color inheritance from `fieldset` elements in IE.

  393.  * 3. Remove the padding so developers are not caught out when they zero out

  394.  *    `fieldset` elements in all browsers.

  395.  */

  396. 

  397. legend {

  398.   -webkit-box-sizing: border-box;

  399.   box-sizing: border-box;

  400.   /* 1 */

  401.   color: inherit;

  402.   /* 2 */

  403.   display: table;

  404.   /* 1 */

  405.   max-width: 100%;

  406.   /* 1 */

  407.   padding: 0;

  408.   /* 3 */

  409.   white-space: normal;

  410.   /* 1 */

  411. }

  412. 

  413. /**

  414.  * 1. Add the correct display in IE 9-.

  415.  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.

  416.  */

  417. 

  418. progress {

  419.   display: inline-block;

  420.   /* 1 */

  421.   vertical-align: baseline;

  422.   /* 2 */

  423. }

  424. 

  425. /**

  426.  * Remove the default vertical scrollbar in IE.

  427.  */

  428. 

  429. textarea {

  430.   overflow: auto;

  431. }

  432. 

  433. /**

  434.  * 1. Add the correct box sizing in IE 10-.

  435.  * 2. Remove the padding in IE 10-.

  436.  */

  437. 

  438. [type="checkbox"],

  439. [type="radio"] {

  440.   -webkit-box-sizing: border-box;

  441.   box-sizing: border-box;

  442.   /* 1 */

  443.   padding: 0;

  444.   /* 2 */

  445. }

  446. 

  447. /**

  448.  * Correct the cursor style of increment and decrement buttons in Chrome.

  449.  */

  450. 

  451. [type="number"]::-webkit-inner-spin-button,

  452. [type="number"]::-webkit-outer-spin-button {

  453.   height: auto;

  454. }

  455. 

  456. /**

  457.  * 1. Correct the odd appearance in Chrome and Safari.

  458.  * 2. Correct the outline style in Safari.

  459.  */

  460. 

  461. [type="search"] {

  462.   -webkit-appearance: textfield;

  463.   /* 1 */

  464.   outline-offset: -2px;

  465.   /* 2 */

  466. }

  467. 

  468. /**

  469.  * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.

  470.  */

  471. 

  472. [type="search"]::-webkit-search-cancel-button,

  473. [type="search"]::-webkit-search-decoration {

  474.   -webkit-appearance: none;

  475. }

  476. 

  477. /**

  478.  * 1. Correct the inability to style clickable types in iOS and Safari.

  479.  * 2. Change font properties to `inherit` in Safari.

  480.  */

  481. 

  482. ::-webkit-file-upload-button {

  483.   -webkit-appearance: button;

  484.   /* 1 */

  485.   font: inherit;

  486.   /* 2 */

  487. }

  488. 

  489. /* Interactive

  490.    ========================================================================== */

  491. 

  492. /*

  493.  * Add the correct display in IE 9-.

  494.  * 1. Add the correct display in Edge, IE, and Firefox.

  495.  */

  496. 

  497. details,

  498. menu {

  499.   display: block;

  500. }

  501. 

  502. /*

  503.  * Add the correct display in all browsers.

  504.  */

  505. 

  506. summary {

  507.   display: list-item;

  508. }

  509. 

  510. /* Scripting

  511.    ========================================================================== */

  512. 

  513. /**

  514.  * Add the correct display in IE 9-.

  515.  */

  516. 

  517. canvas {

  518.   display: inline-block;

  519. }

  520. 

  521. /**

  522.  * Add the correct display in IE.

  523.  */

  524. 

  525. template {

  526.   display: none;

  527. }

  528. 

  529. /* Hidden

  530.    ========================================================================== */

  531. 

  532. /**

  533.  * Add the correct display in IE 10-.

  534.  */

  535. 

  536. [hidden] {

  537.   display: none;

  538. }

  539. 

  540. /*******************************

  541.          Site Overrides

  542. *******************************/

  543. /*!

  544.  * # Semantic UI 2.4.0 - Site

  545.  * http://github.com/semantic-org/semantic-ui/

  546.  *

  547.  *

  548.  * Released under the MIT license

  549.  * http://opensource.org/licenses/MIT

  550.  *

  551.  */

  552. 

  553. /*******************************

  554.              Page

  555. *******************************/

  556. 

  557. html,

  558. body {

  559.   height: 100%;

  560. }

  561. 

  562. html {

  563.   font-size: 14px;

  564. }

  565. 

  566. body {

  567.   margin: 0px;

  568.   padding: 0px;

  569.   overflow-x: hidden;

  570.   min-width: 320px;

  571.   background: #FFFFFF;

  572.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  573.   font-size: 14px;

  574.   line-height: 1.4285em;

  575.   color: rgba(0, 0, 0, 0.87);

  576.   font-smoothing: antialiased;

  577. }

  578. 

  579. /*******************************

  580.              Headers

  581. *******************************/

  582. 

  583. h1,

  584. h2,

  585. h3,

  586. h4,

  587. h5 {

  588.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  589.   line-height: 1.28571429em;

  590.   margin: calc(2rem -  0.14285714em ) 0em 1rem;

  591.   font-weight: bold;

  592.   padding: 0em;

  593. }

  594. 

  595. h1 {

  596.   min-height: 1rem;

  597.   font-size: 2rem;

  598. }

  599. 

  600. h2 {

  601.   font-size: 1.71428571rem;

  602. }

  603. 

  604. h3 {

  605.   font-size: 1.28571429rem;

  606. }

  607. 

  608. h4 {

  609.   font-size: 1.07142857rem;

  610. }

  611. 

  612. h5 {

  613.   font-size: 1rem;

  614. }

  615. 

  616. h1:first-child,

  617. h2:first-child,

  618. h3:first-child,

  619. h4:first-child,

  620. h5:first-child {

  621.   margin-top: 0em;

  622. }

  623. 

  624. h1:last-child,

  625. h2:last-child,

  626. h3:last-child,

  627. h4:last-child,

  628. h5:last-child {

  629.   margin-bottom: 0em;

  630. }

  631. 

  632. /*******************************

  633.              Text

  634. *******************************/

  635. 

  636. p {

  637.   margin: 0em 0em 1em;

  638.   line-height: 1.4285em;

  639. }

  640. 

  641. p:first-child {

  642.   margin-top: 0em;

  643. }

  644. 

  645. p:last-child {

  646.   margin-bottom: 0em;

  647. }

  648. 

  649. /*-------------------

  650.         Links

  651. --------------------*/

  652. 

  653. a {

  654.   color: #4183C4;

  655.   text-decoration: none;

  656. }

  657. 

  658. a:hover {

  659.   color: #1e70bf;

  660.   text-decoration: none;

  661. }

  662. 

  663. /*******************************

  664.          Scrollbars

  665. *******************************/

  666. 

  667. /*******************************

  668.           Highlighting

  669. *******************************/

  670. 

  671. /* Site */

  672. 

  673. ::-webkit-selection {

  674.   background-color: #CCE2FF;

  675.   color: rgba(0, 0, 0, 0.87);

  676. }

  677. 

  678. ::-moz-selection {

  679.   background-color: #CCE2FF;

  680.   color: rgba(0, 0, 0, 0.87);

  681. }

  682. 

  683. ::selection {

  684.   background-color: #CCE2FF;

  685.   color: rgba(0, 0, 0, 0.87);

  686. }

  687. 

  688. /* Form */

  689. 

  690. textarea::-webkit-selection,

  691. input::-webkit-selection {

  692.   background-color: rgba(100, 100, 100, 0.4);

  693.   color: rgba(0, 0, 0, 0.87);

  694. }

  695. 

  696. textarea::-moz-selection,

  697. input::-moz-selection {

  698.   background-color: rgba(100, 100, 100, 0.4);

  699.   color: rgba(0, 0, 0, 0.87);

  700. }

  701. 

  702. textarea::selection,

  703. input::selection {

  704.   background-color: rgba(100, 100, 100, 0.4);

  705.   color: rgba(0, 0, 0, 0.87);

  706. }

  707. 

  708. /* Force Simple Scrollbars */

  709. 

  710. body ::-webkit-scrollbar {

  711.   -webkit-appearance: none;

  712.   width: 10px;

  713.   height: 10px;

  714. }

  715. 

  716. body ::-webkit-scrollbar-track {

  717.   background: rgba(0, 0, 0, 0.1);

  718.   border-radius: 0px;

  719. }

  720. 

  721. body ::-webkit-scrollbar-thumb {

  722.   cursor: pointer;

  723.   border-radius: 5px;

  724.   background: rgba(0, 0, 0, 0.25);

  725.   -webkit-transition: color 0.2s ease;

  726.   transition: color 0.2s ease;

  727. }

  728. 

  729. body ::-webkit-scrollbar-thumb:window-inactive {

  730.   background: rgba(0, 0, 0, 0.15);

  731. }

  732. 

  733. body ::-webkit-scrollbar-thumb:hover {

  734.   background: rgba(128, 135, 139, 0.8);

  735. }

  736. 

  737. /* Inverted UI */

  738. 

  739. body .ui.inverted::-webkit-scrollbar-track {

  740.   background: rgba(255, 255, 255, 0.1);

  741. }

  742. 

  743. body .ui.inverted::-webkit-scrollbar-thumb {

  744.   background: rgba(255, 255, 255, 0.25);

  745. }

  746. 

  747. body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {

  748.   background: rgba(255, 255, 255, 0.15);

  749. }

  750. 

  751. body .ui.inverted::-webkit-scrollbar-thumb:hover {

  752.   background: rgba(255, 255, 255, 0.35);

  753. }

  754. 

  755. /*******************************

  756.         Global Overrides

  757. *******************************/

  758. 

  759. /*******************************

  760.          Site Overrides

  761. *******************************/

  762. /*!

  763.  * # Semantic UI 2.4.0 - Button

  764.  * http://github.com/semantic-org/semantic-ui/

  765.  *

  766.  *

  767.  * Released under the MIT license

  768.  * http://opensource.org/licenses/MIT

  769.  *

  770.  */

  771. 

  772. /*******************************

  773.             Button

  774. *******************************/

  775. 

  776. .ui.button {

  777.   cursor: pointer;

  778.   display: inline-block;

  779.   min-height: 1em;

  780.   outline: none;

  781.   border: none;

  782.   vertical-align: baseline;

  783.   background: #E0E1E2 none;

  784.   color: rgba(0, 0, 0, 0.6);

  785.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  786.   margin: 0em 0.25em 0em 0em;

  787.   padding: 0.78571429em 1.5em 0.78571429em;

  788.   text-transform: none;

  789.   text-shadow: none;

  790.   font-weight: bold;

  791.   line-height: 1em;

  792.   font-style: normal;

  793.   text-align: center;

  794.   text-decoration: none;

  795.   border-radius: 0.28571429rem;

  796.   -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  797.   box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  798.   -webkit-user-select: none;

  799.   -moz-user-select: none;

  800.   -ms-user-select: none;

  801.   user-select: none;

  802.   -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;

  803.   transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;

  804.   transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;

  805.   transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;

  806.   will-change: '';

  807.   -webkit-tap-highlight-color: transparent;

  808. }

  809. 

  810. /*******************************

  811.             States

  812. *******************************/

  813. 

  814. /*--------------

  815.       Hover

  816. ---------------*/

  817. 

  818. .ui.button:hover {

  819.   background-color: #CACBCD;

  820.   background-image: none;

  821.   -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  822.   box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  823.   color: rgba(0, 0, 0, 0.8);

  824. }

  825. 

  826. .ui.button:hover .icon {

  827.   opacity: 0.85;

  828. }

  829. 

  830. /*--------------

  831.       Focus

  832. ---------------*/

  833. 

  834. .ui.button:focus {

  835.   background-color: #CACBCD;

  836.   color: rgba(0, 0, 0, 0.8);

  837.   background-image: '' !important;

  838.   -webkit-box-shadow: '' !important;

  839.   box-shadow: '' !important;

  840. }

  841. 

  842. .ui.button:focus .icon {

  843.   opacity: 0.85;

  844. }

  845. 

  846. /*--------------

  847.       Down

  848. ---------------*/

  849. 

  850. .ui.button:active,

  851. .ui.active.button:active {

  852.   background-color: #BABBBC;

  853.   background-image: '';

  854.   color: rgba(0, 0, 0, 0.9);

  855.   -webkit-box-shadow: 0px 0px 0px 1px transparent inset, none;

  856.   box-shadow: 0px 0px 0px 1px transparent inset, none;

  857. }

  858. 

  859. /*--------------

  860.      Active

  861. ---------------*/

  862. 

  863. .ui.active.button {

  864.   background-color: #C0C1C2;

  865.   background-image: none;

  866.   -webkit-box-shadow: 0px 0px 0px 1px transparent inset;

  867.   box-shadow: 0px 0px 0px 1px transparent inset;

  868.   color: rgba(0, 0, 0, 0.95);

  869. }

  870. 

  871. .ui.active.button:hover {

  872.   background-color: #C0C1C2;

  873.   background-image: none;

  874.   color: rgba(0, 0, 0, 0.95);

  875. }

  876. 

  877. .ui.active.button:active {

  878.   background-color: #C0C1C2;

  879.   background-image: none;

  880. }

  881. 

  882. /*--------------

  883.     Loading

  884. ---------------*/

  885. 

  886. /* Specificity hack */

  887. 

  888. .ui.loading.loading.loading.loading.loading.loading.button {

  889.   position: relative;

  890.   cursor: default;

  891.   text-shadow: none !important;

  892.   color: transparent !important;

  893.   opacity: 1;

  894.   pointer-events: auto;

  895.   -webkit-transition: all 0s linear, opacity 0.1s ease;

  896.   transition: all 0s linear, opacity 0.1s ease;

  897. }

  898. 

  899. .ui.loading.button:before {

  900.   position: absolute;

  901.   content: '';

  902.   top: 50%;

  903.   left: 50%;

  904.   margin: -0.64285714em 0em 0em -0.64285714em;

  905.   width: 1.28571429em;

  906.   height: 1.28571429em;

  907.   border-radius: 500rem;

  908.   border: 0.2em solid rgba(0, 0, 0, 0.15);

  909. }

  910. 

  911. .ui.loading.button:after {

  912.   position: absolute;

  913.   content: '';

  914.   top: 50%;

  915.   left: 50%;

  916.   margin: -0.64285714em 0em 0em -0.64285714em;

  917.   width: 1.28571429em;

  918.   height: 1.28571429em;

  919.   -webkit-animation: button-spin 0.6s linear;

  920.   animation: button-spin 0.6s linear;

  921.   -webkit-animation-iteration-count: infinite;

  922.   animation-iteration-count: infinite;

  923.   border-radius: 500rem;

  924.   border-color: #FFFFFF transparent transparent;

  925.   border-style: solid;

  926.   border-width: 0.2em;

  927.   -webkit-box-shadow: 0px 0px 0px 1px transparent;

  928.   box-shadow: 0px 0px 0px 1px transparent;

  929. }

  930. 

  931. .ui.labeled.icon.loading.button .icon {

  932.   background-color: transparent;

  933.   -webkit-box-shadow: none;

  934.   box-shadow: none;

  935. }

  936. 

  937. @-webkit-keyframes button-spin {

  938.   from {

  939.     -webkit-transform: rotate(0deg);

  940.     transform: rotate(0deg);

  941.   }

  942. 

  943.   to {

  944.     -webkit-transform: rotate(360deg);

  945.     transform: rotate(360deg);

  946.   }

  947. }

  948. 

  949. @keyframes button-spin {

  950.   from {

  951.     -webkit-transform: rotate(0deg);

  952.     transform: rotate(0deg);

  953.   }

  954. 

  955.   to {

  956.     -webkit-transform: rotate(360deg);

  957.     transform: rotate(360deg);

  958.   }

  959. }

  960. 

  961. .ui.basic.loading.button:not(.inverted):before {

  962.   border-color: rgba(0, 0, 0, 0.1);

  963. }

  964. 

  965. .ui.basic.loading.button:not(.inverted):after {

  966.   border-top-color: #767676;

  967. }

  968. 

  969. /*-------------------

  970.       Disabled

  971. --------------------*/

  972. 

  973. .ui.buttons .disabled.button,

  974. .ui.disabled.button,

  975. .ui.button:disabled,

  976. .ui.disabled.button:hover,

  977. .ui.disabled.active.button {

  978.   cursor: default;

  979.   opacity: 0.45 !important;

  980.   background-image: none !important;

  981.   -webkit-box-shadow: none !important;

  982.   box-shadow: none !important;

  983.   pointer-events: none !important;

  984. }

  985. 

  986. /* Basic Group With Disabled */

  987. 

  988. .ui.basic.buttons .ui.disabled.button {

  989.   border-color: rgba(34, 36, 38, 0.5);

  990. }

  991. 

  992. /*******************************

  993.              Types

  994. *******************************/

  995. 

  996. /*-------------------

  997.        Animated

  998. --------------------*/

  999. 

  1000. .ui.animated.button {

  1001.   position: relative;

  1002.   overflow: hidden;

  1003.   padding-right: 0em !important;

  1004.   vertical-align: middle;

  1005.   z-index: 1;

  1006. }

  1007. 

  1008. .ui.animated.button .content {

  1009.   will-change: transform, opacity;

  1010. }

  1011. 

  1012. .ui.animated.button .visible.content {

  1013.   position: relative;

  1014.   margin-right: 1.5em;

  1015. }

  1016. 

  1017. .ui.animated.button .hidden.content {

  1018.   position: absolute;

  1019.   width: 100%;

  1020. }

  1021. 

  1022. /* Horizontal */

  1023. 

  1024. .ui.animated.button .visible.content,

  1025. .ui.animated.button .hidden.content {

  1026.   -webkit-transition: right 0.3s ease 0s;

  1027.   transition: right 0.3s ease 0s;

  1028. }

  1029. 

  1030. .ui.animated.button .visible.content {

  1031.   left: auto;

  1032.   right: 0%;

  1033. }

  1034. 

  1035. .ui.animated.button .hidden.content {

  1036.   top: 50%;

  1037.   left: auto;

  1038.   right: -100%;

  1039.   margin-top: -0.5em;

  1040. }

  1041. 

  1042. .ui.animated.button:focus .visible.content,

  1043. .ui.animated.button:hover .visible.content {

  1044.   left: auto;

  1045.   right: 200%;

  1046. }

  1047. 

  1048. .ui.animated.button:focus .hidden.content,

  1049. .ui.animated.button:hover .hidden.content {

  1050.   left: auto;

  1051.   right: 0%;

  1052. }

  1053. 

  1054. /* Vertical */

  1055. 

  1056. .ui.vertical.animated.button .visible.content,

  1057. .ui.vertical.animated.button .hidden.content {

  1058.   -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;

  1059.   transition: top 0.3s ease, -webkit-transform 0.3s ease;

  1060.   transition: top 0.3s ease, transform 0.3s ease;

  1061.   transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;

  1062. }

  1063. 

  1064. .ui.vertical.animated.button .visible.content {

  1065.   -webkit-transform: translateY(0%);

  1066.   transform: translateY(0%);

  1067.   right: auto;

  1068. }

  1069. 

  1070. .ui.vertical.animated.button .hidden.content {

  1071.   top: -50%;

  1072.   left: 0%;

  1073.   right: auto;

  1074. }

  1075. 

  1076. .ui.vertical.animated.button:focus .visible.content,

  1077. .ui.vertical.animated.button:hover .visible.content {

  1078.   -webkit-transform: translateY(200%);

  1079.   transform: translateY(200%);

  1080.   right: auto;

  1081. }

  1082. 

  1083. .ui.vertical.animated.button:focus .hidden.content,

  1084. .ui.vertical.animated.button:hover .hidden.content {

  1085.   top: 50%;

  1086.   right: auto;

  1087. }

  1088. 

  1089. /* Fade */

  1090. 

  1091. .ui.fade.animated.button .visible.content,

  1092. .ui.fade.animated.button .hidden.content {

  1093.   -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;

  1094.   transition: opacity 0.3s ease, -webkit-transform 0.3s ease;

  1095.   transition: opacity 0.3s ease, transform 0.3s ease;

  1096.   transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;

  1097. }

  1098. 

  1099. .ui.fade.animated.button .visible.content {

  1100.   left: auto;

  1101.   right: auto;

  1102.   opacity: 1;

  1103.   -webkit-transform: scale(1);

  1104.   transform: scale(1);

  1105. }

  1106. 

  1107. .ui.fade.animated.button .hidden.content {

  1108.   opacity: 0;

  1109.   left: 0%;

  1110.   right: auto;

  1111.   -webkit-transform: scale(1.5);

  1112.   transform: scale(1.5);

  1113. }

  1114. 

  1115. .ui.fade.animated.button:focus .visible.content,

  1116. .ui.fade.animated.button:hover .visible.content {

  1117.   left: auto;

  1118.   right: auto;

  1119.   opacity: 0;

  1120.   -webkit-transform: scale(0.75);

  1121.   transform: scale(0.75);

  1122. }

  1123. 

  1124. .ui.fade.animated.button:focus .hidden.content,

  1125. .ui.fade.animated.button:hover .hidden.content {

  1126.   left: 0%;

  1127.   right: auto;

  1128.   opacity: 1;

  1129.   -webkit-transform: scale(1);

  1130.   transform: scale(1);

  1131. }

  1132. 

  1133. /*-------------------

  1134.        Inverted

  1135. --------------------*/

  1136. 

  1137. .ui.inverted.button {

  1138.   -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;

  1139.   box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;

  1140.   background: transparent none;

  1141.   color: #FFFFFF;

  1142.   text-shadow: none !important;

  1143. }

  1144. 

  1145. /* Group */

  1146. 

  1147. .ui.inverted.buttons .button {

  1148.   margin: 0px 0px 0px -2px;

  1149. }

  1150. 

  1151. .ui.inverted.buttons .button:first-child {

  1152.   margin-left: 0em;

  1153. }

  1154. 

  1155. .ui.inverted.vertical.buttons .button {

  1156.   margin: 0px 0px -2px 0px;

  1157. }

  1158. 

  1159. .ui.inverted.vertical.buttons .button:first-child {

  1160.   margin-top: 0em;

  1161. }

  1162. 

  1163. /* States */

  1164. 

  1165. /* Hover */

  1166. 

  1167. .ui.inverted.button:hover {

  1168.   background: #FFFFFF;

  1169.   -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;

  1170.   box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;

  1171.   color: rgba(0, 0, 0, 0.8);

  1172. }

  1173. 

  1174. /* Active / Focus */

  1175. 

  1176. .ui.inverted.button:focus,

  1177. .ui.inverted.button.active {

  1178.   background: #FFFFFF;

  1179.   -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;

  1180.   box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;

  1181.   color: rgba(0, 0, 0, 0.8);

  1182. }

  1183. 

  1184. /* Active Focus */

  1185. 

  1186. .ui.inverted.button.active:focus {

  1187.   background: #DCDDDE;

  1188.   -webkit-box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;

  1189.   box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;

  1190.   color: rgba(0, 0, 0, 0.8);

  1191. }

  1192. 

  1193. /*-------------------

  1194.     Labeled Button

  1195. --------------------*/

  1196. 

  1197. .ui.labeled.button:not(.icon) {

  1198.   display: -webkit-inline-box;

  1199.   display: -ms-inline-flexbox;

  1200.   display: inline-flex;

  1201.   -webkit-box-orient: horizontal;

  1202.   -webkit-box-direction: normal;

  1203.   -ms-flex-direction: row;

  1204.   flex-direction: row;

  1205.   background: none !important;

  1206.   padding: 0px !important;

  1207.   border: none !important;

  1208.   -webkit-box-shadow: none !important;

  1209.   box-shadow: none !important;

  1210. }

  1211. 

  1212. .ui.labeled.button > .button {

  1213.   margin: 0px;

  1214. }

  1215. 

  1216. .ui.labeled.button > .label {

  1217.   display: -webkit-box;

  1218.   display: -ms-flexbox;

  1219.   display: flex;

  1220.   -webkit-box-align: center;

  1221.   -ms-flex-align: center;

  1222.   align-items: center;

  1223.   margin: 0px 0px 0px -1px !important;

  1224.   padding: '';

  1225.   font-size: 1em;

  1226.   border-color: rgba(34, 36, 38, 0.15);

  1227. }

  1228. 

  1229. /* Tag */

  1230. 

  1231. .ui.labeled.button > .tag.label:before {

  1232.   width: 1.85em;

  1233.   height: 1.85em;

  1234. }

  1235. 

  1236. /* Right */

  1237. 

  1238. .ui.labeled.button:not([class*="left labeled"]) > .button {

  1239.   border-top-right-radius: 0px;

  1240.   border-bottom-right-radius: 0px;

  1241. }

  1242. 

  1243. .ui.labeled.button:not([class*="left labeled"]) > .label {

  1244.   border-top-left-radius: 0px;

  1245.   border-bottom-left-radius: 0px;

  1246. }

  1247. 

  1248. /* Left Side */

  1249. 

  1250. .ui[class*="left labeled"].button > .button {

  1251.   border-top-left-radius: 0px;

  1252.   border-bottom-left-radius: 0px;

  1253. }

  1254. 

  1255. .ui[class*="left labeled"].button > .label {

  1256.   border-top-right-radius: 0px;

  1257.   border-bottom-right-radius: 0px;

  1258. }

  1259. 

  1260. /*-------------------

  1261.        Social

  1262. --------------------*/

  1263. 

  1264. /* Facebook */

  1265. 

  1266. .ui.facebook.button {

  1267.   background-color: #3B5998;

  1268.   color: #FFFFFF;

  1269.   text-shadow: none;

  1270.   background-image: none;

  1271.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1272.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1273. }

  1274. 

  1275. .ui.facebook.button:hover {

  1276.   background-color: #304d8a;

  1277.   color: #FFFFFF;

  1278.   text-shadow: none;

  1279. }

  1280. 

  1281. .ui.facebook.button:active {

  1282.   background-color: #2d4373;

  1283.   color: #FFFFFF;

  1284.   text-shadow: none;

  1285. }

  1286. 

  1287. /* Twitter */

  1288. 

  1289. .ui.twitter.button {

  1290.   background-color: #55ACEE;

  1291.   color: #FFFFFF;

  1292.   text-shadow: none;

  1293.   background-image: none;

  1294.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1295.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1296. }

  1297. 

  1298. .ui.twitter.button:hover {

  1299.   background-color: #35a2f4;

  1300.   color: #FFFFFF;

  1301.   text-shadow: none;

  1302. }

  1303. 

  1304. .ui.twitter.button:active {

  1305.   background-color: #2795e9;

  1306.   color: #FFFFFF;

  1307.   text-shadow: none;

  1308. }

  1309. 

  1310. /* Google Plus */

  1311. 

  1312. .ui.google.plus.button {

  1313.   background-color: #DD4B39;

  1314.   color: #FFFFFF;

  1315.   text-shadow: none;

  1316.   background-image: none;

  1317.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1318.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1319. }

  1320. 

  1321. .ui.google.plus.button:hover {

  1322.   background-color: #e0321c;

  1323.   color: #FFFFFF;

  1324.   text-shadow: none;

  1325. }

  1326. 

  1327. .ui.google.plus.button:active {

  1328.   background-color: #c23321;

  1329.   color: #FFFFFF;

  1330.   text-shadow: none;

  1331. }

  1332. 

  1333. /* Linked In */

  1334. 

  1335. .ui.linkedin.button {

  1336.   background-color: #1F88BE;

  1337.   color: #FFFFFF;

  1338.   text-shadow: none;

  1339. }

  1340. 

  1341. .ui.linkedin.button:hover {

  1342.   background-color: #147baf;

  1343.   color: #FFFFFF;

  1344.   text-shadow: none;

  1345. }

  1346. 

  1347. .ui.linkedin.button:active {

  1348.   background-color: #186992;

  1349.   color: #FFFFFF;

  1350.   text-shadow: none;

  1351. }

  1352. 

  1353. /* YouTube */

  1354. 

  1355. .ui.youtube.button {

  1356.   background-color: #FF0000;

  1357.   color: #FFFFFF;

  1358.   text-shadow: none;

  1359.   background-image: none;

  1360.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1361.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1362. }

  1363. 

  1364. .ui.youtube.button:hover {

  1365.   background-color: #e60000;

  1366.   color: #FFFFFF;

  1367.   text-shadow: none;

  1368. }

  1369. 

  1370. .ui.youtube.button:active {

  1371.   background-color: #cc0000;

  1372.   color: #FFFFFF;

  1373.   text-shadow: none;

  1374. }

  1375. 

  1376. /* Instagram */

  1377. 

  1378. .ui.instagram.button {

  1379.   background-color: #49769C;

  1380.   color: #FFFFFF;

  1381.   text-shadow: none;

  1382.   background-image: none;

  1383.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1384.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1385. }

  1386. 

  1387. .ui.instagram.button:hover {

  1388.   background-color: #3d698e;

  1389.   color: #FFFFFF;

  1390.   text-shadow: none;

  1391. }

  1392. 

  1393. .ui.instagram.button:active {

  1394.   background-color: #395c79;

  1395.   color: #FFFFFF;

  1396.   text-shadow: none;

  1397. }

  1398. 

  1399. /* Pinterest */

  1400. 

  1401. .ui.pinterest.button {

  1402.   background-color: #BD081C;

  1403.   color: #FFFFFF;

  1404.   text-shadow: none;

  1405.   background-image: none;

  1406.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1407.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1408. }

  1409. 

  1410. .ui.pinterest.button:hover {

  1411.   background-color: #ac0013;

  1412.   color: #FFFFFF;

  1413.   text-shadow: none;

  1414. }

  1415. 

  1416. .ui.pinterest.button:active {

  1417.   background-color: #8c0615;

  1418.   color: #FFFFFF;

  1419.   text-shadow: none;

  1420. }

  1421. 

  1422. /* VK */

  1423. 

  1424. .ui.vk.button {

  1425.   background-color: #4D7198;

  1426.   color: #FFFFFF;

  1427.   background-image: none;

  1428.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1429.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  1430. }

  1431. 

  1432. .ui.vk.button:hover {

  1433.   background-color: #41648a;

  1434.   color: #FFFFFF;

  1435. }

  1436. 

  1437. .ui.vk.button:active {

  1438.   background-color: #3c5876;

  1439.   color: #FFFFFF;

  1440. }

  1441. 

  1442. /*--------------

  1443.      Icon

  1444. ---------------*/

  1445. 

  1446. .ui.button > .icon:not(.button) {

  1447.   height: 0.85714286em;

  1448.   opacity: 0.8;

  1449.   margin: 0em 0.42857143em 0em -0.21428571em;

  1450.   -webkit-transition: opacity 0.1s ease;

  1451.   transition: opacity 0.1s ease;

  1452.   vertical-align: '';

  1453.   color: '';

  1454. }

  1455. 

  1456. .ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {

  1457.   margin: 0em 0.42857143em 0em -0.21428571em;

  1458. }

  1459. 

  1460. .ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {

  1461.   margin: 0em -0.21428571em 0em 0.42857143em;

  1462. }

  1463. 

  1464. /*******************************

  1465.            Variations

  1466. *******************************/

  1467. 

  1468. /*-------------------

  1469.        Floated

  1470. --------------------*/

  1471. 

  1472. .ui[class*="left floated"].buttons,

  1473. .ui[class*="left floated"].button {

  1474.   float: left;

  1475.   margin-left: 0em;

  1476.   margin-right: 0.25em;

  1477. }

  1478. 

  1479. .ui[class*="right floated"].buttons,

  1480. .ui[class*="right floated"].button {

  1481.   float: right;

  1482.   margin-right: 0em;

  1483.   margin-left: 0.25em;

  1484. }

  1485. 

  1486. /*-------------------

  1487.        Compact

  1488. --------------------*/

  1489. 

  1490. .ui.compact.buttons .button,

  1491. .ui.compact.button {

  1492.   padding: 0.58928571em 1.125em 0.58928571em;

  1493. }

  1494. 

  1495. .ui.compact.icon.buttons .button,

  1496. .ui.compact.icon.button {

  1497.   padding: 0.58928571em 0.58928571em 0.58928571em;

  1498. }

  1499. 

  1500. .ui.compact.labeled.icon.buttons .button,

  1501. .ui.compact.labeled.icon.button {

  1502.   padding: 0.58928571em 3.69642857em 0.58928571em;

  1503. }

  1504. 

  1505. /*-------------------

  1506.         Sizes

  1507. --------------------*/

  1508. 

  1509. .ui.mini.buttons .button,

  1510. .ui.mini.buttons .or,

  1511. .ui.mini.button {

  1512.   font-size: 0.78571429rem;

  1513. }

  1514. 

  1515. .ui.tiny.buttons .button,

  1516. .ui.tiny.buttons .or,

  1517. .ui.tiny.button {

  1518.   font-size: 0.85714286rem;

  1519. }

  1520. 

  1521. .ui.small.buttons .button,

  1522. .ui.small.buttons .or,

  1523. .ui.small.button {

  1524.   font-size: 0.92857143rem;

  1525. }

  1526. 

  1527. .ui.buttons .button,

  1528. .ui.buttons .or,

  1529. .ui.button {

  1530.   font-size: 1rem;

  1531. }

  1532. 

  1533. .ui.large.buttons .button,

  1534. .ui.large.buttons .or,

  1535. .ui.large.button {

  1536.   font-size: 1.14285714rem;

  1537. }

  1538. 

  1539. .ui.big.buttons .button,

  1540. .ui.big.buttons .or,

  1541. .ui.big.button {

  1542.   font-size: 1.28571429rem;

  1543. }

  1544. 

  1545. .ui.huge.buttons .button,

  1546. .ui.huge.buttons .or,

  1547. .ui.huge.button {

  1548.   font-size: 1.42857143rem;

  1549. }

  1550. 

  1551. .ui.massive.buttons .button,

  1552. .ui.massive.buttons .or,

  1553. .ui.massive.button {

  1554.   font-size: 1.71428571rem;

  1555. }

  1556. 

  1557. /*--------------

  1558.     Icon Only

  1559. ---------------*/

  1560. 

  1561. .ui.icon.buttons .button,

  1562. .ui.icon.button {

  1563.   padding: 0.78571429em 0.78571429em 0.78571429em;

  1564. }

  1565. 

  1566. .ui.icon.buttons .button > .icon,

  1567. .ui.icon.button > .icon {

  1568.   opacity: 0.9;

  1569.   margin: 0em !important;

  1570.   vertical-align: top;

  1571. }

  1572. 

  1573. /*-------------------

  1574.         Basic

  1575. --------------------*/

  1576. 

  1577. .ui.basic.buttons .button,

  1578. .ui.basic.button {

  1579.   background: transparent none !important;

  1580.   color: rgba(0, 0, 0, 0.6) !important;

  1581.   font-weight: normal;

  1582.   border-radius: 0.28571429rem;

  1583.   text-transform: none;

  1584.   text-shadow: none !important;

  1585.   -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  1586.   box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  1587. }

  1588. 

  1589. .ui.basic.buttons {

  1590.   -webkit-box-shadow: none;

  1591.   box-shadow: none;

  1592.   border: 1px solid rgba(34, 36, 38, 0.15);

  1593.   border-radius: 0.28571429rem;

  1594. }

  1595. 

  1596. .ui.basic.buttons .button {

  1597.   border-radius: 0em;

  1598. }

  1599. 

  1600. .ui.basic.buttons .button:hover,

  1601. .ui.basic.button:hover {

  1602.   background: #FFFFFF !important;

  1603.   color: rgba(0, 0, 0, 0.8) !important;

  1604.   -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;

  1605.   box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;

  1606. }

  1607. 

  1608. .ui.basic.buttons .button:focus,

  1609. .ui.basic.button:focus {

  1610.   background: #FFFFFF !important;

  1611.   color: rgba(0, 0, 0, 0.8) !important;

  1612.   -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;

  1613.   box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;

  1614. }

  1615. 

  1616. .ui.basic.buttons .button:active,

  1617. .ui.basic.button:active {

  1618.   background: #F8F8F8 !important;

  1619.   color: rgba(0, 0, 0, 0.9) !important;

  1620.   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;

  1621.   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;

  1622. }

  1623. 

  1624. .ui.basic.buttons .active.button,

  1625. .ui.basic.active.button {

  1626.   background: rgba(0, 0, 0, 0.05) !important;

  1627.   -webkit-box-shadow: '' !important;

  1628.   box-shadow: '' !important;

  1629.   color: rgba(0, 0, 0, 0.95) !important;

  1630. }

  1631. 

  1632. .ui.basic.buttons .active.button:hover,

  1633. .ui.basic.active.button:hover {

  1634.   background-color: rgba(0, 0, 0, 0.05);

  1635. }

  1636. 

  1637. /* Vertical */

  1638. 

  1639. .ui.basic.buttons .button:hover {

  1640.   -webkit-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;

  1641.   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;

  1642. }

  1643. 

  1644. .ui.basic.buttons .button:active {

  1645.   -webkit-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;

  1646.   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;

  1647. }

  1648. 

  1649. .ui.basic.buttons .active.button {

  1650.   -webkit-box-shadow: '' !important;

  1651.   box-shadow: '' !important;

  1652. }

  1653. 

  1654. /* Standard Basic Inverted */

  1655. 

  1656. .ui.basic.inverted.buttons .button,

  1657. .ui.basic.inverted.button {

  1658.   background-color: transparent !important;

  1659.   color: #F9FAFB !important;

  1660.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  1661.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  1662. }

  1663. 

  1664. .ui.basic.inverted.buttons .button:hover,

  1665. .ui.basic.inverted.button:hover {

  1666.   color: #FFFFFF !important;

  1667.   -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;

  1668.   box-shadow: 0px 0px 0px 2px #ffffff inset !important;

  1669. }

  1670. 

  1671. .ui.basic.inverted.buttons .button:focus,

  1672. .ui.basic.inverted.button:focus {

  1673.   color: #FFFFFF !important;

  1674.   -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;

  1675.   box-shadow: 0px 0px 0px 2px #ffffff inset !important;

  1676. }

  1677. 

  1678. .ui.basic.inverted.buttons .button:active,

  1679. .ui.basic.inverted.button:active {

  1680.   background-color: rgba(255, 255, 255, 0.08) !important;

  1681.   color: #FFFFFF !important;

  1682.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;

  1683.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;

  1684. }

  1685. 

  1686. .ui.basic.inverted.buttons .active.button,

  1687. .ui.basic.inverted.active.button {

  1688.   background-color: rgba(255, 255, 255, 0.08);

  1689.   color: #FFFFFF;

  1690.   text-shadow: none;

  1691.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;

  1692.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;

  1693. }

  1694. 

  1695. .ui.basic.inverted.buttons .active.button:hover,

  1696. .ui.basic.inverted.active.button:hover {

  1697.   background-color: rgba(255, 255, 255, 0.15);

  1698.   -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;

  1699.   box-shadow: 0px 0px 0px 2px #ffffff inset !important;

  1700. }

  1701. 

  1702. /* Basic Group */

  1703. 

  1704. .ui.basic.buttons .button {

  1705.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  1706.   -webkit-box-shadow: none;

  1707.   box-shadow: none;

  1708. }

  1709. 

  1710. .ui.basic.vertical.buttons .button {

  1711.   border-left: none;

  1712. }

  1713. 

  1714. .ui.basic.vertical.buttons .button {

  1715.   border-left-width: 0px;

  1716.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  1717. }

  1718. 

  1719. .ui.basic.vertical.buttons .button:first-child {

  1720.   border-top-width: 0px;

  1721. }

  1722. 

  1723. /*--------------

  1724.   Labeled Icon

  1725. ---------------*/

  1726. 

  1727. .ui.labeled.icon.buttons .button,

  1728. .ui.labeled.icon.button {

  1729.   position: relative;

  1730.   padding-left: 4.07142857em !important;

  1731.   padding-right: 1.5em !important;

  1732. }

  1733. 

  1734. /* Left Labeled */

  1735. 

  1736. .ui.labeled.icon.buttons > .button > .icon,

  1737. .ui.labeled.icon.button > .icon {

  1738.   position: absolute;

  1739.   height: 100%;

  1740.   line-height: 1;

  1741.   border-radius: 0px;

  1742.   border-top-left-radius: inherit;

  1743.   border-bottom-left-radius: inherit;

  1744.   text-align: center;

  1745.   margin: 0em;

  1746.   width: 2.57142857em;

  1747.   background-color: rgba(0, 0, 0, 0.05);

  1748.   color: '';

  1749.   -webkit-box-shadow: -1px 0px 0px 0px transparent inset;

  1750.   box-shadow: -1px 0px 0px 0px transparent inset;

  1751. }

  1752. 

  1753. /* Left Labeled */

  1754. 

  1755. .ui.labeled.icon.buttons > .button > .icon,

  1756. .ui.labeled.icon.button > .icon {

  1757.   top: 0em;

  1758.   left: 0em;

  1759. }

  1760. 

  1761. /* Right Labeled */

  1762. 

  1763. .ui[class*="right labeled"].icon.button {

  1764.   padding-right: 4.07142857em !important;

  1765.   padding-left: 1.5em !important;

  1766. }

  1767. 

  1768. .ui[class*="right labeled"].icon.button > .icon {

  1769.   left: auto;

  1770.   right: 0em;

  1771.   border-radius: 0px;

  1772.   border-top-right-radius: inherit;

  1773.   border-bottom-right-radius: inherit;

  1774.   -webkit-box-shadow: 1px 0px 0px 0px transparent inset;

  1775.   box-shadow: 1px 0px 0px 0px transparent inset;

  1776. }

  1777. 

  1778. .ui.labeled.icon.buttons > .button > .icon:before,

  1779. .ui.labeled.icon.button > .icon:before,

  1780. .ui.labeled.icon.buttons > .button > .icon:after,

  1781. .ui.labeled.icon.button > .icon:after {

  1782.   display: block;

  1783.   position: absolute;

  1784.   width: 100%;

  1785.   top: 50%;

  1786.   text-align: center;

  1787.   -webkit-transform: translateY(-50%);

  1788.   transform: translateY(-50%);

  1789. }

  1790. 

  1791. .ui.labeled.icon.buttons .button > .icon {

  1792.   border-radius: 0em;

  1793. }

  1794. 

  1795. .ui.labeled.icon.buttons .button:first-child > .icon {

  1796.   border-top-left-radius: 0.28571429rem;

  1797.   border-bottom-left-radius: 0.28571429rem;

  1798. }

  1799. 

  1800. .ui.labeled.icon.buttons .button:last-child > .icon {

  1801.   border-top-right-radius: 0.28571429rem;

  1802.   border-bottom-right-radius: 0.28571429rem;

  1803. }

  1804. 

  1805. .ui.vertical.labeled.icon.buttons .button:first-child > .icon {

  1806.   border-radius: 0em;

  1807.   border-top-left-radius: 0.28571429rem;

  1808. }

  1809. 

  1810. .ui.vertical.labeled.icon.buttons .button:last-child > .icon {

  1811.   border-radius: 0em;

  1812.   border-bottom-left-radius: 0.28571429rem;

  1813. }

  1814. 

  1815. /* Fluid Labeled */

  1816. 

  1817. .ui.fluid[class*="left labeled"].icon.button,

  1818. .ui.fluid[class*="right labeled"].icon.button {

  1819.   padding-left: 1.5em !important;

  1820.   padding-right: 1.5em !important;

  1821. }

  1822. 

  1823. /*--------------

  1824.      Toggle

  1825. ---------------*/

  1826. 

  1827. /* Toggle (Modifies active state to give affordances) */

  1828. 

  1829. .ui.toggle.buttons .active.button,

  1830. .ui.buttons .button.toggle.active,

  1831. .ui.button.toggle.active {

  1832.   background-color: #21BA45 !important;

  1833.   -webkit-box-shadow: none !important;

  1834.   box-shadow: none !important;

  1835.   text-shadow: none;

  1836.   color: #FFFFFF !important;

  1837. }

  1838. 

  1839. .ui.button.toggle.active:hover {

  1840.   background-color: #16ab39 !important;

  1841.   text-shadow: none;

  1842.   color: #FFFFFF !important;

  1843. }

  1844. 

  1845. /*--------------

  1846.     Circular

  1847. ---------------*/

  1848. 

  1849. .ui.circular.button {

  1850.   border-radius: 10em;

  1851. }

  1852. 

  1853. .ui.circular.button > .icon {

  1854.   width: 1em;

  1855.   vertical-align: baseline;

  1856. }

  1857. 

  1858. /*-------------------

  1859.       Or Buttons

  1860. --------------------*/

  1861. 

  1862. .ui.buttons .or {

  1863.   position: relative;

  1864.   width: 0.3em;

  1865.   height: 2.57142857em;

  1866.   z-index: 3;

  1867. }

  1868. 

  1869. .ui.buttons .or:before {

  1870.   position: absolute;

  1871.   text-align: center;

  1872.   border-radius: 500rem;

  1873.   content: 'or';

  1874.   top: 50%;

  1875.   left: 50%;

  1876.   background-color: #FFFFFF;

  1877.   text-shadow: none;

  1878.   margin-top: -0.89285714em;

  1879.   margin-left: -0.89285714em;

  1880.   width: 1.78571429em;

  1881.   height: 1.78571429em;

  1882.   line-height: 1.78571429em;

  1883.   color: rgba(0, 0, 0, 0.4);

  1884.   font-style: normal;

  1885.   font-weight: bold;

  1886.   -webkit-box-shadow: 0px 0px 0px 1px transparent inset;

  1887.   box-shadow: 0px 0px 0px 1px transparent inset;

  1888. }

  1889. 

  1890. .ui.buttons .or[data-text]:before {

  1891.   content: attr(data-text);

  1892. }

  1893. 

  1894. /* Fluid Or */

  1895. 

  1896. .ui.fluid.buttons .or {

  1897.   width: 0em !important;

  1898. }

  1899. 

  1900. .ui.fluid.buttons .or:after {

  1901.   display: none;

  1902. }

  1903. 

  1904. /*-------------------

  1905.        Attached

  1906. --------------------*/

  1907. 

  1908. /* Singular */

  1909. 

  1910. .ui.attached.button {

  1911.   position: relative;

  1912.   display: block;

  1913.   margin: 0em;

  1914.   border-radius: 0em;

  1915.   -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;

  1916.   box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;

  1917. }

  1918. 

  1919. /* Top / Bottom */

  1920. 

  1921. .ui.attached.top.button {

  1922.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  1923. }

  1924. 

  1925. .ui.attached.bottom.button {

  1926.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  1927. }

  1928. 

  1929. /* Left / Right */

  1930. 

  1931. .ui.left.attached.button {

  1932.   display: inline-block;

  1933.   border-left: none;

  1934.   text-align: right;

  1935.   padding-right: 0.75em;

  1936.   border-radius: 0.28571429rem 0em 0em 0.28571429rem;

  1937. }

  1938. 

  1939. .ui.right.attached.button {

  1940.   display: inline-block;

  1941.   text-align: left;

  1942.   padding-left: 0.75em;

  1943.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  1944. }

  1945. 

  1946. /* Plural */

  1947. 

  1948. .ui.attached.buttons {

  1949.   position: relative;

  1950.   display: -webkit-box;

  1951.   display: -ms-flexbox;

  1952.   display: flex;

  1953.   border-radius: 0em;

  1954.   width: auto !important;

  1955.   z-index: 2;

  1956.   margin-left: -1px;

  1957.   margin-right: -1px;

  1958. }

  1959. 

  1960. .ui.attached.buttons .button {

  1961.   margin: 0em;

  1962. }

  1963. 

  1964. .ui.attached.buttons .button:first-child {

  1965.   border-radius: 0em;

  1966. }

  1967. 

  1968. .ui.attached.buttons .button:last-child {

  1969.   border-radius: 0em;

  1970. }

  1971. 

  1972. /* Top / Bottom */

  1973. 

  1974. .ui[class*="top attached"].buttons {

  1975.   margin-bottom: -1px;

  1976.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  1977. }

  1978. 

  1979. .ui[class*="top attached"].buttons .button:first-child {

  1980.   border-radius: 0.28571429rem 0em 0em 0em;

  1981. }

  1982. 

  1983. .ui[class*="top attached"].buttons .button:last-child {

  1984.   border-radius: 0em 0.28571429rem 0em 0em;

  1985. }

  1986. 

  1987. .ui[class*="bottom attached"].buttons {

  1988.   margin-top: -1px;

  1989.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  1990. }

  1991. 

  1992. .ui[class*="bottom attached"].buttons .button:first-child {

  1993.   border-radius: 0em 0em 0em 0.28571429rem;

  1994. }

  1995. 

  1996. .ui[class*="bottom attached"].buttons .button:last-child {

  1997.   border-radius: 0em 0em 0.28571429rem 0em;

  1998. }

  1999. 

  2000. /* Left / Right */

  2001. 

  2002. .ui[class*="left attached"].buttons {

  2003.   display: -webkit-inline-box;

  2004.   display: -ms-inline-flexbox;

  2005.   display: inline-flex;

  2006.   margin-right: 0em;

  2007.   margin-left: -1px;

  2008.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  2009. }

  2010. 

  2011. .ui[class*="left attached"].buttons .button:first-child {

  2012.   margin-left: -1px;

  2013.   border-radius: 0em 0.28571429rem 0em 0em;

  2014. }

  2015. 

  2016. .ui[class*="left attached"].buttons .button:last-child {

  2017.   margin-left: -1px;

  2018.   border-radius: 0em 0em 0.28571429rem 0em;

  2019. }

  2020. 

  2021. .ui[class*="right attached"].buttons {

  2022.   display: -webkit-inline-box;

  2023.   display: -ms-inline-flexbox;

  2024.   display: inline-flex;

  2025.   margin-left: 0em;

  2026.   margin-right: -1px;

  2027.   border-radius: 0.28571429rem 0em 0em 0.28571429rem;

  2028. }

  2029. 

  2030. .ui[class*="right attached"].buttons .button:first-child {

  2031.   margin-left: -1px;

  2032.   border-radius: 0.28571429rem 0em 0em 0em;

  2033. }

  2034. 

  2035. .ui[class*="right attached"].buttons .button:last-child {

  2036.   margin-left: -1px;

  2037.   border-radius: 0em 0em 0em 0.28571429rem;

  2038. }

  2039. 

  2040. /*-------------------

  2041.         Fluid

  2042. --------------------*/

  2043. 

  2044. .ui.fluid.buttons,

  2045. .ui.fluid.button {

  2046.   width: 100%;

  2047. }

  2048. 

  2049. .ui.fluid.button {

  2050.   display: block;

  2051. }

  2052. 

  2053. .ui.two.buttons {

  2054.   width: 100%;

  2055. }

  2056. 

  2057. .ui.two.buttons > .button {

  2058.   width: 50%;

  2059. }

  2060. 

  2061. .ui.three.buttons {

  2062.   width: 100%;

  2063. }

  2064. 

  2065. .ui.three.buttons > .button {

  2066.   width: 33.333%;

  2067. }

  2068. 

  2069. .ui.four.buttons {

  2070.   width: 100%;

  2071. }

  2072. 

  2073. .ui.four.buttons > .button {

  2074.   width: 25%;

  2075. }

  2076. 

  2077. .ui.five.buttons {

  2078.   width: 100%;

  2079. }

  2080. 

  2081. .ui.five.buttons > .button {

  2082.   width: 20%;

  2083. }

  2084. 

  2085. .ui.six.buttons {

  2086.   width: 100%;

  2087. }

  2088. 

  2089. .ui.six.buttons > .button {

  2090.   width: 16.666%;

  2091. }

  2092. 

  2093. .ui.seven.buttons {

  2094.   width: 100%;

  2095. }

  2096. 

  2097. .ui.seven.buttons > .button {

  2098.   width: 14.285%;

  2099. }

  2100. 

  2101. .ui.eight.buttons {

  2102.   width: 100%;

  2103. }

  2104. 

  2105. .ui.eight.buttons > .button {

  2106.   width: 12.500%;

  2107. }

  2108. 

  2109. .ui.nine.buttons {

  2110.   width: 100%;

  2111. }

  2112. 

  2113. .ui.nine.buttons > .button {

  2114.   width: 11.11%;

  2115. }

  2116. 

  2117. .ui.ten.buttons {

  2118.   width: 100%;

  2119. }

  2120. 

  2121. .ui.ten.buttons > .button {

  2122.   width: 10%;

  2123. }

  2124. 

  2125. .ui.eleven.buttons {

  2126.   width: 100%;

  2127. }

  2128. 

  2129. .ui.eleven.buttons > .button {

  2130.   width: 9.09%;

  2131. }

  2132. 

  2133. .ui.twelve.buttons {

  2134.   width: 100%;

  2135. }

  2136. 

  2137. .ui.twelve.buttons > .button {

  2138.   width: 8.3333%;

  2139. }

  2140. 

  2141. /* Fluid Vertical Buttons */

  2142. 

  2143. .ui.fluid.vertical.buttons,

  2144. .ui.fluid.vertical.buttons > .button {

  2145.   display: -webkit-box;

  2146.   display: -ms-flexbox;

  2147.   display: flex;

  2148.   width: auto;

  2149. }

  2150. 

  2151. .ui.two.vertical.buttons > .button {

  2152.   height: 50%;

  2153. }

  2154. 

  2155. .ui.three.vertical.buttons > .button {

  2156.   height: 33.333%;

  2157. }

  2158. 

  2159. .ui.four.vertical.buttons > .button {

  2160.   height: 25%;

  2161. }

  2162. 

  2163. .ui.five.vertical.buttons > .button {

  2164.   height: 20%;

  2165. }

  2166. 

  2167. .ui.six.vertical.buttons > .button {

  2168.   height: 16.666%;

  2169. }

  2170. 

  2171. .ui.seven.vertical.buttons > .button {

  2172.   height: 14.285%;

  2173. }

  2174. 

  2175. .ui.eight.vertical.buttons > .button {

  2176.   height: 12.500%;

  2177. }

  2178. 

  2179. .ui.nine.vertical.buttons > .button {

  2180.   height: 11.11%;

  2181. }

  2182. 

  2183. .ui.ten.vertical.buttons > .button {

  2184.   height: 10%;

  2185. }

  2186. 

  2187. .ui.eleven.vertical.buttons > .button {

  2188.   height: 9.09%;

  2189. }

  2190. 

  2191. .ui.twelve.vertical.buttons > .button {

  2192.   height: 8.3333%;

  2193. }

  2194. 

  2195. /*-------------------

  2196.        Colors

  2197. --------------------*/

  2198. 

  2199. /*--- Black ---*/

  2200. 

  2201. .ui.black.buttons .button,

  2202. .ui.black.button {

  2203.   background-color: #1B1C1D;

  2204.   color: #FFFFFF;

  2205.   text-shadow: none;

  2206.   background-image: none;

  2207. }

  2208. 

  2209. .ui.black.button {

  2210.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2211.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2212. }

  2213. 

  2214. .ui.black.buttons .button:hover,

  2215. .ui.black.button:hover {

  2216.   background-color: #27292a;

  2217.   color: #FFFFFF;

  2218.   text-shadow: none;

  2219. }

  2220. 

  2221. .ui.black.buttons .button:focus,

  2222. .ui.black.button:focus {

  2223.   background-color: #2f3032;

  2224.   color: #FFFFFF;

  2225.   text-shadow: none;

  2226. }

  2227. 

  2228. .ui.black.buttons .button:active,

  2229. .ui.black.button:active {

  2230.   background-color: #343637;

  2231.   color: #FFFFFF;

  2232.   text-shadow: none;

  2233. }

  2234. 

  2235. .ui.black.buttons .active.button,

  2236. .ui.black.buttons .active.button:active,

  2237. .ui.black.active.button,

  2238. .ui.black.button .active.button:active {

  2239.   background-color: #0f0f10;

  2240.   color: #FFFFFF;

  2241.   text-shadow: none;

  2242. }

  2243. 

  2244. /* Basic */

  2245. 

  2246. .ui.basic.black.buttons .button,

  2247. .ui.basic.black.button {

  2248.   -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;

  2249.   box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;

  2250.   color: #1B1C1D !important;

  2251. }

  2252. 

  2253. .ui.basic.black.buttons .button:hover,

  2254. .ui.basic.black.button:hover {

  2255.   background: transparent !important;

  2256.   -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important;

  2257.   box-shadow: 0px 0px 0px 1px #27292a inset !important;

  2258.   color: #27292a !important;

  2259. }

  2260. 

  2261. .ui.basic.black.buttons .button:focus,

  2262. .ui.basic.black.button:focus {

  2263.   background: transparent !important;

  2264.   -webkit-box-shadow: 0px 0px 0px 1px #2f3032 inset !important;

  2265.   box-shadow: 0px 0px 0px 1px #2f3032 inset !important;

  2266.   color: #27292a !important;

  2267. }

  2268. 

  2269. .ui.basic.black.buttons .active.button,

  2270. .ui.basic.black.active.button {

  2271.   background: transparent !important;

  2272.   -webkit-box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;

  2273.   box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;

  2274.   color: #343637 !important;

  2275. }

  2276. 

  2277. .ui.basic.black.buttons .button:active,

  2278. .ui.basic.black.button:active {

  2279.   -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important;

  2280.   box-shadow: 0px 0px 0px 1px #343637 inset !important;

  2281.   color: #343637 !important;

  2282. }

  2283. 

  2284. .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {

  2285.   margin-left: -1px;

  2286. }

  2287. 

  2288. /* Inverted */

  2289. 

  2290. .ui.inverted.black.buttons .button,

  2291. .ui.inverted.black.button {

  2292.   background-color: transparent;

  2293.   -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;

  2294.   box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;

  2295.   color: #FFFFFF;

  2296. }

  2297. 

  2298. .ui.inverted.black.buttons .button:hover,

  2299. .ui.inverted.black.button:hover,

  2300. .ui.inverted.black.buttons .button:focus,

  2301. .ui.inverted.black.button:focus,

  2302. .ui.inverted.black.buttons .button.active,

  2303. .ui.inverted.black.button.active,

  2304. .ui.inverted.black.buttons .button:active,

  2305. .ui.inverted.black.button:active {

  2306.   -webkit-box-shadow: none !important;

  2307.   box-shadow: none !important;

  2308.   color: #FFFFFF;

  2309. }

  2310. 

  2311. .ui.inverted.black.buttons .button:hover,

  2312. .ui.inverted.black.button:hover {

  2313.   background-color: #000000;

  2314. }

  2315. 

  2316. .ui.inverted.black.buttons .button:focus,

  2317. .ui.inverted.black.button:focus {

  2318.   background-color: #000000;

  2319. }

  2320. 

  2321. .ui.inverted.black.buttons .active.button,

  2322. .ui.inverted.black.active.button {

  2323.   background-color: #000000;

  2324. }

  2325. 

  2326. .ui.inverted.black.buttons .button:active,

  2327. .ui.inverted.black.button:active {

  2328.   background-color: #000000;

  2329. }

  2330. 

  2331. /* Inverted Basic */

  2332. 

  2333. .ui.inverted.black.basic.buttons .button,

  2334. .ui.inverted.black.buttons .basic.button,

  2335. .ui.inverted.black.basic.button {

  2336.   background-color: transparent;

  2337.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  2338.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  2339.   color: #FFFFFF !important;

  2340. }

  2341. 

  2342. .ui.inverted.black.basic.buttons .button:hover,

  2343. .ui.inverted.black.buttons .basic.button:hover,

  2344. .ui.inverted.black.basic.button:hover {

  2345.   -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important;

  2346.   box-shadow: 0px 0px 0px 2px #000000 inset !important;

  2347.   color: #FFFFFF !important;

  2348. }

  2349. 

  2350. .ui.inverted.black.basic.buttons .button:focus,

  2351. .ui.inverted.black.basic.buttons .button:focus,

  2352. .ui.inverted.black.basic.button:focus {

  2353.   -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important;

  2354.   box-shadow: 0px 0px 0px 2px #000000 inset !important;

  2355.   color: #545454 !important;

  2356. }

  2357. 

  2358. .ui.inverted.black.basic.buttons .active.button,

  2359. .ui.inverted.black.buttons .basic.active.button,

  2360. .ui.inverted.black.basic.active.button {

  2361.   -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important;

  2362.   box-shadow: 0px 0px 0px 2px #000000 inset !important;

  2363.   color: #FFFFFF !important;

  2364. }

  2365. 

  2366. .ui.inverted.black.basic.buttons .button:active,

  2367. .ui.inverted.black.buttons .basic.button:active,

  2368. .ui.inverted.black.basic.button:active {

  2369.   -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important;

  2370.   box-shadow: 0px 0px 0px 2px #000000 inset !important;

  2371.   color: #FFFFFF !important;

  2372. }

  2373. 

  2374. /*--- Grey ---*/

  2375. 

  2376. .ui.grey.buttons .button,

  2377. .ui.grey.button {

  2378.   background-color: #767676;

  2379.   color: #FFFFFF;

  2380.   text-shadow: none;

  2381.   background-image: none;

  2382. }

  2383. 

  2384. .ui.grey.button {

  2385.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2386.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2387. }

  2388. 

  2389. .ui.grey.buttons .button:hover,

  2390. .ui.grey.button:hover {

  2391.   background-color: #838383;

  2392.   color: #FFFFFF;

  2393.   text-shadow: none;

  2394. }

  2395. 

  2396. .ui.grey.buttons .button:focus,

  2397. .ui.grey.button:focus {

  2398.   background-color: #8a8a8a;

  2399.   color: #FFFFFF;

  2400.   text-shadow: none;

  2401. }

  2402. 

  2403. .ui.grey.buttons .button:active,

  2404. .ui.grey.button:active {

  2405.   background-color: #909090;

  2406.   color: #FFFFFF;

  2407.   text-shadow: none;

  2408. }

  2409. 

  2410. .ui.grey.buttons .active.button,

  2411. .ui.grey.buttons .active.button:active,

  2412. .ui.grey.active.button,

  2413. .ui.grey.button .active.button:active {

  2414.   background-color: #696969;

  2415.   color: #FFFFFF;

  2416.   text-shadow: none;

  2417. }

  2418. 

  2419. /* Basic */

  2420. 

  2421. .ui.basic.grey.buttons .button,

  2422. .ui.basic.grey.button {

  2423.   -webkit-box-shadow: 0px 0px 0px 1px #767676 inset !important;

  2424.   box-shadow: 0px 0px 0px 1px #767676 inset !important;

  2425.   color: #767676 !important;

  2426. }

  2427. 

  2428. .ui.basic.grey.buttons .button:hover,

  2429. .ui.basic.grey.button:hover {

  2430.   background: transparent !important;

  2431.   -webkit-box-shadow: 0px 0px 0px 1px #838383 inset !important;

  2432.   box-shadow: 0px 0px 0px 1px #838383 inset !important;

  2433.   color: #838383 !important;

  2434. }

  2435. 

  2436. .ui.basic.grey.buttons .button:focus,

  2437. .ui.basic.grey.button:focus {

  2438.   background: transparent !important;

  2439.   -webkit-box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;

  2440.   box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;

  2441.   color: #838383 !important;

  2442. }

  2443. 

  2444. .ui.basic.grey.buttons .active.button,

  2445. .ui.basic.grey.active.button {

  2446.   background: transparent !important;

  2447.   -webkit-box-shadow: 0px 0px 0px 1px #696969 inset !important;

  2448.   box-shadow: 0px 0px 0px 1px #696969 inset !important;

  2449.   color: #909090 !important;

  2450. }

  2451. 

  2452. .ui.basic.grey.buttons .button:active,

  2453. .ui.basic.grey.button:active {

  2454.   -webkit-box-shadow: 0px 0px 0px 1px #909090 inset !important;

  2455.   box-shadow: 0px 0px 0px 1px #909090 inset !important;

  2456.   color: #909090 !important;

  2457. }

  2458. 

  2459. .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {

  2460.   margin-left: -1px;

  2461. }

  2462. 

  2463. /* Inverted */

  2464. 

  2465. .ui.inverted.grey.buttons .button,

  2466. .ui.inverted.grey.button {

  2467.   background-color: transparent;

  2468.   -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;

  2469.   box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;

  2470.   color: #FFFFFF;

  2471. }

  2472. 

  2473. .ui.inverted.grey.buttons .button:hover,

  2474. .ui.inverted.grey.button:hover,

  2475. .ui.inverted.grey.buttons .button:focus,

  2476. .ui.inverted.grey.button:focus,

  2477. .ui.inverted.grey.buttons .button.active,

  2478. .ui.inverted.grey.button.active,

  2479. .ui.inverted.grey.buttons .button:active,

  2480. .ui.inverted.grey.button:active {

  2481.   -webkit-box-shadow: none !important;

  2482.   box-shadow: none !important;

  2483.   color: rgba(0, 0, 0, 0.6);

  2484. }

  2485. 

  2486. .ui.inverted.grey.buttons .button:hover,

  2487. .ui.inverted.grey.button:hover {

  2488.   background-color: #cfd0d2;

  2489. }

  2490. 

  2491. .ui.inverted.grey.buttons .button:focus,

  2492. .ui.inverted.grey.button:focus {

  2493.   background-color: #c7c9cb;

  2494. }

  2495. 

  2496. .ui.inverted.grey.buttons .active.button,

  2497. .ui.inverted.grey.active.button {

  2498.   background-color: #cfd0d2;

  2499. }

  2500. 

  2501. .ui.inverted.grey.buttons .button:active,

  2502. .ui.inverted.grey.button:active {

  2503.   background-color: #c2c4c5;

  2504. }

  2505. 

  2506. /* Inverted Basic */

  2507. 

  2508. .ui.inverted.grey.basic.buttons .button,

  2509. .ui.inverted.grey.buttons .basic.button,

  2510. .ui.inverted.grey.basic.button {

  2511.   background-color: transparent;

  2512.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  2513.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  2514.   color: #FFFFFF !important;

  2515. }

  2516. 

  2517. .ui.inverted.grey.basic.buttons .button:hover,

  2518. .ui.inverted.grey.buttons .basic.button:hover,

  2519. .ui.inverted.grey.basic.button:hover {

  2520.   -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;

  2521.   box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;

  2522.   color: #FFFFFF !important;

  2523. }

  2524. 

  2525. .ui.inverted.grey.basic.buttons .button:focus,

  2526. .ui.inverted.grey.basic.buttons .button:focus,

  2527. .ui.inverted.grey.basic.button:focus {

  2528.   -webkit-box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;

  2529.   box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;

  2530.   color: #DCDDDE !important;

  2531. }

  2532. 

  2533. .ui.inverted.grey.basic.buttons .active.button,

  2534. .ui.inverted.grey.buttons .basic.active.button,

  2535. .ui.inverted.grey.basic.active.button {

  2536.   -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;

  2537.   box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;

  2538.   color: #FFFFFF !important;

  2539. }

  2540. 

  2541. .ui.inverted.grey.basic.buttons .button:active,

  2542. .ui.inverted.grey.buttons .basic.button:active,

  2543. .ui.inverted.grey.basic.button:active {

  2544.   -webkit-box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;

  2545.   box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;

  2546.   color: #FFFFFF !important;

  2547. }

  2548. 

  2549. /*--- Brown ---*/

  2550. 

  2551. .ui.brown.buttons .button,

  2552. .ui.brown.button {

  2553.   background-color: #A5673F;

  2554.   color: #FFFFFF;

  2555.   text-shadow: none;

  2556.   background-image: none;

  2557. }

  2558. 

  2559. .ui.brown.button {

  2560.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2561.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2562. }

  2563. 

  2564. .ui.brown.buttons .button:hover,

  2565. .ui.brown.button:hover {

  2566.   background-color: #975b33;

  2567.   color: #FFFFFF;

  2568.   text-shadow: none;

  2569. }

  2570. 

  2571. .ui.brown.buttons .button:focus,

  2572. .ui.brown.button:focus {

  2573.   background-color: #90532b;

  2574.   color: #FFFFFF;

  2575.   text-shadow: none;

  2576. }

  2577. 

  2578. .ui.brown.buttons .button:active,

  2579. .ui.brown.button:active {

  2580.   background-color: #805031;

  2581.   color: #FFFFFF;

  2582.   text-shadow: none;

  2583. }

  2584. 

  2585. .ui.brown.buttons .active.button,

  2586. .ui.brown.buttons .active.button:active,

  2587. .ui.brown.active.button,

  2588. .ui.brown.button .active.button:active {

  2589.   background-color: #995a31;

  2590.   color: #FFFFFF;

  2591.   text-shadow: none;

  2592. }

  2593. 

  2594. /* Basic */

  2595. 

  2596. .ui.basic.brown.buttons .button,

  2597. .ui.basic.brown.button {

  2598.   -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset !important;

  2599.   box-shadow: 0px 0px 0px 1px #A5673F inset !important;

  2600.   color: #A5673F !important;

  2601. }

  2602. 

  2603. .ui.basic.brown.buttons .button:hover,

  2604. .ui.basic.brown.button:hover {

  2605.   background: transparent !important;

  2606.   -webkit-box-shadow: 0px 0px 0px 1px #975b33 inset !important;

  2607.   box-shadow: 0px 0px 0px 1px #975b33 inset !important;

  2608.   color: #975b33 !important;

  2609. }

  2610. 

  2611. .ui.basic.brown.buttons .button:focus,

  2612. .ui.basic.brown.button:focus {

  2613.   background: transparent !important;

  2614.   -webkit-box-shadow: 0px 0px 0px 1px #90532b inset !important;

  2615.   box-shadow: 0px 0px 0px 1px #90532b inset !important;

  2616.   color: #975b33 !important;

  2617. }

  2618. 

  2619. .ui.basic.brown.buttons .active.button,

  2620. .ui.basic.brown.active.button {

  2621.   background: transparent !important;

  2622.   -webkit-box-shadow: 0px 0px 0px 1px #995a31 inset !important;

  2623.   box-shadow: 0px 0px 0px 1px #995a31 inset !important;

  2624.   color: #805031 !important;

  2625. }

  2626. 

  2627. .ui.basic.brown.buttons .button:active,

  2628. .ui.basic.brown.button:active {

  2629.   -webkit-box-shadow: 0px 0px 0px 1px #805031 inset !important;

  2630.   box-shadow: 0px 0px 0px 1px #805031 inset !important;

  2631.   color: #805031 !important;

  2632. }

  2633. 

  2634. .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {

  2635.   margin-left: -1px;

  2636. }

  2637. 

  2638. /* Inverted */

  2639. 

  2640. .ui.inverted.brown.buttons .button,

  2641. .ui.inverted.brown.button {

  2642.   background-color: transparent;

  2643.   -webkit-box-shadow: 0px 0px 0px 2px #D67C1C inset !important;

  2644.   box-shadow: 0px 0px 0px 2px #D67C1C inset !important;

  2645.   color: #D67C1C;

  2646. }

  2647. 

  2648. .ui.inverted.brown.buttons .button:hover,

  2649. .ui.inverted.brown.button:hover,

  2650. .ui.inverted.brown.buttons .button:focus,

  2651. .ui.inverted.brown.button:focus,

  2652. .ui.inverted.brown.buttons .button.active,

  2653. .ui.inverted.brown.button.active,

  2654. .ui.inverted.brown.buttons .button:active,

  2655. .ui.inverted.brown.button:active {

  2656.   -webkit-box-shadow: none !important;

  2657.   box-shadow: none !important;

  2658.   color: #FFFFFF;

  2659. }

  2660. 

  2661. .ui.inverted.brown.buttons .button:hover,

  2662. .ui.inverted.brown.button:hover {

  2663.   background-color: #c86f11;

  2664. }

  2665. 

  2666. .ui.inverted.brown.buttons .button:focus,

  2667. .ui.inverted.brown.button:focus {

  2668.   background-color: #c16808;

  2669. }

  2670. 

  2671. .ui.inverted.brown.buttons .active.button,

  2672. .ui.inverted.brown.active.button {

  2673.   background-color: #cc6f0d;

  2674. }

  2675. 

  2676. .ui.inverted.brown.buttons .button:active,

  2677. .ui.inverted.brown.button:active {

  2678.   background-color: #a96216;

  2679. }

  2680. 

  2681. /* Inverted Basic */

  2682. 

  2683. .ui.inverted.brown.basic.buttons .button,

  2684. .ui.inverted.brown.buttons .basic.button,

  2685. .ui.inverted.brown.basic.button {

  2686.   background-color: transparent;

  2687.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  2688.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  2689.   color: #FFFFFF !important;

  2690. }

  2691. 

  2692. .ui.inverted.brown.basic.buttons .button:hover,

  2693. .ui.inverted.brown.buttons .basic.button:hover,

  2694. .ui.inverted.brown.basic.button:hover {

  2695.   -webkit-box-shadow: 0px 0px 0px 2px #c86f11 inset !important;

  2696.   box-shadow: 0px 0px 0px 2px #c86f11 inset !important;

  2697.   color: #D67C1C !important;

  2698. }

  2699. 

  2700. .ui.inverted.brown.basic.buttons .button:focus,

  2701. .ui.inverted.brown.basic.buttons .button:focus,

  2702. .ui.inverted.brown.basic.button:focus {

  2703.   -webkit-box-shadow: 0px 0px 0px 2px #c16808 inset !important;

  2704.   box-shadow: 0px 0px 0px 2px #c16808 inset !important;

  2705.   color: #D67C1C !important;

  2706. }

  2707. 

  2708. .ui.inverted.brown.basic.buttons .active.button,

  2709. .ui.inverted.brown.buttons .basic.active.button,

  2710. .ui.inverted.brown.basic.active.button {

  2711.   -webkit-box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;

  2712.   box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;

  2713.   color: #D67C1C !important;

  2714. }

  2715. 

  2716. .ui.inverted.brown.basic.buttons .button:active,

  2717. .ui.inverted.brown.buttons .basic.button:active,

  2718. .ui.inverted.brown.basic.button:active {

  2719.   -webkit-box-shadow: 0px 0px 0px 2px #a96216 inset !important;

  2720.   box-shadow: 0px 0px 0px 2px #a96216 inset !important;

  2721.   color: #D67C1C !important;

  2722. }

  2723. 

  2724. /*--- Blue ---*/

  2725. 

  2726. .ui.blue.buttons .button,

  2727. .ui.blue.button {

  2728.   background-color: #2185D0;

  2729.   color: #FFFFFF;

  2730.   text-shadow: none;

  2731.   background-image: none;

  2732. }

  2733. 

  2734. .ui.blue.button {

  2735.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2736.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2737. }

  2738. 

  2739. .ui.blue.buttons .button:hover,

  2740. .ui.blue.button:hover {

  2741.   background-color: #1678c2;

  2742.   color: #FFFFFF;

  2743.   text-shadow: none;

  2744. }

  2745. 

  2746. .ui.blue.buttons .button:focus,

  2747. .ui.blue.button:focus {

  2748.   background-color: #0d71bb;

  2749.   color: #FFFFFF;

  2750.   text-shadow: none;

  2751. }

  2752. 

  2753. .ui.blue.buttons .button:active,

  2754. .ui.blue.button:active {

  2755.   background-color: #1a69a4;

  2756.   color: #FFFFFF;

  2757.   text-shadow: none;

  2758. }

  2759. 

  2760. .ui.blue.buttons .active.button,

  2761. .ui.blue.buttons .active.button:active,

  2762. .ui.blue.active.button,

  2763. .ui.blue.button .active.button:active {

  2764.   background-color: #1279c6;

  2765.   color: #FFFFFF;

  2766.   text-shadow: none;

  2767. }

  2768. 

  2769. /* Basic */

  2770. 

  2771. .ui.basic.blue.buttons .button,

  2772. .ui.basic.blue.button {

  2773.   -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important;

  2774.   box-shadow: 0px 0px 0px 1px #2185D0 inset !important;

  2775.   color: #2185D0 !important;

  2776. }

  2777. 

  2778. .ui.basic.blue.buttons .button:hover,

  2779. .ui.basic.blue.button:hover {

  2780.   background: transparent !important;

  2781.   -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important;

  2782.   box-shadow: 0px 0px 0px 1px #1678c2 inset !important;

  2783.   color: #1678c2 !important;

  2784. }

  2785. 

  2786. .ui.basic.blue.buttons .button:focus,

  2787. .ui.basic.blue.button:focus {

  2788.   background: transparent !important;

  2789.   -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important;

  2790.   box-shadow: 0px 0px 0px 1px #0d71bb inset !important;

  2791.   color: #1678c2 !important;

  2792. }

  2793. 

  2794. .ui.basic.blue.buttons .active.button,

  2795. .ui.basic.blue.active.button {

  2796.   background: transparent !important;

  2797.   -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important;

  2798.   box-shadow: 0px 0px 0px 1px #1279c6 inset !important;

  2799.   color: #1a69a4 !important;

  2800. }

  2801. 

  2802. .ui.basic.blue.buttons .button:active,

  2803. .ui.basic.blue.button:active {

  2804.   -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;

  2805.   box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;

  2806.   color: #1a69a4 !important;

  2807. }

  2808. 

  2809. .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {

  2810.   margin-left: -1px;

  2811. }

  2812. 

  2813. /* Inverted */

  2814. 

  2815. .ui.inverted.blue.buttons .button,

  2816. .ui.inverted.blue.button {

  2817.   background-color: transparent;

  2818.   -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important;

  2819.   box-shadow: 0px 0px 0px 2px #54C8FF inset !important;

  2820.   color: #54C8FF;

  2821. }

  2822. 

  2823. .ui.inverted.blue.buttons .button:hover,

  2824. .ui.inverted.blue.button:hover,

  2825. .ui.inverted.blue.buttons .button:focus,

  2826. .ui.inverted.blue.button:focus,

  2827. .ui.inverted.blue.buttons .button.active,

  2828. .ui.inverted.blue.button.active,

  2829. .ui.inverted.blue.buttons .button:active,

  2830. .ui.inverted.blue.button:active {

  2831.   -webkit-box-shadow: none !important;

  2832.   box-shadow: none !important;

  2833.   color: #FFFFFF;

  2834. }

  2835. 

  2836. .ui.inverted.blue.buttons .button:hover,

  2837. .ui.inverted.blue.button:hover {

  2838.   background-color: #3ac0ff;

  2839. }

  2840. 

  2841. .ui.inverted.blue.buttons .button:focus,

  2842. .ui.inverted.blue.button:focus {

  2843.   background-color: #2bbbff;

  2844. }

  2845. 

  2846. .ui.inverted.blue.buttons .active.button,

  2847. .ui.inverted.blue.active.button {

  2848.   background-color: #3ac0ff;

  2849. }

  2850. 

  2851. .ui.inverted.blue.buttons .button:active,

  2852. .ui.inverted.blue.button:active {

  2853.   background-color: #21b8ff;

  2854. }

  2855. 

  2856. /* Inverted Basic */

  2857. 

  2858. .ui.inverted.blue.basic.buttons .button,

  2859. .ui.inverted.blue.buttons .basic.button,

  2860. .ui.inverted.blue.basic.button {

  2861.   background-color: transparent;

  2862.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  2863.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  2864.   color: #FFFFFF !important;

  2865. }

  2866. 

  2867. .ui.inverted.blue.basic.buttons .button:hover,

  2868. .ui.inverted.blue.buttons .basic.button:hover,

  2869. .ui.inverted.blue.basic.button:hover {

  2870.   -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;

  2871.   box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;

  2872.   color: #54C8FF !important;

  2873. }

  2874. 

  2875. .ui.inverted.blue.basic.buttons .button:focus,

  2876. .ui.inverted.blue.basic.buttons .button:focus,

  2877. .ui.inverted.blue.basic.button:focus {

  2878.   -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important;

  2879.   box-shadow: 0px 0px 0px 2px #2bbbff inset !important;

  2880.   color: #54C8FF !important;

  2881. }

  2882. 

  2883. .ui.inverted.blue.basic.buttons .active.button,

  2884. .ui.inverted.blue.buttons .basic.active.button,

  2885. .ui.inverted.blue.basic.active.button {

  2886.   -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;

  2887.   box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;

  2888.   color: #54C8FF !important;

  2889. }

  2890. 

  2891. .ui.inverted.blue.basic.buttons .button:active,

  2892. .ui.inverted.blue.buttons .basic.button:active,

  2893. .ui.inverted.blue.basic.button:active {

  2894.   -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important;

  2895.   box-shadow: 0px 0px 0px 2px #21b8ff inset !important;

  2896.   color: #54C8FF !important;

  2897. }

  2898. 

  2899. /*--- Green ---*/

  2900. 

  2901. .ui.green.buttons .button,

  2902. .ui.green.button {

  2903.   background-color: #21BA45;

  2904.   color: #FFFFFF;

  2905.   text-shadow: none;

  2906.   background-image: none;

  2907. }

  2908. 

  2909. .ui.green.button {

  2910.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2911.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  2912. }

  2913. 

  2914. .ui.green.buttons .button:hover,

  2915. .ui.green.button:hover {

  2916.   background-color: #16ab39;

  2917.   color: #FFFFFF;

  2918.   text-shadow: none;

  2919. }

  2920. 

  2921. .ui.green.buttons .button:focus,

  2922. .ui.green.button:focus {

  2923.   background-color: #0ea432;

  2924.   color: #FFFFFF;

  2925.   text-shadow: none;

  2926. }

  2927. 

  2928. .ui.green.buttons .button:active,

  2929. .ui.green.button:active {

  2930.   background-color: #198f35;

  2931.   color: #FFFFFF;

  2932.   text-shadow: none;

  2933. }

  2934. 

  2935. .ui.green.buttons .active.button,

  2936. .ui.green.buttons .active.button:active,

  2937. .ui.green.active.button,

  2938. .ui.green.button .active.button:active {

  2939.   background-color: #13ae38;

  2940.   color: #FFFFFF;

  2941.   text-shadow: none;

  2942. }

  2943. 

  2944. /* Basic */

  2945. 

  2946. .ui.basic.green.buttons .button,

  2947. .ui.basic.green.button {

  2948.   -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important;

  2949.   box-shadow: 0px 0px 0px 1px #21BA45 inset !important;

  2950.   color: #21BA45 !important;

  2951. }

  2952. 

  2953. .ui.basic.green.buttons .button:hover,

  2954. .ui.basic.green.button:hover {

  2955.   background: transparent !important;

  2956.   -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important;

  2957.   box-shadow: 0px 0px 0px 1px #16ab39 inset !important;

  2958.   color: #16ab39 !important;

  2959. }

  2960. 

  2961. .ui.basic.green.buttons .button:focus,

  2962. .ui.basic.green.button:focus {

  2963.   background: transparent !important;

  2964.   -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important;

  2965.   box-shadow: 0px 0px 0px 1px #0ea432 inset !important;

  2966.   color: #16ab39 !important;

  2967. }

  2968. 

  2969. .ui.basic.green.buttons .active.button,

  2970. .ui.basic.green.active.button {

  2971.   background: transparent !important;

  2972.   -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important;

  2973.   box-shadow: 0px 0px 0px 1px #13ae38 inset !important;

  2974.   color: #198f35 !important;

  2975. }

  2976. 

  2977. .ui.basic.green.buttons .button:active,

  2978. .ui.basic.green.button:active {

  2979.   -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important;

  2980.   box-shadow: 0px 0px 0px 1px #198f35 inset !important;

  2981.   color: #198f35 !important;

  2982. }

  2983. 

  2984. .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {

  2985.   margin-left: -1px;

  2986. }

  2987. 

  2988. /* Inverted */

  2989. 

  2990. .ui.inverted.green.buttons .button,

  2991. .ui.inverted.green.button {

  2992.   background-color: transparent;

  2993.   -webkit-box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;

  2994.   box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;

  2995.   color: #2ECC40;

  2996. }

  2997. 

  2998. .ui.inverted.green.buttons .button:hover,

  2999. .ui.inverted.green.button:hover,

  3000. .ui.inverted.green.buttons .button:focus,

  3001. .ui.inverted.green.button:focus,

  3002. .ui.inverted.green.buttons .button.active,

  3003. .ui.inverted.green.button.active,

  3004. .ui.inverted.green.buttons .button:active,

  3005. .ui.inverted.green.button:active {

  3006.   -webkit-box-shadow: none !important;

  3007.   box-shadow: none !important;

  3008.   color: #FFFFFF;

  3009. }

  3010. 

  3011. .ui.inverted.green.buttons .button:hover,

  3012. .ui.inverted.green.button:hover {

  3013.   background-color: #22be34;

  3014. }

  3015. 

  3016. .ui.inverted.green.buttons .button:focus,

  3017. .ui.inverted.green.button:focus {

  3018.   background-color: #19b82b;

  3019. }

  3020. 

  3021. .ui.inverted.green.buttons .active.button,

  3022. .ui.inverted.green.active.button {

  3023.   background-color: #1fc231;

  3024. }

  3025. 

  3026. .ui.inverted.green.buttons .button:active,

  3027. .ui.inverted.green.button:active {

  3028.   background-color: #25a233;

  3029. }

  3030. 

  3031. /* Inverted Basic */

  3032. 

  3033. .ui.inverted.green.basic.buttons .button,

  3034. .ui.inverted.green.buttons .basic.button,

  3035. .ui.inverted.green.basic.button {

  3036.   background-color: transparent;

  3037.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3038.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3039.   color: #FFFFFF !important;

  3040. }

  3041. 

  3042. .ui.inverted.green.basic.buttons .button:hover,

  3043. .ui.inverted.green.buttons .basic.button:hover,

  3044. .ui.inverted.green.basic.button:hover {

  3045.   -webkit-box-shadow: 0px 0px 0px 2px #22be34 inset !important;

  3046.   box-shadow: 0px 0px 0px 2px #22be34 inset !important;

  3047.   color: #2ECC40 !important;

  3048. }

  3049. 

  3050. .ui.inverted.green.basic.buttons .button:focus,

  3051. .ui.inverted.green.basic.buttons .button:focus,

  3052. .ui.inverted.green.basic.button:focus {

  3053.   -webkit-box-shadow: 0px 0px 0px 2px #19b82b inset !important;

  3054.   box-shadow: 0px 0px 0px 2px #19b82b inset !important;

  3055.   color: #2ECC40 !important;

  3056. }

  3057. 

  3058. .ui.inverted.green.basic.buttons .active.button,

  3059. .ui.inverted.green.buttons .basic.active.button,

  3060. .ui.inverted.green.basic.active.button {

  3061.   -webkit-box-shadow: 0px 0px 0px 2px #1fc231 inset !important;

  3062.   box-shadow: 0px 0px 0px 2px #1fc231 inset !important;

  3063.   color: #2ECC40 !important;

  3064. }

  3065. 

  3066. .ui.inverted.green.basic.buttons .button:active,

  3067. .ui.inverted.green.buttons .basic.button:active,

  3068. .ui.inverted.green.basic.button:active {

  3069.   -webkit-box-shadow: 0px 0px 0px 2px #25a233 inset !important;

  3070.   box-shadow: 0px 0px 0px 2px #25a233 inset !important;

  3071.   color: #2ECC40 !important;

  3072. }

  3073. 

  3074. /*--- Orange ---*/

  3075. 

  3076. .ui.orange.buttons .button,

  3077. .ui.orange.button {

  3078.   background-color: #F2711C;

  3079.   color: #FFFFFF;

  3080.   text-shadow: none;

  3081.   background-image: none;

  3082. }

  3083. 

  3084. .ui.orange.button {

  3085.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3086.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3087. }

  3088. 

  3089. .ui.orange.buttons .button:hover,

  3090. .ui.orange.button:hover {

  3091.   background-color: #f26202;

  3092.   color: #FFFFFF;

  3093.   text-shadow: none;

  3094. }

  3095. 

  3096. .ui.orange.buttons .button:focus,

  3097. .ui.orange.button:focus {

  3098.   background-color: #e55b00;

  3099.   color: #FFFFFF;

  3100.   text-shadow: none;

  3101. }

  3102. 

  3103. .ui.orange.buttons .button:active,

  3104. .ui.orange.button:active {

  3105.   background-color: #cf590c;

  3106.   color: #FFFFFF;

  3107.   text-shadow: none;

  3108. }

  3109. 

  3110. .ui.orange.buttons .active.button,

  3111. .ui.orange.buttons .active.button:active,

  3112. .ui.orange.active.button,

  3113. .ui.orange.button .active.button:active {

  3114.   background-color: #f56100;

  3115.   color: #FFFFFF;

  3116.   text-shadow: none;

  3117. }

  3118. 

  3119. /* Basic */

  3120. 

  3121. .ui.basic.orange.buttons .button,

  3122. .ui.basic.orange.button {

  3123.   -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset !important;

  3124.   box-shadow: 0px 0px 0px 1px #F2711C inset !important;

  3125.   color: #F2711C !important;

  3126. }

  3127. 

  3128. .ui.basic.orange.buttons .button:hover,

  3129. .ui.basic.orange.button:hover {

  3130.   background: transparent !important;

  3131.   -webkit-box-shadow: 0px 0px 0px 1px #f26202 inset !important;

  3132.   box-shadow: 0px 0px 0px 1px #f26202 inset !important;

  3133.   color: #f26202 !important;

  3134. }

  3135. 

  3136. .ui.basic.orange.buttons .button:focus,

  3137. .ui.basic.orange.button:focus {

  3138.   background: transparent !important;

  3139.   -webkit-box-shadow: 0px 0px 0px 1px #e55b00 inset !important;

  3140.   box-shadow: 0px 0px 0px 1px #e55b00 inset !important;

  3141.   color: #f26202 !important;

  3142. }

  3143. 

  3144. .ui.basic.orange.buttons .active.button,

  3145. .ui.basic.orange.active.button {

  3146.   background: transparent !important;

  3147.   -webkit-box-shadow: 0px 0px 0px 1px #f56100 inset !important;

  3148.   box-shadow: 0px 0px 0px 1px #f56100 inset !important;

  3149.   color: #cf590c !important;

  3150. }

  3151. 

  3152. .ui.basic.orange.buttons .button:active,

  3153. .ui.basic.orange.button:active {

  3154.   -webkit-box-shadow: 0px 0px 0px 1px #cf590c inset !important;

  3155.   box-shadow: 0px 0px 0px 1px #cf590c inset !important;

  3156.   color: #cf590c !important;

  3157. }

  3158. 

  3159. .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {

  3160.   margin-left: -1px;

  3161. }

  3162. 

  3163. /* Inverted */

  3164. 

  3165. .ui.inverted.orange.buttons .button,

  3166. .ui.inverted.orange.button {

  3167.   background-color: transparent;

  3168.   -webkit-box-shadow: 0px 0px 0px 2px #FF851B inset !important;

  3169.   box-shadow: 0px 0px 0px 2px #FF851B inset !important;

  3170.   color: #FF851B;

  3171. }

  3172. 

  3173. .ui.inverted.orange.buttons .button:hover,

  3174. .ui.inverted.orange.button:hover,

  3175. .ui.inverted.orange.buttons .button:focus,

  3176. .ui.inverted.orange.button:focus,

  3177. .ui.inverted.orange.buttons .button.active,

  3178. .ui.inverted.orange.button.active,

  3179. .ui.inverted.orange.buttons .button:active,

  3180. .ui.inverted.orange.button:active {

  3181.   -webkit-box-shadow: none !important;

  3182.   box-shadow: none !important;

  3183.   color: #FFFFFF;

  3184. }

  3185. 

  3186. .ui.inverted.orange.buttons .button:hover,

  3187. .ui.inverted.orange.button:hover {

  3188.   background-color: #ff7701;

  3189. }

  3190. 

  3191. .ui.inverted.orange.buttons .button:focus,

  3192. .ui.inverted.orange.button:focus {

  3193.   background-color: #f17000;

  3194. }

  3195. 

  3196. .ui.inverted.orange.buttons .active.button,

  3197. .ui.inverted.orange.active.button {

  3198.   background-color: #ff7701;

  3199. }

  3200. 

  3201. .ui.inverted.orange.buttons .button:active,

  3202. .ui.inverted.orange.button:active {

  3203.   background-color: #e76b00;

  3204. }

  3205. 

  3206. /* Inverted Basic */

  3207. 

  3208. .ui.inverted.orange.basic.buttons .button,

  3209. .ui.inverted.orange.buttons .basic.button,

  3210. .ui.inverted.orange.basic.button {

  3211.   background-color: transparent;

  3212.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3213.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3214.   color: #FFFFFF !important;

  3215. }

  3216. 

  3217. .ui.inverted.orange.basic.buttons .button:hover,

  3218. .ui.inverted.orange.buttons .basic.button:hover,

  3219. .ui.inverted.orange.basic.button:hover {

  3220.   -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important;

  3221.   box-shadow: 0px 0px 0px 2px #ff7701 inset !important;

  3222.   color: #FF851B !important;

  3223. }

  3224. 

  3225. .ui.inverted.orange.basic.buttons .button:focus,

  3226. .ui.inverted.orange.basic.buttons .button:focus,

  3227. .ui.inverted.orange.basic.button:focus {

  3228.   -webkit-box-shadow: 0px 0px 0px 2px #f17000 inset !important;

  3229.   box-shadow: 0px 0px 0px 2px #f17000 inset !important;

  3230.   color: #FF851B !important;

  3231. }

  3232. 

  3233. .ui.inverted.orange.basic.buttons .active.button,

  3234. .ui.inverted.orange.buttons .basic.active.button,

  3235. .ui.inverted.orange.basic.active.button {

  3236.   -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important;

  3237.   box-shadow: 0px 0px 0px 2px #ff7701 inset !important;

  3238.   color: #FF851B !important;

  3239. }

  3240. 

  3241. .ui.inverted.orange.basic.buttons .button:active,

  3242. .ui.inverted.orange.buttons .basic.button:active,

  3243. .ui.inverted.orange.basic.button:active {

  3244.   -webkit-box-shadow: 0px 0px 0px 2px #e76b00 inset !important;

  3245.   box-shadow: 0px 0px 0px 2px #e76b00 inset !important;

  3246.   color: #FF851B !important;

  3247. }

  3248. 

  3249. /*--- Pink ---*/

  3250. 

  3251. .ui.pink.buttons .button,

  3252. .ui.pink.button {

  3253.   background-color: #E03997;

  3254.   color: #FFFFFF;

  3255.   text-shadow: none;

  3256.   background-image: none;

  3257. }

  3258. 

  3259. .ui.pink.button {

  3260.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3261.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3262. }

  3263. 

  3264. .ui.pink.buttons .button:hover,

  3265. .ui.pink.button:hover {

  3266.   background-color: #e61a8d;

  3267.   color: #FFFFFF;

  3268.   text-shadow: none;

  3269. }

  3270. 

  3271. .ui.pink.buttons .button:focus,

  3272. .ui.pink.button:focus {

  3273.   background-color: #e10f85;

  3274.   color: #FFFFFF;

  3275.   text-shadow: none;

  3276. }

  3277. 

  3278. .ui.pink.buttons .button:active,

  3279. .ui.pink.button:active {

  3280.   background-color: #c71f7e;

  3281.   color: #FFFFFF;

  3282.   text-shadow: none;

  3283. }

  3284. 

  3285. .ui.pink.buttons .active.button,

  3286. .ui.pink.buttons .active.button:active,

  3287. .ui.pink.active.button,

  3288. .ui.pink.button .active.button:active {

  3289.   background-color: #ea158d;

  3290.   color: #FFFFFF;

  3291.   text-shadow: none;

  3292. }

  3293. 

  3294. /* Basic */

  3295. 

  3296. .ui.basic.pink.buttons .button,

  3297. .ui.basic.pink.button {

  3298.   -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset !important;

  3299.   box-shadow: 0px 0px 0px 1px #E03997 inset !important;

  3300.   color: #E03997 !important;

  3301. }

  3302. 

  3303. .ui.basic.pink.buttons .button:hover,

  3304. .ui.basic.pink.button:hover {

  3305.   background: transparent !important;

  3306.   -webkit-box-shadow: 0px 0px 0px 1px #e61a8d inset !important;

  3307.   box-shadow: 0px 0px 0px 1px #e61a8d inset !important;

  3308.   color: #e61a8d !important;

  3309. }

  3310. 

  3311. .ui.basic.pink.buttons .button:focus,

  3312. .ui.basic.pink.button:focus {

  3313.   background: transparent !important;

  3314.   -webkit-box-shadow: 0px 0px 0px 1px #e10f85 inset !important;

  3315.   box-shadow: 0px 0px 0px 1px #e10f85 inset !important;

  3316.   color: #e61a8d !important;

  3317. }

  3318. 

  3319. .ui.basic.pink.buttons .active.button,

  3320. .ui.basic.pink.active.button {

  3321.   background: transparent !important;

  3322.   -webkit-box-shadow: 0px 0px 0px 1px #ea158d inset !important;

  3323.   box-shadow: 0px 0px 0px 1px #ea158d inset !important;

  3324.   color: #c71f7e !important;

  3325. }

  3326. 

  3327. .ui.basic.pink.buttons .button:active,

  3328. .ui.basic.pink.button:active {

  3329.   -webkit-box-shadow: 0px 0px 0px 1px #c71f7e inset !important;

  3330.   box-shadow: 0px 0px 0px 1px #c71f7e inset !important;

  3331.   color: #c71f7e !important;

  3332. }

  3333. 

  3334. .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {

  3335.   margin-left: -1px;

  3336. }

  3337. 

  3338. /* Inverted */

  3339. 

  3340. .ui.inverted.pink.buttons .button,

  3341. .ui.inverted.pink.button {

  3342.   background-color: transparent;

  3343.   -webkit-box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;

  3344.   box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;

  3345.   color: #FF8EDF;

  3346. }

  3347. 

  3348. .ui.inverted.pink.buttons .button:hover,

  3349. .ui.inverted.pink.button:hover,

  3350. .ui.inverted.pink.buttons .button:focus,

  3351. .ui.inverted.pink.button:focus,

  3352. .ui.inverted.pink.buttons .button.active,

  3353. .ui.inverted.pink.button.active,

  3354. .ui.inverted.pink.buttons .button:active,

  3355. .ui.inverted.pink.button:active {

  3356.   -webkit-box-shadow: none !important;

  3357.   box-shadow: none !important;

  3358.   color: #FFFFFF;

  3359. }

  3360. 

  3361. .ui.inverted.pink.buttons .button:hover,

  3362. .ui.inverted.pink.button:hover {

  3363.   background-color: #ff74d8;

  3364. }

  3365. 

  3366. .ui.inverted.pink.buttons .button:focus,

  3367. .ui.inverted.pink.button:focus {

  3368.   background-color: #ff65d3;

  3369. }

  3370. 

  3371. .ui.inverted.pink.buttons .active.button,

  3372. .ui.inverted.pink.active.button {

  3373.   background-color: #ff74d8;

  3374. }

  3375. 

  3376. .ui.inverted.pink.buttons .button:active,

  3377. .ui.inverted.pink.button:active {

  3378.   background-color: #ff5bd1;

  3379. }

  3380. 

  3381. /* Inverted Basic */

  3382. 

  3383. .ui.inverted.pink.basic.buttons .button,

  3384. .ui.inverted.pink.buttons .basic.button,

  3385. .ui.inverted.pink.basic.button {

  3386.   background-color: transparent;

  3387.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3388.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3389.   color: #FFFFFF !important;

  3390. }

  3391. 

  3392. .ui.inverted.pink.basic.buttons .button:hover,

  3393. .ui.inverted.pink.buttons .basic.button:hover,

  3394. .ui.inverted.pink.basic.button:hover {

  3395.   -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;

  3396.   box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;

  3397.   color: #FF8EDF !important;

  3398. }

  3399. 

  3400. .ui.inverted.pink.basic.buttons .button:focus,

  3401. .ui.inverted.pink.basic.buttons .button:focus,

  3402. .ui.inverted.pink.basic.button:focus {

  3403.   -webkit-box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;

  3404.   box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;

  3405.   color: #FF8EDF !important;

  3406. }

  3407. 

  3408. .ui.inverted.pink.basic.buttons .active.button,

  3409. .ui.inverted.pink.buttons .basic.active.button,

  3410. .ui.inverted.pink.basic.active.button {

  3411.   -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;

  3412.   box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;

  3413.   color: #FF8EDF !important;

  3414. }

  3415. 

  3416. .ui.inverted.pink.basic.buttons .button:active,

  3417. .ui.inverted.pink.buttons .basic.button:active,

  3418. .ui.inverted.pink.basic.button:active {

  3419.   -webkit-box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;

  3420.   box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;

  3421.   color: #FF8EDF !important;

  3422. }

  3423. 

  3424. /*--- Violet ---*/

  3425. 

  3426. .ui.violet.buttons .button,

  3427. .ui.violet.button {

  3428.   background-color: #6435C9;

  3429.   color: #FFFFFF;

  3430.   text-shadow: none;

  3431.   background-image: none;

  3432. }

  3433. 

  3434. .ui.violet.button {

  3435.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3436.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3437. }

  3438. 

  3439. .ui.violet.buttons .button:hover,

  3440. .ui.violet.button:hover {

  3441.   background-color: #5829bb;

  3442.   color: #FFFFFF;

  3443.   text-shadow: none;

  3444. }

  3445. 

  3446. .ui.violet.buttons .button:focus,

  3447. .ui.violet.button:focus {

  3448.   background-color: #4f20b5;

  3449.   color: #FFFFFF;

  3450.   text-shadow: none;

  3451. }

  3452. 

  3453. .ui.violet.buttons .button:active,

  3454. .ui.violet.button:active {

  3455.   background-color: #502aa1;

  3456.   color: #FFFFFF;

  3457.   text-shadow: none;

  3458. }

  3459. 

  3460. .ui.violet.buttons .active.button,

  3461. .ui.violet.buttons .active.button:active,

  3462. .ui.violet.active.button,

  3463. .ui.violet.button .active.button:active {

  3464.   background-color: #5626bf;

  3465.   color: #FFFFFF;

  3466.   text-shadow: none;

  3467. }

  3468. 

  3469. /* Basic */

  3470. 

  3471. .ui.basic.violet.buttons .button,

  3472. .ui.basic.violet.button {

  3473.   -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset !important;

  3474.   box-shadow: 0px 0px 0px 1px #6435C9 inset !important;

  3475.   color: #6435C9 !important;

  3476. }

  3477. 

  3478. .ui.basic.violet.buttons .button:hover,

  3479. .ui.basic.violet.button:hover {

  3480.   background: transparent !important;

  3481.   -webkit-box-shadow: 0px 0px 0px 1px #5829bb inset !important;

  3482.   box-shadow: 0px 0px 0px 1px #5829bb inset !important;

  3483.   color: #5829bb !important;

  3484. }

  3485. 

  3486. .ui.basic.violet.buttons .button:focus,

  3487. .ui.basic.violet.button:focus {

  3488.   background: transparent !important;

  3489.   -webkit-box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;

  3490.   box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;

  3491.   color: #5829bb !important;

  3492. }

  3493. 

  3494. .ui.basic.violet.buttons .active.button,

  3495. .ui.basic.violet.active.button {

  3496.   background: transparent !important;

  3497.   -webkit-box-shadow: 0px 0px 0px 1px #5626bf inset !important;

  3498.   box-shadow: 0px 0px 0px 1px #5626bf inset !important;

  3499.   color: #502aa1 !important;

  3500. }

  3501. 

  3502. .ui.basic.violet.buttons .button:active,

  3503. .ui.basic.violet.button:active {

  3504.   -webkit-box-shadow: 0px 0px 0px 1px #502aa1 inset !important;

  3505.   box-shadow: 0px 0px 0px 1px #502aa1 inset !important;

  3506.   color: #502aa1 !important;

  3507. }

  3508. 

  3509. .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {

  3510.   margin-left: -1px;

  3511. }

  3512. 

  3513. /* Inverted */

  3514. 

  3515. .ui.inverted.violet.buttons .button,

  3516. .ui.inverted.violet.button {

  3517.   background-color: transparent;

  3518.   -webkit-box-shadow: 0px 0px 0px 2px #A291FB inset !important;

  3519.   box-shadow: 0px 0px 0px 2px #A291FB inset !important;

  3520.   color: #A291FB;

  3521. }

  3522. 

  3523. .ui.inverted.violet.buttons .button:hover,

  3524. .ui.inverted.violet.button:hover,

  3525. .ui.inverted.violet.buttons .button:focus,

  3526. .ui.inverted.violet.button:focus,

  3527. .ui.inverted.violet.buttons .button.active,

  3528. .ui.inverted.violet.button.active,

  3529. .ui.inverted.violet.buttons .button:active,

  3530. .ui.inverted.violet.button:active {

  3531.   -webkit-box-shadow: none !important;

  3532.   box-shadow: none !important;

  3533.   color: #FFFFFF;

  3534. }

  3535. 

  3536. .ui.inverted.violet.buttons .button:hover,

  3537. .ui.inverted.violet.button:hover {

  3538.   background-color: #8a73ff;

  3539. }

  3540. 

  3541. .ui.inverted.violet.buttons .button:focus,

  3542. .ui.inverted.violet.button:focus {

  3543.   background-color: #7d64ff;

  3544. }

  3545. 

  3546. .ui.inverted.violet.buttons .active.button,

  3547. .ui.inverted.violet.active.button {

  3548.   background-color: #8a73ff;

  3549. }

  3550. 

  3551. .ui.inverted.violet.buttons .button:active,

  3552. .ui.inverted.violet.button:active {

  3553.   background-color: #7860f9;

  3554. }

  3555. 

  3556. /* Inverted Basic */

  3557. 

  3558. .ui.inverted.violet.basic.buttons .button,

  3559. .ui.inverted.violet.buttons .basic.button,

  3560. .ui.inverted.violet.basic.button {

  3561.   background-color: transparent;

  3562.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3563.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3564.   color: #FFFFFF !important;

  3565. }

  3566. 

  3567. .ui.inverted.violet.basic.buttons .button:hover,

  3568. .ui.inverted.violet.buttons .basic.button:hover,

  3569. .ui.inverted.violet.basic.button:hover {

  3570.   -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important;

  3571.   box-shadow: 0px 0px 0px 2px #8a73ff inset !important;

  3572.   color: #A291FB !important;

  3573. }

  3574. 

  3575. .ui.inverted.violet.basic.buttons .button:focus,

  3576. .ui.inverted.violet.basic.buttons .button:focus,

  3577. .ui.inverted.violet.basic.button:focus {

  3578.   -webkit-box-shadow: 0px 0px 0px 2px #7d64ff inset !important;

  3579.   box-shadow: 0px 0px 0px 2px #7d64ff inset !important;

  3580.   color: #A291FB !important;

  3581. }

  3582. 

  3583. .ui.inverted.violet.basic.buttons .active.button,

  3584. .ui.inverted.violet.buttons .basic.active.button,

  3585. .ui.inverted.violet.basic.active.button {

  3586.   -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important;

  3587.   box-shadow: 0px 0px 0px 2px #8a73ff inset !important;

  3588.   color: #A291FB !important;

  3589. }

  3590. 

  3591. .ui.inverted.violet.basic.buttons .button:active,

  3592. .ui.inverted.violet.buttons .basic.button:active,

  3593. .ui.inverted.violet.basic.button:active {

  3594.   -webkit-box-shadow: 0px 0px 0px 2px #7860f9 inset !important;

  3595.   box-shadow: 0px 0px 0px 2px #7860f9 inset !important;

  3596.   color: #A291FB !important;

  3597. }

  3598. 

  3599. /*--- Purple ---*/

  3600. 

  3601. .ui.purple.buttons .button,

  3602. .ui.purple.button {

  3603.   background-color: #A333C8;

  3604.   color: #FFFFFF;

  3605.   text-shadow: none;

  3606.   background-image: none;

  3607. }

  3608. 

  3609. .ui.purple.button {

  3610.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3611.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3612. }

  3613. 

  3614. .ui.purple.buttons .button:hover,

  3615. .ui.purple.button:hover {

  3616.   background-color: #9627ba;

  3617.   color: #FFFFFF;

  3618.   text-shadow: none;

  3619. }

  3620. 

  3621. .ui.purple.buttons .button:focus,

  3622. .ui.purple.button:focus {

  3623.   background-color: #8f1eb4;

  3624.   color: #FFFFFF;

  3625.   text-shadow: none;

  3626. }

  3627. 

  3628. .ui.purple.buttons .button:active,

  3629. .ui.purple.button:active {

  3630.   background-color: #82299f;

  3631.   color: #FFFFFF;

  3632.   text-shadow: none;

  3633. }

  3634. 

  3635. .ui.purple.buttons .active.button,

  3636. .ui.purple.buttons .active.button:active,

  3637. .ui.purple.active.button,

  3638. .ui.purple.button .active.button:active {

  3639.   background-color: #9724be;

  3640.   color: #FFFFFF;

  3641.   text-shadow: none;

  3642. }

  3643. 

  3644. /* Basic */

  3645. 

  3646. .ui.basic.purple.buttons .button,

  3647. .ui.basic.purple.button {

  3648.   -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset !important;

  3649.   box-shadow: 0px 0px 0px 1px #A333C8 inset !important;

  3650.   color: #A333C8 !important;

  3651. }

  3652. 

  3653. .ui.basic.purple.buttons .button:hover,

  3654. .ui.basic.purple.button:hover {

  3655.   background: transparent !important;

  3656.   -webkit-box-shadow: 0px 0px 0px 1px #9627ba inset !important;

  3657.   box-shadow: 0px 0px 0px 1px #9627ba inset !important;

  3658.   color: #9627ba !important;

  3659. }

  3660. 

  3661. .ui.basic.purple.buttons .button:focus,

  3662. .ui.basic.purple.button:focus {

  3663.   background: transparent !important;

  3664.   -webkit-box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;

  3665.   box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;

  3666.   color: #9627ba !important;

  3667. }

  3668. 

  3669. .ui.basic.purple.buttons .active.button,

  3670. .ui.basic.purple.active.button {

  3671.   background: transparent !important;

  3672.   -webkit-box-shadow: 0px 0px 0px 1px #9724be inset !important;

  3673.   box-shadow: 0px 0px 0px 1px #9724be inset !important;

  3674.   color: #82299f !important;

  3675. }

  3676. 

  3677. .ui.basic.purple.buttons .button:active,

  3678. .ui.basic.purple.button:active {

  3679.   -webkit-box-shadow: 0px 0px 0px 1px #82299f inset !important;

  3680.   box-shadow: 0px 0px 0px 1px #82299f inset !important;

  3681.   color: #82299f !important;

  3682. }

  3683. 

  3684. .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {

  3685.   margin-left: -1px;

  3686. }

  3687. 

  3688. /* Inverted */

  3689. 

  3690. .ui.inverted.purple.buttons .button,

  3691. .ui.inverted.purple.button {

  3692.   background-color: transparent;

  3693.   -webkit-box-shadow: 0px 0px 0px 2px #DC73FF inset !important;

  3694.   box-shadow: 0px 0px 0px 2px #DC73FF inset !important;

  3695.   color: #DC73FF;

  3696. }

  3697. 

  3698. .ui.inverted.purple.buttons .button:hover,

  3699. .ui.inverted.purple.button:hover,

  3700. .ui.inverted.purple.buttons .button:focus,

  3701. .ui.inverted.purple.button:focus,

  3702. .ui.inverted.purple.buttons .button.active,

  3703. .ui.inverted.purple.button.active,

  3704. .ui.inverted.purple.buttons .button:active,

  3705. .ui.inverted.purple.button:active {

  3706.   -webkit-box-shadow: none !important;

  3707.   box-shadow: none !important;

  3708.   color: #FFFFFF;

  3709. }

  3710. 

  3711. .ui.inverted.purple.buttons .button:hover,

  3712. .ui.inverted.purple.button:hover {

  3713.   background-color: #d65aff;

  3714. }

  3715. 

  3716. .ui.inverted.purple.buttons .button:focus,

  3717. .ui.inverted.purple.button:focus {

  3718.   background-color: #d24aff;

  3719. }

  3720. 

  3721. .ui.inverted.purple.buttons .active.button,

  3722. .ui.inverted.purple.active.button {

  3723.   background-color: #d65aff;

  3724. }

  3725. 

  3726. .ui.inverted.purple.buttons .button:active,

  3727. .ui.inverted.purple.button:active {

  3728.   background-color: #cf40ff;

  3729. }

  3730. 

  3731. /* Inverted Basic */

  3732. 

  3733. .ui.inverted.purple.basic.buttons .button,

  3734. .ui.inverted.purple.buttons .basic.button,

  3735. .ui.inverted.purple.basic.button {

  3736.   background-color: transparent;

  3737.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3738.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3739.   color: #FFFFFF !important;

  3740. }

  3741. 

  3742. .ui.inverted.purple.basic.buttons .button:hover,

  3743. .ui.inverted.purple.buttons .basic.button:hover,

  3744. .ui.inverted.purple.basic.button:hover {

  3745.   -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important;

  3746.   box-shadow: 0px 0px 0px 2px #d65aff inset !important;

  3747.   color: #DC73FF !important;

  3748. }

  3749. 

  3750. .ui.inverted.purple.basic.buttons .button:focus,

  3751. .ui.inverted.purple.basic.buttons .button:focus,

  3752. .ui.inverted.purple.basic.button:focus {

  3753.   -webkit-box-shadow: 0px 0px 0px 2px #d24aff inset !important;

  3754.   box-shadow: 0px 0px 0px 2px #d24aff inset !important;

  3755.   color: #DC73FF !important;

  3756. }

  3757. 

  3758. .ui.inverted.purple.basic.buttons .active.button,

  3759. .ui.inverted.purple.buttons .basic.active.button,

  3760. .ui.inverted.purple.basic.active.button {

  3761.   -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important;

  3762.   box-shadow: 0px 0px 0px 2px #d65aff inset !important;

  3763.   color: #DC73FF !important;

  3764. }

  3765. 

  3766. .ui.inverted.purple.basic.buttons .button:active,

  3767. .ui.inverted.purple.buttons .basic.button:active,

  3768. .ui.inverted.purple.basic.button:active {

  3769.   -webkit-box-shadow: 0px 0px 0px 2px #cf40ff inset !important;

  3770.   box-shadow: 0px 0px 0px 2px #cf40ff inset !important;

  3771.   color: #DC73FF !important;

  3772. }

  3773. 

  3774. /*--- Red ---*/

  3775. 

  3776. .ui.red.buttons .button,

  3777. .ui.red.button {

  3778.   background-color: #DB2828;

  3779.   color: #FFFFFF;

  3780.   text-shadow: none;

  3781.   background-image: none;

  3782. }

  3783. 

  3784. .ui.red.button {

  3785.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3786.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3787. }

  3788. 

  3789. .ui.red.buttons .button:hover,

  3790. .ui.red.button:hover {

  3791.   background-color: #d01919;

  3792.   color: #FFFFFF;

  3793.   text-shadow: none;

  3794. }

  3795. 

  3796. .ui.red.buttons .button:focus,

  3797. .ui.red.button:focus {

  3798.   background-color: #ca1010;

  3799.   color: #FFFFFF;

  3800.   text-shadow: none;

  3801. }

  3802. 

  3803. .ui.red.buttons .button:active,

  3804. .ui.red.button:active {

  3805.   background-color: #b21e1e;

  3806.   color: #FFFFFF;

  3807.   text-shadow: none;

  3808. }

  3809. 

  3810. .ui.red.buttons .active.button,

  3811. .ui.red.buttons .active.button:active,

  3812. .ui.red.active.button,

  3813. .ui.red.button .active.button:active {

  3814.   background-color: #d41515;

  3815.   color: #FFFFFF;

  3816.   text-shadow: none;

  3817. }

  3818. 

  3819. /* Basic */

  3820. 

  3821. .ui.basic.red.buttons .button,

  3822. .ui.basic.red.button {

  3823.   -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important;

  3824.   box-shadow: 0px 0px 0px 1px #DB2828 inset !important;

  3825.   color: #DB2828 !important;

  3826. }

  3827. 

  3828. .ui.basic.red.buttons .button:hover,

  3829. .ui.basic.red.button:hover {

  3830.   background: transparent !important;

  3831.   -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important;

  3832.   box-shadow: 0px 0px 0px 1px #d01919 inset !important;

  3833.   color: #d01919 !important;

  3834. }

  3835. 

  3836. .ui.basic.red.buttons .button:focus,

  3837. .ui.basic.red.button:focus {

  3838.   background: transparent !important;

  3839.   -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important;

  3840.   box-shadow: 0px 0px 0px 1px #ca1010 inset !important;

  3841.   color: #d01919 !important;

  3842. }

  3843. 

  3844. .ui.basic.red.buttons .active.button,

  3845. .ui.basic.red.active.button {

  3846.   background: transparent !important;

  3847.   -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important;

  3848.   box-shadow: 0px 0px 0px 1px #d41515 inset !important;

  3849.   color: #b21e1e !important;

  3850. }

  3851. 

  3852. .ui.basic.red.buttons .button:active,

  3853. .ui.basic.red.button:active {

  3854.   -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important;

  3855.   box-shadow: 0px 0px 0px 1px #b21e1e inset !important;

  3856.   color: #b21e1e !important;

  3857. }

  3858. 

  3859. .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {

  3860.   margin-left: -1px;

  3861. }

  3862. 

  3863. /* Inverted */

  3864. 

  3865. .ui.inverted.red.buttons .button,

  3866. .ui.inverted.red.button {

  3867.   background-color: transparent;

  3868.   -webkit-box-shadow: 0px 0px 0px 2px #FF695E inset !important;

  3869.   box-shadow: 0px 0px 0px 2px #FF695E inset !important;

  3870.   color: #FF695E;

  3871. }

  3872. 

  3873. .ui.inverted.red.buttons .button:hover,

  3874. .ui.inverted.red.button:hover,

  3875. .ui.inverted.red.buttons .button:focus,

  3876. .ui.inverted.red.button:focus,

  3877. .ui.inverted.red.buttons .button.active,

  3878. .ui.inverted.red.button.active,

  3879. .ui.inverted.red.buttons .button:active,

  3880. .ui.inverted.red.button:active {

  3881.   -webkit-box-shadow: none !important;

  3882.   box-shadow: none !important;

  3883.   color: #FFFFFF;

  3884. }

  3885. 

  3886. .ui.inverted.red.buttons .button:hover,

  3887. .ui.inverted.red.button:hover {

  3888.   background-color: #ff5144;

  3889. }

  3890. 

  3891. .ui.inverted.red.buttons .button:focus,

  3892. .ui.inverted.red.button:focus {

  3893.   background-color: #ff4335;

  3894. }

  3895. 

  3896. .ui.inverted.red.buttons .active.button,

  3897. .ui.inverted.red.active.button {

  3898.   background-color: #ff5144;

  3899. }

  3900. 

  3901. .ui.inverted.red.buttons .button:active,

  3902. .ui.inverted.red.button:active {

  3903.   background-color: #ff392b;

  3904. }

  3905. 

  3906. /* Inverted Basic */

  3907. 

  3908. .ui.inverted.red.basic.buttons .button,

  3909. .ui.inverted.red.buttons .basic.button,

  3910. .ui.inverted.red.basic.button {

  3911.   background-color: transparent;

  3912.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3913.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  3914.   color: #FFFFFF !important;

  3915. }

  3916. 

  3917. .ui.inverted.red.basic.buttons .button:hover,

  3918. .ui.inverted.red.buttons .basic.button:hover,

  3919. .ui.inverted.red.basic.button:hover {

  3920.   -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important;

  3921.   box-shadow: 0px 0px 0px 2px #ff5144 inset !important;

  3922.   color: #FF695E !important;

  3923. }

  3924. 

  3925. .ui.inverted.red.basic.buttons .button:focus,

  3926. .ui.inverted.red.basic.buttons .button:focus,

  3927. .ui.inverted.red.basic.button:focus {

  3928.   -webkit-box-shadow: 0px 0px 0px 2px #ff4335 inset !important;

  3929.   box-shadow: 0px 0px 0px 2px #ff4335 inset !important;

  3930.   color: #FF695E !important;

  3931. }

  3932. 

  3933. .ui.inverted.red.basic.buttons .active.button,

  3934. .ui.inverted.red.buttons .basic.active.button,

  3935. .ui.inverted.red.basic.active.button {

  3936.   -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important;

  3937.   box-shadow: 0px 0px 0px 2px #ff5144 inset !important;

  3938.   color: #FF695E !important;

  3939. }

  3940. 

  3941. .ui.inverted.red.basic.buttons .button:active,

  3942. .ui.inverted.red.buttons .basic.button:active,

  3943. .ui.inverted.red.basic.button:active {

  3944.   -webkit-box-shadow: 0px 0px 0px 2px #ff392b inset !important;

  3945.   box-shadow: 0px 0px 0px 2px #ff392b inset !important;

  3946.   color: #FF695E !important;

  3947. }

  3948. 

  3949. /*--- Teal ---*/

  3950. 

  3951. .ui.teal.buttons .button,

  3952. .ui.teal.button {

  3953.   background-color: #00B5AD;

  3954.   color: #FFFFFF;

  3955.   text-shadow: none;

  3956.   background-image: none;

  3957. }

  3958. 

  3959. .ui.teal.button {

  3960.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3961.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  3962. }

  3963. 

  3964. .ui.teal.buttons .button:hover,

  3965. .ui.teal.button:hover {

  3966.   background-color: #009c95;

  3967.   color: #FFFFFF;

  3968.   text-shadow: none;

  3969. }

  3970. 

  3971. .ui.teal.buttons .button:focus,

  3972. .ui.teal.button:focus {

  3973.   background-color: #008c86;

  3974.   color: #FFFFFF;

  3975.   text-shadow: none;

  3976. }

  3977. 

  3978. .ui.teal.buttons .button:active,

  3979. .ui.teal.button:active {

  3980.   background-color: #00827c;

  3981.   color: #FFFFFF;

  3982.   text-shadow: none;

  3983. }

  3984. 

  3985. .ui.teal.buttons .active.button,

  3986. .ui.teal.buttons .active.button:active,

  3987. .ui.teal.active.button,

  3988. .ui.teal.button .active.button:active {

  3989.   background-color: #009c95;

  3990.   color: #FFFFFF;

  3991.   text-shadow: none;

  3992. }

  3993. 

  3994. /* Basic */

  3995. 

  3996. .ui.basic.teal.buttons .button,

  3997. .ui.basic.teal.button {

  3998.   -webkit-box-shadow: 0px 0px 0px 1px #00B5AD inset !important;

  3999.   box-shadow: 0px 0px 0px 1px #00B5AD inset !important;

  4000.   color: #00B5AD !important;

  4001. }

  4002. 

  4003. .ui.basic.teal.buttons .button:hover,

  4004. .ui.basic.teal.button:hover {

  4005.   background: transparent !important;

  4006.   -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important;

  4007.   box-shadow: 0px 0px 0px 1px #009c95 inset !important;

  4008.   color: #009c95 !important;

  4009. }

  4010. 

  4011. .ui.basic.teal.buttons .button:focus,

  4012. .ui.basic.teal.button:focus {

  4013.   background: transparent !important;

  4014.   -webkit-box-shadow: 0px 0px 0px 1px #008c86 inset !important;

  4015.   box-shadow: 0px 0px 0px 1px #008c86 inset !important;

  4016.   color: #009c95 !important;

  4017. }

  4018. 

  4019. .ui.basic.teal.buttons .active.button,

  4020. .ui.basic.teal.active.button {

  4021.   background: transparent !important;

  4022.   -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important;

  4023.   box-shadow: 0px 0px 0px 1px #009c95 inset !important;

  4024.   color: #00827c !important;

  4025. }

  4026. 

  4027. .ui.basic.teal.buttons .button:active,

  4028. .ui.basic.teal.button:active {

  4029.   -webkit-box-shadow: 0px 0px 0px 1px #00827c inset !important;

  4030.   box-shadow: 0px 0px 0px 1px #00827c inset !important;

  4031.   color: #00827c !important;

  4032. }

  4033. 

  4034. .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {

  4035.   margin-left: -1px;

  4036. }

  4037. 

  4038. /* Inverted */

  4039. 

  4040. .ui.inverted.teal.buttons .button,

  4041. .ui.inverted.teal.button {

  4042.   background-color: transparent;

  4043.   -webkit-box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;

  4044.   box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;

  4045.   color: #6DFFFF;

  4046. }

  4047. 

  4048. .ui.inverted.teal.buttons .button:hover,

  4049. .ui.inverted.teal.button:hover,

  4050. .ui.inverted.teal.buttons .button:focus,

  4051. .ui.inverted.teal.button:focus,

  4052. .ui.inverted.teal.buttons .button.active,

  4053. .ui.inverted.teal.button.active,

  4054. .ui.inverted.teal.buttons .button:active,

  4055. .ui.inverted.teal.button:active {

  4056.   -webkit-box-shadow: none !important;

  4057.   box-shadow: none !important;

  4058.   color: rgba(0, 0, 0, 0.6);

  4059. }

  4060. 

  4061. .ui.inverted.teal.buttons .button:hover,

  4062. .ui.inverted.teal.button:hover {

  4063.   background-color: #54ffff;

  4064. }

  4065. 

  4066. .ui.inverted.teal.buttons .button:focus,

  4067. .ui.inverted.teal.button:focus {

  4068.   background-color: #44ffff;

  4069. }

  4070. 

  4071. .ui.inverted.teal.buttons .active.button,

  4072. .ui.inverted.teal.active.button {

  4073.   background-color: #54ffff;

  4074. }

  4075. 

  4076. .ui.inverted.teal.buttons .button:active,

  4077. .ui.inverted.teal.button:active {

  4078.   background-color: #3affff;

  4079. }

  4080. 

  4081. /* Inverted Basic */

  4082. 

  4083. .ui.inverted.teal.basic.buttons .button,

  4084. .ui.inverted.teal.buttons .basic.button,

  4085. .ui.inverted.teal.basic.button {

  4086.   background-color: transparent;

  4087.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4088.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4089.   color: #FFFFFF !important;

  4090. }

  4091. 

  4092. .ui.inverted.teal.basic.buttons .button:hover,

  4093. .ui.inverted.teal.buttons .basic.button:hover,

  4094. .ui.inverted.teal.basic.button:hover {

  4095.   -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important;

  4096.   box-shadow: 0px 0px 0px 2px #54ffff inset !important;

  4097.   color: #6DFFFF !important;

  4098. }

  4099. 

  4100. .ui.inverted.teal.basic.buttons .button:focus,

  4101. .ui.inverted.teal.basic.buttons .button:focus,

  4102. .ui.inverted.teal.basic.button:focus {

  4103.   -webkit-box-shadow: 0px 0px 0px 2px #44ffff inset !important;

  4104.   box-shadow: 0px 0px 0px 2px #44ffff inset !important;

  4105.   color: #6DFFFF !important;

  4106. }

  4107. 

  4108. .ui.inverted.teal.basic.buttons .active.button,

  4109. .ui.inverted.teal.buttons .basic.active.button,

  4110. .ui.inverted.teal.basic.active.button {

  4111.   -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important;

  4112.   box-shadow: 0px 0px 0px 2px #54ffff inset !important;

  4113.   color: #6DFFFF !important;

  4114. }

  4115. 

  4116. .ui.inverted.teal.basic.buttons .button:active,

  4117. .ui.inverted.teal.buttons .basic.button:active,

  4118. .ui.inverted.teal.basic.button:active {

  4119.   -webkit-box-shadow: 0px 0px 0px 2px #3affff inset !important;

  4120.   box-shadow: 0px 0px 0px 2px #3affff inset !important;

  4121.   color: #6DFFFF !important;

  4122. }

  4123. 

  4124. /*--- Olive ---*/

  4125. 

  4126. .ui.olive.buttons .button,

  4127. .ui.olive.button {

  4128.   background-color: #B5CC18;

  4129.   color: #FFFFFF;

  4130.   text-shadow: none;

  4131.   background-image: none;

  4132. }

  4133. 

  4134. .ui.olive.button {

  4135.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4136.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4137. }

  4138. 

  4139. .ui.olive.buttons .button:hover,

  4140. .ui.olive.button:hover {

  4141.   background-color: #a7bd0d;

  4142.   color: #FFFFFF;

  4143.   text-shadow: none;

  4144. }

  4145. 

  4146. .ui.olive.buttons .button:focus,

  4147. .ui.olive.button:focus {

  4148.   background-color: #a0b605;

  4149.   color: #FFFFFF;

  4150.   text-shadow: none;

  4151. }

  4152. 

  4153. .ui.olive.buttons .button:active,

  4154. .ui.olive.button:active {

  4155.   background-color: #8d9e13;

  4156.   color: #FFFFFF;

  4157.   text-shadow: none;

  4158. }

  4159. 

  4160. .ui.olive.buttons .active.button,

  4161. .ui.olive.buttons .active.button:active,

  4162. .ui.olive.active.button,

  4163. .ui.olive.button .active.button:active {

  4164.   background-color: #aac109;

  4165.   color: #FFFFFF;

  4166.   text-shadow: none;

  4167. }

  4168. 

  4169. /* Basic */

  4170. 

  4171. .ui.basic.olive.buttons .button,

  4172. .ui.basic.olive.button {

  4173.   -webkit-box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;

  4174.   box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;

  4175.   color: #B5CC18 !important;

  4176. }

  4177. 

  4178. .ui.basic.olive.buttons .button:hover,

  4179. .ui.basic.olive.button:hover {

  4180.   background: transparent !important;

  4181.   -webkit-box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;

  4182.   box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;

  4183.   color: #a7bd0d !important;

  4184. }

  4185. 

  4186. .ui.basic.olive.buttons .button:focus,

  4187. .ui.basic.olive.button:focus {

  4188.   background: transparent !important;

  4189.   -webkit-box-shadow: 0px 0px 0px 1px #a0b605 inset !important;

  4190.   box-shadow: 0px 0px 0px 1px #a0b605 inset !important;

  4191.   color: #a7bd0d !important;

  4192. }

  4193. 

  4194. .ui.basic.olive.buttons .active.button,

  4195. .ui.basic.olive.active.button {

  4196.   background: transparent !important;

  4197.   -webkit-box-shadow: 0px 0px 0px 1px #aac109 inset !important;

  4198.   box-shadow: 0px 0px 0px 1px #aac109 inset !important;

  4199.   color: #8d9e13 !important;

  4200. }

  4201. 

  4202. .ui.basic.olive.buttons .button:active,

  4203. .ui.basic.olive.button:active {

  4204.   -webkit-box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;

  4205.   box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;

  4206.   color: #8d9e13 !important;

  4207. }

  4208. 

  4209. .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {

  4210.   margin-left: -1px;

  4211. }

  4212. 

  4213. /* Inverted */

  4214. 

  4215. .ui.inverted.olive.buttons .button,

  4216. .ui.inverted.olive.button {

  4217.   background-color: transparent;

  4218.   -webkit-box-shadow: 0px 0px 0px 2px #D9E778 inset !important;

  4219.   box-shadow: 0px 0px 0px 2px #D9E778 inset !important;

  4220.   color: #D9E778;

  4221. }

  4222. 

  4223. .ui.inverted.olive.buttons .button:hover,

  4224. .ui.inverted.olive.button:hover,

  4225. .ui.inverted.olive.buttons .button:focus,

  4226. .ui.inverted.olive.button:focus,

  4227. .ui.inverted.olive.buttons .button.active,

  4228. .ui.inverted.olive.button.active,

  4229. .ui.inverted.olive.buttons .button:active,

  4230. .ui.inverted.olive.button:active {

  4231.   -webkit-box-shadow: none !important;

  4232.   box-shadow: none !important;

  4233.   color: rgba(0, 0, 0, 0.6);

  4234. }

  4235. 

  4236. .ui.inverted.olive.buttons .button:hover,

  4237. .ui.inverted.olive.button:hover {

  4238.   background-color: #d8ea5c;

  4239. }

  4240. 

  4241. .ui.inverted.olive.buttons .button:focus,

  4242. .ui.inverted.olive.button:focus {

  4243.   background-color: #daef47;

  4244. }

  4245. 

  4246. .ui.inverted.olive.buttons .active.button,

  4247. .ui.inverted.olive.active.button {

  4248.   background-color: #daed59;

  4249. }

  4250. 

  4251. .ui.inverted.olive.buttons .button:active,

  4252. .ui.inverted.olive.button:active {

  4253.   background-color: #cddf4d;

  4254. }

  4255. 

  4256. /* Inverted Basic */

  4257. 

  4258. .ui.inverted.olive.basic.buttons .button,

  4259. .ui.inverted.olive.buttons .basic.button,

  4260. .ui.inverted.olive.basic.button {

  4261.   background-color: transparent;

  4262.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4263.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4264.   color: #FFFFFF !important;

  4265. }

  4266. 

  4267. .ui.inverted.olive.basic.buttons .button:hover,

  4268. .ui.inverted.olive.buttons .basic.button:hover,

  4269. .ui.inverted.olive.basic.button:hover {

  4270.   -webkit-box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;

  4271.   box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;

  4272.   color: #D9E778 !important;

  4273. }

  4274. 

  4275. .ui.inverted.olive.basic.buttons .button:focus,

  4276. .ui.inverted.olive.basic.buttons .button:focus,

  4277. .ui.inverted.olive.basic.button:focus {

  4278.   -webkit-box-shadow: 0px 0px 0px 2px #daef47 inset !important;

  4279.   box-shadow: 0px 0px 0px 2px #daef47 inset !important;

  4280.   color: #D9E778 !important;

  4281. }

  4282. 

  4283. .ui.inverted.olive.basic.buttons .active.button,

  4284. .ui.inverted.olive.buttons .basic.active.button,

  4285. .ui.inverted.olive.basic.active.button {

  4286.   -webkit-box-shadow: 0px 0px 0px 2px #daed59 inset !important;

  4287.   box-shadow: 0px 0px 0px 2px #daed59 inset !important;

  4288.   color: #D9E778 !important;

  4289. }

  4290. 

  4291. .ui.inverted.olive.basic.buttons .button:active,

  4292. .ui.inverted.olive.buttons .basic.button:active,

  4293. .ui.inverted.olive.basic.button:active {

  4294.   -webkit-box-shadow: 0px 0px 0px 2px #cddf4d inset !important;

  4295.   box-shadow: 0px 0px 0px 2px #cddf4d inset !important;

  4296.   color: #D9E778 !important;

  4297. }

  4298. 

  4299. /*--- Yellow ---*/

  4300. 

  4301. .ui.yellow.buttons .button,

  4302. .ui.yellow.button {

  4303.   background-color: #FBBD08;

  4304.   color: #FFFFFF;

  4305.   text-shadow: none;

  4306.   background-image: none;

  4307. }

  4308. 

  4309. .ui.yellow.button {

  4310.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4311.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4312. }

  4313. 

  4314. .ui.yellow.buttons .button:hover,

  4315. .ui.yellow.button:hover {

  4316.   background-color: #eaae00;

  4317.   color: #FFFFFF;

  4318.   text-shadow: none;

  4319. }

  4320. 

  4321. .ui.yellow.buttons .button:focus,

  4322. .ui.yellow.button:focus {

  4323.   background-color: #daa300;

  4324.   color: #FFFFFF;

  4325.   text-shadow: none;

  4326. }

  4327. 

  4328. .ui.yellow.buttons .button:active,

  4329. .ui.yellow.button:active {

  4330.   background-color: #cd9903;

  4331.   color: #FFFFFF;

  4332.   text-shadow: none;

  4333. }

  4334. 

  4335. .ui.yellow.buttons .active.button,

  4336. .ui.yellow.buttons .active.button:active,

  4337. .ui.yellow.active.button,

  4338. .ui.yellow.button .active.button:active {

  4339.   background-color: #eaae00;

  4340.   color: #FFFFFF;

  4341.   text-shadow: none;

  4342. }

  4343. 

  4344. /* Basic */

  4345. 

  4346. .ui.basic.yellow.buttons .button,

  4347. .ui.basic.yellow.button {

  4348.   -webkit-box-shadow: 0px 0px 0px 1px #FBBD08 inset !important;

  4349.   box-shadow: 0px 0px 0px 1px #FBBD08 inset !important;

  4350.   color: #FBBD08 !important;

  4351. }

  4352. 

  4353. .ui.basic.yellow.buttons .button:hover,

  4354. .ui.basic.yellow.button:hover {

  4355.   background: transparent !important;

  4356.   -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important;

  4357.   box-shadow: 0px 0px 0px 1px #eaae00 inset !important;

  4358.   color: #eaae00 !important;

  4359. }

  4360. 

  4361. .ui.basic.yellow.buttons .button:focus,

  4362. .ui.basic.yellow.button:focus {

  4363.   background: transparent !important;

  4364.   -webkit-box-shadow: 0px 0px 0px 1px #daa300 inset !important;

  4365.   box-shadow: 0px 0px 0px 1px #daa300 inset !important;

  4366.   color: #eaae00 !important;

  4367. }

  4368. 

  4369. .ui.basic.yellow.buttons .active.button,

  4370. .ui.basic.yellow.active.button {

  4371.   background: transparent !important;

  4372.   -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important;

  4373.   box-shadow: 0px 0px 0px 1px #eaae00 inset !important;

  4374.   color: #cd9903 !important;

  4375. }

  4376. 

  4377. .ui.basic.yellow.buttons .button:active,

  4378. .ui.basic.yellow.button:active {

  4379.   -webkit-box-shadow: 0px 0px 0px 1px #cd9903 inset !important;

  4380.   box-shadow: 0px 0px 0px 1px #cd9903 inset !important;

  4381.   color: #cd9903 !important;

  4382. }

  4383. 

  4384. .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {

  4385.   margin-left: -1px;

  4386. }

  4387. 

  4388. /* Inverted */

  4389. 

  4390. .ui.inverted.yellow.buttons .button,

  4391. .ui.inverted.yellow.button {

  4392.   background-color: transparent;

  4393.   -webkit-box-shadow: 0px 0px 0px 2px #FFE21F inset !important;

  4394.   box-shadow: 0px 0px 0px 2px #FFE21F inset !important;

  4395.   color: #FFE21F;

  4396. }

  4397. 

  4398. .ui.inverted.yellow.buttons .button:hover,

  4399. .ui.inverted.yellow.button:hover,

  4400. .ui.inverted.yellow.buttons .button:focus,

  4401. .ui.inverted.yellow.button:focus,

  4402. .ui.inverted.yellow.buttons .button.active,

  4403. .ui.inverted.yellow.button.active,

  4404. .ui.inverted.yellow.buttons .button:active,

  4405. .ui.inverted.yellow.button:active {

  4406.   -webkit-box-shadow: none !important;

  4407.   box-shadow: none !important;

  4408.   color: rgba(0, 0, 0, 0.6);

  4409. }

  4410. 

  4411. .ui.inverted.yellow.buttons .button:hover,

  4412. .ui.inverted.yellow.button:hover {

  4413.   background-color: #ffdf05;

  4414. }

  4415. 

  4416. .ui.inverted.yellow.buttons .button:focus,

  4417. .ui.inverted.yellow.button:focus {

  4418.   background-color: #f5d500;

  4419. }

  4420. 

  4421. .ui.inverted.yellow.buttons .active.button,

  4422. .ui.inverted.yellow.active.button {

  4423.   background-color: #ffdf05;

  4424. }

  4425. 

  4426. .ui.inverted.yellow.buttons .button:active,

  4427. .ui.inverted.yellow.button:active {

  4428.   background-color: #ebcd00;

  4429. }

  4430. 

  4431. /* Inverted Basic */

  4432. 

  4433. .ui.inverted.yellow.basic.buttons .button,

  4434. .ui.inverted.yellow.buttons .basic.button,

  4435. .ui.inverted.yellow.basic.button {

  4436.   background-color: transparent;

  4437.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4438.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4439.   color: #FFFFFF !important;

  4440. }

  4441. 

  4442. .ui.inverted.yellow.basic.buttons .button:hover,

  4443. .ui.inverted.yellow.buttons .basic.button:hover,

  4444. .ui.inverted.yellow.basic.button:hover {

  4445.   -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;

  4446.   box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;

  4447.   color: #FFE21F !important;

  4448. }

  4449. 

  4450. .ui.inverted.yellow.basic.buttons .button:focus,

  4451. .ui.inverted.yellow.basic.buttons .button:focus,

  4452. .ui.inverted.yellow.basic.button:focus {

  4453.   -webkit-box-shadow: 0px 0px 0px 2px #f5d500 inset !important;

  4454.   box-shadow: 0px 0px 0px 2px #f5d500 inset !important;

  4455.   color: #FFE21F !important;

  4456. }

  4457. 

  4458. .ui.inverted.yellow.basic.buttons .active.button,

  4459. .ui.inverted.yellow.buttons .basic.active.button,

  4460. .ui.inverted.yellow.basic.active.button {

  4461.   -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;

  4462.   box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;

  4463.   color: #FFE21F !important;

  4464. }

  4465. 

  4466. .ui.inverted.yellow.basic.buttons .button:active,

  4467. .ui.inverted.yellow.buttons .basic.button:active,

  4468. .ui.inverted.yellow.basic.button:active {

  4469.   -webkit-box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;

  4470.   box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;

  4471.   color: #FFE21F !important;

  4472. }

  4473. 

  4474. /*-------------------

  4475.        Primary

  4476. --------------------*/

  4477. 

  4478. /*--- Standard ---*/

  4479. 

  4480. .ui.primary.buttons .button,

  4481. .ui.primary.button {

  4482.   background-color: #2185D0;

  4483.   color: #FFFFFF;

  4484.   text-shadow: none;

  4485.   background-image: none;

  4486. }

  4487. 

  4488. .ui.primary.button {

  4489.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4490.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4491. }

  4492. 

  4493. .ui.primary.buttons .button:hover,

  4494. .ui.primary.button:hover {

  4495.   background-color: #1678c2;

  4496.   color: #FFFFFF;

  4497.   text-shadow: none;

  4498. }

  4499. 

  4500. .ui.primary.buttons .button:focus,

  4501. .ui.primary.button:focus {

  4502.   background-color: #0d71bb;

  4503.   color: #FFFFFF;

  4504.   text-shadow: none;

  4505. }

  4506. 

  4507. .ui.primary.buttons .button:active,

  4508. .ui.primary.button:active {

  4509.   background-color: #1a69a4;

  4510.   color: #FFFFFF;

  4511.   text-shadow: none;

  4512. }

  4513. 

  4514. .ui.primary.buttons .active.button,

  4515. .ui.primary.buttons .active.button:active,

  4516. .ui.primary.active.button,

  4517. .ui.primary.button .active.button:active {

  4518.   background-color: #1279c6;

  4519.   color: #FFFFFF;

  4520.   text-shadow: none;

  4521. }

  4522. 

  4523. /* Basic */

  4524. 

  4525. .ui.basic.primary.buttons .button,

  4526. .ui.basic.primary.button {

  4527.   -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important;

  4528.   box-shadow: 0px 0px 0px 1px #2185D0 inset !important;

  4529.   color: #2185D0 !important;

  4530. }

  4531. 

  4532. .ui.basic.primary.buttons .button:hover,

  4533. .ui.basic.primary.button:hover {

  4534.   background: transparent !important;

  4535.   -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important;

  4536.   box-shadow: 0px 0px 0px 1px #1678c2 inset !important;

  4537.   color: #1678c2 !important;

  4538. }

  4539. 

  4540. .ui.basic.primary.buttons .button:focus,

  4541. .ui.basic.primary.button:focus {

  4542.   background: transparent !important;

  4543.   -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important;

  4544.   box-shadow: 0px 0px 0px 1px #0d71bb inset !important;

  4545.   color: #1678c2 !important;

  4546. }

  4547. 

  4548. .ui.basic.primary.buttons .active.button,

  4549. .ui.basic.primary.active.button {

  4550.   background: transparent !important;

  4551.   -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important;

  4552.   box-shadow: 0px 0px 0px 1px #1279c6 inset !important;

  4553.   color: #1a69a4 !important;

  4554. }

  4555. 

  4556. .ui.basic.primary.buttons .button:active,

  4557. .ui.basic.primary.button:active {

  4558.   -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;

  4559.   box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;

  4560.   color: #1a69a4 !important;

  4561. }

  4562. 

  4563. .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {

  4564.   margin-left: -1px;

  4565. }

  4566. 

  4567. /* Inverted */

  4568. 

  4569. .ui.inverted.primary.buttons .button,

  4570. .ui.inverted.primary.button {

  4571.   background-color: transparent;

  4572.   -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important;

  4573.   box-shadow: 0px 0px 0px 2px #54C8FF inset !important;

  4574.   color: #54C8FF;

  4575. }

  4576. 

  4577. .ui.inverted.primary.buttons .button:hover,

  4578. .ui.inverted.primary.button:hover,

  4579. .ui.inverted.primary.buttons .button:focus,

  4580. .ui.inverted.primary.button:focus,

  4581. .ui.inverted.primary.buttons .button.active,

  4582. .ui.inverted.primary.button.active,

  4583. .ui.inverted.primary.buttons .button:active,

  4584. .ui.inverted.primary.button:active {

  4585.   -webkit-box-shadow: none !important;

  4586.   box-shadow: none !important;

  4587.   color: #FFFFFF;

  4588. }

  4589. 

  4590. .ui.inverted.primary.buttons .button:hover,

  4591. .ui.inverted.primary.button:hover {

  4592.   background-color: #3ac0ff;

  4593. }

  4594. 

  4595. .ui.inverted.primary.buttons .button:focus,

  4596. .ui.inverted.primary.button:focus {

  4597.   background-color: #2bbbff;

  4598. }

  4599. 

  4600. .ui.inverted.primary.buttons .active.button,

  4601. .ui.inverted.primary.active.button {

  4602.   background-color: #3ac0ff;

  4603. }

  4604. 

  4605. .ui.inverted.primary.buttons .button:active,

  4606. .ui.inverted.primary.button:active {

  4607.   background-color: #21b8ff;

  4608. }

  4609. 

  4610. /* Inverted Basic */

  4611. 

  4612. .ui.inverted.primary.basic.buttons .button,

  4613. .ui.inverted.primary.buttons .basic.button,

  4614. .ui.inverted.primary.basic.button {

  4615.   background-color: transparent;

  4616.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4617.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4618.   color: #FFFFFF !important;

  4619. }

  4620. 

  4621. .ui.inverted.primary.basic.buttons .button:hover,

  4622. .ui.inverted.primary.buttons .basic.button:hover,

  4623. .ui.inverted.primary.basic.button:hover {

  4624.   -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;

  4625.   box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;

  4626.   color: #54C8FF !important;

  4627. }

  4628. 

  4629. .ui.inverted.primary.basic.buttons .button:focus,

  4630. .ui.inverted.primary.basic.buttons .button:focus,

  4631. .ui.inverted.primary.basic.button:focus {

  4632.   -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important;

  4633.   box-shadow: 0px 0px 0px 2px #2bbbff inset !important;

  4634.   color: #54C8FF !important;

  4635. }

  4636. 

  4637. .ui.inverted.primary.basic.buttons .active.button,

  4638. .ui.inverted.primary.buttons .basic.active.button,

  4639. .ui.inverted.primary.basic.active.button {

  4640.   -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;

  4641.   box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;

  4642.   color: #54C8FF !important;

  4643. }

  4644. 

  4645. .ui.inverted.primary.basic.buttons .button:active,

  4646. .ui.inverted.primary.buttons .basic.button:active,

  4647. .ui.inverted.primary.basic.button:active {

  4648.   -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important;

  4649.   box-shadow: 0px 0px 0px 2px #21b8ff inset !important;

  4650.   color: #54C8FF !important;

  4651. }

  4652. 

  4653. /*-------------------

  4654.       Secondary

  4655. --------------------*/

  4656. 

  4657. /* Standard */

  4658. 

  4659. .ui.secondary.buttons .button,

  4660. .ui.secondary.button {

  4661.   background-color: #1B1C1D;

  4662.   color: #FFFFFF;

  4663.   text-shadow: none;

  4664.   background-image: none;

  4665. }

  4666. 

  4667. .ui.secondary.button {

  4668.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4669.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4670. }

  4671. 

  4672. .ui.secondary.buttons .button:hover,

  4673. .ui.secondary.button:hover {

  4674.   background-color: #27292a;

  4675.   color: #FFFFFF;

  4676.   text-shadow: none;

  4677. }

  4678. 

  4679. .ui.secondary.buttons .button:focus,

  4680. .ui.secondary.button:focus {

  4681.   background-color: #2e3032;

  4682.   color: #FFFFFF;

  4683.   text-shadow: none;

  4684. }

  4685. 

  4686. .ui.secondary.buttons .button:active,

  4687. .ui.secondary.button:active {

  4688.   background-color: #343637;

  4689.   color: #FFFFFF;

  4690.   text-shadow: none;

  4691. }

  4692. 

  4693. .ui.secondary.buttons .active.button,

  4694. .ui.secondary.buttons .active.button:active,

  4695. .ui.secondary.active.button,

  4696. .ui.secondary.button .active.button:active {

  4697.   background-color: #27292a;

  4698.   color: #FFFFFF;

  4699.   text-shadow: none;

  4700. }

  4701. 

  4702. /* Basic */

  4703. 

  4704. .ui.basic.secondary.buttons .button,

  4705. .ui.basic.secondary.button {

  4706.   -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;

  4707.   box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;

  4708.   color: #1B1C1D !important;

  4709. }

  4710. 

  4711. .ui.basic.secondary.buttons .button:hover,

  4712. .ui.basic.secondary.button:hover {

  4713.   background: transparent !important;

  4714.   -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important;

  4715.   box-shadow: 0px 0px 0px 1px #27292a inset !important;

  4716.   color: #27292a !important;

  4717. }

  4718. 

  4719. .ui.basic.secondary.buttons .button:focus,

  4720. .ui.basic.secondary.button:focus {

  4721.   background: transparent !important;

  4722.   -webkit-box-shadow: 0px 0px 0px 1px #2e3032 inset !important;

  4723.   box-shadow: 0px 0px 0px 1px #2e3032 inset !important;

  4724.   color: #27292a !important;

  4725. }

  4726. 

  4727. .ui.basic.secondary.buttons .active.button,

  4728. .ui.basic.secondary.active.button {

  4729.   background: transparent !important;

  4730.   -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important;

  4731.   box-shadow: 0px 0px 0px 1px #27292a inset !important;

  4732.   color: #343637 !important;

  4733. }

  4734. 

  4735. .ui.basic.secondary.buttons .button:active,

  4736. .ui.basic.secondary.button:active {

  4737.   -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important;

  4738.   box-shadow: 0px 0px 0px 1px #343637 inset !important;

  4739.   color: #343637 !important;

  4740. }

  4741. 

  4742. .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {

  4743.   margin-left: -1px;

  4744. }

  4745. 

  4746. /* Inverted */

  4747. 

  4748. .ui.inverted.secondary.buttons .button,

  4749. .ui.inverted.secondary.button {

  4750.   background-color: transparent;

  4751.   -webkit-box-shadow: 0px 0px 0px 2px #545454 inset !important;

  4752.   box-shadow: 0px 0px 0px 2px #545454 inset !important;

  4753.   color: #545454;

  4754. }

  4755. 

  4756. .ui.inverted.secondary.buttons .button:hover,

  4757. .ui.inverted.secondary.button:hover,

  4758. .ui.inverted.secondary.buttons .button:focus,

  4759. .ui.inverted.secondary.button:focus,

  4760. .ui.inverted.secondary.buttons .button.active,

  4761. .ui.inverted.secondary.button.active,

  4762. .ui.inverted.secondary.buttons .button:active,

  4763. .ui.inverted.secondary.button:active {

  4764.   -webkit-box-shadow: none !important;

  4765.   box-shadow: none !important;

  4766.   color: #FFFFFF;

  4767. }

  4768. 

  4769. .ui.inverted.secondary.buttons .button:hover,

  4770. .ui.inverted.secondary.button:hover {

  4771.   background-color: #616161;

  4772. }

  4773. 

  4774. .ui.inverted.secondary.buttons .button:focus,

  4775. .ui.inverted.secondary.button:focus {

  4776.   background-color: #686868;

  4777. }

  4778. 

  4779. .ui.inverted.secondary.buttons .active.button,

  4780. .ui.inverted.secondary.active.button {

  4781.   background-color: #616161;

  4782. }

  4783. 

  4784. .ui.inverted.secondary.buttons .button:active,

  4785. .ui.inverted.secondary.button:active {

  4786.   background-color: #6e6e6e;

  4787. }

  4788. 

  4789. /* Inverted Basic */

  4790. 

  4791. .ui.inverted.secondary.basic.buttons .button,

  4792. .ui.inverted.secondary.buttons .basic.button,

  4793. .ui.inverted.secondary.basic.button {

  4794.   background-color: transparent;

  4795.   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4796.   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;

  4797.   color: #FFFFFF !important;

  4798. }

  4799. 

  4800. .ui.inverted.secondary.basic.buttons .button:hover,

  4801. .ui.inverted.secondary.buttons .basic.button:hover,

  4802. .ui.inverted.secondary.basic.button:hover {

  4803.   -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important;

  4804.   box-shadow: 0px 0px 0px 2px #616161 inset !important;

  4805.   color: #545454 !important;

  4806. }

  4807. 

  4808. .ui.inverted.secondary.basic.buttons .button:focus,

  4809. .ui.inverted.secondary.basic.buttons .button:focus,

  4810. .ui.inverted.secondary.basic.button:focus {

  4811.   -webkit-box-shadow: 0px 0px 0px 2px #686868 inset !important;

  4812.   box-shadow: 0px 0px 0px 2px #686868 inset !important;

  4813.   color: #545454 !important;

  4814. }

  4815. 

  4816. .ui.inverted.secondary.basic.buttons .active.button,

  4817. .ui.inverted.secondary.buttons .basic.active.button,

  4818. .ui.inverted.secondary.basic.active.button {

  4819.   -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important;

  4820.   box-shadow: 0px 0px 0px 2px #616161 inset !important;

  4821.   color: #545454 !important;

  4822. }

  4823. 

  4824. .ui.inverted.secondary.basic.buttons .button:active,

  4825. .ui.inverted.secondary.buttons .basic.button:active,

  4826. .ui.inverted.secondary.basic.button:active {

  4827.   -webkit-box-shadow: 0px 0px 0px 2px #6e6e6e inset !important;

  4828.   box-shadow: 0px 0px 0px 2px #6e6e6e inset !important;

  4829.   color: #545454 !important;

  4830. }

  4831. 

  4832. /*---------------

  4833.     Positive

  4834. ----------------*/

  4835. 

  4836. /* Standard */

  4837. 

  4838. .ui.positive.buttons .button,

  4839. .ui.positive.button {

  4840.   background-color: #21BA45;

  4841.   color: #FFFFFF;

  4842.   text-shadow: none;

  4843.   background-image: none;

  4844. }

  4845. 

  4846. .ui.positive.button {

  4847.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4848.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4849. }

  4850. 

  4851. .ui.positive.buttons .button:hover,

  4852. .ui.positive.button:hover {

  4853.   background-color: #16ab39;

  4854.   color: #FFFFFF;

  4855.   text-shadow: none;

  4856. }

  4857. 

  4858. .ui.positive.buttons .button:focus,

  4859. .ui.positive.button:focus {

  4860.   background-color: #0ea432;

  4861.   color: #FFFFFF;

  4862.   text-shadow: none;

  4863. }

  4864. 

  4865. .ui.positive.buttons .button:active,

  4866. .ui.positive.button:active {

  4867.   background-color: #198f35;

  4868.   color: #FFFFFF;

  4869.   text-shadow: none;

  4870. }

  4871. 

  4872. .ui.positive.buttons .active.button,

  4873. .ui.positive.buttons .active.button:active,

  4874. .ui.positive.active.button,

  4875. .ui.positive.button .active.button:active {

  4876.   background-color: #13ae38;

  4877.   color: #FFFFFF;

  4878.   text-shadow: none;

  4879. }

  4880. 

  4881. /* Basic */

  4882. 

  4883. .ui.basic.positive.buttons .button,

  4884. .ui.basic.positive.button {

  4885.   -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important;

  4886.   box-shadow: 0px 0px 0px 1px #21BA45 inset !important;

  4887.   color: #21BA45 !important;

  4888. }

  4889. 

  4890. .ui.basic.positive.buttons .button:hover,

  4891. .ui.basic.positive.button:hover {

  4892.   background: transparent !important;

  4893.   -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important;

  4894.   box-shadow: 0px 0px 0px 1px #16ab39 inset !important;

  4895.   color: #16ab39 !important;

  4896. }

  4897. 

  4898. .ui.basic.positive.buttons .button:focus,

  4899. .ui.basic.positive.button:focus {

  4900.   background: transparent !important;

  4901.   -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important;

  4902.   box-shadow: 0px 0px 0px 1px #0ea432 inset !important;

  4903.   color: #16ab39 !important;

  4904. }

  4905. 

  4906. .ui.basic.positive.buttons .active.button,

  4907. .ui.basic.positive.active.button {

  4908.   background: transparent !important;

  4909.   -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important;

  4910.   box-shadow: 0px 0px 0px 1px #13ae38 inset !important;

  4911.   color: #198f35 !important;

  4912. }

  4913. 

  4914. .ui.basic.positive.buttons .button:active,

  4915. .ui.basic.positive.button:active {

  4916.   -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important;

  4917.   box-shadow: 0px 0px 0px 1px #198f35 inset !important;

  4918.   color: #198f35 !important;

  4919. }

  4920. 

  4921. .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {

  4922.   margin-left: -1px;

  4923. }

  4924. 

  4925. /*---------------

  4926.      Negative

  4927. ----------------*/

  4928. 

  4929. /* Standard */

  4930. 

  4931. .ui.negative.buttons .button,

  4932. .ui.negative.button {

  4933.   background-color: #DB2828;

  4934.   color: #FFFFFF;

  4935.   text-shadow: none;

  4936.   background-image: none;

  4937. }

  4938. 

  4939. .ui.negative.button {

  4940.   -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4941.   box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  4942. }

  4943. 

  4944. .ui.negative.buttons .button:hover,

  4945. .ui.negative.button:hover {

  4946.   background-color: #d01919;

  4947.   color: #FFFFFF;

  4948.   text-shadow: none;

  4949. }

  4950. 

  4951. .ui.negative.buttons .button:focus,

  4952. .ui.negative.button:focus {

  4953.   background-color: #ca1010;

  4954.   color: #FFFFFF;

  4955.   text-shadow: none;

  4956. }

  4957. 

  4958. .ui.negative.buttons .button:active,

  4959. .ui.negative.button:active {

  4960.   background-color: #b21e1e;

  4961.   color: #FFFFFF;

  4962.   text-shadow: none;

  4963. }

  4964. 

  4965. .ui.negative.buttons .active.button,

  4966. .ui.negative.buttons .active.button:active,

  4967. .ui.negative.active.button,

  4968. .ui.negative.button .active.button:active {

  4969.   background-color: #d41515;

  4970.   color: #FFFFFF;

  4971.   text-shadow: none;

  4972. }

  4973. 

  4974. /* Basic */

  4975. 

  4976. .ui.basic.negative.buttons .button,

  4977. .ui.basic.negative.button {

  4978.   -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important;

  4979.   box-shadow: 0px 0px 0px 1px #DB2828 inset !important;

  4980.   color: #DB2828 !important;

  4981. }

  4982. 

  4983. .ui.basic.negative.buttons .button:hover,

  4984. .ui.basic.negative.button:hover {

  4985.   background: transparent !important;

  4986.   -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important;

  4987.   box-shadow: 0px 0px 0px 1px #d01919 inset !important;

  4988.   color: #d01919 !important;

  4989. }

  4990. 

  4991. .ui.basic.negative.buttons .button:focus,

  4992. .ui.basic.negative.button:focus {

  4993.   background: transparent !important;

  4994.   -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important;

  4995.   box-shadow: 0px 0px 0px 1px #ca1010 inset !important;

  4996.   color: #d01919 !important;

  4997. }

  4998. 

  4999. .ui.basic.negative.buttons .active.button,

  5000. .ui.basic.negative.active.button {

  5001.   background: transparent !important;

  5002.   -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important;

  5003.   box-shadow: 0px 0px 0px 1px #d41515 inset !important;

  5004.   color: #b21e1e !important;

  5005. }

  5006. 

  5007. .ui.basic.negative.buttons .button:active,

  5008. .ui.basic.negative.button:active {

  5009.   -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important;

  5010.   box-shadow: 0px 0px 0px 1px #b21e1e inset !important;

  5011.   color: #b21e1e !important;

  5012. }

  5013. 

  5014. .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {

  5015.   margin-left: -1px;

  5016. }

  5017. 

  5018. /*******************************

  5019.             Groups

  5020. *******************************/

  5021. 

  5022. .ui.buttons {

  5023.   display: -webkit-inline-box;

  5024.   display: -ms-inline-flexbox;

  5025.   display: inline-flex;

  5026.   -webkit-box-orient: horizontal;

  5027.   -webkit-box-direction: normal;

  5028.   -ms-flex-direction: row;

  5029.   flex-direction: row;

  5030.   font-size: 0em;

  5031.   vertical-align: baseline;

  5032.   margin: 0em 0.25em 0em 0em;

  5033. }

  5034. 

  5035. .ui.buttons:not(.basic):not(.inverted) {

  5036.   -webkit-box-shadow: none;

  5037.   box-shadow: none;

  5038. }

  5039. 

  5040. /* Clearfix */

  5041. 

  5042. .ui.buttons:after {

  5043.   content: ".";

  5044.   display: block;

  5045.   height: 0;

  5046.   clear: both;

  5047.   visibility: hidden;

  5048. }

  5049. 

  5050. /* Standard Group */

  5051. 

  5052. .ui.buttons .button {

  5053.   -webkit-box-flex: 1;

  5054.   -ms-flex: 1 0 auto;

  5055.   flex: 1 0 auto;

  5056.   margin: 0em;

  5057.   border-radius: 0em;

  5058.   margin: 0px 0px 0px 0px;

  5059. }

  5060. 

  5061. .ui.buttons > .ui.button:not(.basic):not(.inverted),

  5062. .ui.buttons:not(.basic):not(.inverted) > .button {

  5063.   -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  5064.   box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;

  5065. }

  5066. 

  5067. .ui.buttons .button:first-child {

  5068.   border-left: none;

  5069.   margin-left: 0em;

  5070.   border-top-left-radius: 0.28571429rem;

  5071.   border-bottom-left-radius: 0.28571429rem;

  5072. }

  5073. 

  5074. .ui.buttons .button:last-child {

  5075.   border-top-right-radius: 0.28571429rem;

  5076.   border-bottom-right-radius: 0.28571429rem;

  5077. }

  5078. 

  5079. /* Vertical  Style */

  5080. 

  5081. .ui.vertical.buttons {

  5082.   display: -webkit-inline-box;

  5083.   display: -ms-inline-flexbox;

  5084.   display: inline-flex;

  5085.   -webkit-box-orient: vertical;

  5086.   -webkit-box-direction: normal;

  5087.   -ms-flex-direction: column;

  5088.   flex-direction: column;

  5089. }

  5090. 

  5091. .ui.vertical.buttons .button {

  5092.   display: block;

  5093.   float: none;

  5094.   width: 100%;

  5095.   margin: 0px 0px 0px 0px;

  5096.   -webkit-box-shadow: none;

  5097.   box-shadow: none;

  5098.   border-radius: 0em;

  5099. }

  5100. 

  5101. .ui.vertical.buttons .button:first-child {

  5102.   border-top-left-radius: 0.28571429rem;

  5103.   border-top-right-radius: 0.28571429rem;

  5104. }

  5105. 

  5106. .ui.vertical.buttons .button:last-child {

  5107.   margin-bottom: 0px;

  5108.   border-bottom-left-radius: 0.28571429rem;

  5109.   border-bottom-right-radius: 0.28571429rem;

  5110. }

  5111. 

  5112. .ui.vertical.buttons .button:only-child {

  5113.   border-radius: 0.28571429rem;

  5114. }

  5115. 

  5116. /*******************************

  5117.          Theme Overrides

  5118. *******************************/

  5119. 

  5120. /*******************************

  5121.          Site Overrides

  5122. *******************************/

  5123. /*!

  5124.  * # Semantic UI 2.4.0 - Container

  5125.  * http://github.com/semantic-org/semantic-ui/

  5126.  *

  5127.  *

  5128.  * Released under the MIT license

  5129.  * http://opensource.org/licenses/MIT

  5130.  *

  5131.  */

  5132. 

  5133. /*******************************

  5134.             Container

  5135. *******************************/

  5136. 

  5137. /* All Sizes */

  5138. 

  5139. .ui.container {

  5140.   display: block;

  5141.   max-width: 100% !important;

  5142. }

  5143. 

  5144. /* Mobile */

  5145. 

  5146. @media only screen and (max-width: 767px) {

  5147.   .ui.container {

  5148.     width: auto !important;

  5149.     margin-left: 1em !important;

  5150.     margin-right: 1em !important;

  5151.   }

  5152. 

  5153.   .ui.grid.container {

  5154.     width: auto !important;

  5155.   }

  5156. 

  5157.   .ui.relaxed.grid.container {

  5158.     width: auto !important;

  5159.   }

  5160. 

  5161.   .ui.very.relaxed.grid.container {

  5162.     width: auto !important;

  5163.   }

  5164. }

  5165. 

  5166. /* Tablet */

  5167. 

  5168. @media only screen and (min-width: 768px) and (max-width: 991px) {

  5169.   .ui.container {

  5170.     width: 723px;

  5171.     margin-left: auto !important;

  5172.     margin-right: auto !important;

  5173.   }

  5174. 

  5175.   .ui.grid.container {

  5176.     width: calc( 723px  +  2rem ) !important;

  5177.   }

  5178. 

  5179.   .ui.relaxed.grid.container {

  5180.     width: calc( 723px  +  3rem ) !important;

  5181.   }

  5182. 

  5183.   .ui.very.relaxed.grid.container {

  5184.     width: calc( 723px  +  5rem ) !important;

  5185.   }

  5186. }

  5187. 

  5188. /* Small Monitor */

  5189. 

  5190. @media only screen and (min-width: 992px) and (max-width: 1199px) {

  5191.   .ui.container {

  5192.     width: 933px;

  5193.     margin-left: auto !important;

  5194.     margin-right: auto !important;

  5195.   }

  5196. 

  5197.   .ui.grid.container {

  5198.     width: calc( 933px  +  2rem ) !important;

  5199.   }

  5200. 

  5201.   .ui.relaxed.grid.container {

  5202.     width: calc( 933px  +  3rem ) !important;

  5203.   }

  5204. 

  5205.   .ui.very.relaxed.grid.container {

  5206.     width: calc( 933px  +  5rem ) !important;

  5207.   }

  5208. }

  5209. 

  5210. /* Large Monitor */

  5211. 

  5212. @media only screen and (min-width: 1200px) {

  5213.   .ui.container {

  5214.     width: 1127px;

  5215.     margin-left: auto !important;

  5216.     margin-right: auto !important;

  5217.   }

  5218. 

  5219.   .ui.grid.container {

  5220.     width: calc( 1127px  +  2rem ) !important;

  5221.   }

  5222. 

  5223.   .ui.relaxed.grid.container {

  5224.     width: calc( 1127px  +  3rem ) !important;

  5225.   }

  5226. 

  5227.   .ui.very.relaxed.grid.container {

  5228.     width: calc( 1127px  +  5rem ) !important;

  5229.   }

  5230. }

  5231. 

  5232. /*******************************

  5233.              Types

  5234. *******************************/

  5235. 

  5236. /* Text Container */

  5237. 

  5238. .ui.text.container {

  5239.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  5240.   max-width: 700px !important;

  5241.   line-height: 1.5;

  5242. }

  5243. 

  5244. .ui.text.container {

  5245.   font-size: 1.14285714rem;

  5246. }

  5247. 

  5248. /* Fluid */

  5249. 

  5250. .ui.fluid.container {

  5251.   width: 100%;

  5252. }

  5253. 

  5254. /*******************************

  5255.            Variations

  5256. *******************************/

  5257. 

  5258. .ui[class*="left aligned"].container {

  5259.   text-align: left;

  5260. }

  5261. 

  5262. .ui[class*="center aligned"].container {

  5263.   text-align: center;

  5264. }

  5265. 

  5266. .ui[class*="right aligned"].container {

  5267.   text-align: right;

  5268. }

  5269. 

  5270. .ui.justified.container {

  5271.   text-align: justify;

  5272.   -webkit-hyphens: auto;

  5273.   -ms-hyphens: auto;

  5274.   hyphens: auto;

  5275. }

  5276. 

  5277. /*******************************

  5278.          Theme Overrides

  5279. *******************************/

  5280. 

  5281. /*******************************

  5282.          Site Overrides

  5283. *******************************/

  5284. /*!

  5285.  * # Semantic UI 2.4.0 - Divider

  5286.  * http://github.com/semantic-org/semantic-ui/

  5287.  *

  5288.  *

  5289.  * Released under the MIT license

  5290.  * http://opensource.org/licenses/MIT

  5291.  *

  5292.  */

  5293. 

  5294. /*******************************

  5295.             Divider

  5296. *******************************/

  5297. 

  5298. .ui.divider {

  5299.   margin: 1rem 0rem;

  5300.   line-height: 1;

  5301.   height: 0em;

  5302.   font-weight: bold;

  5303.   text-transform: uppercase;

  5304.   letter-spacing: 0.05em;

  5305.   color: rgba(0, 0, 0, 0.85);

  5306.   -webkit-user-select: none;

  5307.   -moz-user-select: none;

  5308.   -ms-user-select: none;

  5309.   user-select: none;

  5310.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  5311. }

  5312. 

  5313. /*--------------

  5314.       Basic

  5315. ---------------*/

  5316. 

  5317. .ui.divider:not(.vertical):not(.horizontal) {

  5318.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  5319.   border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  5320. }

  5321. 

  5322. /*--------------

  5323.     Coupling

  5324. ---------------*/

  5325. 

  5326. /* Allow divider between each column row */

  5327. 

  5328. .ui.grid > .column + .divider,

  5329. .ui.grid > .row > .column + .divider {

  5330.   left: auto;

  5331. }

  5332. 

  5333. /*--------------

  5334.    Horizontal

  5335. ---------------*/

  5336. 

  5337. .ui.horizontal.divider {

  5338.   display: table;

  5339.   white-space: nowrap;

  5340.   height: auto;

  5341.   margin: '';

  5342.   line-height: 1;

  5343.   text-align: center;

  5344. }

  5345. 

  5346. .ui.horizontal.divider:before,

  5347. .ui.horizontal.divider:after {

  5348.   content: '';

  5349.   display: table-cell;

  5350.   position: relative;

  5351.   top: 50%;

  5352.   width: 50%;

  5353.   background-repeat: no-repeat;

  5354. }

  5355. 

  5356. .ui.horizontal.divider:before {

  5357.   background-position: right 1em top 50%;

  5358. }

  5359. 

  5360. .ui.horizontal.divider:after {

  5361.   background-position: left 1em top 50%;

  5362. }

  5363. 

  5364. /*--------------

  5365.     Vertical

  5366. ---------------*/

  5367. 

  5368. .ui.vertical.divider {

  5369.   position: absolute;

  5370.   z-index: 2;

  5371.   top: 50%;

  5372.   left: 50%;

  5373.   margin: 0rem;

  5374.   padding: 0em;

  5375.   width: auto;

  5376.   height: 50%;

  5377.   line-height: 0em;

  5378.   text-align: center;

  5379.   -webkit-transform: translateX(-50%);

  5380.   transform: translateX(-50%);

  5381. }

  5382. 

  5383. .ui.vertical.divider:before,

  5384. .ui.vertical.divider:after {

  5385.   position: absolute;

  5386.   left: 50%;

  5387.   content: '';

  5388.   z-index: 3;

  5389.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  5390.   border-right: 1px solid rgba(255, 255, 255, 0.1);

  5391.   width: 0%;

  5392.   height: calc(100% -  1rem );

  5393. }

  5394. 

  5395. .ui.vertical.divider:before {

  5396.   top: -100%;

  5397. }

  5398. 

  5399. .ui.vertical.divider:after {

  5400.   top: auto;

  5401.   bottom: 0px;

  5402. }

  5403. 

  5404. /* Inside grid */

  5405. 

  5406. @media only screen and (max-width: 767px) {

  5407.   .ui.stackable.grid .ui.vertical.divider,

  5408.   .ui.grid .stackable.row .ui.vertical.divider {

  5409.     display: table;

  5410.     white-space: nowrap;

  5411.     height: auto;

  5412.     margin: '';

  5413.     overflow: hidden;

  5414.     line-height: 1;

  5415.     text-align: center;

  5416.     position: static;

  5417.     top: 0;

  5418.     left: 0;

  5419.     -webkit-transform: none;

  5420.     transform: none;

  5421.   }

  5422. 

  5423.   .ui.stackable.grid .ui.vertical.divider:before,

  5424.   .ui.grid .stackable.row .ui.vertical.divider:before,

  5425.   .ui.stackable.grid .ui.vertical.divider:after,

  5426.   .ui.grid .stackable.row .ui.vertical.divider:after {

  5427.     position: static;

  5428.     left: 0;

  5429.     border-left: none;

  5430.     border-right: none;

  5431.     content: '';

  5432.     display: table-cell;

  5433.     position: relative;

  5434.     top: 50%;

  5435.     width: 50%;

  5436.     background-repeat: no-repeat;

  5437.   }

  5438. 

  5439.   .ui.stackable.grid .ui.vertical.divider:before,

  5440.   .ui.grid .stackable.row .ui.vertical.divider:before {

  5441.     background-position: right 1em top 50%;

  5442.   }

  5443. 

  5444.   .ui.stackable.grid .ui.vertical.divider:after,

  5445.   .ui.grid .stackable.row .ui.vertical.divider:after {

  5446.     background-position: left 1em top 50%;

  5447.   }

  5448. }

  5449. 

  5450. /*--------------

  5451.       Icon

  5452. ---------------*/

  5453. 

  5454. .ui.divider > .icon {

  5455.   margin: 0rem;

  5456.   font-size: 1rem;

  5457.   height: 1em;

  5458.   vertical-align: middle;

  5459. }

  5460. 

  5461. /*******************************

  5462.           Variations

  5463. *******************************/

  5464. 

  5465. /*--------------

  5466.     Hidden

  5467. ---------------*/

  5468. 

  5469. .ui.hidden.divider {

  5470.   border-color: transparent !important;

  5471. }

  5472. 

  5473. .ui.hidden.divider:before,

  5474. .ui.hidden.divider:after {

  5475.   display: none;

  5476. }

  5477. 

  5478. /*--------------

  5479.     Inverted

  5480. ---------------*/

  5481. 

  5482. .ui.divider.inverted,

  5483. .ui.vertical.inverted.divider,

  5484. .ui.horizontal.inverted.divider {

  5485.   color: #FFFFFF;

  5486. }

  5487. 

  5488. .ui.divider.inverted,

  5489. .ui.divider.inverted:after,

  5490. .ui.divider.inverted:before {

  5491.   border-top-color: rgba(34, 36, 38, 0.15) !important;

  5492.   border-left-color: rgba(34, 36, 38, 0.15) !important;

  5493.   border-bottom-color: rgba(255, 255, 255, 0.15) !important;

  5494.   border-right-color: rgba(255, 255, 255, 0.15) !important;

  5495. }

  5496. 

  5497. /*--------------

  5498.     Fitted

  5499. ---------------*/

  5500. 

  5501. .ui.fitted.divider {

  5502.   margin: 0em;

  5503. }

  5504. 

  5505. /*--------------

  5506.     Clearing

  5507. ---------------*/

  5508. 

  5509. .ui.clearing.divider {

  5510.   clear: both;

  5511. }

  5512. 

  5513. /*--------------

  5514.     Section

  5515. ---------------*/

  5516. 

  5517. .ui.section.divider {

  5518.   margin-top: 2rem;

  5519.   margin-bottom: 2rem;

  5520. }

  5521. 

  5522. /*--------------

  5523.      Sizes

  5524. ---------------*/

  5525. 

  5526. .ui.divider {

  5527.   font-size: 1rem;

  5528. }

  5529. 

  5530. /*******************************

  5531.          Theme Overrides

  5532. *******************************/

  5533. 

  5534. .ui.horizontal.divider:before,

  5535. .ui.horizontal.divider:after {

  5536.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');

  5537. }

  5538. 

  5539. @media only screen and (max-width: 767px) {

  5540.   .ui.stackable.grid .ui.vertical.divider:before,

  5541.   .ui.grid .stackable.row .ui.vertical.divider:before,

  5542.   .ui.stackable.grid .ui.vertical.divider:after,

  5543.   .ui.grid .stackable.row .ui.vertical.divider:after {

  5544.     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');

  5545.   }

  5546. }

  5547. 

  5548. /*******************************

  5549.          Site Overrides

  5550. *******************************/

  5551. /*!

  5552.  * # Semantic UI 2.4.0 - Flag

  5553.  * http://github.com/semantic-org/semantic-ui/

  5554.  *

  5555.  *

  5556.  * Released under the MIT license

  5557.  * http://opensource.org/licenses/MIT

  5558.  *

  5559.  */

  5560. 

  5561. /*******************************

  5562.              Flag

  5563. *******************************/

  5564. 

  5565. i.flag:not(.icon) {

  5566.   display: inline-block;

  5567.   width: 16px;

  5568.   height: 11px;

  5569.   line-height: 11px;

  5570.   vertical-align: baseline;

  5571.   margin: 0em 0.5em 0em 0em;

  5572.   text-decoration: inherit;

  5573.   speak: none;

  5574.   font-smoothing: antialiased;

  5575.   -webkit-backface-visibility: hidden;

  5576.   backface-visibility: hidden;

  5577. }

  5578. 

  5579. /* Sprite */

  5580. 

  5581. i.flag:not(.icon):before {

  5582.   display: inline-block;

  5583.   content: '';

  5584.   background: url("./themes/default/assets/images/flags.png") no-repeat -108px -1976px;

  5585.   width: 16px;

  5586.   height: 11px;

  5587. }

  5588. 

  5589. /* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */

  5590. 

  5591. /*******************************

  5592.          Theme Overrides

  5593. *******************************/

  5594. 

  5595. i.flag.ad:before,

  5596. i.flag.andorra:before {

  5597.   background-position: 0px 0px;

  5598. }

  5599. 

  5600. i.flag.ae:before,

  5601. i.flag.united.arab.emirates:before,

  5602. i.flag.uae:before {

  5603.   background-position: 0px -26px;

  5604. }

  5605. 

  5606. i.flag.af:before,

  5607. i.flag.afghanistan:before {

  5608.   background-position: 0px -52px;

  5609. }

  5610. 

  5611. i.flag.ag:before,

  5612. i.flag.antigua:before {

  5613.   background-position: 0px -78px;

  5614. }

  5615. 

  5616. i.flag.ai:before,

  5617. i.flag.anguilla:before {

  5618.   background-position: 0px -104px;

  5619. }

  5620. 

  5621. i.flag.al:before,

  5622. i.flag.albania:before {

  5623.   background-position: 0px -130px;

  5624. }

  5625. 

  5626. i.flag.am:before,

  5627. i.flag.armenia:before {

  5628.   background-position: 0px -156px;

  5629. }

  5630. 

  5631. i.flag.an:before,

  5632. i.flag.netherlands.antilles:before {

  5633.   background-position: 0px -182px;

  5634. }

  5635. 

  5636. i.flag.ao:before,

  5637. i.flag.angola:before {

  5638.   background-position: 0px -208px;

  5639. }

  5640. 

  5641. i.flag.ar:before,

  5642. i.flag.argentina:before {

  5643.   background-position: 0px -234px;

  5644. }

  5645. 

  5646. i.flag.as:before,

  5647. i.flag.american.samoa:before {

  5648.   background-position: 0px -260px;

  5649. }

  5650. 

  5651. i.flag.at:before,

  5652. i.flag.austria:before {

  5653.   background-position: 0px -286px;

  5654. }

  5655. 

  5656. i.flag.au:before,

  5657. i.flag.australia:before {

  5658.   background-position: 0px -312px;

  5659. }

  5660. 

  5661. i.flag.aw:before,

  5662. i.flag.aruba:before {

  5663.   background-position: 0px -338px;

  5664. }

  5665. 

  5666. i.flag.ax:before,

  5667. i.flag.aland.islands:before {

  5668.   background-position: 0px -364px;

  5669. }

  5670. 

  5671. i.flag.az:before,

  5672. i.flag.azerbaijan:before {

  5673.   background-position: 0px -390px;

  5674. }

  5675. 

  5676. i.flag.ba:before,

  5677. i.flag.bosnia:before {

  5678.   background-position: 0px -416px;

  5679. }

  5680. 

  5681. i.flag.bb:before,

  5682. i.flag.barbados:before {

  5683.   background-position: 0px -442px;

  5684. }

  5685. 

  5686. i.flag.bd:before,

  5687. i.flag.bangladesh:before {

  5688.   background-position: 0px -468px;

  5689. }

  5690. 

  5691. i.flag.be:before,

  5692. i.flag.belgium:before {

  5693.   background-position: 0px -494px;

  5694. }

  5695. 

  5696. i.flag.bf:before,

  5697. i.flag.burkina.faso:before {

  5698.   background-position: 0px -520px;

  5699. }

  5700. 

  5701. i.flag.bg:before,

  5702. i.flag.bulgaria:before {

  5703.   background-position: 0px -546px;

  5704. }

  5705. 

  5706. i.flag.bh:before,

  5707. i.flag.bahrain:before {

  5708.   background-position: 0px -572px;

  5709. }

  5710. 

  5711. i.flag.bi:before,

  5712. i.flag.burundi:before {

  5713.   background-position: 0px -598px;

  5714. }

  5715. 

  5716. i.flag.bj:before,

  5717. i.flag.benin:before {

  5718.   background-position: 0px -624px;

  5719. }

  5720. 

  5721. i.flag.bm:before,

  5722. i.flag.bermuda:before {

  5723.   background-position: 0px -650px;

  5724. }

  5725. 

  5726. i.flag.bn:before,

  5727. i.flag.brunei:before {

  5728.   background-position: 0px -676px;

  5729. }

  5730. 

  5731. i.flag.bo:before,

  5732. i.flag.bolivia:before {

  5733.   background-position: 0px -702px;

  5734. }

  5735. 

  5736. i.flag.br:before,

  5737. i.flag.brazil:before {

  5738.   background-position: 0px -728px;

  5739. }

  5740. 

  5741. i.flag.bs:before,

  5742. i.flag.bahamas:before {

  5743.   background-position: 0px -754px;

  5744. }

  5745. 

  5746. i.flag.bt:before,

  5747. i.flag.bhutan:before {

  5748.   background-position: 0px -780px;

  5749. }

  5750. 

  5751. i.flag.bv:before,

  5752. i.flag.bouvet.island:before {

  5753.   background-position: 0px -806px;

  5754. }

  5755. 

  5756. i.flag.bw:before,

  5757. i.flag.botswana:before {

  5758.   background-position: 0px -832px;

  5759. }

  5760. 

  5761. i.flag.by:before,

  5762. i.flag.belarus:before {

  5763.   background-position: 0px -858px;

  5764. }

  5765. 

  5766. i.flag.bz:before,

  5767. i.flag.belize:before {

  5768.   background-position: 0px -884px;

  5769. }

  5770. 

  5771. i.flag.ca:before,

  5772. i.flag.canada:before {

  5773.   background-position: 0px -910px;

  5774. }

  5775. 

  5776. i.flag.cc:before,

  5777. i.flag.cocos.islands:before {

  5778.   background-position: 0px -962px;

  5779. }

  5780. 

  5781. i.flag.cd:before,

  5782. i.flag.congo:before {

  5783.   background-position: 0px -988px;

  5784. }

  5785. 

  5786. i.flag.cf:before,

  5787. i.flag.central.african.republic:before {

  5788.   background-position: 0px -1014px;

  5789. }

  5790. 

  5791. i.flag.cg:before,

  5792. i.flag.congo.brazzaville:before {

  5793.   background-position: 0px -1040px;

  5794. }

  5795. 

  5796. i.flag.ch:before,

  5797. i.flag.switzerland:before {

  5798.   background-position: 0px -1066px;

  5799. }

  5800. 

  5801. i.flag.ci:before,

  5802. i.flag.cote.divoire:before {

  5803.   background-position: 0px -1092px;

  5804. }

  5805. 

  5806. i.flag.ck:before,

  5807. i.flag.cook.islands:before {

  5808.   background-position: 0px -1118px;

  5809. }

  5810. 

  5811. i.flag.cl:before,

  5812. i.flag.chile:before {

  5813.   background-position: 0px -1144px;

  5814. }

  5815. 

  5816. i.flag.cm:before,

  5817. i.flag.cameroon:before {

  5818.   background-position: 0px -1170px;

  5819. }

  5820. 

  5821. i.flag.cn:before,

  5822. i.flag.china:before {

  5823.   background-position: 0px -1196px;

  5824. }

  5825. 

  5826. i.flag.co:before,

  5827. i.flag.colombia:before {

  5828.   background-position: 0px -1222px;

  5829. }

  5830. 

  5831. i.flag.cr:before,

  5832. i.flag.costa.rica:before {

  5833.   background-position: 0px -1248px;

  5834. }

  5835. 

  5836. i.flag.cs:before,

  5837. i.flag.serbia:before {

  5838.   background-position: 0px -1274px;

  5839. }

  5840. 

  5841. i.flag.cu:before,

  5842. i.flag.cuba:before {

  5843.   background-position: 0px -1300px;

  5844. }

  5845. 

  5846. i.flag.cv:before,

  5847. i.flag.cape.verde:before {

  5848.   background-position: 0px -1326px;

  5849. }

  5850. 

  5851. i.flag.cx:before,

  5852. i.flag.christmas.island:before {

  5853.   background-position: 0px -1352px;

  5854. }

  5855. 

  5856. i.flag.cy:before,

  5857. i.flag.cyprus:before {

  5858.   background-position: 0px -1378px;

  5859. }

  5860. 

  5861. i.flag.cz:before,

  5862. i.flag.czech.republic:before {

  5863.   background-position: 0px -1404px;

  5864. }

  5865. 

  5866. i.flag.de:before,

  5867. i.flag.germany:before {

  5868.   background-position: 0px -1430px;

  5869. }

  5870. 

  5871. i.flag.dj:before,

  5872. i.flag.djibouti:before {

  5873.   background-position: 0px -1456px;

  5874. }

  5875. 

  5876. i.flag.dk:before,

  5877. i.flag.denmark:before {

  5878.   background-position: 0px -1482px;

  5879. }

  5880. 

  5881. i.flag.dm:before,

  5882. i.flag.dominica:before {

  5883.   background-position: 0px -1508px;

  5884. }

  5885. 

  5886. i.flag.do:before,

  5887. i.flag.dominican.republic:before {

  5888.   background-position: 0px -1534px;

  5889. }

  5890. 

  5891. i.flag.dz:before,

  5892. i.flag.algeria:before {

  5893.   background-position: 0px -1560px;

  5894. }

  5895. 

  5896. i.flag.ec:before,

  5897. i.flag.ecuador:before {

  5898.   background-position: 0px -1586px;

  5899. }

  5900. 

  5901. i.flag.ee:before,

  5902. i.flag.estonia:before {

  5903.   background-position: 0px -1612px;

  5904. }

  5905. 

  5906. i.flag.eg:before,

  5907. i.flag.egypt:before {

  5908.   background-position: 0px -1638px;

  5909. }

  5910. 

  5911. i.flag.eh:before,

  5912. i.flag.western.sahara:before {

  5913.   background-position: 0px -1664px;

  5914. }

  5915. 

  5916. i.flag.gb.eng:before,

  5917. i.flag.england:before {

  5918.   background-position: 0px -1690px;

  5919. }

  5920. 

  5921. i.flag.er:before,

  5922. i.flag.eritrea:before {

  5923.   background-position: 0px -1716px;

  5924. }

  5925. 

  5926. i.flag.es:before,

  5927. i.flag.spain:before {

  5928.   background-position: 0px -1742px;

  5929. }

  5930. 

  5931. i.flag.et:before,

  5932. i.flag.ethiopia:before {

  5933.   background-position: 0px -1768px;

  5934. }

  5935. 

  5936. i.flag.eu:before,

  5937. i.flag.european.union:before {

  5938.   background-position: 0px -1794px;

  5939. }

  5940. 

  5941. i.flag.fi:before,

  5942. i.flag.finland:before {

  5943.   background-position: 0px -1846px;

  5944. }

  5945. 

  5946. i.flag.fj:before,

  5947. i.flag.fiji:before {

  5948.   background-position: 0px -1872px;

  5949. }

  5950. 

  5951. i.flag.fk:before,

  5952. i.flag.falkland.islands:before {

  5953.   background-position: 0px -1898px;

  5954. }

  5955. 

  5956. i.flag.fm:before,

  5957. i.flag.micronesia:before {

  5958.   background-position: 0px -1924px;

  5959. }

  5960. 

  5961. i.flag.fo:before,

  5962. i.flag.faroe.islands:before {

  5963.   background-position: 0px -1950px;

  5964. }

  5965. 

  5966. i.flag.fr:before,

  5967. i.flag.france:before {

  5968.   background-position: 0px -1976px;

  5969. }

  5970. 

  5971. i.flag.ga:before,

  5972. i.flag.gabon:before {

  5973.   background-position: -36px 0px;

  5974. }

  5975. 

  5976. i.flag.gb:before,

  5977. i.flag.uk:before,

  5978. i.flag.united.kingdom:before {

  5979.   background-position: -36px -26px;

  5980. }

  5981. 

  5982. i.flag.gd:before,

  5983. i.flag.grenada:before {

  5984.   background-position: -36px -52px;

  5985. }

  5986. 

  5987. i.flag.ge:before,

  5988. i.flag.georgia:before {

  5989.   background-position: -36px -78px;

  5990. }

  5991. 

  5992. i.flag.gf:before,

  5993. i.flag.french.guiana:before {

  5994.   background-position: -36px -104px;

  5995. }

  5996. 

  5997. i.flag.gh:before,

  5998. i.flag.ghana:before {

  5999.   background-position: -36px -130px;

  6000. }

  6001. 

  6002. i.flag.gi:before,

  6003. i.flag.gibraltar:before {

  6004.   background-position: -36px -156px;

  6005. }

  6006. 

  6007. i.flag.gl:before,

  6008. i.flag.greenland:before {

  6009.   background-position: -36px -182px;

  6010. }

  6011. 

  6012. i.flag.gm:before,

  6013. i.flag.gambia:before {

  6014.   background-position: -36px -208px;

  6015. }

  6016. 

  6017. i.flag.gn:before,

  6018. i.flag.guinea:before {

  6019.   background-position: -36px -234px;

  6020. }

  6021. 

  6022. i.flag.gp:before,

  6023. i.flag.guadeloupe:before {

  6024.   background-position: -36px -260px;

  6025. }

  6026. 

  6027. i.flag.gq:before,

  6028. i.flag.equatorial.guinea:before {

  6029.   background-position: -36px -286px;

  6030. }

  6031. 

  6032. i.flag.gr:before,

  6033. i.flag.greece:before {

  6034.   background-position: -36px -312px;

  6035. }

  6036. 

  6037. i.flag.gs:before,

  6038. i.flag.sandwich.islands:before {

  6039.   background-position: -36px -338px;

  6040. }

  6041. 

  6042. i.flag.gt:before,

  6043. i.flag.guatemala:before {

  6044.   background-position: -36px -364px;

  6045. }

  6046. 

  6047. i.flag.gu:before,

  6048. i.flag.guam:before {

  6049.   background-position: -36px -390px;

  6050. }

  6051. 

  6052. i.flag.gw:before,

  6053. i.flag.guinea-bissau:before {

  6054.   background-position: -36px -416px;

  6055. }

  6056. 

  6057. i.flag.gy:before,

  6058. i.flag.guyana:before {

  6059.   background-position: -36px -442px;

  6060. }

  6061. 

  6062. i.flag.hk:before,

  6063. i.flag.hong.kong:before {

  6064.   background-position: -36px -468px;

  6065. }

  6066. 

  6067. i.flag.hm:before,

  6068. i.flag.heard.island:before {

  6069.   background-position: -36px -494px;

  6070. }

  6071. 

  6072. i.flag.hn:before,

  6073. i.flag.honduras:before {

  6074.   background-position: -36px -520px;

  6075. }

  6076. 

  6077. i.flag.hr:before,

  6078. i.flag.croatia:before {

  6079.   background-position: -36px -546px;

  6080. }

  6081. 

  6082. i.flag.ht:before,

  6083. i.flag.haiti:before {

  6084.   background-position: -36px -572px;

  6085. }

  6086. 

  6087. i.flag.hu:before,

  6088. i.flag.hungary:before {

  6089.   background-position: -36px -598px;

  6090. }

  6091. 

  6092. i.flag.id:before,

  6093. i.flag.indonesia:before {

  6094.   background-position: -36px -624px;

  6095. }

  6096. 

  6097. i.flag.ie:before,

  6098. i.flag.ireland:before {

  6099.   background-position: -36px -650px;

  6100. }

  6101. 

  6102. i.flag.il:before,

  6103. i.flag.israel:before {

  6104.   background-position: -36px -676px;

  6105. }

  6106. 

  6107. i.flag.in:before,

  6108. i.flag.india:before {

  6109.   background-position: -36px -702px;

  6110. }

  6111. 

  6112. i.flag.io:before,

  6113. i.flag.indian.ocean.territory:before {

  6114.   background-position: -36px -728px;

  6115. }

  6116. 

  6117. i.flag.iq:before,

  6118. i.flag.iraq:before {

  6119.   background-position: -36px -754px;

  6120. }

  6121. 

  6122. i.flag.ir:before,

  6123. i.flag.iran:before {

  6124.   background-position: -36px -780px;

  6125. }

  6126. 

  6127. i.flag.is:before,

  6128. i.flag.iceland:before {

  6129.   background-position: -36px -806px;

  6130. }

  6131. 

  6132. i.flag.it:before,

  6133. i.flag.italy:before {

  6134.   background-position: -36px -832px;

  6135. }

  6136. 

  6137. i.flag.jm:before,

  6138. i.flag.jamaica:before {

  6139.   background-position: -36px -858px;

  6140. }

  6141. 

  6142. i.flag.jo:before,

  6143. i.flag.jordan:before {

  6144.   background-position: -36px -884px;

  6145. }

  6146. 

  6147. i.flag.jp:before,

  6148. i.flag.japan:before {

  6149.   background-position: -36px -910px;

  6150. }

  6151. 

  6152. i.flag.ke:before,

  6153. i.flag.kenya:before {

  6154.   background-position: -36px -936px;

  6155. }

  6156. 

  6157. i.flag.kg:before,

  6158. i.flag.kyrgyzstan:before {

  6159.   background-position: -36px -962px;

  6160. }

  6161. 

  6162. i.flag.kh:before,

  6163. i.flag.cambodia:before {

  6164.   background-position: -36px -988px;

  6165. }

  6166. 

  6167. i.flag.ki:before,

  6168. i.flag.kiribati:before {

  6169.   background-position: -36px -1014px;

  6170. }

  6171. 

  6172. i.flag.km:before,

  6173. i.flag.comoros:before {

  6174.   background-position: -36px -1040px;

  6175. }

  6176. 

  6177. i.flag.kn:before,

  6178. i.flag.saint.kitts.and.nevis:before {

  6179.   background-position: -36px -1066px;

  6180. }

  6181. 

  6182. i.flag.kp:before,

  6183. i.flag.north.korea:before {

  6184.   background-position: -36px -1092px;

  6185. }

  6186. 

  6187. i.flag.kr:before,

  6188. i.flag.south.korea:before {

  6189.   background-position: -36px -1118px;

  6190. }

  6191. 

  6192. i.flag.kw:before,

  6193. i.flag.kuwait:before {

  6194.   background-position: -36px -1144px;

  6195. }

  6196. 

  6197. i.flag.ky:before,

  6198. i.flag.cayman.islands:before {

  6199.   background-position: -36px -1170px;

  6200. }

  6201. 

  6202. i.flag.kz:before,

  6203. i.flag.kazakhstan:before {

  6204.   background-position: -36px -1196px;

  6205. }

  6206. 

  6207. i.flag.la:before,

  6208. i.flag.laos:before {

  6209.   background-position: -36px -1222px;

  6210. }

  6211. 

  6212. i.flag.lb:before,

  6213. i.flag.lebanon:before {

  6214.   background-position: -36px -1248px;

  6215. }

  6216. 

  6217. i.flag.lc:before,

  6218. i.flag.saint.lucia:before {

  6219.   background-position: -36px -1274px;

  6220. }

  6221. 

  6222. i.flag.li:before,

  6223. i.flag.liechtenstein:before {

  6224.   background-position: -36px -1300px;

  6225. }

  6226. 

  6227. i.flag.lk:before,

  6228. i.flag.sri.lanka:before {

  6229.   background-position: -36px -1326px;

  6230. }

  6231. 

  6232. i.flag.lr:before,

  6233. i.flag.liberia:before {

  6234.   background-position: -36px -1352px;

  6235. }

  6236. 

  6237. i.flag.ls:before,

  6238. i.flag.lesotho:before {

  6239.   background-position: -36px -1378px;

  6240. }

  6241. 

  6242. i.flag.lt:before,

  6243. i.flag.lithuania:before {

  6244.   background-position: -36px -1404px;

  6245. }

  6246. 

  6247. i.flag.lu:before,

  6248. i.flag.luxembourg:before {

  6249.   background-position: -36px -1430px;

  6250. }

  6251. 

  6252. i.flag.lv:before,

  6253. i.flag.latvia:before {

  6254.   background-position: -36px -1456px;

  6255. }

  6256. 

  6257. i.flag.ly:before,

  6258. i.flag.libya:before {

  6259.   background-position: -36px -1482px;

  6260. }

  6261. 

  6262. i.flag.ma:before,

  6263. i.flag.morocco:before {

  6264.   background-position: -36px -1508px;

  6265. }

  6266. 

  6267. i.flag.mc:before,

  6268. i.flag.monaco:before {

  6269.   background-position: -36px -1534px;

  6270. }

  6271. 

  6272. i.flag.md:before,

  6273. i.flag.moldova:before {

  6274.   background-position: -36px -1560px;

  6275. }

  6276. 

  6277. i.flag.me:before,

  6278. i.flag.montenegro:before {

  6279.   background-position: -36px -1586px;

  6280. }

  6281. 

  6282. i.flag.mg:before,

  6283. i.flag.madagascar:before {

  6284.   background-position: -36px -1613px;

  6285. }

  6286. 

  6287. i.flag.mh:before,

  6288. i.flag.marshall.islands:before {

  6289.   background-position: -36px -1639px;

  6290. }

  6291. 

  6292. i.flag.mk:before,

  6293. i.flag.macedonia:before {

  6294.   background-position: -36px -1665px;

  6295. }

  6296. 

  6297. i.flag.ml:before,

  6298. i.flag.mali:before {

  6299.   background-position: -36px -1691px;

  6300. }

  6301. 

  6302. i.flag.mm:before,

  6303. i.flag.myanmar:before,

  6304. i.flag.burma:before {

  6305.   background-position: -73px -1821px;

  6306. }

  6307. 

  6308. i.flag.mn:before,

  6309. i.flag.mongolia:before {

  6310.   background-position: -36px -1743px;

  6311. }

  6312. 

  6313. i.flag.mo:before,

  6314. i.flag.macau:before {

  6315.   background-position: -36px -1769px;

  6316. }

  6317. 

  6318. i.flag.mp:before,

  6319. i.flag.northern.mariana.islands:before {

  6320.   background-position: -36px -1795px;

  6321. }

  6322. 

  6323. i.flag.mq:before,

  6324. i.flag.martinique:before {

  6325.   background-position: -36px -1821px;

  6326. }

  6327. 

  6328. i.flag.mr:before,

  6329. i.flag.mauritania:before {

  6330.   background-position: -36px -1847px;

  6331. }

  6332. 

  6333. i.flag.ms:before,

  6334. i.flag.montserrat:before {

  6335.   background-position: -36px -1873px;

  6336. }

  6337. 

  6338. i.flag.mt:before,

  6339. i.flag.malta:before {

  6340.   background-position: -36px -1899px;

  6341. }

  6342. 

  6343. i.flag.mu:before,

  6344. i.flag.mauritius:before {

  6345.   background-position: -36px -1925px;

  6346. }

  6347. 

  6348. i.flag.mv:before,

  6349. i.flag.maldives:before {

  6350.   background-position: -36px -1951px;

  6351. }

  6352. 

  6353. i.flag.mw:before,

  6354. i.flag.malawi:before {

  6355.   background-position: -36px -1977px;

  6356. }

  6357. 

  6358. i.flag.mx:before,

  6359. i.flag.mexico:before {

  6360.   background-position: -72px 0px;

  6361. }

  6362. 

  6363. i.flag.my:before,

  6364. i.flag.malaysia:before {

  6365.   background-position: -72px -26px;

  6366. }

  6367. 

  6368. i.flag.mz:before,

  6369. i.flag.mozambique:before {

  6370.   background-position: -72px -52px;

  6371. }

  6372. 

  6373. i.flag.na:before,

  6374. i.flag.namibia:before {

  6375.   background-position: -72px -78px;

  6376. }

  6377. 

  6378. i.flag.nc:before,

  6379. i.flag.new.caledonia:before {

  6380.   background-position: -72px -104px;

  6381. }

  6382. 

  6383. i.flag.ne:before,

  6384. i.flag.niger:before {

  6385.   background-position: -72px -130px;

  6386. }

  6387. 

  6388. i.flag.nf:before,

  6389. i.flag.norfolk.island:before {

  6390.   background-position: -72px -156px;

  6391. }

  6392. 

  6393. i.flag.ng:before,

  6394. i.flag.nigeria:before {

  6395.   background-position: -72px -182px;

  6396. }

  6397. 

  6398. i.flag.ni:before,

  6399. i.flag.nicaragua:before {

  6400.   background-position: -72px -208px;

  6401. }

  6402. 

  6403. i.flag.nl:before,

  6404. i.flag.netherlands:before {

  6405.   background-position: -72px -234px;

  6406. }

  6407. 

  6408. i.flag.no:before,

  6409. i.flag.norway:before {

  6410.   background-position: -72px -260px;

  6411. }

  6412. 

  6413. i.flag.np:before,

  6414. i.flag.nepal:before {

  6415.   background-position: -72px -286px;

  6416. }

  6417. 

  6418. i.flag.nr:before,

  6419. i.flag.nauru:before {

  6420.   background-position: -72px -312px;

  6421. }

  6422. 

  6423. i.flag.nu:before,

  6424. i.flag.niue:before {

  6425.   background-position: -72px -338px;

  6426. }

  6427. 

  6428. i.flag.nz:before,

  6429. i.flag.new.zealand:before {

  6430.   background-position: -72px -364px;

  6431. }

  6432. 

  6433. i.flag.om:before,

  6434. i.flag.oman:before {

  6435.   background-position: -72px -390px;

  6436. }

  6437. 

  6438. i.flag.pa:before,

  6439. i.flag.panama:before {

  6440.   background-position: -72px -416px;

  6441. }

  6442. 

  6443. i.flag.pe:before,

  6444. i.flag.peru:before {

  6445.   background-position: -72px -442px;

  6446. }

  6447. 

  6448. i.flag.pf:before,

  6449. i.flag.french.polynesia:before {

  6450.   background-position: -72px -468px;

  6451. }

  6452. 

  6453. i.flag.pg:before,

  6454. i.flag.new.guinea:before {

  6455.   background-position: -72px -494px;

  6456. }

  6457. 

  6458. i.flag.ph:before,

  6459. i.flag.philippines:before {

  6460.   background-position: -72px -520px;

  6461. }

  6462. 

  6463. i.flag.pk:before,

  6464. i.flag.pakistan:before {

  6465.   background-position: -72px -546px;

  6466. }

  6467. 

  6468. i.flag.pl:before,

  6469. i.flag.poland:before {

  6470.   background-position: -72px -572px;

  6471. }

  6472. 

  6473. i.flag.pm:before,

  6474. i.flag.saint.pierre:before {

  6475.   background-position: -72px -598px;

  6476. }

  6477. 

  6478. i.flag.pn:before,

  6479. i.flag.pitcairn.islands:before {

  6480.   background-position: -72px -624px;

  6481. }

  6482. 

  6483. i.flag.pr:before,

  6484. i.flag.puerto.rico:before {

  6485.   background-position: -72px -650px;

  6486. }

  6487. 

  6488. i.flag.ps:before,

  6489. i.flag.palestine:before {

  6490.   background-position: -72px -676px;

  6491. }

  6492. 

  6493. i.flag.pt:before,

  6494. i.flag.portugal:before {

  6495.   background-position: -72px -702px;

  6496. }

  6497. 

  6498. i.flag.pw:before,

  6499. i.flag.palau:before {

  6500.   background-position: -72px -728px;

  6501. }

  6502. 

  6503. i.flag.py:before,

  6504. i.flag.paraguay:before {

  6505.   background-position: -72px -754px;

  6506. }

  6507. 

  6508. i.flag.qa:before,

  6509. i.flag.qatar:before {

  6510.   background-position: -72px -780px;

  6511. }

  6512. 

  6513. i.flag.re:before,

  6514. i.flag.reunion:before {

  6515.   background-position: -72px -806px;

  6516. }

  6517. 

  6518. i.flag.ro:before,

  6519. i.flag.romania:before {

  6520.   background-position: -72px -832px;

  6521. }

  6522. 

  6523. i.flag.rs:before,

  6524. i.flag.serbia:before {

  6525.   background-position: -72px -858px;

  6526. }

  6527. 

  6528. i.flag.ru:before,

  6529. i.flag.russia:before {

  6530.   background-position: -72px -884px;

  6531. }

  6532. 

  6533. i.flag.rw:before,

  6534. i.flag.rwanda:before {

  6535.   background-position: -72px -910px;

  6536. }

  6537. 

  6538. i.flag.sa:before,

  6539. i.flag.saudi.arabia:before {

  6540.   background-position: -72px -936px;

  6541. }

  6542. 

  6543. i.flag.sb:before,

  6544. i.flag.solomon.islands:before {

  6545.   background-position: -72px -962px;

  6546. }

  6547. 

  6548. i.flag.sc:before,

  6549. i.flag.seychelles:before {

  6550.   background-position: -72px -988px;

  6551. }

  6552. 

  6553. i.flag.gb.sct:before,

  6554. i.flag.scotland:before {

  6555.   background-position: -72px -1014px;

  6556. }

  6557. 

  6558. i.flag.sd:before,

  6559. i.flag.sudan:before {

  6560.   background-position: -72px -1040px;

  6561. }

  6562. 

  6563. i.flag.se:before,

  6564. i.flag.sweden:before {

  6565.   background-position: -72px -1066px;

  6566. }

  6567. 

  6568. i.flag.sg:before,

  6569. i.flag.singapore:before {

  6570.   background-position: -72px -1092px;

  6571. }

  6572. 

  6573. i.flag.sh:before,

  6574. i.flag.saint.helena:before {

  6575.   background-position: -72px -1118px;

  6576. }

  6577. 

  6578. i.flag.si:before,

  6579. i.flag.slovenia:before {

  6580.   background-position: -72px -1144px;

  6581. }

  6582. 

  6583. i.flag.sj:before,

  6584. i.flag.svalbard:before,

  6585. i.flag.jan.mayen:before {

  6586.   background-position: -72px -1170px;

  6587. }

  6588. 

  6589. i.flag.sk:before,

  6590. i.flag.slovakia:before {

  6591.   background-position: -72px -1196px;

  6592. }

  6593. 

  6594. i.flag.sl:before,

  6595. i.flag.sierra.leone:before {

  6596.   background-position: -72px -1222px;

  6597. }

  6598. 

  6599. i.flag.sm:before,

  6600. i.flag.san.marino:before {

  6601.   background-position: -72px -1248px;

  6602. }

  6603. 

  6604. i.flag.sn:before,

  6605. i.flag.senegal:before {

  6606.   background-position: -72px -1274px;

  6607. }

  6608. 

  6609. i.flag.so:before,

  6610. i.flag.somalia:before {

  6611.   background-position: -72px -1300px;

  6612. }

  6613. 

  6614. i.flag.sr:before,

  6615. i.flag.suriname:before {

  6616.   background-position: -72px -1326px;

  6617. }

  6618. 

  6619. i.flag.st:before,

  6620. i.flag.sao.tome:before {

  6621.   background-position: -72px -1352px;

  6622. }

  6623. 

  6624. i.flag.sv:before,

  6625. i.flag.el.salvador:before {

  6626.   background-position: -72px -1378px;

  6627. }

  6628. 

  6629. i.flag.sy:before,

  6630. i.flag.syria:before {

  6631.   background-position: -72px -1404px;

  6632. }

  6633. 

  6634. i.flag.sz:before,

  6635. i.flag.swaziland:before {

  6636.   background-position: -72px -1430px;

  6637. }

  6638. 

  6639. i.flag.tc:before,

  6640. i.flag.caicos.islands:before {

  6641.   background-position: -72px -1456px;

  6642. }

  6643. 

  6644. i.flag.td:before,

  6645. i.flag.chad:before {

  6646.   background-position: -72px -1482px;

  6647. }

  6648. 

  6649. i.flag.tf:before,

  6650. i.flag.french.territories:before {

  6651.   background-position: -72px -1508px;

  6652. }

  6653. 

  6654. i.flag.tg:before,

  6655. i.flag.togo:before {

  6656.   background-position: -72px -1534px;

  6657. }

  6658. 

  6659. i.flag.th:before,

  6660. i.flag.thailand:before {

  6661.   background-position: -72px -1560px;

  6662. }

  6663. 

  6664. i.flag.tj:before,

  6665. i.flag.tajikistan:before {

  6666.   background-position: -72px -1586px;

  6667. }

  6668. 

  6669. i.flag.tk:before,

  6670. i.flag.tokelau:before {

  6671.   background-position: -72px -1612px;

  6672. }

  6673. 

  6674. i.flag.tl:before,

  6675. i.flag.timorleste:before {

  6676.   background-position: -72px -1638px;

  6677. }

  6678. 

  6679. i.flag.tm:before,

  6680. i.flag.turkmenistan:before {

  6681.   background-position: -72px -1664px;

  6682. }

  6683. 

  6684. i.flag.tn:before,

  6685. i.flag.tunisia:before {

  6686.   background-position: -72px -1690px;

  6687. }

  6688. 

  6689. i.flag.to:before,

  6690. i.flag.tonga:before {

  6691.   background-position: -72px -1716px;

  6692. }

  6693. 

  6694. i.flag.tr:before,

  6695. i.flag.turkey:before {

  6696.   background-position: -72px -1742px;

  6697. }

  6698. 

  6699. i.flag.tt:before,

  6700. i.flag.trinidad:before {

  6701.   background-position: -72px -1768px;

  6702. }

  6703. 

  6704. i.flag.tv:before,

  6705. i.flag.tuvalu:before {

  6706.   background-position: -72px -1794px;

  6707. }

  6708. 

  6709. i.flag.tw:before,

  6710. i.flag.taiwan:before {

  6711.   background-position: -72px -1820px;

  6712. }

  6713. 

  6714. i.flag.tz:before,

  6715. i.flag.tanzania:before {

  6716.   background-position: -72px -1846px;

  6717. }

  6718. 

  6719. i.flag.ua:before,

  6720. i.flag.ukraine:before {

  6721.   background-position: -72px -1872px;

  6722. }

  6723. 

  6724. i.flag.ug:before,

  6725. i.flag.uganda:before {

  6726.   background-position: -72px -1898px;

  6727. }

  6728. 

  6729. i.flag.um:before,

  6730. i.flag.us.minor.islands:before {

  6731.   background-position: -72px -1924px;

  6732. }

  6733. 

  6734. i.flag.us:before,

  6735. i.flag.america:before,

  6736. i.flag.united.states:before {

  6737.   background-position: -72px -1950px;

  6738. }

  6739. 

  6740. i.flag.uy:before,

  6741. i.flag.uruguay:before {

  6742.   background-position: -72px -1976px;

  6743. }

  6744. 

  6745. i.flag.uz:before,

  6746. i.flag.uzbekistan:before {

  6747.   background-position: -108px 0px;

  6748. }

  6749. 

  6750. i.flag.va:before,

  6751. i.flag.vatican.city:before {

  6752.   background-position: -108px -26px;

  6753. }

  6754. 

  6755. i.flag.vc:before,

  6756. i.flag.saint.vincent:before {

  6757.   background-position: -108px -52px;

  6758. }

  6759. 

  6760. i.flag.ve:before,

  6761. i.flag.venezuela:before {

  6762.   background-position: -108px -78px;

  6763. }

  6764. 

  6765. i.flag.vg:before,

  6766. i.flag.british.virgin.islands:before {

  6767.   background-position: -108px -104px;

  6768. }

  6769. 

  6770. i.flag.vi:before,

  6771. i.flag.us.virgin.islands:before {

  6772.   background-position: -108px -130px;

  6773. }

  6774. 

  6775. i.flag.vn:before,

  6776. i.flag.vietnam:before {

  6777.   background-position: -108px -156px;

  6778. }

  6779. 

  6780. i.flag.vu:before,

  6781. i.flag.vanuatu:before {

  6782.   background-position: -108px -182px;

  6783. }

  6784. 

  6785. i.flag.gb.wls:before,

  6786. i.flag.wales:before {

  6787.   background-position: -108px -208px;

  6788. }

  6789. 

  6790. i.flag.wf:before,

  6791. i.flag.wallis.and.futuna:before {

  6792.   background-position: -108px -234px;

  6793. }

  6794. 

  6795. i.flag.ws:before,

  6796. i.flag.samoa:before {

  6797.   background-position: -108px -260px;

  6798. }

  6799. 

  6800. i.flag.ye:before,

  6801. i.flag.yemen:before {

  6802.   background-position: -108px -286px;

  6803. }

  6804. 

  6805. i.flag.yt:before,

  6806. i.flag.mayotte:before {

  6807.   background-position: -108px -312px;

  6808. }

  6809. 

  6810. i.flag.za:before,

  6811. i.flag.south.africa:before {

  6812.   background-position: -108px -338px;

  6813. }

  6814. 

  6815. i.flag.zm:before,

  6816. i.flag.zambia:before {

  6817.   background-position: -108px -364px;

  6818. }

  6819. 

  6820. i.flag.zw:before,

  6821. i.flag.zimbabwe:before {

  6822.   background-position: -108px -390px;

  6823. }

  6824. 

  6825. /*******************************

  6826.          Site Overrides

  6827. *******************************/

  6828. /*!

  6829.  * # Semantic UI 2.4.0 - Header

  6830.  * http://github.com/semantic-org/semantic-ui/

  6831.  *

  6832.  *

  6833.  * Released under the MIT license

  6834.  * http://opensource.org/licenses/MIT

  6835.  *

  6836.  */

  6837. 

  6838. /*******************************

  6839.             Header

  6840. *******************************/

  6841. 

  6842. /* Standard */

  6843. 

  6844. .ui.header {

  6845.   border: none;

  6846.   margin: calc(2rem -  0.14285714em ) 0em 1rem;

  6847.   padding: 0em 0em;

  6848.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  6849.   font-weight: bold;

  6850.   line-height: 1.28571429em;

  6851.   text-transform: none;

  6852.   color: rgba(0, 0, 0, 0.87);

  6853. }

  6854. 

  6855. .ui.header:first-child {

  6856.   margin-top: -0.14285714em;

  6857. }

  6858. 

  6859. .ui.header:last-child {

  6860.   margin-bottom: 0em;

  6861. }

  6862. 

  6863. /*--------------

  6864.    Sub Header

  6865. ---------------*/

  6866. 

  6867. .ui.header .sub.header {

  6868.   display: block;

  6869.   font-weight: normal;

  6870.   padding: 0em;

  6871.   margin: 0em;

  6872.   font-size: 1rem;

  6873.   line-height: 1.2em;

  6874.   color: rgba(0, 0, 0, 0.6);

  6875. }

  6876. 

  6877. /*--------------

  6878.       Icon

  6879. ---------------*/

  6880. 

  6881. .ui.header > .icon {

  6882.   display: table-cell;

  6883.   opacity: 1;

  6884.   font-size: 1.5em;

  6885.   padding-top: 0em;

  6886.   vertical-align: middle;

  6887. }

  6888. 

  6889. /* With Text Node */

  6890. 

  6891. .ui.header .icon:only-child {

  6892.   display: inline-block;

  6893.   padding: 0em;

  6894.   margin-right: 0.75rem;

  6895. }

  6896. 

  6897. /*-------------------

  6898.         Image

  6899. --------------------*/

  6900. 

  6901. .ui.header > .image:not(.icon),

  6902. .ui.header > img {

  6903.   display: inline-block;

  6904.   margin-top: 0.14285714em;

  6905.   width: 2.5em;

  6906.   height: auto;

  6907.   vertical-align: middle;

  6908. }

  6909. 

  6910. .ui.header > .image:not(.icon):only-child,

  6911. .ui.header > img:only-child {

  6912.   margin-right: 0.75rem;

  6913. }

  6914. 

  6915. /*--------------

  6916.      Content

  6917. ---------------*/

  6918. 

  6919. .ui.header .content {

  6920.   display: inline-block;

  6921.   vertical-align: top;

  6922. }

  6923. 

  6924. /* After Image */

  6925. 

  6926. .ui.header > img + .content,

  6927. .ui.header > .image + .content {

  6928.   padding-left: 0.75rem;

  6929.   vertical-align: middle;

  6930. }

  6931. 

  6932. /* After Icon */

  6933. 

  6934. .ui.header > .icon + .content {

  6935.   padding-left: 0.75rem;

  6936.   display: table-cell;

  6937.   vertical-align: middle;

  6938. }

  6939. 

  6940. /*--------------

  6941.  Loose Coupling

  6942. ---------------*/

  6943. 

  6944. .ui.header .ui.label {

  6945.   font-size: '';

  6946.   margin-left: 0.5rem;

  6947.   vertical-align: middle;

  6948. }

  6949. 

  6950. /* Positioning */

  6951. 

  6952. .ui.header + p {

  6953.   margin-top: 0em;

  6954. }

  6955. 

  6956. /*******************************

  6957.             Types

  6958. *******************************/

  6959. 

  6960. /*--------------

  6961.      Page

  6962. ---------------*/

  6963. 

  6964. h1.ui.header {

  6965.   font-size: 2rem;

  6966. }

  6967. 

  6968. h2.ui.header {

  6969.   font-size: 1.71428571rem;

  6970. }

  6971. 

  6972. h3.ui.header {

  6973.   font-size: 1.28571429rem;

  6974. }

  6975. 

  6976. h4.ui.header {

  6977.   font-size: 1.07142857rem;

  6978. }

  6979. 

  6980. h5.ui.header {

  6981.   font-size: 1rem;

  6982. }

  6983. 

  6984. /* Sub Header */

  6985. 

  6986. h1.ui.header .sub.header {

  6987.   font-size: 1.14285714rem;

  6988. }

  6989. 

  6990. h2.ui.header .sub.header {

  6991.   font-size: 1.14285714rem;

  6992. }

  6993. 

  6994. h3.ui.header .sub.header {

  6995.   font-size: 1rem;

  6996. }

  6997. 

  6998. h4.ui.header .sub.header {

  6999.   font-size: 1rem;

  7000. }

  7001. 

  7002. h5.ui.header .sub.header {

  7003.   font-size: 0.92857143rem;

  7004. }

  7005. 

  7006. /*--------------

  7007.  Content Heading

  7008. ---------------*/

  7009. 

  7010. .ui.huge.header {

  7011.   min-height: 1em;

  7012.   font-size: 2em;

  7013. }

  7014. 

  7015. .ui.large.header {

  7016.   font-size: 1.71428571em;

  7017. }

  7018. 

  7019. .ui.medium.header {

  7020.   font-size: 1.28571429em;

  7021. }

  7022. 

  7023. .ui.small.header {

  7024.   font-size: 1.07142857em;

  7025. }

  7026. 

  7027. .ui.tiny.header {

  7028.   font-size: 1em;

  7029. }

  7030. 

  7031. /* Sub Header */

  7032. 

  7033. .ui.huge.header .sub.header {

  7034.   font-size: 1.14285714rem;

  7035. }

  7036. 

  7037. .ui.large.header .sub.header {

  7038.   font-size: 1.14285714rem;

  7039. }

  7040. 

  7041. .ui.header .sub.header {

  7042.   font-size: 1rem;

  7043. }

  7044. 

  7045. .ui.small.header .sub.header {

  7046.   font-size: 1rem;

  7047. }

  7048. 

  7049. .ui.tiny.header .sub.header {

  7050.   font-size: 0.92857143rem;

  7051. }

  7052. 

  7053. /*--------------

  7054.    Sub Heading

  7055. ---------------*/

  7056. 

  7057. .ui.sub.header {

  7058.   padding: 0em;

  7059.   margin-bottom: 0.14285714rem;

  7060.   font-weight: bold;

  7061.   font-size: 0.85714286em;

  7062.   text-transform: uppercase;

  7063.   color: '';

  7064. }

  7065. 

  7066. .ui.small.sub.header {

  7067.   font-size: 0.78571429em;

  7068. }

  7069. 

  7070. .ui.sub.header {

  7071.   font-size: 0.85714286em;

  7072. }

  7073. 

  7074. .ui.large.sub.header {

  7075.   font-size: 0.92857143em;

  7076. }

  7077. 

  7078. .ui.huge.sub.header {

  7079.   font-size: 1em;

  7080. }

  7081. 

  7082. /*-------------------

  7083.         Icon

  7084. --------------------*/

  7085. 

  7086. .ui.icon.header {

  7087.   display: inline-block;

  7088.   text-align: center;

  7089.   margin: 2rem 0em 1rem;

  7090. }

  7091. 

  7092. .ui.icon.header:after {

  7093.   content: '';

  7094.   display: block;

  7095.   height: 0px;

  7096.   clear: both;

  7097.   visibility: hidden;

  7098. }

  7099. 

  7100. .ui.icon.header:first-child {

  7101.   margin-top: 0em;

  7102. }

  7103. 

  7104. .ui.icon.header .icon {

  7105.   float: none;

  7106.   display: block;

  7107.   width: auto;

  7108.   height: auto;

  7109.   line-height: 1;

  7110.   padding: 0em;

  7111.   font-size: 3em;

  7112.   margin: 0em auto 0.5rem;

  7113.   opacity: 1;

  7114. }

  7115. 

  7116. .ui.icon.header .content {

  7117.   display: block;

  7118.   padding: 0em;

  7119. }

  7120. 

  7121. .ui.icon.header .circular.icon {

  7122.   font-size: 2em;

  7123. }

  7124. 

  7125. .ui.icon.header .square.icon {

  7126.   font-size: 2em;

  7127. }

  7128. 

  7129. .ui.block.icon.header .icon {

  7130.   margin-bottom: 0em;

  7131. }

  7132. 

  7133. .ui.icon.header.aligned {

  7134.   margin-left: auto;

  7135.   margin-right: auto;

  7136.   display: block;

  7137. }

  7138. 

  7139. /*******************************

  7140.             States

  7141. *******************************/

  7142. 

  7143. .ui.disabled.header {

  7144.   opacity: 0.45;

  7145. }

  7146. 

  7147. /*******************************

  7148.            Variations

  7149. *******************************/

  7150. 

  7151. /*-------------------

  7152.       Inverted

  7153. --------------------*/

  7154. 

  7155. .ui.inverted.header {

  7156.   color: #FFFFFF;

  7157. }

  7158. 

  7159. .ui.inverted.header .sub.header {

  7160.   color: rgba(255, 255, 255, 0.8);

  7161. }

  7162. 

  7163. .ui.inverted.attached.header {

  7164.   background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));

  7165.   background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  7166.   background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  7167.   -webkit-box-shadow: none;

  7168.   box-shadow: none;

  7169.   border-color: transparent;

  7170. }

  7171. 

  7172. .ui.inverted.block.header {

  7173.   background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));

  7174.   background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  7175.   background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  7176.   -webkit-box-shadow: none;

  7177.   box-shadow: none;

  7178. }

  7179. 

  7180. .ui.inverted.block.header {

  7181.   border-bottom: none;

  7182. }

  7183. 

  7184. /*-------------------

  7185.        Colors

  7186. --------------------*/

  7187. 

  7188. /*--- Red ---*/

  7189. 

  7190. .ui.red.header {

  7191.   color: #DB2828 !important;

  7192. }

  7193. 

  7194. a.ui.red.header:hover {

  7195.   color: #d01919 !important;

  7196. }

  7197. 

  7198. .ui.red.dividing.header {

  7199.   border-bottom: 2px solid #DB2828;

  7200. }

  7201. 

  7202. /* Inverted */

  7203. 

  7204. .ui.inverted.red.header {

  7205.   color: #FF695E !important;

  7206. }

  7207. 

  7208. a.ui.inverted.red.header:hover {

  7209.   color: #ff5144 !important;

  7210. }

  7211. 

  7212. /*--- Orange ---*/

  7213. 

  7214. .ui.orange.header {

  7215.   color: #F2711C !important;

  7216. }

  7217. 

  7218. a.ui.orange.header:hover {

  7219.   color: #f26202 !important;

  7220. }

  7221. 

  7222. .ui.orange.dividing.header {

  7223.   border-bottom: 2px solid #F2711C;

  7224. }

  7225. 

  7226. /* Inverted */

  7227. 

  7228. .ui.inverted.orange.header {

  7229.   color: #FF851B !important;

  7230. }

  7231. 

  7232. a.ui.inverted.orange.header:hover {

  7233.   color: #ff7701 !important;

  7234. }

  7235. 

  7236. /*--- Olive ---*/

  7237. 

  7238. .ui.olive.header {

  7239.   color: #B5CC18 !important;

  7240. }

  7241. 

  7242. a.ui.olive.header:hover {

  7243.   color: #a7bd0d !important;

  7244. }

  7245. 

  7246. .ui.olive.dividing.header {

  7247.   border-bottom: 2px solid #B5CC18;

  7248. }

  7249. 

  7250. /* Inverted */

  7251. 

  7252. .ui.inverted.olive.header {

  7253.   color: #D9E778 !important;

  7254. }

  7255. 

  7256. a.ui.inverted.olive.header:hover {

  7257.   color: #d8ea5c !important;

  7258. }

  7259. 

  7260. /*--- Yellow ---*/

  7261. 

  7262. .ui.yellow.header {

  7263.   color: #FBBD08 !important;

  7264. }

  7265. 

  7266. a.ui.yellow.header:hover {

  7267.   color: #eaae00 !important;

  7268. }

  7269. 

  7270. .ui.yellow.dividing.header {

  7271.   border-bottom: 2px solid #FBBD08;

  7272. }

  7273. 

  7274. /* Inverted */

  7275. 

  7276. .ui.inverted.yellow.header {

  7277.   color: #FFE21F !important;

  7278. }

  7279. 

  7280. a.ui.inverted.yellow.header:hover {

  7281.   color: #ffdf05 !important;

  7282. }

  7283. 

  7284. /*--- Green ---*/

  7285. 

  7286. .ui.green.header {

  7287.   color: #21BA45 !important;

  7288. }

  7289. 

  7290. a.ui.green.header:hover {

  7291.   color: #16ab39 !important;

  7292. }

  7293. 

  7294. .ui.green.dividing.header {

  7295.   border-bottom: 2px solid #21BA45;

  7296. }

  7297. 

  7298. /* Inverted */

  7299. 

  7300. .ui.inverted.green.header {

  7301.   color: #2ECC40 !important;

  7302. }

  7303. 

  7304. a.ui.inverted.green.header:hover {

  7305.   color: #22be34 !important;

  7306. }

  7307. 

  7308. /*--- Teal ---*/

  7309. 

  7310. .ui.teal.header {

  7311.   color: #00B5AD !important;

  7312. }

  7313. 

  7314. a.ui.teal.header:hover {

  7315.   color: #009c95 !important;

  7316. }

  7317. 

  7318. .ui.teal.dividing.header {

  7319.   border-bottom: 2px solid #00B5AD;

  7320. }

  7321. 

  7322. /* Inverted */

  7323. 

  7324. .ui.inverted.teal.header {

  7325.   color: #6DFFFF !important;

  7326. }

  7327. 

  7328. a.ui.inverted.teal.header:hover {

  7329.   color: #54ffff !important;

  7330. }

  7331. 

  7332. /*--- Blue ---*/

  7333. 

  7334. .ui.blue.header {

  7335.   color: #2185D0 !important;

  7336. }

  7337. 

  7338. a.ui.blue.header:hover {

  7339.   color: #1678c2 !important;

  7340. }

  7341. 

  7342. .ui.blue.dividing.header {

  7343.   border-bottom: 2px solid #2185D0;

  7344. }

  7345. 

  7346. /* Inverted */

  7347. 

  7348. .ui.inverted.blue.header {

  7349.   color: #54C8FF !important;

  7350. }

  7351. 

  7352. a.ui.inverted.blue.header:hover {

  7353.   color: #3ac0ff !important;

  7354. }

  7355. 

  7356. /*--- Violet ---*/

  7357. 

  7358. .ui.violet.header {

  7359.   color: #6435C9 !important;

  7360. }

  7361. 

  7362. a.ui.violet.header:hover {

  7363.   color: #5829bb !important;

  7364. }

  7365. 

  7366. .ui.violet.dividing.header {

  7367.   border-bottom: 2px solid #6435C9;

  7368. }

  7369. 

  7370. /* Inverted */

  7371. 

  7372. .ui.inverted.violet.header {

  7373.   color: #A291FB !important;

  7374. }

  7375. 

  7376. a.ui.inverted.violet.header:hover {

  7377.   color: #8a73ff !important;

  7378. }

  7379. 

  7380. /*--- Purple ---*/

  7381. 

  7382. .ui.purple.header {

  7383.   color: #A333C8 !important;

  7384. }

  7385. 

  7386. a.ui.purple.header:hover {

  7387.   color: #9627ba !important;

  7388. }

  7389. 

  7390. .ui.purple.dividing.header {

  7391.   border-bottom: 2px solid #A333C8;

  7392. }

  7393. 

  7394. /* Inverted */

  7395. 

  7396. .ui.inverted.purple.header {

  7397.   color: #DC73FF !important;

  7398. }

  7399. 

  7400. a.ui.inverted.purple.header:hover {

  7401.   color: #d65aff !important;

  7402. }

  7403. 

  7404. /*--- Pink ---*/

  7405. 

  7406. .ui.pink.header {

  7407.   color: #E03997 !important;

  7408. }

  7409. 

  7410. a.ui.pink.header:hover {

  7411.   color: #e61a8d !important;

  7412. }

  7413. 

  7414. .ui.pink.dividing.header {

  7415.   border-bottom: 2px solid #E03997;

  7416. }

  7417. 

  7418. /* Inverted */

  7419. 

  7420. .ui.inverted.pink.header {

  7421.   color: #FF8EDF !important;

  7422. }

  7423. 

  7424. a.ui.inverted.pink.header:hover {

  7425.   color: #ff74d8 !important;

  7426. }

  7427. 

  7428. /*--- Brown ---*/

  7429. 

  7430. .ui.brown.header {

  7431.   color: #A5673F !important;

  7432. }

  7433. 

  7434. a.ui.brown.header:hover {

  7435.   color: #975b33 !important;

  7436. }

  7437. 

  7438. .ui.brown.dividing.header {

  7439.   border-bottom: 2px solid #A5673F;

  7440. }

  7441. 

  7442. /* Inverted */

  7443. 

  7444. .ui.inverted.brown.header {

  7445.   color: #D67C1C !important;

  7446. }

  7447. 

  7448. a.ui.inverted.brown.header:hover {

  7449.   color: #c86f11 !important;

  7450. }

  7451. 

  7452. /*--- Grey ---*/

  7453. 

  7454. .ui.grey.header {

  7455.   color: #767676 !important;

  7456. }

  7457. 

  7458. a.ui.grey.header:hover {

  7459.   color: #838383 !important;

  7460. }

  7461. 

  7462. .ui.grey.dividing.header {

  7463.   border-bottom: 2px solid #767676;

  7464. }

  7465. 

  7466. /* Inverted */

  7467. 

  7468. .ui.inverted.grey.header {

  7469.   color: #DCDDDE !important;

  7470. }

  7471. 

  7472. a.ui.inverted.grey.header:hover {

  7473.   color: #cfd0d2 !important;

  7474. }

  7475. 

  7476. /*-------------------

  7477.        Aligned

  7478. --------------------*/

  7479. 

  7480. .ui.left.aligned.header {

  7481.   text-align: left;

  7482. }

  7483. 

  7484. .ui.right.aligned.header {

  7485.   text-align: right;

  7486. }

  7487. 

  7488. .ui.centered.header,

  7489. .ui.center.aligned.header {

  7490.   text-align: center;

  7491. }

  7492. 

  7493. .ui.justified.header {

  7494.   text-align: justify;

  7495. }

  7496. 

  7497. .ui.justified.header:after {

  7498.   display: inline-block;

  7499.   content: '';

  7500.   width: 100%;

  7501. }

  7502. 

  7503. /*-------------------

  7504.        Floated

  7505. --------------------*/

  7506. 

  7507. .ui.floated.header,

  7508. .ui[class*="left floated"].header {

  7509.   float: left;

  7510.   margin-top: 0em;

  7511.   margin-right: 0.5em;

  7512. }

  7513. 

  7514. .ui[class*="right floated"].header {

  7515.   float: right;

  7516.   margin-top: 0em;

  7517.   margin-left: 0.5em;

  7518. }

  7519. 

  7520. /*-------------------

  7521.        Fitted

  7522. --------------------*/

  7523. 

  7524. .ui.fitted.header {

  7525.   padding: 0em;

  7526. }

  7527. 

  7528. /*-------------------

  7529.       Dividing

  7530. --------------------*/

  7531. 

  7532. .ui.dividing.header {

  7533.   padding-bottom: 0.21428571rem;

  7534.   border-bottom: 1px solid rgba(34, 36, 38, 0.15);

  7535. }

  7536. 

  7537. .ui.dividing.header .sub.header {

  7538.   padding-bottom: 0.21428571rem;

  7539. }

  7540. 

  7541. .ui.dividing.header .icon {

  7542.   margin-bottom: 0em;

  7543. }

  7544. 

  7545. .ui.inverted.dividing.header {

  7546.   border-bottom-color: rgba(255, 255, 255, 0.1);

  7547. }

  7548. 

  7549. /*-------------------

  7550.         Block

  7551. --------------------*/

  7552. 

  7553. .ui.block.header {

  7554.   background: #F3F4F5;

  7555.   padding: 0.78571429rem 1rem;

  7556.   -webkit-box-shadow: none;

  7557.   box-shadow: none;

  7558.   border: 1px solid #D4D4D5;

  7559.   border-radius: 0.28571429rem;

  7560. }

  7561. 

  7562. .ui.tiny.block.header {

  7563.   font-size: 0.85714286rem;

  7564. }

  7565. 

  7566. .ui.small.block.header {

  7567.   font-size: 0.92857143rem;

  7568. }

  7569. 

  7570. .ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

  7571.   font-size: 1rem;

  7572. }

  7573. 

  7574. .ui.large.block.header {

  7575.   font-size: 1.14285714rem;

  7576. }

  7577. 

  7578. .ui.huge.block.header {

  7579.   font-size: 1.42857143rem;

  7580. }

  7581. 

  7582. /*-------------------

  7583.        Attached

  7584. --------------------*/

  7585. 

  7586. .ui.attached.header {

  7587.   background: #FFFFFF;

  7588.   padding: 0.78571429rem 1rem;

  7589.   margin-left: -1px;

  7590.   margin-right: -1px;

  7591.   -webkit-box-shadow: none;

  7592.   box-shadow: none;

  7593.   border: 1px solid #D4D4D5;

  7594. }

  7595. 

  7596. .ui.attached.block.header {

  7597.   background: #F3F4F5;

  7598. }

  7599. 

  7600. .ui.attached:not(.top):not(.bottom).header {

  7601.   margin-top: 0em;

  7602.   margin-bottom: 0em;

  7603.   border-top: none;

  7604.   border-radius: 0em;

  7605. }

  7606. 

  7607. .ui.top.attached.header {

  7608.   margin-bottom: 0em;

  7609.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  7610. }

  7611. 

  7612. .ui.bottom.attached.header {

  7613.   margin-top: 0em;

  7614.   border-top: none;

  7615.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  7616. }

  7617. 

  7618. /* Attached Sizes */

  7619. 

  7620. .ui.tiny.attached.header {

  7621.   font-size: 0.85714286em;

  7622. }

  7623. 

  7624. .ui.small.attached.header {

  7625.   font-size: 0.92857143em;

  7626. }

  7627. 

  7628. .ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

  7629.   font-size: 1em;

  7630. }

  7631. 

  7632. .ui.large.attached.header {

  7633.   font-size: 1.14285714em;

  7634. }

  7635. 

  7636. .ui.huge.attached.header {

  7637.   font-size: 1.42857143em;

  7638. }

  7639. 

  7640. /*-------------------

  7641.         Sizing

  7642. --------------------*/

  7643. 

  7644. .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

  7645.   font-size: 1.28571429em;

  7646. }

  7647. 

  7648. /*******************************

  7649.          Theme Overrides

  7650. *******************************/

  7651. 

  7652. /*******************************

  7653.          Site Overrides

  7654. *******************************/

  7655. /*!

  7656.  * # Semantic UI 2.4.0 - Icon

  7657.  * http://github.com/semantic-org/semantic-ui/

  7658.  *

  7659.  *

  7660.  * Released under the MIT license

  7661.  * http://opensource.org/licenses/MIT

  7662.  *

  7663.  */

  7664. 

  7665. /*******************************

  7666.              Icon

  7667. *******************************/

  7668. 

  7669. @font-face {

  7670.   font-family: 'Icons';

  7671.   src: url("./themes/default/assets/fonts/icons.eot");

  7672.   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');

  7673.   font-style: normal;

  7674.   font-weight: normal;

  7675.   font-variant: normal;

  7676.   text-decoration: inherit;

  7677.   text-transform: none;

  7678. }

  7679. 

  7680. i.icon {

  7681.   display: inline-block;

  7682.   opacity: 1;

  7683.   margin: 0em 0.25rem 0em 0em;

  7684.   width: 1.18em;

  7685.   height: 1em;

  7686.   font-family: 'Icons';

  7687.   font-style: normal;

  7688.   font-weight: normal;

  7689.   text-decoration: inherit;

  7690.   text-align: center;

  7691.   speak: none;

  7692.   font-smoothing: antialiased;

  7693.   -moz-osx-font-smoothing: grayscale;

  7694.   -webkit-font-smoothing: antialiased;

  7695.   -webkit-backface-visibility: hidden;

  7696.   backface-visibility: hidden;

  7697. }

  7698. 

  7699. i.icon:before {

  7700.   background: none !important;

  7701. }

  7702. 

  7703. /*******************************

  7704.              Types

  7705. *******************************/

  7706. 

  7707. /*--------------

  7708.     Loading

  7709. ---------------*/

  7710. 

  7711. i.icon.loading {

  7712.   height: 1em;

  7713.   line-height: 1;

  7714.   -webkit-animation: icon-loading 2s linear infinite;

  7715.   animation: icon-loading 2s linear infinite;

  7716. }

  7717. 

  7718. @-webkit-keyframes icon-loading {

  7719.   from {

  7720.     -webkit-transform: rotate(0deg);

  7721.     transform: rotate(0deg);

  7722.   }

  7723. 

  7724.   to {

  7725.     -webkit-transform: rotate(360deg);

  7726.     transform: rotate(360deg);

  7727.   }

  7728. }

  7729. 

  7730. @keyframes icon-loading {

  7731.   from {

  7732.     -webkit-transform: rotate(0deg);

  7733.     transform: rotate(0deg);

  7734.   }

  7735. 

  7736.   to {

  7737.     -webkit-transform: rotate(360deg);

  7738.     transform: rotate(360deg);

  7739.   }

  7740. }

  7741. 

  7742. /*******************************

  7743.              States

  7744. *******************************/

  7745. 

  7746. i.icon.hover {

  7747.   opacity: 1 !important;

  7748. }

  7749. 

  7750. i.icon.active {

  7751.   opacity: 1 !important;

  7752. }

  7753. 

  7754. i.emphasized.icon {

  7755.   opacity: 1 !important;

  7756. }

  7757. 

  7758. i.disabled.icon {

  7759.   opacity: 0.45 !important;

  7760. }

  7761. 

  7762. /*******************************

  7763.            Variations

  7764. *******************************/

  7765. 

  7766. /*-------------------

  7767.         Fitted

  7768. --------------------*/

  7769. 

  7770. i.fitted.icon {

  7771.   width: auto;

  7772.   margin: 0em !important;

  7773. }

  7774. 

  7775. /*-------------------

  7776.          Link

  7777. --------------------*/

  7778. 

  7779. i.link.icon,

  7780. i.link.icons {

  7781.   cursor: pointer;

  7782.   opacity: 0.8;

  7783.   -webkit-transition: opacity 0.1s ease;

  7784.   transition: opacity 0.1s ease;

  7785. }

  7786. 

  7787. i.link.icon:hover,

  7788. i.link.icons:hover {

  7789.   opacity: 1 !important;

  7790. }

  7791. 

  7792. /*-------------------

  7793.       Circular

  7794. --------------------*/

  7795. 

  7796. i.circular.icon {

  7797.   border-radius: 500em !important;

  7798.   line-height: 1 !important;

  7799.   padding: 0.5em 0em !important;

  7800.   -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;

  7801.   box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;

  7802.   width: 2em !important;

  7803.   height: 2em !important;

  7804. }

  7805. 

  7806. i.circular.inverted.icon {

  7807.   border: none;

  7808.   -webkit-box-shadow: none;

  7809.   box-shadow: none;

  7810. }

  7811. 

  7812. /*-------------------

  7813.       Flipped

  7814. --------------------*/

  7815. 

  7816. i.flipped.icon,

  7817. i.horizontally.flipped.icon {

  7818.   -webkit-transform: scale(-1, 1);

  7819.   transform: scale(-1, 1);

  7820. }

  7821. 

  7822. i.vertically.flipped.icon {

  7823.   -webkit-transform: scale(1, -1);

  7824.   transform: scale(1, -1);

  7825. }

  7826. 

  7827. /*-------------------

  7828.       Rotated

  7829. --------------------*/

  7830. 

  7831. i.rotated.icon,

  7832. i.right.rotated.icon,

  7833. i.clockwise.rotated.icon {

  7834.   -webkit-transform: rotate(90deg);

  7835.   transform: rotate(90deg);

  7836. }

  7837. 

  7838. i.left.rotated.icon,

  7839. i.counterclockwise.rotated.icon {

  7840.   -webkit-transform: rotate(-90deg);

  7841.   transform: rotate(-90deg);

  7842. }

  7843. 

  7844. /*-------------------

  7845.       Bordered

  7846. --------------------*/

  7847. 

  7848. i.bordered.icon {

  7849.   line-height: 1;

  7850.   vertical-align: baseline;

  7851.   width: 2em;

  7852.   height: 2em;

  7853.   padding: 0.5em 0em !important;

  7854.   -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;

  7855.   box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;

  7856. }

  7857. 

  7858. i.bordered.inverted.icon {

  7859.   border: none;

  7860.   -webkit-box-shadow: none;

  7861.   box-shadow: none;

  7862. }

  7863. 

  7864. /*-------------------

  7865.       Inverted

  7866. --------------------*/

  7867. 

  7868. /* Inverted Shapes */

  7869. 

  7870. i.inverted.bordered.icon,

  7871. i.inverted.circular.icon {

  7872.   background-color: #1B1C1D !important;

  7873.   color: #FFFFFF !important;

  7874. }

  7875. 

  7876. i.inverted.icon {

  7877.   color: #FFFFFF;

  7878. }

  7879. 

  7880. /*-------------------

  7881.        Colors

  7882. --------------------*/

  7883. 

  7884. /* Red */

  7885. 

  7886. i.red.icon {

  7887.   color: #DB2828 !important;

  7888. }

  7889. 

  7890. i.inverted.red.icon {

  7891.   color: #FF695E !important;

  7892. }

  7893. 

  7894. i.inverted.bordered.red.icon,

  7895. i.inverted.circular.red.icon {

  7896.   background-color: #DB2828 !important;

  7897.   color: #FFFFFF !important;

  7898. }

  7899. 

  7900. /* Orange */

  7901. 

  7902. i.orange.icon {

  7903.   color: #F2711C !important;

  7904. }

  7905. 

  7906. i.inverted.orange.icon {

  7907.   color: #FF851B !important;

  7908. }

  7909. 

  7910. i.inverted.bordered.orange.icon,

  7911. i.inverted.circular.orange.icon {

  7912.   background-color: #F2711C !important;

  7913.   color: #FFFFFF !important;

  7914. }

  7915. 

  7916. /* Yellow */

  7917. 

  7918. i.yellow.icon {

  7919.   color: #FBBD08 !important;

  7920. }

  7921. 

  7922. i.inverted.yellow.icon {

  7923.   color: #FFE21F !important;

  7924. }

  7925. 

  7926. i.inverted.bordered.yellow.icon,

  7927. i.inverted.circular.yellow.icon {

  7928.   background-color: #FBBD08 !important;

  7929.   color: #FFFFFF !important;

  7930. }

  7931. 

  7932. /* Olive */

  7933. 

  7934. i.olive.icon {

  7935.   color: #B5CC18 !important;

  7936. }

  7937. 

  7938. i.inverted.olive.icon {

  7939.   color: #D9E778 !important;

  7940. }

  7941. 

  7942. i.inverted.bordered.olive.icon,

  7943. i.inverted.circular.olive.icon {

  7944.   background-color: #B5CC18 !important;

  7945.   color: #FFFFFF !important;

  7946. }

  7947. 

  7948. /* Green */

  7949. 

  7950. i.green.icon {

  7951.   color: #21BA45 !important;

  7952. }

  7953. 

  7954. i.inverted.green.icon {

  7955.   color: #2ECC40 !important;

  7956. }

  7957. 

  7958. i.inverted.bordered.green.icon,

  7959. i.inverted.circular.green.icon {

  7960.   background-color: #21BA45 !important;

  7961.   color: #FFFFFF !important;

  7962. }

  7963. 

  7964. /* Teal */

  7965. 

  7966. i.teal.icon {

  7967.   color: #00B5AD !important;

  7968. }

  7969. 

  7970. i.inverted.teal.icon {

  7971.   color: #6DFFFF !important;

  7972. }

  7973. 

  7974. i.inverted.bordered.teal.icon,

  7975. i.inverted.circular.teal.icon {

  7976.   background-color: #00B5AD !important;

  7977.   color: #FFFFFF !important;

  7978. }

  7979. 

  7980. /* Blue */

  7981. 

  7982. i.blue.icon {

  7983.   color: #2185D0 !important;

  7984. }

  7985. 

  7986. i.inverted.blue.icon {

  7987.   color: #54C8FF !important;

  7988. }

  7989. 

  7990. i.inverted.bordered.blue.icon,

  7991. i.inverted.circular.blue.icon {

  7992.   background-color: #2185D0 !important;

  7993.   color: #FFFFFF !important;

  7994. }

  7995. 

  7996. /* Violet */

  7997. 

  7998. i.violet.icon {

  7999.   color: #6435C9 !important;

  8000. }

  8001. 

  8002. i.inverted.violet.icon {

  8003.   color: #A291FB !important;

  8004. }

  8005. 

  8006. i.inverted.bordered.violet.icon,

  8007. i.inverted.circular.violet.icon {

  8008.   background-color: #6435C9 !important;

  8009.   color: #FFFFFF !important;

  8010. }

  8011. 

  8012. /* Purple */

  8013. 

  8014. i.purple.icon {

  8015.   color: #A333C8 !important;

  8016. }

  8017. 

  8018. i.inverted.purple.icon {

  8019.   color: #DC73FF !important;

  8020. }

  8021. 

  8022. i.inverted.bordered.purple.icon,

  8023. i.inverted.circular.purple.icon {

  8024.   background-color: #A333C8 !important;

  8025.   color: #FFFFFF !important;

  8026. }

  8027. 

  8028. /* Pink */

  8029. 

  8030. i.pink.icon {

  8031.   color: #E03997 !important;

  8032. }

  8033. 

  8034. i.inverted.pink.icon {

  8035.   color: #FF8EDF !important;

  8036. }

  8037. 

  8038. i.inverted.bordered.pink.icon,

  8039. i.inverted.circular.pink.icon {

  8040.   background-color: #E03997 !important;

  8041.   color: #FFFFFF !important;

  8042. }

  8043. 

  8044. /* Brown */

  8045. 

  8046. i.brown.icon {

  8047.   color: #A5673F !important;

  8048. }

  8049. 

  8050. i.inverted.brown.icon {

  8051.   color: #D67C1C !important;

  8052. }

  8053. 

  8054. i.inverted.bordered.brown.icon,

  8055. i.inverted.circular.brown.icon {

  8056.   background-color: #A5673F !important;

  8057.   color: #FFFFFF !important;

  8058. }

  8059. 

  8060. /* Grey */

  8061. 

  8062. i.grey.icon {

  8063.   color: #767676 !important;

  8064. }

  8065. 

  8066. i.inverted.grey.icon {

  8067.   color: #DCDDDE !important;

  8068. }

  8069. 

  8070. i.inverted.bordered.grey.icon,

  8071. i.inverted.circular.grey.icon {

  8072.   background-color: #767676 !important;

  8073.   color: #FFFFFF !important;

  8074. }

  8075. 

  8076. /* Black */

  8077. 

  8078. i.black.icon {

  8079.   color: #1B1C1D !important;

  8080. }

  8081. 

  8082. i.inverted.black.icon {

  8083.   color: #545454 !important;

  8084. }

  8085. 

  8086. i.inverted.bordered.black.icon,

  8087. i.inverted.circular.black.icon {

  8088.   background-color: #1B1C1D !important;

  8089.   color: #FFFFFF !important;

  8090. }

  8091. 

  8092. /*-------------------

  8093.         Sizes

  8094. --------------------*/

  8095. 

  8096. i.mini.icon,

  8097. i.mini.icons {

  8098.   line-height: 1;

  8099.   font-size: 0.4em;

  8100. }

  8101. 

  8102. i.tiny.icon,

  8103. i.tiny.icons {

  8104.   line-height: 1;

  8105.   font-size: 0.5em;

  8106. }

  8107. 

  8108. i.small.icon,

  8109. i.small.icons {

  8110.   line-height: 1;

  8111.   font-size: 0.75em;

  8112. }

  8113. 

  8114. i.icon,

  8115. i.icons {

  8116.   font-size: 1em;

  8117. }

  8118. 

  8119. i.large.icon,

  8120. i.large.icons {

  8121.   line-height: 1;

  8122.   vertical-align: middle;

  8123.   font-size: 1.5em;

  8124. }

  8125. 

  8126. i.big.icon,

  8127. i.big.icons {

  8128.   line-height: 1;

  8129.   vertical-align: middle;

  8130.   font-size: 2em;

  8131. }

  8132. 

  8133. i.huge.icon,

  8134. i.huge.icons {

  8135.   line-height: 1;

  8136.   vertical-align: middle;

  8137.   font-size: 4em;

  8138. }

  8139. 

  8140. i.massive.icon,

  8141. i.massive.icons {

  8142.   line-height: 1;

  8143.   vertical-align: middle;

  8144.   font-size: 8em;

  8145. }

  8146. 

  8147. /*******************************

  8148.             Groups

  8149. *******************************/

  8150. 

  8151. i.icons {

  8152.   display: inline-block;

  8153.   position: relative;

  8154.   line-height: 1;

  8155. }

  8156. 

  8157. i.icons .icon {

  8158.   position: absolute;

  8159.   top: 50%;

  8160.   left: 50%;

  8161.   -webkit-transform: translateX(-50%) translateY(-50%);

  8162.   transform: translateX(-50%) translateY(-50%);

  8163.   margin: 0em;

  8164.   margin: 0;

  8165. }

  8166. 

  8167. i.icons .icon:first-child {

  8168.   position: static;

  8169.   width: auto;

  8170.   height: auto;

  8171.   vertical-align: top;

  8172.   -webkit-transform: none;

  8173.   transform: none;

  8174.   margin-right: 0.25rem;

  8175. }

  8176. 

  8177. /* Corner Icon */

  8178. 

  8179. i.icons .corner.icon {

  8180.   top: auto;

  8181.   left: auto;

  8182.   right: 0;

  8183.   bottom: 0;

  8184.   -webkit-transform: none;

  8185.   transform: none;

  8186.   font-size: 0.45em;

  8187.   text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;

  8188. }

  8189. 

  8190. i.icons .top.right.corner.icon {

  8191.   top: 0;

  8192.   left: auto;

  8193.   right: 0;

  8194.   bottom: auto;

  8195. }

  8196. 

  8197. i.icons .top.left.corner.icon {

  8198.   top: 0;

  8199.   left: 0;

  8200.   right: auto;

  8201.   bottom: auto;

  8202. }

  8203. 

  8204. i.icons .bottom.left.corner.icon {

  8205.   top: auto;

  8206.   left: 0;

  8207.   right: auto;

  8208.   bottom: 0;

  8209. }

  8210. 

  8211. i.icons .bottom.right.corner.icon {

  8212.   top: auto;

  8213.   left: auto;

  8214.   right: 0;

  8215.   bottom: 0;

  8216. }

  8217. 

  8218. i.icons .inverted.corner.icon {

  8219.   text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;

  8220. }

  8221. 

  8222. /*

  8223.  * Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome

  8224.  * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)

  8225.  */

  8226. 

  8227. /*******************************

  8228. 

  8229. Semantic-UI integration of font-awesome :

  8230. 

  8231. ///class names are separated

  8232. i.icon.circle => i.icon.circle

  8233. i.icon.circle-o => i.icon.circle.outline

  8234. 

  8235. //abbreviation are replaced by full letters:

  8236. i.icon.ellipsis-h => i.icon.ellipsis.horizontal

  8237. i.icon.ellipsis-v => i.icon.ellipsis.vertical

  8238. .alpha => .i.icon.alphabet

  8239. .asc => .i.icon.ascending

  8240. .desc => .i.icon.descending

  8241. .alt =>.alternate

  8242. 

  8243. ASCII order is conserved for easier maintenance.

  8244. 

  8245. Icons that only have one style 'outline', 'square' etc do not require this class

  8246. for instance `lemon icon` not `lemon outline icon` since there is only one lemon

  8247. 

  8248. *******************************/

  8249. 

  8250. /*******************************

  8251.             Icons

  8252. *******************************/

  8253. 

  8254. /* Deprecated *In/Out Naming Conflict) */

  8255. 

  8256. i.icon.linkedin.in:before {

  8257.   content: "\f0e1";

  8258. }

  8259. 

  8260. i.icon.zoom.in:before {

  8261.   content: "\f00e";

  8262. }

  8263. 

  8264. i.icon.zoom.out:before {

  8265.   content: "\f010";

  8266. }

  8267. 

  8268. i.icon.sign.in:before {

  8269.   content: "\f2f6";

  8270. }

  8271. 

  8272. i.icon.in.cart:before {

  8273.   content: "\f218";

  8274. }

  8275. 

  8276. i.icon.log.out:before {

  8277.   content: "\f2f5";

  8278. }

  8279. 

  8280. i.icon.sign.out:before {

  8281.   content: "\f2f5";

  8282. }

  8283. 

  8284. /* Icons */

  8285. 

  8286. i.icon.\35 00px:before {

  8287.   content: "\f26e";

  8288. }

  8289. 

  8290. i.icon.accessible.icon:before {

  8291.   content: "\f368";

  8292. }

  8293. 

  8294. i.icon.accusoft:before {

  8295.   content: "\f369";

  8296. }

  8297. 

  8298. i.icon.address.book:before {

  8299.   content: "\f2b9";

  8300. }

  8301. 

  8302. i.icon.address.card:before {

  8303.   content: "\f2bb";

  8304. }

  8305. 

  8306. i.icon.adjust:before {

  8307.   content: "\f042";

  8308. }

  8309. 

  8310. i.icon.adn:before {

  8311.   content: "\f170";

  8312. }

  8313. 

  8314. i.icon.adversal:before {

  8315.   content: "\f36a";

  8316. }

  8317. 

  8318. i.icon.affiliatetheme:before {

  8319.   content: "\f36b";

  8320. }

  8321. 

  8322. i.icon.algolia:before {

  8323.   content: "\f36c";

  8324. }

  8325. 

  8326. i.icon.align.center:before {

  8327.   content: "\f037";

  8328. }

  8329. 

  8330. i.icon.align.justify:before {

  8331.   content: "\f039";

  8332. }

  8333. 

  8334. i.icon.align.left:before {

  8335.   content: "\f036";

  8336. }

  8337. 

  8338. i.icon.align.right:before {

  8339.   content: "\f038";

  8340. }

  8341. 

  8342. i.icon.amazon:before {

  8343.   content: "\f270";

  8344. }

  8345. 

  8346. i.icon.amazon.pay:before {

  8347.   content: "\f42c";

  8348. }

  8349. 

  8350. i.icon.ambulance:before {

  8351.   content: "\f0f9";

  8352. }

  8353. 

  8354. i.icon.american.sign.language.interpreting:before {

  8355.   content: "\f2a3";

  8356. }

  8357. 

  8358. i.icon.amilia:before {

  8359.   content: "\f36d";

  8360. }

  8361. 

  8362. i.icon.anchor:before {

  8363.   content: "\f13d";

  8364. }

  8365. 

  8366. i.icon.android:before {

  8367.   content: "\f17b";

  8368. }

  8369. 

  8370. i.icon.angellist:before {

  8371.   content: "\f209";

  8372. }

  8373. 

  8374. i.icon.angle.double.down:before {

  8375.   content: "\f103";

  8376. }

  8377. 

  8378. i.icon.angle.double.left:before {

  8379.   content: "\f100";

  8380. }

  8381. 

  8382. i.icon.angle.double.right:before {

  8383.   content: "\f101";

  8384. }

  8385. 

  8386. i.icon.angle.double.up:before {

  8387.   content: "\f102";

  8388. }

  8389. 

  8390. i.icon.angle.down:before {

  8391.   content: "\f107";

  8392. }

  8393. 

  8394. i.icon.angle.left:before {

  8395.   content: "\f104";

  8396. }

  8397. 

  8398. i.icon.angle.right:before {

  8399.   content: "\f105";

  8400. }

  8401. 

  8402. i.icon.angle.up:before {

  8403.   content: "\f106";

  8404. }

  8405. 

  8406. i.icon.angrycreative:before {

  8407.   content: "\f36e";

  8408. }

  8409. 

  8410. i.icon.angular:before {

  8411.   content: "\f420";

  8412. }

  8413. 

  8414. i.icon.app.store:before {

  8415.   content: "\f36f";

  8416. }

  8417. 

  8418. i.icon.app.store.ios:before {

  8419.   content: "\f370";

  8420. }

  8421. 

  8422. i.icon.apper:before {

  8423.   content: "\f371";

  8424. }

  8425. 

  8426. i.icon.apple:before {

  8427.   content: "\f179";

  8428. }

  8429. 

  8430. i.icon.apple.pay:before {

  8431.   content: "\f415";

  8432. }

  8433. 

  8434. i.icon.archive:before {

  8435.   content: "\f187";

  8436. }

  8437. 

  8438. i.icon.arrow.alternate.circle.down:before {

  8439.   content: "\f358";

  8440. }

  8441. 

  8442. i.icon.arrow.alternate.circle.left:before {

  8443.   content: "\f359";

  8444. }

  8445. 

  8446. i.icon.arrow.alternate.circle.right:before {

  8447.   content: "\f35a";

  8448. }

  8449. 

  8450. i.icon.arrow.alternate.circle.up:before {

  8451.   content: "\f35b";

  8452. }

  8453. 

  8454. i.icon.arrow.circle.down:before {

  8455.   content: "\f0ab";

  8456. }

  8457. 

  8458. i.icon.arrow.circle.left:before {

  8459.   content: "\f0a8";

  8460. }

  8461. 

  8462. i.icon.arrow.circle.right:before {

  8463.   content: "\f0a9";

  8464. }

  8465. 

  8466. i.icon.arrow.circle.up:before {

  8467.   content: "\f0aa";

  8468. }

  8469. 

  8470. i.icon.arrow.down:before {

  8471.   content: "\f063";

  8472. }

  8473. 

  8474. i.icon.arrow.left:before {

  8475.   content: "\f060";

  8476. }

  8477. 

  8478. i.icon.arrow.right:before {

  8479.   content: "\f061";

  8480. }

  8481. 

  8482. i.icon.arrow.up:before {

  8483.   content: "\f062";

  8484. }

  8485. 

  8486. i.icon.arrows.alternate:before {

  8487.   content: "\f0b2";

  8488. }

  8489. 

  8490. i.icon.arrows.alternate.horizontal:before {

  8491.   content: "\f337";

  8492. }

  8493. 

  8494. i.icon.arrows.alternate.vertical:before {

  8495.   content: "\f338";

  8496. }

  8497. 

  8498. i.icon.assistive.listening.systems:before {

  8499.   content: "\f2a2";

  8500. }

  8501. 

  8502. i.icon.asterisk:before {

  8503.   content: "\f069";

  8504. }

  8505. 

  8506. i.icon.asymmetrik:before {

  8507.   content: "\f372";

  8508. }

  8509. 

  8510. i.icon.at:before {

  8511.   content: "\f1fa";

  8512. }

  8513. 

  8514. i.icon.audible:before {

  8515.   content: "\f373";

  8516. }

  8517. 

  8518. i.icon.audio.description:before {

  8519.   content: "\f29e";

  8520. }

  8521. 

  8522. i.icon.autoprefixer:before {

  8523.   content: "\f41c";

  8524. }

  8525. 

  8526. i.icon.avianex:before {

  8527.   content: "\f374";

  8528. }

  8529. 

  8530. i.icon.aviato:before {

  8531.   content: "\f421";

  8532. }

  8533. 

  8534. i.icon.aws:before {

  8535.   content: "\f375";

  8536. }

  8537. 

  8538. i.icon.backward:before {

  8539.   content: "\f04a";

  8540. }

  8541. 

  8542. i.icon.balance.scale:before {

  8543.   content: "\f24e";

  8544. }

  8545. 

  8546. i.icon.ban:before {

  8547.   content: "\f05e";

  8548. }

  8549. 

  8550. i.icon.band.aid:before {

  8551.   content: "\f462";

  8552. }

  8553. 

  8554. i.icon.bandcamp:before {

  8555.   content: "\f2d5";

  8556. }

  8557. 

  8558. i.icon.barcode:before {

  8559.   content: "\f02a";

  8560. }

  8561. 

  8562. i.icon.bars:before {

  8563.   content: "\f0c9";

  8564. }

  8565. 

  8566. i.icon.baseball.ball:before {

  8567.   content: "\f433";

  8568. }

  8569. 

  8570. i.icon.basketball.ball:before {

  8571.   content: "\f434";

  8572. }

  8573. 

  8574. i.icon.bath:before {

  8575.   content: "\f2cd";

  8576. }

  8577. 

  8578. i.icon.battery.empty:before {

  8579.   content: "\f244";

  8580. }

  8581. 

  8582. i.icon.battery.full:before {

  8583.   content: "\f240";

  8584. }

  8585. 

  8586. i.icon.battery.half:before {

  8587.   content: "\f242";

  8588. }

  8589. 

  8590. i.icon.battery.quarter:before {

  8591.   content: "\f243";

  8592. }

  8593. 

  8594. i.icon.battery.three.quarters:before {

  8595.   content: "\f241";

  8596. }

  8597. 

  8598. i.icon.bed:before {

  8599.   content: "\f236";

  8600. }

  8601. 

  8602. i.icon.beer:before {

  8603.   content: "\f0fc";

  8604. }

  8605. 

  8606. i.icon.behance:before {

  8607.   content: "\f1b4";

  8608. }

  8609. 

  8610. i.icon.behance.square:before {

  8611.   content: "\f1b5";

  8612. }

  8613. 

  8614. i.icon.bell:before {

  8615.   content: "\f0f3";

  8616. }

  8617. 

  8618. i.icon.bell.slash:before {

  8619.   content: "\f1f6";

  8620. }

  8621. 

  8622. i.icon.bicycle:before {

  8623.   content: "\f206";

  8624. }

  8625. 

  8626. i.icon.bimobject:before {

  8627.   content: "\f378";

  8628. }

  8629. 

  8630. i.icon.binoculars:before {

  8631.   content: "\f1e5";

  8632. }

  8633. 

  8634. i.icon.birthday.cake:before {

  8635.   content: "\f1fd";

  8636. }

  8637. 

  8638. i.icon.bitbucket:before {

  8639.   content: "\f171";

  8640. }

  8641. 

  8642. i.icon.bitcoin:before {

  8643.   content: "\f379";

  8644. }

  8645. 

  8646. i.icon.bity:before {

  8647.   content: "\f37a";

  8648. }

  8649. 

  8650. i.icon.black.tie:before {

  8651.   content: "\f27e";

  8652. }

  8653. 

  8654. i.icon.blackberry:before {

  8655.   content: "\f37b";

  8656. }

  8657. 

  8658. i.icon.blind:before {

  8659.   content: "\f29d";

  8660. }

  8661. 

  8662. i.icon.blogger:before {

  8663.   content: "\f37c";

  8664. }

  8665. 

  8666. i.icon.blogger.b:before {

  8667.   content: "\f37d";

  8668. }

  8669. 

  8670. i.icon.bluetooth:before {

  8671.   content: "\f293";

  8672. }

  8673. 

  8674. i.icon.bluetooth.b:before {

  8675.   content: "\f294";

  8676. }

  8677. 

  8678. i.icon.bold:before {

  8679.   content: "\f032";

  8680. }

  8681. 

  8682. i.icon.bolt:before {

  8683.   content: "\f0e7";

  8684. }

  8685. 

  8686. i.icon.bomb:before {

  8687.   content: "\f1e2";

  8688. }

  8689. 

  8690. i.icon.book:before {

  8691.   content: "\f02d";

  8692. }

  8693. 

  8694. i.icon.bookmark:before {

  8695.   content: "\f02e";

  8696. }

  8697. 

  8698. i.icon.bowling.ball:before {

  8699.   content: "\f436";

  8700. }

  8701. 

  8702. i.icon.box:before {

  8703.   content: "\f466";

  8704. }

  8705. 

  8706. i.icon.boxes:before {

  8707.   content: "\f468";

  8708. }

  8709. 

  8710. i.icon.braille:before {

  8711.   content: "\f2a1";

  8712. }

  8713. 

  8714. i.icon.briefcase:before {

  8715.   content: "\f0b1";

  8716. }

  8717. 

  8718. i.icon.btc:before {

  8719.   content: "\f15a";

  8720. }

  8721. 

  8722. i.icon.bug:before {

  8723.   content: "\f188";

  8724. }

  8725. 

  8726. i.icon.building:before {

  8727.   content: "\f1ad";

  8728. }

  8729. 

  8730. i.icon.bullhorn:before {

  8731.   content: "\f0a1";

  8732. }

  8733. 

  8734. i.icon.bullseye:before {

  8735.   content: "\f140";

  8736. }

  8737. 

  8738. i.icon.buromobelexperte:before {

  8739.   content: "\f37f";

  8740. }

  8741. 

  8742. i.icon.bus:before {

  8743.   content: "\f207";

  8744. }

  8745. 

  8746. i.icon.buysellads:before {

  8747.   content: "\f20d";

  8748. }

  8749. 

  8750. i.icon.calculator:before {

  8751.   content: "\f1ec";

  8752. }

  8753. 

  8754. i.icon.calendar:before {

  8755.   content: "\f133";

  8756. }

  8757. 

  8758. i.icon.calendar.alternate:before {

  8759.   content: "\f073";

  8760. }

  8761. 

  8762. i.icon.calendar.check:before {

  8763.   content: "\f274";

  8764. }

  8765. 

  8766. i.icon.calendar.minus:before {

  8767.   content: "\f272";

  8768. }

  8769. 

  8770. i.icon.calendar.plus:before {

  8771.   content: "\f271";

  8772. }

  8773. 

  8774. i.icon.calendar.times:before {

  8775.   content: "\f273";

  8776. }

  8777. 

  8778. i.icon.camera:before {

  8779.   content: "\f030";

  8780. }

  8781. 

  8782. i.icon.camera.retro:before {

  8783.   content: "\f083";

  8784. }

  8785. 

  8786. i.icon.car:before {

  8787.   content: "\f1b9";

  8788. }

  8789. 

  8790. i.icon.caret.down:before {

  8791.   content: "\f0d7";

  8792. }

  8793. 

  8794. i.icon.caret.left:before {

  8795.   content: "\f0d9";

  8796. }

  8797. 

  8798. i.icon.caret.right:before {

  8799.   content: "\f0da";

  8800. }

  8801. 

  8802. i.icon.caret.square.down:before {

  8803.   content: "\f150";

  8804. }

  8805. 

  8806. i.icon.caret.square.left:before {

  8807.   content: "\f191";

  8808. }

  8809. 

  8810. i.icon.caret.square.right:before {

  8811.   content: "\f152";

  8812. }

  8813. 

  8814. i.icon.caret.square.up:before {

  8815.   content: "\f151";

  8816. }

  8817. 

  8818. i.icon.caret.up:before {

  8819.   content: "\f0d8";

  8820. }

  8821. 

  8822. i.icon.cart.arrow.down:before {

  8823.   content: "\f218";

  8824. }

  8825. 

  8826. i.icon.cart.plus:before {

  8827.   content: "\f217";

  8828. }

  8829. 

  8830. i.icon.cc.amazon.pay:before {

  8831.   content: "\f42d";

  8832. }

  8833. 

  8834. i.icon.cc.amex:before {

  8835.   content: "\f1f3";

  8836. }

  8837. 

  8838. i.icon.cc.apple.pay:before {

  8839.   content: "\f416";

  8840. }

  8841. 

  8842. i.icon.cc.diners.club:before {

  8843.   content: "\f24c";

  8844. }

  8845. 

  8846. i.icon.cc.discover:before {

  8847.   content: "\f1f2";

  8848. }

  8849. 

  8850. i.icon.cc.jcb:before {

  8851.   content: "\f24b";

  8852. }

  8853. 

  8854. i.icon.cc.mastercard:before {

  8855.   content: "\f1f1";

  8856. }

  8857. 

  8858. i.icon.cc.paypal:before {

  8859.   content: "\f1f4";

  8860. }

  8861. 

  8862. i.icon.cc.stripe:before {

  8863.   content: "\f1f5";

  8864. }

  8865. 

  8866. i.icon.cc.visa:before {

  8867.   content: "\f1f0";

  8868. }

  8869. 

  8870. i.icon.centercode:before {

  8871.   content: "\f380";

  8872. }

  8873. 

  8874. i.icon.certificate:before {

  8875.   content: "\f0a3";

  8876. }

  8877. 

  8878. i.icon.chart.area:before {

  8879.   content: "\f1fe";

  8880. }

  8881. 

  8882. i.icon.chart.bar:before {

  8883.   content: "\f080";

  8884. }

  8885. 

  8886. i.icon.chart.line:before {

  8887.   content: "\f201";

  8888. }

  8889. 

  8890. i.icon.chart.pie:before {

  8891.   content: "\f200";

  8892. }

  8893. 

  8894. i.icon.check:before {

  8895.   content: "\f00c";

  8896. }

  8897. 

  8898. i.icon.check.circle:before {

  8899.   content: "\f058";

  8900. }

  8901. 

  8902. i.icon.check.square:before {

  8903.   content: "\f14a";

  8904. }

  8905. 

  8906. i.icon.chess:before {

  8907.   content: "\f439";

  8908. }

  8909. 

  8910. i.icon.chess.bishop:before {

  8911.   content: "\f43a";

  8912. }

  8913. 

  8914. i.icon.chess.board:before {

  8915.   content: "\f43c";

  8916. }

  8917. 

  8918. i.icon.chess.king:before {

  8919.   content: "\f43f";

  8920. }

  8921. 

  8922. i.icon.chess.knight:before {

  8923.   content: "\f441";

  8924. }

  8925. 

  8926. i.icon.chess.pawn:before {

  8927.   content: "\f443";

  8928. }

  8929. 

  8930. i.icon.chess.queen:before {

  8931.   content: "\f445";

  8932. }

  8933. 

  8934. i.icon.chess.rook:before {

  8935.   content: "\f447";

  8936. }

  8937. 

  8938. i.icon.chevron.circle.down:before {

  8939.   content: "\f13a";

  8940. }

  8941. 

  8942. i.icon.chevron.circle.left:before {

  8943.   content: "\f137";

  8944. }

  8945. 

  8946. i.icon.chevron.circle.right:before {

  8947.   content: "\f138";

  8948. }

  8949. 

  8950. i.icon.chevron.circle.up:before {

  8951.   content: "\f139";

  8952. }

  8953. 

  8954. i.icon.chevron.down:before {

  8955.   content: "\f078";

  8956. }

  8957. 

  8958. i.icon.chevron.left:before {

  8959.   content: "\f053";

  8960. }

  8961. 

  8962. i.icon.chevron.right:before {

  8963.   content: "\f054";

  8964. }

  8965. 

  8966. i.icon.chevron.up:before {

  8967.   content: "\f077";

  8968. }

  8969. 

  8970. i.icon.child:before {

  8971.   content: "\f1ae";

  8972. }

  8973. 

  8974. i.icon.chrome:before {

  8975.   content: "\f268";

  8976. }

  8977. 

  8978. i.icon.circle:before {

  8979.   content: "\f111";

  8980. }

  8981. 

  8982. i.icon.circle.notch:before {

  8983.   content: "\f1ce";

  8984. }

  8985. 

  8986. i.icon.clipboard:before {

  8987.   content: "\f328";

  8988. }

  8989. 

  8990. i.icon.clipboard.check:before {

  8991.   content: "\f46c";

  8992. }

  8993. 

  8994. i.icon.clipboard.list:before {

  8995.   content: "\f46d";

  8996. }

  8997. 

  8998. i.icon.clock:before {

  8999.   content: "\f017";

  9000. }

  9001. 

  9002. i.icon.clone:before {

  9003.   content: "\f24d";

  9004. }

  9005. 

  9006. i.icon.closed.captioning:before {

  9007.   content: "\f20a";

  9008. }

  9009. 

  9010. i.icon.cloud:before {

  9011.   content: "\f0c2";

  9012. }

  9013. 

  9014. i.icon.cloudscale:before {

  9015.   content: "\f383";

  9016. }

  9017. 

  9018. i.icon.cloudsmith:before {

  9019.   content: "\f384";

  9020. }

  9021. 

  9022. i.icon.cloudversify:before {

  9023.   content: "\f385";

  9024. }

  9025. 

  9026. i.icon.code:before {

  9027.   content: "\f121";

  9028. }

  9029. 

  9030. i.icon.code.branch:before {

  9031.   content: "\f126";

  9032. }

  9033. 

  9034. i.icon.codepen:before {

  9035.   content: "\f1cb";

  9036. }

  9037. 

  9038. i.icon.codiepie:before {

  9039.   content: "\f284";

  9040. }

  9041. 

  9042. i.icon.coffee:before {

  9043.   content: "\f0f4";

  9044. }

  9045. 

  9046. i.icon.cog:before {

  9047.   content: "\f013";

  9048. }

  9049. 

  9050. i.icon.cogs:before {

  9051.   content: "\f085";

  9052. }

  9053. 

  9054. i.icon.columns:before {

  9055.   content: "\f0db";

  9056. }

  9057. 

  9058. i.icon.comment:before {

  9059.   content: "\f075";

  9060. }

  9061. 

  9062. i.icon.comment.alternate:before {

  9063.   content: "\f27a";

  9064. }

  9065. 

  9066. i.icon.comments:before {

  9067.   content: "\f086";

  9068. }

  9069. 

  9070. i.icon.compass:before {

  9071.   content: "\f14e";

  9072. }

  9073. 

  9074. i.icon.compress:before {

  9075.   content: "\f066";

  9076. }

  9077. 

  9078. i.icon.connectdevelop:before {

  9079.   content: "\f20e";

  9080. }

  9081. 

  9082. i.icon.contao:before {

  9083.   content: "\f26d";

  9084. }

  9085. 

  9086. i.icon.copy:before {

  9087.   content: "\f0c5";

  9088. }

  9089. 

  9090. i.icon.copyright:before {

  9091.   content: "\f1f9";

  9092. }

  9093. 

  9094. i.icon.cpanel:before {

  9095.   content: "\f388";

  9096. }

  9097. 

  9098. i.icon.creative.commons:before {

  9099.   content: "\f25e";

  9100. }

  9101. 

  9102. i.icon.credit.card:before {

  9103.   content: "\f09d";

  9104. }

  9105. 

  9106. i.icon.crop:before {

  9107.   content: "\f125";

  9108. }

  9109. 

  9110. i.icon.crosshairs:before {

  9111.   content: "\f05b";

  9112. }

  9113. 

  9114. i.icon.css3:before {

  9115.   content: "\f13c";

  9116. }

  9117. 

  9118. i.icon.css3.alternate:before {

  9119.   content: "\f38b";

  9120. }

  9121. 

  9122. i.icon.cube:before {

  9123.   content: "\f1b2";

  9124. }

  9125. 

  9126. i.icon.cubes:before {

  9127.   content: "\f1b3";

  9128. }

  9129. 

  9130. i.icon.cut:before {

  9131.   content: "\f0c4";

  9132. }

  9133. 

  9134. i.icon.cuttlefish:before {

  9135.   content: "\f38c";

  9136. }

  9137. 

  9138. i.icon.d.and.d:before {

  9139.   content: "\f38d";

  9140. }

  9141. 

  9142. i.icon.dashcube:before {

  9143.   content: "\f210";

  9144. }

  9145. 

  9146. i.icon.database:before {

  9147.   content: "\f1c0";

  9148. }

  9149. 

  9150. i.icon.deaf:before {

  9151.   content: "\f2a4";

  9152. }

  9153. 

  9154. i.icon.delicious:before {

  9155.   content: "\f1a5";

  9156. }

  9157. 

  9158. i.icon.deploydog:before {

  9159.   content: "\f38e";

  9160. }

  9161. 

  9162. i.icon.deskpro:before {

  9163.   content: "\f38f";

  9164. }

  9165. 

  9166. i.icon.desktop:before {

  9167.   content: "\f108";

  9168. }

  9169. 

  9170. i.icon.deviantart:before {

  9171.   content: "\f1bd";

  9172. }

  9173. 

  9174. i.icon.digg:before {

  9175.   content: "\f1a6";

  9176. }

  9177. 

  9178. i.icon.digital.ocean:before {

  9179.   content: "\f391";

  9180. }

  9181. 

  9182. i.icon.discord:before {

  9183.   content: "\f392";

  9184. }

  9185. 

  9186. i.icon.discourse:before {

  9187.   content: "\f393";

  9188. }

  9189. 

  9190. i.icon.dna:before {

  9191.   content: "\f471";

  9192. }

  9193. 

  9194. i.icon.dochub:before {

  9195.   content: "\f394";

  9196. }

  9197. 

  9198. i.icon.docker:before {

  9199.   content: "\f395";

  9200. }

  9201. 

  9202. i.icon.dollar.sign:before {

  9203.   content: "\f155";

  9204. }

  9205. 

  9206. i.icon.dolly:before {

  9207.   content: "\f472";

  9208. }

  9209. 

  9210. i.icon.dolly.flatbed:before {

  9211.   content: "\f474";

  9212. }

  9213. 

  9214. i.icon.dot.circle:before {

  9215.   content: "\f192";

  9216. }

  9217. 

  9218. i.icon.download:before {

  9219.   content: "\f019";

  9220. }

  9221. 

  9222. i.icon.draft2digital:before {

  9223.   content: "\f396";

  9224. }

  9225. 

  9226. i.icon.dribbble:before {

  9227.   content: "\f17d";

  9228. }

  9229. 

  9230. i.icon.dribbble.square:before {

  9231.   content: "\f397";

  9232. }

  9233. 

  9234. i.icon.dropbox:before {

  9235.   content: "\f16b";

  9236. }

  9237. 

  9238. i.icon.drupal:before {

  9239.   content: "\f1a9";

  9240. }

  9241. 

  9242. i.icon.dyalog:before {

  9243.   content: "\f399";

  9244. }

  9245. 

  9246. i.icon.earlybirds:before {

  9247.   content: "\f39a";

  9248. }

  9249. 

  9250. i.icon.edge:before {

  9251.   content: "\f282";

  9252. }

  9253. 

  9254. i.icon.edit:before {

  9255.   content: "\f044";

  9256. }

  9257. 

  9258. i.icon.eject:before {

  9259.   content: "\f052";

  9260. }

  9261. 

  9262. i.icon.elementor:before {

  9263.   content: "\f430";

  9264. }

  9265. 

  9266. i.icon.ellipsis.horizontal:before {

  9267.   content: "\f141";

  9268. }

  9269. 

  9270. i.icon.ellipsis.vertical:before {

  9271.   content: "\f142";

  9272. }

  9273. 

  9274. i.icon.ember:before {

  9275.   content: "\f423";

  9276. }

  9277. 

  9278. i.icon.empire:before {

  9279.   content: "\f1d1";

  9280. }

  9281. 

  9282. i.icon.envelope:before {

  9283.   content: "\f0e0";

  9284. }

  9285. 

  9286. i.icon.envelope.open:before {

  9287.   content: "\f2b6";

  9288. }

  9289. 

  9290. i.icon.envelope.square:before {

  9291.   content: "\f199";

  9292. }

  9293. 

  9294. i.icon.envira:before {

  9295.   content: "\f299";

  9296. }

  9297. 

  9298. i.icon.eraser:before {

  9299.   content: "\f12d";

  9300. }

  9301. 

  9302. i.icon.erlang:before {

  9303.   content: "\f39d";

  9304. }

  9305. 

  9306. i.icon.ethereum:before {

  9307.   content: "\f42e";

  9308. }

  9309. 

  9310. i.icon.etsy:before {

  9311.   content: "\f2d7";

  9312. }

  9313. 

  9314. i.icon.euro.sign:before {

  9315.   content: "\f153";

  9316. }

  9317. 

  9318. i.icon.exchange.alternate:before {

  9319.   content: "\f362";

  9320. }

  9321. 

  9322. i.icon.exclamation:before {

  9323.   content: "\f12a";

  9324. }

  9325. 

  9326. i.icon.exclamation.circle:before {

  9327.   content: "\f06a";

  9328. }

  9329. 

  9330. i.icon.exclamation.triangle:before {

  9331.   content: "\f071";

  9332. }

  9333. 

  9334. i.icon.expand:before {

  9335.   content: "\f065";

  9336. }

  9337. 

  9338. i.icon.expand.arrows.alternate:before {

  9339.   content: "\f31e";

  9340. }

  9341. 

  9342. i.icon.expeditedssl:before {

  9343.   content: "\f23e";

  9344. }

  9345. 

  9346. i.icon.external.alternate:before {

  9347.   content: "\f35d";

  9348. }

  9349. 

  9350. i.icon.external.square.alternate:before {

  9351.   content: "\f360";

  9352. }

  9353. 

  9354. i.icon.eye:before {

  9355.   content: "\f06e";

  9356. }

  9357. 

  9358. i.icon.eye.dropper:before {

  9359.   content: "\f1fb";

  9360. }

  9361. 

  9362. i.icon.eye.slash:before {

  9363.   content: "\f070";

  9364. }

  9365. 

  9366. i.icon.facebook:before {

  9367.   content: "\f09a";

  9368. }

  9369. 

  9370. i.icon.facebook.f:before {

  9371.   content: "\f39e";

  9372. }

  9373. 

  9374. i.icon.facebook.messenger:before {

  9375.   content: "\f39f";

  9376. }

  9377. 

  9378. i.icon.facebook.square:before {

  9379.   content: "\f082";

  9380. }

  9381. 

  9382. i.icon.fast.backward:before {

  9383.   content: "\f049";

  9384. }

  9385. 

  9386. i.icon.fast.forward:before {

  9387.   content: "\f050";

  9388. }

  9389. 

  9390. i.icon.fax:before {

  9391.   content: "\f1ac";

  9392. }

  9393. 

  9394. i.icon.female:before {

  9395.   content: "\f182";

  9396. }

  9397. 

  9398. i.icon.fighter.jet:before {

  9399.   content: "\f0fb";

  9400. }

  9401. 

  9402. i.icon.file:before {

  9403.   content: "\f15b";

  9404. }

  9405. 

  9406. i.icon.file.alternate:before {

  9407.   content: "\f15c";

  9408. }

  9409. 

  9410. i.icon.file.archive:before {

  9411.   content: "\f1c6";

  9412. }

  9413. 

  9414. i.icon.file.audio:before {

  9415.   content: "\f1c7";

  9416. }

  9417. 

  9418. i.icon.file.code:before {

  9419.   content: "\f1c9";

  9420. }

  9421. 

  9422. i.icon.file.excel:before {

  9423.   content: "\f1c3";

  9424. }

  9425. 

  9426. i.icon.file.image:before {

  9427.   content: "\f1c5";

  9428. }

  9429. 

  9430. i.icon.file.pdf:before {

  9431.   content: "\f1c1";

  9432. }

  9433. 

  9434. i.icon.file.powerpoint:before {

  9435.   content: "\f1c4";

  9436. }

  9437. 

  9438. i.icon.file.video:before {

  9439.   content: "\f1c8";

  9440. }

  9441. 

  9442. i.icon.file.word:before {

  9443.   content: "\f1c2";

  9444. }

  9445. 

  9446. i.icon.film:before {

  9447.   content: "\f008";

  9448. }

  9449. 

  9450. i.icon.filter:before {

  9451.   content: "\f0b0";

  9452. }

  9453. 

  9454. i.icon.fire:before {

  9455.   content: "\f06d";

  9456. }

  9457. 

  9458. i.icon.fire.extinguisher:before {

  9459.   content: "\f134";

  9460. }

  9461. 

  9462. i.icon.firefox:before {

  9463.   content: "\f269";

  9464. }

  9465. 

  9466. i.icon.first.aid:before {

  9467.   content: "\f479";

  9468. }

  9469. 

  9470. i.icon.first.order:before {

  9471.   content: "\f2b0";

  9472. }

  9473. 

  9474. i.icon.firstdraft:before {

  9475.   content: "\f3a1";

  9476. }

  9477. 

  9478. i.icon.flag:before {

  9479.   content: "\f024";

  9480. }

  9481. 

  9482. i.icon.flag.checkered:before {

  9483.   content: "\f11e";

  9484. }

  9485. 

  9486. i.icon.flask:before {

  9487.   content: "\f0c3";

  9488. }

  9489. 

  9490. i.icon.flickr:before {

  9491.   content: "\f16e";

  9492. }

  9493. 

  9494. i.icon.flipboard:before {

  9495.   content: "\f44d";

  9496. }

  9497. 

  9498. i.icon.fly:before {

  9499.   content: "\f417";

  9500. }

  9501. 

  9502. i.icon.folder:before {

  9503.   content: "\f07b";

  9504. }

  9505. 

  9506. i.icon.folder.open:before {

  9507.   content: "\f07c";

  9508. }

  9509. 

  9510. i.icon.font:before {

  9511.   content: "\f031";

  9512. }

  9513. 

  9514. i.icon.font.awesome:before {

  9515.   content: "\f2b4";

  9516. }

  9517. 

  9518. i.icon.font.awesome.alternate:before {

  9519.   content: "\f35c";

  9520. }

  9521. 

  9522. i.icon.font.awesome.flag:before {

  9523.   content: "\f425";

  9524. }

  9525. 

  9526. i.icon.fonticons:before {

  9527.   content: "\f280";

  9528. }

  9529. 

  9530. i.icon.fonticons.fi:before {

  9531.   content: "\f3a2";

  9532. }

  9533. 

  9534. i.icon.football.ball:before {

  9535.   content: "\f44e";

  9536. }

  9537. 

  9538. i.icon.fort.awesome:before {

  9539.   content: "\f286";

  9540. }

  9541. 

  9542. i.icon.fort.awesome.alternate:before {

  9543.   content: "\f3a3";

  9544. }

  9545. 

  9546. i.icon.forumbee:before {

  9547.   content: "\f211";

  9548. }

  9549. 

  9550. i.icon.forward:before {

  9551.   content: "\f04e";

  9552. }

  9553. 

  9554. i.icon.foursquare:before {

  9555.   content: "\f180";

  9556. }

  9557. 

  9558. i.icon.free.code.camp:before {

  9559.   content: "\f2c5";

  9560. }

  9561. 

  9562. i.icon.freebsd:before {

  9563.   content: "\f3a4";

  9564. }

  9565. 

  9566. i.icon.frown:before {

  9567.   content: "\f119";

  9568. }

  9569. 

  9570. i.icon.futbol:before {

  9571.   content: "\f1e3";

  9572. }

  9573. 

  9574. i.icon.gamepad:before {

  9575.   content: "\f11b";

  9576. }

  9577. 

  9578. i.icon.gavel:before {

  9579.   content: "\f0e3";

  9580. }

  9581. 

  9582. i.icon.gem:before {

  9583.   content: "\f3a5";

  9584. }

  9585. 

  9586. i.icon.genderless:before {

  9587.   content: "\f22d";

  9588. }

  9589. 

  9590. i.icon.get.pocket:before {

  9591.   content: "\f265";

  9592. }

  9593. 

  9594. i.icon.gg:before {

  9595.   content: "\f260";

  9596. }

  9597. 

  9598. i.icon.gg.circle:before {

  9599.   content: "\f261";

  9600. }

  9601. 

  9602. i.icon.gift:before {

  9603.   content: "\f06b";

  9604. }

  9605. 

  9606. i.icon.git:before {

  9607.   content: "\f1d3";

  9608. }

  9609. 

  9610. i.icon.git.square:before {

  9611.   content: "\f1d2";

  9612. }

  9613. 

  9614. i.icon.github:before {

  9615.   content: "\f09b";

  9616. }

  9617. 

  9618. i.icon.github.alternate:before {

  9619.   content: "\f113";

  9620. }

  9621. 

  9622. i.icon.github.square:before {

  9623.   content: "\f092";

  9624. }

  9625. 

  9626. i.icon.gitkraken:before {

  9627.   content: "\f3a6";

  9628. }

  9629. 

  9630. i.icon.gitlab:before {

  9631.   content: "\f296";

  9632. }

  9633. 

  9634. i.icon.gitter:before {

  9635.   content: "\f426";

  9636. }

  9637. 

  9638. i.icon.glass.martini:before {

  9639.   content: "\f000";

  9640. }

  9641. 

  9642. i.icon.glide:before {

  9643.   content: "\f2a5";

  9644. }

  9645. 

  9646. i.icon.glide.g:before {

  9647.   content: "\f2a6";

  9648. }

  9649. 

  9650. i.icon.globe:before {

  9651.   content: "\f0ac";

  9652. }

  9653. 

  9654. i.icon.gofore:before {

  9655.   content: "\f3a7";

  9656. }

  9657. 

  9658. i.icon.golf.ball:before {

  9659.   content: "\f450";

  9660. }

  9661. 

  9662. i.icon.goodreads:before {

  9663.   content: "\f3a8";

  9664. }

  9665. 

  9666. i.icon.goodreads.g:before {

  9667.   content: "\f3a9";

  9668. }

  9669. 

  9670. i.icon.google:before {

  9671.   content: "\f1a0";

  9672. }

  9673. 

  9674. i.icon.google.drive:before {

  9675.   content: "\f3aa";

  9676. }

  9677. 

  9678. i.icon.google.play:before {

  9679.   content: "\f3ab";

  9680. }

  9681. 

  9682. i.icon.google.plus:before {

  9683.   content: "\f2b3";

  9684. }

  9685. 

  9686. i.icon.google.plus.g:before {

  9687.   content: "\f0d5";

  9688. }

  9689. 

  9690. i.icon.google.plus.square:before {

  9691.   content: "\f0d4";

  9692. }

  9693. 

  9694. i.icon.google.wallet:before {

  9695.   content: "\f1ee";

  9696. }

  9697. 

  9698. i.icon.graduation.cap:before {

  9699.   content: "\f19d";

  9700. }

  9701. 

  9702. i.icon.gratipay:before {

  9703.   content: "\f184";

  9704. }

  9705. 

  9706. i.icon.grav:before {

  9707.   content: "\f2d6";

  9708. }

  9709. 

  9710. i.icon.gripfire:before {

  9711.   content: "\f3ac";

  9712. }

  9713. 

  9714. i.icon.grunt:before {

  9715.   content: "\f3ad";

  9716. }

  9717. 

  9718. i.icon.gulp:before {

  9719.   content: "\f3ae";

  9720. }

  9721. 

  9722. i.icon.h.square:before {

  9723.   content: "\f0fd";

  9724. }

  9725. 

  9726. i.icon.hacker.news:before {

  9727.   content: "\f1d4";

  9728. }

  9729. 

  9730. i.icon.hacker.news.square:before {

  9731.   content: "\f3af";

  9732. }

  9733. 

  9734. i.icon.hand.lizard:before {

  9735.   content: "\f258";

  9736. }

  9737. 

  9738. i.icon.hand.paper:before {

  9739.   content: "\f256";

  9740. }

  9741. 

  9742. i.icon.hand.peace:before {

  9743.   content: "\f25b";

  9744. }

  9745. 

  9746. i.icon.hand.point.down:before {

  9747.   content: "\f0a7";

  9748. }

  9749. 

  9750. i.icon.hand.point.left:before {

  9751.   content: "\f0a5";

  9752. }

  9753. 

  9754. i.icon.hand.point.right:before {

  9755.   content: "\f0a4";

  9756. }

  9757. 

  9758. i.icon.hand.point.up:before {

  9759.   content: "\f0a6";

  9760. }

  9761. 

  9762. i.icon.hand.pointer:before {

  9763.   content: "\f25a";

  9764. }

  9765. 

  9766. i.icon.hand.rock:before {

  9767.   content: "\f255";

  9768. }

  9769. 

  9770. i.icon.hand.scissors:before {

  9771.   content: "\f257";

  9772. }

  9773. 

  9774. i.icon.hand.spock:before {

  9775.   content: "\f259";

  9776. }

  9777. 

  9778. i.icon.handshake:before {

  9779.   content: "\f2b5";

  9780. }

  9781. 

  9782. i.icon.hashtag:before {

  9783.   content: "\f292";

  9784. }

  9785. 

  9786. i.icon.hdd:before {

  9787.   content: "\f0a0";

  9788. }

  9789. 

  9790. i.icon.heading:before {

  9791.   content: "\f1dc";

  9792. }

  9793. 

  9794. i.icon.headphones:before {

  9795.   content: "\f025";

  9796. }

  9797. 

  9798. i.icon.heart:before {

  9799.   content: "\f004";

  9800. }

  9801. 

  9802. i.icon.heartbeat:before {

  9803.   content: "\f21e";

  9804. }

  9805. 

  9806. i.icon.hips:before {

  9807.   content: "\f452";

  9808. }

  9809. 

  9810. i.icon.hire.a.helper:before {

  9811.   content: "\f3b0";

  9812. }

  9813. 

  9814. i.icon.history:before {

  9815.   content: "\f1da";

  9816. }

  9817. 

  9818. i.icon.hockey.puck:before {

  9819.   content: "\f453";

  9820. }

  9821. 

  9822. i.icon.home:before {

  9823.   content: "\f015";

  9824. }

  9825. 

  9826. i.icon.hooli:before {

  9827.   content: "\f427";

  9828. }

  9829. 

  9830. i.icon.hospital:before {

  9831.   content: "\f0f8";

  9832. }

  9833. 

  9834. i.icon.hospital.symbol:before {

  9835.   content: "\f47e";

  9836. }

  9837. 

  9838. i.icon.hotjar:before {

  9839.   content: "\f3b1";

  9840. }

  9841. 

  9842. i.icon.hourglass:before {

  9843.   content: "\f254";

  9844. }

  9845. 

  9846. i.icon.hourglass.end:before {

  9847.   content: "\f253";

  9848. }

  9849. 

  9850. i.icon.hourglass.half:before {

  9851.   content: "\f252";

  9852. }

  9853. 

  9854. i.icon.hourglass.start:before {

  9855.   content: "\f251";

  9856. }

  9857. 

  9858. i.icon.houzz:before {

  9859.   content: "\f27c";

  9860. }

  9861. 

  9862. i.icon.html5:before {

  9863.   content: "\f13b";

  9864. }

  9865. 

  9866. i.icon.hubspot:before {

  9867.   content: "\f3b2";

  9868. }

  9869. 

  9870. i.icon.i.cursor:before {

  9871.   content: "\f246";

  9872. }

  9873. 

  9874. i.icon.id.badge:before {

  9875.   content: "\f2c1";

  9876. }

  9877. 

  9878. i.icon.id.card:before {

  9879.   content: "\f2c2";

  9880. }

  9881. 

  9882. i.icon.image:before {

  9883.   content: "\f03e";

  9884. }

  9885. 

  9886. i.icon.images:before {

  9887.   content: "\f302";

  9888. }

  9889. 

  9890. i.icon.imdb:before {

  9891.   content: "\f2d8";

  9892. }

  9893. 

  9894. i.icon.inbox:before {

  9895.   content: "\f01c";

  9896. }

  9897. 

  9898. i.icon.indent:before {

  9899.   content: "\f03c";

  9900. }

  9901. 

  9902. i.icon.industry:before {

  9903.   content: "\f275";

  9904. }

  9905. 

  9906. i.icon.info:before {

  9907.   content: "\f129";

  9908. }

  9909. 

  9910. i.icon.info.circle:before {

  9911.   content: "\f05a";

  9912. }

  9913. 

  9914. i.icon.instagram:before {

  9915.   content: "\f16d";

  9916. }

  9917. 

  9918. i.icon.internet.explorer:before {

  9919.   content: "\f26b";

  9920. }

  9921. 

  9922. i.icon.ioxhost:before {

  9923.   content: "\f208";

  9924. }

  9925. 

  9926. i.icon.italic:before {

  9927.   content: "\f033";

  9928. }

  9929. 

  9930. i.icon.itunes:before {

  9931.   content: "\f3b4";

  9932. }

  9933. 

  9934. i.icon.itunes.note:before {

  9935.   content: "\f3b5";

  9936. }

  9937. 

  9938. i.icon.jenkins:before {

  9939.   content: "\f3b6";

  9940. }

  9941. 

  9942. i.icon.joget:before {

  9943.   content: "\f3b7";

  9944. }

  9945. 

  9946. i.icon.joomla:before {

  9947.   content: "\f1aa";

  9948. }

  9949. 

  9950. i.icon.js:before {

  9951.   content: "\f3b8";

  9952. }

  9953. 

  9954. i.icon.js.square:before {

  9955.   content: "\f3b9";

  9956. }

  9957. 

  9958. i.icon.jsfiddle:before {

  9959.   content: "\f1cc";

  9960. }

  9961. 

  9962. i.icon.key:before {

  9963.   content: "\f084";

  9964. }

  9965. 

  9966. i.icon.keyboard:before {

  9967.   content: "\f11c";

  9968. }

  9969. 

  9970. i.icon.keycdn:before {

  9971.   content: "\f3ba";

  9972. }

  9973. 

  9974. i.icon.kickstarter:before {

  9975.   content: "\f3bb";

  9976. }

  9977. 

  9978. i.icon.kickstarter.k:before {

  9979.   content: "\f3bc";

  9980. }

  9981. 

  9982. i.icon.korvue:before {

  9983.   content: "\f42f";

  9984. }

  9985. 

  9986. i.icon.language:before {

  9987.   content: "\f1ab";

  9988. }

  9989. 

  9990. i.icon.laptop:before {

  9991.   content: "\f109";

  9992. }

  9993. 

  9994. i.icon.laravel:before {

  9995.   content: "\f3bd";

  9996. }

  9997. 

  9998. i.icon.lastfm:before {

  9999.   content: "\f202";

  10000. }

  10001. 

  10002. i.icon.lastfm.square:before {

  10003.   content: "\f203";

  10004. }

  10005. 

  10006. i.icon.leaf:before {

  10007.   content: "\f06c";

  10008. }

  10009. 

  10010. i.icon.leanpub:before {

  10011.   content: "\f212";

  10012. }

  10013. 

  10014. i.icon.lemon:before {

  10015.   content: "\f094";

  10016. }

  10017. 

  10018. i.icon.less:before {

  10019.   content: "\f41d";

  10020. }

  10021. 

  10022. i.icon.level.down.alternate:before {

  10023.   content: "\f3be";

  10024. }

  10025. 

  10026. i.icon.level.up.alternate:before {

  10027.   content: "\f3bf";

  10028. }

  10029. 

  10030. i.icon.life.ring:before {

  10031.   content: "\f1cd";

  10032. }

  10033. 

  10034. i.icon.lightbulb:before {

  10035.   content: "\f0eb";

  10036. }

  10037. 

  10038. i.icon.linechat:before {

  10039.   content: "\f3c0";

  10040. }

  10041. 

  10042. i.icon.linkify:before {

  10043.   content: "\f0c1";

  10044. }

  10045. 

  10046. i.icon.linkedin:before {

  10047.   content: "\f08c";

  10048. }

  10049. 

  10050. i.icon.linkedin.alt:before {

  10051.   content: "\f0e1";

  10052. }

  10053. 

  10054. i.icon.linode:before {

  10055.   content: "\f2b8";

  10056. }

  10057. 

  10058. i.icon.linux:before {

  10059.   content: "\f17c";

  10060. }

  10061. 

  10062. i.icon.lira.sign:before {

  10063.   content: "\f195";

  10064. }

  10065. 

  10066. i.icon.list:before {

  10067.   content: "\f03a";

  10068. }

  10069. 

  10070. i.icon.list.alternate:before {

  10071.   content: "\f022";

  10072. }

  10073. 

  10074. i.icon.list.ol:before {

  10075.   content: "\f0cb";

  10076. }

  10077. 

  10078. i.icon.list.ul:before {

  10079.   content: "\f0ca";

  10080. }

  10081. 

  10082. i.icon.location.arrow:before {

  10083.   content: "\f124";

  10084. }

  10085. 

  10086. i.icon.lock:before {

  10087.   content: "\f023";

  10088. }

  10089. 

  10090. i.icon.lock.open:before {

  10091.   content: "\f3c1";

  10092. }

  10093. 

  10094. i.icon.long.arrow.alternate.down:before {

  10095.   content: "\f309";

  10096. }

  10097. 

  10098. i.icon.long.arrow.alternate.left:before {

  10099.   content: "\f30a";

  10100. }

  10101. 

  10102. i.icon.long.arrow.alternate.right:before {

  10103.   content: "\f30b";

  10104. }

  10105. 

  10106. i.icon.long.arrow.alternate.up:before {

  10107.   content: "\f30c";

  10108. }

  10109. 

  10110. i.icon.low.vision:before {

  10111.   content: "\f2a8";

  10112. }

  10113. 

  10114. i.icon.lyft:before {

  10115.   content: "\f3c3";

  10116. }

  10117. 

  10118. i.icon.magento:before {

  10119.   content: "\f3c4";

  10120. }

  10121. 

  10122. i.icon.magic:before {

  10123.   content: "\f0d0";

  10124. }

  10125. 

  10126. i.icon.magnet:before {

  10127.   content: "\f076";

  10128. }

  10129. 

  10130. i.icon.male:before {

  10131.   content: "\f183";

  10132. }

  10133. 

  10134. i.icon.map:before {

  10135.   content: "\f279";

  10136. }

  10137. 

  10138. i.icon.map.marker:before {

  10139.   content: "\f041";

  10140. }

  10141. 

  10142. i.icon.map.marker.alternate:before {

  10143.   content: "\f3c5";

  10144. }

  10145. 

  10146. i.icon.map.pin:before {

  10147.   content: "\f276";

  10148. }

  10149. 

  10150. i.icon.map.signs:before {

  10151.   content: "\f277";

  10152. }

  10153. 

  10154. i.icon.mars:before {

  10155.   content: "\f222";

  10156. }

  10157. 

  10158. i.icon.mars.double:before {

  10159.   content: "\f227";

  10160. }

  10161. 

  10162. i.icon.mars.stroke:before {

  10163.   content: "\f229";

  10164. }

  10165. 

  10166. i.icon.mars.stroke.horizontal:before {

  10167.   content: "\f22b";

  10168. }

  10169. 

  10170. i.icon.mars.stroke.vertical:before {

  10171.   content: "\f22a";

  10172. }

  10173. 

  10174. i.icon.maxcdn:before {

  10175.   content: "\f136";

  10176. }

  10177. 

  10178. i.icon.medapps:before {

  10179.   content: "\f3c6";

  10180. }

  10181. 

  10182. i.icon.medium:before {

  10183.   content: "\f23a";

  10184. }

  10185. 

  10186. i.icon.medium.m:before {

  10187.   content: "\f3c7";

  10188. }

  10189. 

  10190. i.icon.medkit:before {

  10191.   content: "\f0fa";

  10192. }

  10193. 

  10194. i.icon.medrt:before {

  10195.   content: "\f3c8";

  10196. }

  10197. 

  10198. i.icon.meetup:before {

  10199.   content: "\f2e0";

  10200. }

  10201. 

  10202. i.icon.meh:before {

  10203.   content: "\f11a";

  10204. }

  10205. 

  10206. i.icon.mercury:before {

  10207.   content: "\f223";

  10208. }

  10209. 

  10210. i.icon.microchip:before {

  10211.   content: "\f2db";

  10212. }

  10213. 

  10214. i.icon.microphone:before {

  10215.   content: "\f130";

  10216. }

  10217. 

  10218. i.icon.microphone.slash:before {

  10219.   content: "\f131";

  10220. }

  10221. 

  10222. i.icon.microsoft:before {

  10223.   content: "\f3ca";

  10224. }

  10225. 

  10226. i.icon.minus:before {

  10227.   content: "\f068";

  10228. }

  10229. 

  10230. i.icon.minus.circle:before {

  10231.   content: "\f056";

  10232. }

  10233. 

  10234. i.icon.minus.square:before {

  10235.   content: "\f146";

  10236. }

  10237. 

  10238. i.icon.mix:before {

  10239.   content: "\f3cb";

  10240. }

  10241. 

  10242. i.icon.mixcloud:before {

  10243.   content: "\f289";

  10244. }

  10245. 

  10246. i.icon.mizuni:before {

  10247.   content: "\f3cc";

  10248. }

  10249. 

  10250. i.icon.mobile:before {

  10251.   content: "\f10b";

  10252. }

  10253. 

  10254. i.icon.mobile.alternate:before {

  10255.   content: "\f3cd";

  10256. }

  10257. 

  10258. i.icon.modx:before {

  10259.   content: "\f285";

  10260. }

  10261. 

  10262. i.icon.monero:before {

  10263.   content: "\f3d0";

  10264. }

  10265. 

  10266. i.icon.money.bill.alternate:before {

  10267.   content: "\f3d1";

  10268. }

  10269. 

  10270. i.icon.moon:before {

  10271.   content: "\f186";

  10272. }

  10273. 

  10274. i.icon.motorcycle:before {

  10275.   content: "\f21c";

  10276. }

  10277. 

  10278. i.icon.mouse.pointer:before {

  10279.   content: "\f245";

  10280. }

  10281. 

  10282. i.icon.music:before {

  10283.   content: "\f001";

  10284. }

  10285. 

  10286. i.icon.napster:before {

  10287.   content: "\f3d2";

  10288. }

  10289. 

  10290. i.icon.neuter:before {

  10291.   content: "\f22c";

  10292. }

  10293. 

  10294. i.icon.newspaper:before {

  10295.   content: "\f1ea";

  10296. }

  10297. 

  10298. i.icon.nintendo.switch:before {

  10299.   content: "\f418";

  10300. }

  10301. 

  10302. i.icon.node:before {

  10303.   content: "\f419";

  10304. }

  10305. 

  10306. i.icon.node.js:before {

  10307.   content: "\f3d3";

  10308. }

  10309. 

  10310. i.icon.npm:before {

  10311.   content: "\f3d4";

  10312. }

  10313. 

  10314. i.icon.ns8:before {

  10315.   content: "\f3d5";

  10316. }

  10317. 

  10318. i.icon.nutritionix:before {

  10319.   content: "\f3d6";

  10320. }

  10321. 

  10322. i.icon.object.group:before {

  10323.   content: "\f247";

  10324. }

  10325. 

  10326. i.icon.object.ungroup:before {

  10327.   content: "\f248";

  10328. }

  10329. 

  10330. i.icon.odnoklassniki:before {

  10331.   content: "\f263";

  10332. }

  10333. 

  10334. i.icon.odnoklassniki.square:before {

  10335.   content: "\f264";

  10336. }

  10337. 

  10338. i.icon.opencart:before {

  10339.   content: "\f23d";

  10340. }

  10341. 

  10342. i.icon.openid:before {

  10343.   content: "\f19b";

  10344. }

  10345. 

  10346. i.icon.opera:before {

  10347.   content: "\f26a";

  10348. }

  10349. 

  10350. i.icon.optin.monster:before {

  10351.   content: "\f23c";

  10352. }

  10353. 

  10354. i.icon.osi:before {

  10355.   content: "\f41a";

  10356. }

  10357. 

  10358. i.icon.outdent:before {

  10359.   content: "\f03b";

  10360. }

  10361. 

  10362. i.icon.page4:before {

  10363.   content: "\f3d7";

  10364. }

  10365. 

  10366. i.icon.pagelines:before {

  10367.   content: "\f18c";

  10368. }

  10369. 

  10370. i.icon.paint.brush:before {

  10371.   content: "\f1fc";

  10372. }

  10373. 

  10374. i.icon.palfed:before {

  10375.   content: "\f3d8";

  10376. }

  10377. 

  10378. i.icon.pallet:before {

  10379.   content: "\f482";

  10380. }

  10381. 

  10382. i.icon.paper.plane:before {

  10383.   content: "\f1d8";

  10384. }

  10385. 

  10386. i.icon.paperclip:before {

  10387.   content: "\f0c6";

  10388. }

  10389. 

  10390. i.icon.paragraph:before {

  10391.   content: "\f1dd";

  10392. }

  10393. 

  10394. i.icon.paste:before {

  10395.   content: "\f0ea";

  10396. }

  10397. 

  10398. i.icon.patreon:before {

  10399.   content: "\f3d9";

  10400. }

  10401. 

  10402. i.icon.pause:before {

  10403.   content: "\f04c";

  10404. }

  10405. 

  10406. i.icon.pause.circle:before {

  10407.   content: "\f28b";

  10408. }

  10409. 

  10410. i.icon.paw:before {

  10411.   content: "\f1b0";

  10412. }

  10413. 

  10414. i.icon.paypal:before {

  10415.   content: "\f1ed";

  10416. }

  10417. 

  10418. i.icon.pen.square:before {

  10419.   content: "\f14b";

  10420. }

  10421. 

  10422. i.icon.pencil.alternate:before {

  10423.   content: "\f303";

  10424. }

  10425. 

  10426. i.icon.percent:before {

  10427.   content: "\f295";

  10428. }

  10429. 

  10430. i.icon.periscope:before {

  10431.   content: "\f3da";

  10432. }

  10433. 

  10434. i.icon.phabricator:before {

  10435.   content: "\f3db";

  10436. }

  10437. 

  10438. i.icon.phoenix.framework:before {

  10439.   content: "\f3dc";

  10440. }

  10441. 

  10442. i.icon.phone:before {

  10443.   content: "\f095";

  10444. }

  10445. 

  10446. i.icon.phone.square:before {

  10447.   content: "\f098";

  10448. }

  10449. 

  10450. i.icon.phone.volume:before {

  10451.   content: "\f2a0";

  10452. }

  10453. 

  10454. i.icon.php:before {

  10455.   content: "\f457";

  10456. }

  10457. 

  10458. i.icon.pied.piper:before {

  10459.   content: "\f2ae";

  10460. }

  10461. 

  10462. i.icon.pied.piper.alternate:before {

  10463.   content: "\f1a8";

  10464. }

  10465. 

  10466. i.icon.pied.piper.pp:before {

  10467.   content: "\f1a7";

  10468. }

  10469. 

  10470. i.icon.pills:before {

  10471.   content: "\f484";

  10472. }

  10473. 

  10474. i.icon.pinterest:before {

  10475.   content: "\f0d2";

  10476. }

  10477. 

  10478. i.icon.pinterest.p:before {

  10479.   content: "\f231";

  10480. }

  10481. 

  10482. i.icon.pinterest.square:before {

  10483.   content: "\f0d3";

  10484. }

  10485. 

  10486. i.icon.plane:before {

  10487.   content: "\f072";

  10488. }

  10489. 

  10490. i.icon.play:before {

  10491.   content: "\f04b";

  10492. }

  10493. 

  10494. i.icon.play.circle:before {

  10495.   content: "\f144";

  10496. }

  10497. 

  10498. i.icon.playstation:before {

  10499.   content: "\f3df";

  10500. }

  10501. 

  10502. i.icon.plug:before {

  10503.   content: "\f1e6";

  10504. }

  10505. 

  10506. i.icon.plus:before {

  10507.   content: "\f067";

  10508. }

  10509. 

  10510. i.icon.plus.circle:before {

  10511.   content: "\f055";

  10512. }

  10513. 

  10514. i.icon.plus.square:before {

  10515.   content: "\f0fe";

  10516. }

  10517. 

  10518. i.icon.podcast:before {

  10519.   content: "\f2ce";

  10520. }

  10521. 

  10522. i.icon.pound.sign:before {

  10523.   content: "\f154";

  10524. }

  10525. 

  10526. i.icon.power.off:before {

  10527.   content: "\f011";

  10528. }

  10529. 

  10530. i.icon.print:before {

  10531.   content: "\f02f";

  10532. }

  10533. 

  10534. i.icon.product.hunt:before {

  10535.   content: "\f288";

  10536. }

  10537. 

  10538. i.icon.pushed:before {

  10539.   content: "\f3e1";

  10540. }

  10541. 

  10542. i.icon.puzzle.piece:before {

  10543.   content: "\f12e";

  10544. }

  10545. 

  10546. i.icon.python:before {

  10547.   content: "\f3e2";

  10548. }

  10549. 

  10550. i.icon.qq:before {

  10551.   content: "\f1d6";

  10552. }

  10553. 

  10554. i.icon.qrcode:before {

  10555.   content: "\f029";

  10556. }

  10557. 

  10558. i.icon.question:before {

  10559.   content: "\f128";

  10560. }

  10561. 

  10562. i.icon.question.circle:before {

  10563.   content: "\f059";

  10564. }

  10565. 

  10566. i.icon.quidditch:before {

  10567.   content: "\f458";

  10568. }

  10569. 

  10570. i.icon.quinscape:before {

  10571.   content: "\f459";

  10572. }

  10573. 

  10574. i.icon.quora:before {

  10575.   content: "\f2c4";

  10576. }

  10577. 

  10578. i.icon.quote.left:before {

  10579.   content: "\f10d";

  10580. }

  10581. 

  10582. i.icon.quote.right:before {

  10583.   content: "\f10e";

  10584. }

  10585. 

  10586. i.icon.random:before {

  10587.   content: "\f074";

  10588. }

  10589. 

  10590. i.icon.ravelry:before {

  10591.   content: "\f2d9";

  10592. }

  10593. 

  10594. i.icon.react:before {

  10595.   content: "\f41b";

  10596. }

  10597. 

  10598. i.icon.rebel:before {

  10599.   content: "\f1d0";

  10600. }

  10601. 

  10602. i.icon.recycle:before {

  10603.   content: "\f1b8";

  10604. }

  10605. 

  10606. i.icon.redriver:before {

  10607.   content: "\f3e3";

  10608. }

  10609. 

  10610. i.icon.reddit:before {

  10611.   content: "\f1a1";

  10612. }

  10613. 

  10614. i.icon.reddit.alien:before {

  10615.   content: "\f281";

  10616. }

  10617. 

  10618. i.icon.reddit.square:before {

  10619.   content: "\f1a2";

  10620. }

  10621. 

  10622. i.icon.redo:before {

  10623.   content: "\f01e";

  10624. }

  10625. 

  10626. i.icon.redo.alternate:before {

  10627.   content: "\f2f9";

  10628. }

  10629. 

  10630. i.icon.registered:before {

  10631.   content: "\f25d";

  10632. }

  10633. 

  10634. i.icon.rendact:before {

  10635.   content: "\f3e4";

  10636. }

  10637. 

  10638. i.icon.renren:before {

  10639.   content: "\f18b";

  10640. }

  10641. 

  10642. i.icon.reply:before {

  10643.   content: "\f3e5";

  10644. }

  10645. 

  10646. i.icon.reply.all:before {

  10647.   content: "\f122";

  10648. }

  10649. 

  10650. i.icon.replyd:before {

  10651.   content: "\f3e6";

  10652. }

  10653. 

  10654. i.icon.resolving:before {

  10655.   content: "\f3e7";

  10656. }

  10657. 

  10658. i.icon.retweet:before {

  10659.   content: "\f079";

  10660. }

  10661. 

  10662. i.icon.road:before {

  10663.   content: "\f018";

  10664. }

  10665. 

  10666. i.icon.rocket:before {

  10667.   content: "\f135";

  10668. }

  10669. 

  10670. i.icon.rocketchat:before {

  10671.   content: "\f3e8";

  10672. }

  10673. 

  10674. i.icon.rockrms:before {

  10675.   content: "\f3e9";

  10676. }

  10677. 

  10678. i.icon.rss:before {

  10679.   content: "\f09e";

  10680. }

  10681. 

  10682. i.icon.rss.square:before {

  10683.   content: "\f143";

  10684. }

  10685. 

  10686. i.icon.ruble.sign:before {

  10687.   content: "\f158";

  10688. }

  10689. 

  10690. i.icon.rupee.sign:before {

  10691.   content: "\f156";

  10692. }

  10693. 

  10694. i.icon.safari:before {

  10695.   content: "\f267";

  10696. }

  10697. 

  10698. i.icon.sass:before {

  10699.   content: "\f41e";

  10700. }

  10701. 

  10702. i.icon.save:before {

  10703.   content: "\f0c7";

  10704. }

  10705. 

  10706. i.icon.schlix:before {

  10707.   content: "\f3ea";

  10708. }

  10709. 

  10710. i.icon.scribd:before {

  10711.   content: "\f28a";

  10712. }

  10713. 

  10714. i.icon.search:before {

  10715.   content: "\f002";

  10716. }

  10717. 

  10718. i.icon.search.minus:before {

  10719.   content: "\f010";

  10720. }

  10721. 

  10722. i.icon.search.plus:before {

  10723.   content: "\f00e";

  10724. }

  10725. 

  10726. i.icon.searchengin:before {

  10727.   content: "\f3eb";

  10728. }

  10729. 

  10730. i.icon.sellcast:before {

  10731.   content: "\f2da";

  10732. }

  10733. 

  10734. i.icon.sellsy:before {

  10735.   content: "\f213";

  10736. }

  10737. 

  10738. i.icon.server:before {

  10739.   content: "\f233";

  10740. }

  10741. 

  10742. i.icon.servicestack:before {

  10743.   content: "\f3ec";

  10744. }

  10745. 

  10746. i.icon.share:before {

  10747.   content: "\f064";

  10748. }

  10749. 

  10750. i.icon.share.alternate:before {

  10751.   content: "\f1e0";

  10752. }

  10753. 

  10754. i.icon.share.alternate.square:before {

  10755.   content: "\f1e1";

  10756. }

  10757. 

  10758. i.icon.share.square:before {

  10759.   content: "\f14d";

  10760. }

  10761. 

  10762. i.icon.shekel.sign:before {

  10763.   content: "\f20b";

  10764. }

  10765. 

  10766. i.icon.shield.alternate:before {

  10767.   content: "\f3ed";

  10768. }

  10769. 

  10770. i.icon.ship:before {

  10771.   content: "\f21a";

  10772. }

  10773. 

  10774. i.icon.shipping.fast:before {

  10775.   content: "\f48b";

  10776. }

  10777. 

  10778. i.icon.shirtsinbulk:before {

  10779.   content: "\f214";

  10780. }

  10781. 

  10782. i.icon.shopping.bag:before {

  10783.   content: "\f290";

  10784. }

  10785. 

  10786. i.icon.shopping.basket:before {

  10787.   content: "\f291";

  10788. }

  10789. 

  10790. i.icon.shopping.cart:before {

  10791.   content: "\f07a";

  10792. }

  10793. 

  10794. i.icon.shower:before {

  10795.   content: "\f2cc";

  10796. }

  10797. 

  10798. i.icon.sign.language:before {

  10799.   content: "\f2a7";

  10800. }

  10801. 

  10802. i.icon.signal:before {

  10803.   content: "\f012";

  10804. }

  10805. 

  10806. i.icon.simplybuilt:before {

  10807.   content: "\f215";

  10808. }

  10809. 

  10810. i.icon.sistrix:before {

  10811.   content: "\f3ee";

  10812. }

  10813. 

  10814. i.icon.sitemap:before {

  10815.   content: "\f0e8";

  10816. }

  10817. 

  10818. i.icon.skyatlas:before {

  10819.   content: "\f216";

  10820. }

  10821. 

  10822. i.icon.skype:before {

  10823.   content: "\f17e";

  10824. }

  10825. 

  10826. i.icon.slack:before {

  10827.   content: "\f198";

  10828. }

  10829. 

  10830. i.icon.slack.hash:before {

  10831.   content: "\f3ef";

  10832. }

  10833. 

  10834. i.icon.sliders.horizontal:before {

  10835.   content: "\f1de";

  10836. }

  10837. 

  10838. i.icon.slideshare:before {

  10839.   content: "\f1e7";

  10840. }

  10841. 

  10842. i.icon.smile:before {

  10843.   content: "\f118";

  10844. }

  10845. 

  10846. i.icon.snapchat:before {

  10847.   content: "\f2ab";

  10848. }

  10849. 

  10850. i.icon.snapchat.ghost:before {

  10851.   content: "\f2ac";

  10852. }

  10853. 

  10854. i.icon.snapchat.square:before {

  10855.   content: "\f2ad";

  10856. }

  10857. 

  10858. i.icon.snowflake:before {

  10859.   content: "\f2dc";

  10860. }

  10861. 

  10862. i.icon.sort:before {

  10863.   content: "\f0dc";

  10864. }

  10865. 

  10866. i.icon.sort.alphabet.down:before {

  10867.   content: "\f15d";

  10868. }

  10869. 

  10870. i.icon.sort.alphabet.up:before {

  10871.   content: "\f15e";

  10872. }

  10873. 

  10874. i.icon.sort.amount.down:before {

  10875.   content: "\f160";

  10876. }

  10877. 

  10878. i.icon.sort.amount.up:before {

  10879.   content: "\f161";

  10880. }

  10881. 

  10882. i.icon.sort.down:before {

  10883.   content: "\f0dd";

  10884. }

  10885. 

  10886. i.icon.sort.numeric.down:before {

  10887.   content: "\f162";

  10888. }

  10889. 

  10890. i.icon.sort.numeric.up:before {

  10891.   content: "\f163";

  10892. }

  10893. 

  10894. i.icon.sort.up:before {

  10895.   content: "\f0de";

  10896. }

  10897. 

  10898. i.icon.soundcloud:before {

  10899.   content: "\f1be";

  10900. }

  10901. 

  10902. i.icon.space.shuttle:before {

  10903.   content: "\f197";

  10904. }

  10905. 

  10906. i.icon.speakap:before {

  10907.   content: "\f3f3";

  10908. }

  10909. 

  10910. i.icon.spinner:before {

  10911.   content: "\f110";

  10912. }

  10913. 

  10914. i.icon.spotify:before {

  10915.   content: "\f1bc";

  10916. }

  10917. 

  10918. i.icon.square:before {

  10919.   content: "\f0c8";

  10920. }

  10921. 

  10922. i.icon.square.full:before {

  10923.   content: "\f45c";

  10924. }

  10925. 

  10926. i.icon.stack.exchange:before {

  10927.   content: "\f18d";

  10928. }

  10929. 

  10930. i.icon.stack.overflow:before {

  10931.   content: "\f16c";

  10932. }

  10933. 

  10934. i.icon.star:before {

  10935.   content: "\f005";

  10936. }

  10937. 

  10938. i.icon.star.half:before {

  10939.   content: "\f089";

  10940. }

  10941. 

  10942. i.icon.staylinked:before {

  10943.   content: "\f3f5";

  10944. }

  10945. 

  10946. i.icon.steam:before {

  10947.   content: "\f1b6";

  10948. }

  10949. 

  10950. i.icon.steam.square:before {

  10951.   content: "\f1b7";

  10952. }

  10953. 

  10954. i.icon.steam.symbol:before {

  10955.   content: "\f3f6";

  10956. }

  10957. 

  10958. i.icon.step.backward:before {

  10959.   content: "\f048";

  10960. }

  10961. 

  10962. i.icon.step.forward:before {

  10963.   content: "\f051";

  10964. }

  10965. 

  10966. i.icon.stethoscope:before {

  10967.   content: "\f0f1";

  10968. }

  10969. 

  10970. i.icon.sticker.mule:before {

  10971.   content: "\f3f7";

  10972. }

  10973. 

  10974. i.icon.sticky.note:before {

  10975.   content: "\f249";

  10976. }

  10977. 

  10978. i.icon.stop:before {

  10979.   content: "\f04d";

  10980. }

  10981. 

  10982. i.icon.stop.circle:before {

  10983.   content: "\f28d";

  10984. }

  10985. 

  10986. i.icon.stopwatch:before {

  10987.   content: "\f2f2";

  10988. }

  10989. 

  10990. i.icon.strava:before {

  10991.   content: "\f428";

  10992. }

  10993. 

  10994. i.icon.street.view:before {

  10995.   content: "\f21d";

  10996. }

  10997. 

  10998. i.icon.strikethrough:before {

  10999.   content: "\f0cc";

  11000. }

  11001. 

  11002. i.icon.stripe:before {

  11003.   content: "\f429";

  11004. }

  11005. 

  11006. i.icon.stripe.s:before {

  11007.   content: "\f42a";

  11008. }

  11009. 

  11010. i.icon.studiovinari:before {

  11011.   content: "\f3f8";

  11012. }

  11013. 

  11014. i.icon.stumbleupon:before {

  11015.   content: "\f1a4";

  11016. }

  11017. 

  11018. i.icon.stumbleupon.circle:before {

  11019.   content: "\f1a3";

  11020. }

  11021. 

  11022. i.icon.subscript:before {

  11023.   content: "\f12c";

  11024. }

  11025. 

  11026. i.icon.subway:before {

  11027.   content: "\f239";

  11028. }

  11029. 

  11030. i.icon.suitcase:before {

  11031.   content: "\f0f2";

  11032. }

  11033. 

  11034. i.icon.sun:before {

  11035.   content: "\f185";

  11036. }

  11037. 

  11038. i.icon.superpowers:before {

  11039.   content: "\f2dd";

  11040. }

  11041. 

  11042. i.icon.superscript:before {

  11043.   content: "\f12b";

  11044. }

  11045. 

  11046. i.icon.supple:before {

  11047.   content: "\f3f9";

  11048. }

  11049. 

  11050. i.icon.sync:before {

  11051.   content: "\f021";

  11052. }

  11053. 

  11054. i.icon.sync.alternate:before {

  11055.   content: "\f2f1";

  11056. }

  11057. 

  11058. i.icon.syringe:before {

  11059.   content: "\f48e";

  11060. }

  11061. 

  11062. i.icon.table:before {

  11063.   content: "\f0ce";

  11064. }

  11065. 

  11066. i.icon.table.tennis:before {

  11067.   content: "\f45d";

  11068. }

  11069. 

  11070. i.icon.tablet:before {

  11071.   content: "\f10a";

  11072. }

  11073. 

  11074. i.icon.tablet.alternate:before {

  11075.   content: "\f3fa";

  11076. }

  11077. 

  11078. i.icon.tachometer.alternate:before {

  11079.   content: "\f3fd";

  11080. }

  11081. 

  11082. i.icon.tag:before {

  11083.   content: "\f02b";

  11084. }

  11085. 

  11086. i.icon.tags:before {

  11087.   content: "\f02c";

  11088. }

  11089. 

  11090. i.icon.tasks:before {

  11091.   content: "\f0ae";

  11092. }

  11093. 

  11094. i.icon.taxi:before {

  11095.   content: "\f1ba";

  11096. }

  11097. 

  11098. i.icon.telegram:before {

  11099.   content: "\f2c6";

  11100. }

  11101. 

  11102. i.icon.telegram.plane:before {

  11103.   content: "\f3fe";

  11104. }

  11105. 

  11106. i.icon.tencent.weibo:before {

  11107.   content: "\f1d5";

  11108. }

  11109. 

  11110. i.icon.terminal:before {

  11111.   content: "\f120";

  11112. }

  11113. 

  11114. i.icon.text.height:before {

  11115.   content: "\f034";

  11116. }

  11117. 

  11118. i.icon.text.width:before {

  11119.   content: "\f035";

  11120. }

  11121. 

  11122. i.icon.th:before {

  11123.   content: "\f00a";

  11124. }

  11125. 

  11126. i.icon.th.large:before {

  11127.   content: "\f009";

  11128. }

  11129. 

  11130. i.icon.th.list:before {

  11131.   content: "\f00b";

  11132. }

  11133. 

  11134. i.icon.themeisle:before {

  11135.   content: "\f2b2";

  11136. }

  11137. 

  11138. i.icon.thermometer:before {

  11139.   content: "\f491";

  11140. }

  11141. 

  11142. i.icon.thermometer.empty:before {

  11143.   content: "\f2cb";

  11144. }

  11145. 

  11146. i.icon.thermometer.full:before {

  11147.   content: "\f2c7";

  11148. }

  11149. 

  11150. i.icon.thermometer.half:before {

  11151.   content: "\f2c9";

  11152. }

  11153. 

  11154. i.icon.thermometer.quarter:before {

  11155.   content: "\f2ca";

  11156. }

  11157. 

  11158. i.icon.thermometer.three.quarters:before {

  11159.   content: "\f2c8";

  11160. }

  11161. 

  11162. i.icon.thumbs.down:before {

  11163.   content: "\f165";

  11164. }

  11165. 

  11166. i.icon.thumbs.up:before {

  11167.   content: "\f164";

  11168. }

  11169. 

  11170. i.icon.thumbtack:before {

  11171.   content: "\f08d";

  11172. }

  11173. 

  11174. i.icon.ticket.alternate:before {

  11175.   content: "\f3ff";

  11176. }

  11177. 

  11178. i.icon.times:before {

  11179.   content: "\f00d";

  11180. }

  11181. 

  11182. i.icon.times.circle:before {

  11183.   content: "\f057";

  11184. }

  11185. 

  11186. i.icon.tint:before {

  11187.   content: "\f043";

  11188. }

  11189. 

  11190. i.icon.toggle.off:before {

  11191.   content: "\f204";

  11192. }

  11193. 

  11194. i.icon.toggle.on:before {

  11195.   content: "\f205";

  11196. }

  11197. 

  11198. i.icon.trademark:before {

  11199.   content: "\f25c";

  11200. }

  11201. 

  11202. i.icon.train:before {

  11203.   content: "\f238";

  11204. }

  11205. 

  11206. i.icon.transgender:before {

  11207.   content: "\f224";

  11208. }

  11209. 

  11210. i.icon.transgender.alternate:before {

  11211.   content: "\f225";

  11212. }

  11213. 

  11214. i.icon.trash:before {

  11215.   content: "\f1f8";

  11216. }

  11217. 

  11218. i.icon.trash.alternate:before {

  11219.   content: "\f2ed";

  11220. }

  11221. 

  11222. i.icon.tree:before {

  11223.   content: "\f1bb";

  11224. }

  11225. 

  11226. i.icon.trello:before {

  11227.   content: "\f181";

  11228. }

  11229. 

  11230. i.icon.tripadvisor:before {

  11231.   content: "\f262";

  11232. }

  11233. 

  11234. i.icon.trophy:before {

  11235.   content: "\f091";

  11236. }

  11237. 

  11238. i.icon.truck:before {

  11239.   content: "\f0d1";

  11240. }

  11241. 

  11242. i.icon.tty:before {

  11243.   content: "\f1e4";

  11244. }

  11245. 

  11246. i.icon.tumblr:before {

  11247.   content: "\f173";

  11248. }

  11249. 

  11250. i.icon.tumblr.square:before {

  11251.   content: "\f174";

  11252. }

  11253. 

  11254. i.icon.tv:before {

  11255.   content: "\f26c";

  11256. }

  11257. 

  11258. i.icon.twitch:before {

  11259.   content: "\f1e8";

  11260. }

  11261. 

  11262. i.icon.twitter:before {

  11263.   content: "\f099";

  11264. }

  11265. 

  11266. i.icon.twitter.square:before {

  11267.   content: "\f081";

  11268. }

  11269. 

  11270. i.icon.typo3:before {

  11271.   content: "\f42b";

  11272. }

  11273. 

  11274. i.icon.uber:before {

  11275.   content: "\f402";

  11276. }

  11277. 

  11278. i.icon.uikit:before {

  11279.   content: "\f403";

  11280. }

  11281. 

  11282. i.icon.umbrella:before {

  11283.   content: "\f0e9";

  11284. }

  11285. 

  11286. i.icon.underline:before {

  11287.   content: "\f0cd";

  11288. }

  11289. 

  11290. i.icon.undo:before {

  11291.   content: "\f0e2";

  11292. }

  11293. 

  11294. i.icon.undo.alternate:before {

  11295.   content: "\f2ea";

  11296. }

  11297. 

  11298. i.icon.uniregistry:before {

  11299.   content: "\f404";

  11300. }

  11301. 

  11302. i.icon.universal.access:before {

  11303.   content: "\f29a";

  11304. }

  11305. 

  11306. i.icon.university:before {

  11307.   content: "\f19c";

  11308. }

  11309. 

  11310. i.icon.unlink:before {

  11311.   content: "\f127";

  11312. }

  11313. 

  11314. i.icon.unlock:before {

  11315.   content: "\f09c";

  11316. }

  11317. 

  11318. i.icon.unlock.alternate:before {

  11319.   content: "\f13e";

  11320. }

  11321. 

  11322. i.icon.untappd:before {

  11323.   content: "\f405";

  11324. }

  11325. 

  11326. i.icon.upload:before {

  11327.   content: "\f093";

  11328. }

  11329. 

  11330. i.icon.usb:before {

  11331.   content: "\f287";

  11332. }

  11333. 

  11334. i.icon.user:before {

  11335.   content: "\f007";

  11336. }

  11337. 

  11338. i.icon.user.circle:before {

  11339.   content: "\f2bd";

  11340. }

  11341. 

  11342. i.icon.user.md:before {

  11343.   content: "\f0f0";

  11344. }

  11345. 

  11346. i.icon.user.plus:before {

  11347.   content: "\f234";

  11348. }

  11349. 

  11350. i.icon.user.secret:before {

  11351.   content: "\f21b";

  11352. }

  11353. 

  11354. i.icon.user.times:before {

  11355.   content: "\f235";

  11356. }

  11357. 

  11358. i.icon.users:before {

  11359.   content: "\f0c0";

  11360. }

  11361. 

  11362. i.icon.ussunnah:before {

  11363.   content: "\f407";

  11364. }

  11365. 

  11366. i.icon.utensil.spoon:before {

  11367.   content: "\f2e5";

  11368. }

  11369. 

  11370. i.icon.utensils:before {

  11371.   content: "\f2e7";

  11372. }

  11373. 

  11374. i.icon.vaadin:before {

  11375.   content: "\f408";

  11376. }

  11377. 

  11378. i.icon.venus:before {

  11379.   content: "\f221";

  11380. }

  11381. 

  11382. i.icon.venus.double:before {

  11383.   content: "\f226";

  11384. }

  11385. 

  11386. i.icon.venus.mars:before {

  11387.   content: "\f228";

  11388. }

  11389. 

  11390. i.icon.viacoin:before {

  11391.   content: "\f237";

  11392. }

  11393. 

  11394. i.icon.viadeo:before {

  11395.   content: "\f2a9";

  11396. }

  11397. 

  11398. i.icon.viadeo.square:before {

  11399.   content: "\f2aa";

  11400. }

  11401. 

  11402. i.icon.viber:before {

  11403.   content: "\f409";

  11404. }

  11405. 

  11406. i.icon.video:before {

  11407.   content: "\f03d";

  11408. }

  11409. 

  11410. i.icon.vimeo:before {

  11411.   content: "\f40a";

  11412. }

  11413. 

  11414. i.icon.vimeo.square:before {

  11415.   content: "\f194";

  11416. }

  11417. 

  11418. i.icon.vimeo.v:before {

  11419.   content: "\f27d";

  11420. }

  11421. 

  11422. i.icon.vine:before {

  11423.   content: "\f1ca";

  11424. }

  11425. 

  11426. i.icon.vk:before {

  11427.   content: "\f189";

  11428. }

  11429. 

  11430. i.icon.vnv:before {

  11431.   content: "\f40b";

  11432. }

  11433. 

  11434. i.icon.volleyball.ball:before {

  11435.   content: "\f45f";

  11436. }

  11437. 

  11438. i.icon.volume.down:before {

  11439.   content: "\f027";

  11440. }

  11441. 

  11442. i.icon.volume.off:before {

  11443.   content: "\f026";

  11444. }

  11445. 

  11446. i.icon.volume.up:before {

  11447.   content: "\f028";

  11448. }

  11449. 

  11450. i.icon.vuejs:before {

  11451.   content: "\f41f";

  11452. }

  11453. 

  11454. i.icon.warehouse:before {

  11455.   content: "\f494";

  11456. }

  11457. 

  11458. i.icon.weibo:before {

  11459.   content: "\f18a";

  11460. }

  11461. 

  11462. i.icon.weight:before {

  11463.   content: "\f496";

  11464. }

  11465. 

  11466. i.icon.weixin:before {

  11467.   content: "\f1d7";

  11468. }

  11469. 

  11470. i.icon.whatsapp:before {

  11471.   content: "\f232";

  11472. }

  11473. 

  11474. i.icon.whatsapp.square:before {

  11475.   content: "\f40c";

  11476. }

  11477. 

  11478. i.icon.wheelchair:before {

  11479.   content: "\f193";

  11480. }

  11481. 

  11482. i.icon.whmcs:before {

  11483.   content: "\f40d";

  11484. }

  11485. 

  11486. i.icon.wifi:before {

  11487.   content: "\f1eb";

  11488. }

  11489. 

  11490. i.icon.wikipedia.w:before {

  11491.   content: "\f266";

  11492. }

  11493. 

  11494. i.icon.window.close:before {

  11495.   content: "\f410";

  11496. }

  11497. 

  11498. i.icon.window.maximize:before {

  11499.   content: "\f2d0";

  11500. }

  11501. 

  11502. i.icon.window.minimize:before {

  11503.   content: "\f2d1";

  11504. }

  11505. 

  11506. i.icon.window.restore:before {

  11507.   content: "\f2d2";

  11508. }

  11509. 

  11510. i.icon.windows:before {

  11511.   content: "\f17a";

  11512. }

  11513. 

  11514. i.icon.won.sign:before {

  11515.   content: "\f159";

  11516. }

  11517. 

  11518. i.icon.wordpress:before {

  11519.   content: "\f19a";

  11520. }

  11521. 

  11522. i.icon.wordpress.simple:before {

  11523.   content: "\f411";

  11524. }

  11525. 

  11526. i.icon.wpbeginner:before {

  11527.   content: "\f297";

  11528. }

  11529. 

  11530. i.icon.wpexplorer:before {

  11531.   content: "\f2de";

  11532. }

  11533. 

  11534. i.icon.wpforms:before {

  11535.   content: "\f298";

  11536. }

  11537. 

  11538. i.icon.wrench:before {

  11539.   content: "\f0ad";

  11540. }

  11541. 

  11542. i.icon.xbox:before {

  11543.   content: "\f412";

  11544. }

  11545. 

  11546. i.icon.xing:before {

  11547.   content: "\f168";

  11548. }

  11549. 

  11550. i.icon.xing.square:before {

  11551.   content: "\f169";

  11552. }

  11553. 

  11554. i.icon.y.combinator:before {

  11555.   content: "\f23b";

  11556. }

  11557. 

  11558. i.icon.yahoo:before {

  11559.   content: "\f19e";

  11560. }

  11561. 

  11562. i.icon.yandex:before {

  11563.   content: "\f413";

  11564. }

  11565. 

  11566. i.icon.yandex.international:before {

  11567.   content: "\f414";

  11568. }

  11569. 

  11570. i.icon.yelp:before {

  11571.   content: "\f1e9";

  11572. }

  11573. 

  11574. i.icon.yen.sign:before {

  11575.   content: "\f157";

  11576. }

  11577. 

  11578. i.icon.yoast:before {

  11579.   content: "\f2b1";

  11580. }

  11581. 

  11582. i.icon.youtube:before {

  11583.   content: "\f167";

  11584. }

  11585. 

  11586. i.icon.youtube.square:before {

  11587.   content: "\f431";

  11588. }

  11589. 

  11590. /* Aliases */

  11591. 

  11592. i.icon.chess.rock:before {

  11593.   content: "\f447";

  11594. }

  11595. 

  11596. i.icon.ordered.list:before {

  11597.   content: "\f0cb";

  11598. }

  11599. 

  11600. i.icon.unordered.list:before {

  11601.   content: "\f0ca";

  11602. }

  11603. 

  11604. i.icon.user.doctor:before {

  11605.   content: "\f0f0";

  11606. }

  11607. 

  11608. i.icon.shield:before {

  11609.   content: "\f3ed";

  11610. }

  11611. 

  11612. i.icon.puzzle:before {

  11613.   content: "\f12e";

  11614. }

  11615. 

  11616. i.icon.credit.card.amazon.pay:before {

  11617.   content: "\f42d";

  11618. }

  11619. 

  11620. i.icon.credit.card.american.express:before {

  11621.   content: "\f1f3";

  11622. }

  11623. 

  11624. i.icon.credit.card.diners.club:before {

  11625.   content: "\f24c";

  11626. }

  11627. 

  11628. i.icon.credit.card.discover:before {

  11629.   content: "\f1f2";

  11630. }

  11631. 

  11632. i.icon.credit.card.jcb:before {

  11633.   content: "\f24b";

  11634. }

  11635. 

  11636. i.icon.credit.card.mastercard:before {

  11637.   content: "\f1f1";

  11638. }

  11639. 

  11640. i.icon.credit.card.paypal:before {

  11641.   content: "\f1f4";

  11642. }

  11643. 

  11644. i.icon.credit.card.stripe:before {

  11645.   content: "\f1f5";

  11646. }

  11647. 

  11648. i.icon.credit.card.visa:before {

  11649.   content: "\f1f0";

  11650. }

  11651. 

  11652. i.icon.add.circle:before {

  11653.   content: "\f055";

  11654. }

  11655. 

  11656. i.icon.add.square:before {

  11657.   content: "\f0fe";

  11658. }

  11659. 

  11660. i.icon.add.to.calendar:before {

  11661.   content: "\f271";

  11662. }

  11663. 

  11664. i.icon.add.to.cart:before {

  11665.   content: "\f217";

  11666. }

  11667. 

  11668. i.icon.add.user:before {

  11669.   content: "\f234";

  11670. }

  11671. 

  11672. i.icon.add:before {

  11673.   content: "\f067";

  11674. }

  11675. 

  11676. i.icon.alarm.mute:before {

  11677.   content: "\f1f6";

  11678. }

  11679. 

  11680. i.icon.alarm:before {

  11681.   content: "\f0f3";

  11682. }

  11683. 

  11684. i.icon.ald:before {

  11685.   content: "\f2a2";

  11686. }

  11687. 

  11688. i.icon.als:before {

  11689.   content: "\f2a2";

  11690. }

  11691. 

  11692. i.icon.american.express.card:before {

  11693.   content: "\f1f3";

  11694. }

  11695. 

  11696. i.icon.american.express:before {

  11697.   content: "\f1f3";

  11698. }

  11699. 

  11700. i.icon.amex:before {

  11701.   content: "\f1f3";

  11702. }

  11703. 

  11704. i.icon.announcement:before {

  11705.   content: "\f0a1";

  11706. }

  11707. 

  11708. i.icon.area.chart:before {

  11709.   content: "\f1fe";

  11710. }

  11711. 

  11712. i.icon.area.graph:before {

  11713.   content: "\f1fe";

  11714. }

  11715. 

  11716. i.icon.arrow.down.cart:before {

  11717.   content: "\f218";

  11718. }

  11719. 

  11720. i.icon.asexual:before {

  11721.   content: "\f22d";

  11722. }

  11723. 

  11724. i.icon.asl.interpreting:before {

  11725.   content: "\f2a3";

  11726. }

  11727. 

  11728. i.icon.asl:before {

  11729.   content: "\f2a3";

  11730. }

  11731. 

  11732. i.icon.assistive.listening.devices:before {

  11733.   content: "\f2a2";

  11734. }

  11735. 

  11736. i.icon.attach:before {

  11737.   content: "\f0c6";

  11738. }

  11739. 

  11740. i.icon.attention:before {

  11741.   content: "\f06a";

  11742. }

  11743. 

  11744. i.icon.balance:before {

  11745.   content: "\f24e";

  11746. }

  11747. 

  11748. i.icon.bar:before {

  11749.   content: "\f0fc";

  11750. }

  11751. 

  11752. i.icon.bathtub:before {

  11753.   content: "\f2cd";

  11754. }

  11755. 

  11756. i.icon.battery.four:before {

  11757.   content: "\f240";

  11758. }

  11759. 

  11760. i.icon.battery.high:before {

  11761.   content: "\f241";

  11762. }

  11763. 

  11764. i.icon.battery.low:before {

  11765.   content: "\f243";

  11766. }

  11767. 

  11768. i.icon.battery.medium:before {

  11769.   content: "\f242";

  11770. }

  11771. 

  11772. i.icon.battery.one:before {

  11773.   content: "\f243";

  11774. }

  11775. 

  11776. i.icon.battery.three:before {

  11777.   content: "\f241";

  11778. }

  11779. 

  11780. i.icon.battery.two:before {

  11781.   content: "\f242";

  11782. }

  11783. 

  11784. i.icon.battery.zero:before {

  11785.   content: "\f244";

  11786. }

  11787. 

  11788. i.icon.birthday:before {

  11789.   content: "\f1fd";

  11790. }

  11791. 

  11792. i.icon.block.layout:before {

  11793.   content: "\f009";

  11794. }

  11795. 

  11796. i.icon.bluetooth.alternative:before {

  11797.   content: "\f294";

  11798. }

  11799. 

  11800. i.icon.broken.chain:before {

  11801.   content: "\f127";

  11802. }

  11803. 

  11804. i.icon.browser:before {

  11805.   content: "\f022";

  11806. }

  11807. 

  11808. i.icon.call.square:before {

  11809.   content: "\f098";

  11810. }

  11811. 

  11812. i.icon.call:before {

  11813.   content: "\f095";

  11814. }

  11815. 

  11816. i.icon.cancel:before {

  11817.   content: "\f00d";

  11818. }

  11819. 

  11820. i.icon.cart:before {

  11821.   content: "\f07a";

  11822. }

  11823. 

  11824. i.icon.cc:before {

  11825.   content: "\f20a";

  11826. }

  11827. 

  11828. i.icon.chain:before {

  11829.   content: "\f0c1";

  11830. }

  11831. 

  11832. i.icon.chat:before {

  11833.   content: "\f075";

  11834. }

  11835. 

  11836. i.icon.checked.calendar:before {

  11837.   content: "\f274";

  11838. }

  11839. 

  11840. i.icon.checkmark:before {

  11841.   content: "\f00c";

  11842. }

  11843. 

  11844. i.icon.circle.notched:before {

  11845.   content: "\f1ce";

  11846. }

  11847. 

  11848. i.icon.close:before {

  11849.   content: "\f00d";

  11850. }

  11851. 

  11852. i.icon.cny:before {

  11853.   content: "\f157";

  11854. }

  11855. 

  11856. i.icon.cocktail:before {

  11857.   content: "\f000";

  11858. }

  11859. 

  11860. i.icon.commenting:before {

  11861.   content: "\f27a";

  11862. }

  11863. 

  11864. i.icon.computer:before {

  11865.   content: "\f108";

  11866. }

  11867. 

  11868. i.icon.configure:before {

  11869.   content: "\f0ad";

  11870. }

  11871. 

  11872. i.icon.content:before {

  11873.   content: "\f0c9";

  11874. }

  11875. 

  11876. i.icon.deafness:before {

  11877.   content: "\f2a4";

  11878. }

  11879. 

  11880. i.icon.delete.calendar:before {

  11881.   content: "\f273";

  11882. }

  11883. 

  11884. i.icon.delete:before {

  11885.   content: "\f00d";

  11886. }

  11887. 

  11888. i.icon.detective:before {

  11889.   content: "\f21b";

  11890. }

  11891. 

  11892. i.icon.diners.club.card:before {

  11893.   content: "\f24c";

  11894. }

  11895. 

  11896. i.icon.diners.club:before {

  11897.   content: "\f24c";

  11898. }

  11899. 

  11900. i.icon.discover.card:before {

  11901.   content: "\f1f2";

  11902. }

  11903. 

  11904. i.icon.discover:before {

  11905.   content: "\f1f2";

  11906. }

  11907. 

  11908. i.icon.discussions:before {

  11909.   content: "\f086";

  11910. }

  11911. 

  11912. i.icon.doctor:before {

  11913.   content: "\f0f0";

  11914. }

  11915. 

  11916. i.icon.dollar:before {

  11917.   content: "\f155";

  11918. }

  11919. 

  11920. i.icon.dont:before {

  11921.   content: "\f05e";

  11922. }

  11923. 

  11924. i.icon.dribble:before {

  11925.   content: "\f17d";

  11926. }

  11927. 

  11928. i.icon.drivers.license:before {

  11929.   content: "\f2c2";

  11930. }

  11931. 

  11932. i.icon.dropdown:before {

  11933.   content: "\f0d7";

  11934. }

  11935. 

  11936. i.icon.eercast:before {

  11937.   content: "\f2da";

  11938. }

  11939. 

  11940. i.icon.emergency:before {

  11941.   content: "\f0f9";

  11942. }

  11943. 

  11944. i.icon.envira.gallery:before {

  11945.   content: "\f299";

  11946. }

  11947. 

  11948. i.icon.erase:before {

  11949.   content: "\f12d";

  11950. }

  11951. 

  11952. i.icon.eur:before {

  11953.   content: "\f153";

  11954. }

  11955. 

  11956. i.icon.euro:before {

  11957.   content: "\f153";

  11958. }

  11959. 

  11960. i.icon.eyedropper:before {

  11961.   content: "\f1fb";

  11962. }

  11963. 

  11964. i.icon.fa:before {

  11965.   content: "\f2b4";

  11966. }

  11967. 

  11968. i.icon.factory:before {

  11969.   content: "\f275";

  11970. }

  11971. 

  11972. i.icon.favorite:before {

  11973.   content: "\f005";

  11974. }

  11975. 

  11976. i.icon.feed:before {

  11977.   content: "\f09e";

  11978. }

  11979. 

  11980. i.icon.female.homosexual:before {

  11981.   content: "\f226";

  11982. }

  11983. 

  11984. i.icon.file.text:before {

  11985.   content: "\f15c";

  11986. }

  11987. 

  11988. i.icon.find:before {

  11989.   content: "\f1e5";

  11990. }

  11991. 

  11992. i.icon.first.aid:before {

  11993.   content: "\f0fa";

  11994. }

  11995. 

  11996. i.icon.five.hundred.pixels:before {

  11997.   content: "\f26e";

  11998. }

  11999. 

  12000. i.icon.fork:before {

  12001.   content: "\f126";

  12002. }

  12003. 

  12004. i.icon.game:before {

  12005.   content: "\f11b";

  12006. }

  12007. 

  12008. i.icon.gay:before {

  12009.   content: "\f227";

  12010. }

  12011. 

  12012. i.icon.gbp:before {

  12013.   content: "\f154";

  12014. }

  12015. 

  12016. i.icon.gittip:before {

  12017.   content: "\f184";

  12018. }

  12019. 

  12020. i.icon.google.plus.circle:before {

  12021.   content: "\f2b3";

  12022. }

  12023. 

  12024. i.icon.google.plus.official:before {

  12025.   content: "\f2b3";

  12026. }

  12027. 

  12028. i.icon.grab:before {

  12029.   content: "\f255";

  12030. }

  12031. 

  12032. i.icon.graduation:before {

  12033.   content: "\f19d";

  12034. }

  12035. 

  12036. i.icon.grid.layout:before {

  12037.   content: "\f00a";

  12038. }

  12039. 

  12040. i.icon.group:before {

  12041.   content: "\f0c0";

  12042. }

  12043. 

  12044. i.icon.h:before {

  12045.   content: "\f0fd";

  12046. }

  12047. 

  12048. i.icon.hand.victory:before {

  12049.   content: "\f25b";

  12050. }

  12051. 

  12052. i.icon.handicap:before {

  12053.   content: "\f193";

  12054. }

  12055. 

  12056. i.icon.hard.of.hearing:before {

  12057.   content: "\f2a4";

  12058. }

  12059. 

  12060. i.icon.header:before {

  12061.   content: "\f1dc";

  12062. }

  12063. 

  12064. i.icon.help.circle:before {

  12065.   content: "\f059";

  12066. }

  12067. 

  12068. i.icon.help:before {

  12069.   content: "\f128";

  12070. }

  12071. 

  12072. i.icon.heterosexual:before {

  12073.   content: "\f228";

  12074. }

  12075. 

  12076. i.icon.hide:before {

  12077.   content: "\f070";

  12078. }

  12079. 

  12080. i.icon.hotel:before {

  12081.   content: "\f236";

  12082. }

  12083. 

  12084. i.icon.hourglass.four:before {

  12085.   content: "\f254";

  12086. }

  12087. 

  12088. i.icon.hourglass.full:before {

  12089.   content: "\f254";

  12090. }

  12091. 

  12092. i.icon.hourglass.one:before {

  12093.   content: "\f251";

  12094. }

  12095. 

  12096. i.icon.hourglass.three:before {

  12097.   content: "\f253";

  12098. }

  12099. 

  12100. i.icon.hourglass.two:before {

  12101.   content: "\f252";

  12102. }

  12103. 

  12104. i.icon.idea:before {

  12105.   content: "\f0eb";

  12106. }

  12107. 

  12108. i.icon.ils:before {

  12109.   content: "\f20b";

  12110. }

  12111. 

  12112. i.icon.in-cart:before {

  12113.   content: "\f218";

  12114. }

  12115. 

  12116. i.icon.inr:before {

  12117.   content: "\f156";

  12118. }

  12119. 

  12120. i.icon.intergender:before {

  12121.   content: "\f224";

  12122. }

  12123. 

  12124. i.icon.intersex:before {

  12125.   content: "\f224";

  12126. }

  12127. 

  12128. i.icon.japan.credit.bureau.card:before {

  12129.   content: "\f24b";

  12130. }

  12131. 

  12132. i.icon.japan.credit.bureau:before {

  12133.   content: "\f24b";

  12134. }

  12135. 

  12136. i.icon.jcb:before {

  12137.   content: "\f24b";

  12138. }

  12139. 

  12140. i.icon.jpy:before {

  12141.   content: "\f157";

  12142. }

  12143. 

  12144. i.icon.krw:before {

  12145.   content: "\f159";

  12146. }

  12147. 

  12148. i.icon.lab:before {

  12149.   content: "\f0c3";

  12150. }

  12151. 

  12152. i.icon.law:before {

  12153.   content: "\f24e";

  12154. }

  12155. 

  12156. i.icon.legal:before {

  12157.   content: "\f0e3";

  12158. }

  12159. 

  12160. i.icon.lesbian:before {

  12161.   content: "\f226";

  12162. }

  12163. 

  12164. i.icon.lightning:before {

  12165.   content: "\f0e7";

  12166. }

  12167. 

  12168. i.icon.like:before {

  12169.   content: "\f004";

  12170. }

  12171. 

  12172. i.icon.line.graph:before {

  12173.   content: "\f201";

  12174. }

  12175. 

  12176. i.icon.linkedin.square:before {

  12177.   content: "\f08c";

  12178. }

  12179. 

  12180. i.icon.linkify:before {

  12181.   content: "\f0c1";

  12182. }

  12183. 

  12184. i.icon.lira:before {

  12185.   content: "\f195";

  12186. }

  12187. 

  12188. i.icon.list.layout:before {

  12189.   content: "\f00b";

  12190. }

  12191. 

  12192. i.icon.magnify:before {

  12193.   content: "\f00e";

  12194. }

  12195. 

  12196. i.icon.mail.forward:before {

  12197.   content: "\f064";

  12198. }

  12199. 

  12200. i.icon.mail.square:before {

  12201.   content: "\f199";

  12202. }

  12203. 

  12204. i.icon.mail:before {

  12205.   content: "\f0e0";

  12206. }

  12207. 

  12208. i.icon.male.homosexual:before {

  12209.   content: "\f227";

  12210. }

  12211. 

  12212. i.icon.man:before {

  12213.   content: "\f222";

  12214. }

  12215. 

  12216. i.icon.marker:before {

  12217.   content: "\f041";

  12218. }

  12219. 

  12220. i.icon.mars.alternate:before {

  12221.   content: "\f229";

  12222. }

  12223. 

  12224. i.icon.mars.horizontal:before {

  12225.   content: "\f22b";

  12226. }

  12227. 

  12228. i.icon.mars.vertical:before {

  12229.   content: "\f22a";

  12230. }

  12231. 

  12232. i.icon.mastercard.card:before {

  12233.   content: "\f1f1";

  12234. }

  12235. 

  12236. i.icon.mastercard:before {

  12237.   content: "\f1f1";

  12238. }

  12239. 

  12240. i.icon.microsoft.edge:before {

  12241.   content: "\f282";

  12242. }

  12243. 

  12244. i.icon.military:before {

  12245.   content: "\f0fb";

  12246. }

  12247. 

  12248. i.icon.ms.edge:before {

  12249.   content: "\f282";

  12250. }

  12251. 

  12252. i.icon.mute:before {

  12253.   content: "\f131";

  12254. }

  12255. 

  12256. i.icon.new.pied.piper:before {

  12257.   content: "\f2ae";

  12258. }

  12259. 

  12260. i.icon.non.binary.transgender:before {

  12261.   content: "\f223";

  12262. }

  12263. 

  12264. i.icon.numbered.list:before {

  12265.   content: "\f0cb";

  12266. }

  12267. 

  12268. i.icon.optinmonster:before {

  12269.   content: "\f23c";

  12270. }

  12271. 

  12272. i.icon.options:before {

  12273.   content: "\f1de";

  12274. }

  12275. 

  12276. i.icon.other.gender.horizontal:before {

  12277.   content: "\f22b";

  12278. }

  12279. 

  12280. i.icon.other.gender.vertical:before {

  12281.   content: "\f22a";

  12282. }

  12283. 

  12284. i.icon.other.gender:before {

  12285.   content: "\f229";

  12286. }

  12287. 

  12288. i.icon.payment:before {

  12289.   content: "\f09d";

  12290. }

  12291. 

  12292. i.icon.paypal.card:before {

  12293.   content: "\f1f4";

  12294. }

  12295. 

  12296. i.icon.pencil.square:before {

  12297.   content: "\f14b";

  12298. }

  12299. 

  12300. i.icon.photo:before {

  12301.   content: "\f030";

  12302. }

  12303. 

  12304. i.icon.picture:before {

  12305.   content: "\f03e";

  12306. }

  12307. 

  12308. i.icon.pie.chart:before {

  12309.   content: "\f200";

  12310. }

  12311. 

  12312. i.icon.pie.graph:before {

  12313.   content: "\f200";

  12314. }

  12315. 

  12316. i.icon.pied.piper.hat:before {

  12317.   content: "\f2ae";

  12318. }

  12319. 

  12320. i.icon.pin:before {

  12321.   content: "\f08d";

  12322. }

  12323. 

  12324. i.icon.plus.cart:before {

  12325.   content: "\f217";

  12326. }

  12327. 

  12328. i.icon.pocket:before {

  12329.   content: "\f265";

  12330. }

  12331. 

  12332. i.icon.point:before {

  12333.   content: "\f041";

  12334. }

  12335. 

  12336. i.icon.pointing.down:before {

  12337.   content: "\f0a7";

  12338. }

  12339. 

  12340. i.icon.pointing.left:before {

  12341.   content: "\f0a5";

  12342. }

  12343. 

  12344. i.icon.pointing.right:before {

  12345.   content: "\f0a4";

  12346. }

  12347. 

  12348. i.icon.pointing.up:before {

  12349.   content: "\f0a6";

  12350. }

  12351. 

  12352. i.icon.pound:before {

  12353.   content: "\f154";

  12354. }

  12355. 

  12356. i.icon.power.cord:before {

  12357.   content: "\f1e6";

  12358. }

  12359. 

  12360. i.icon.power:before {

  12361.   content: "\f011";

  12362. }

  12363. 

  12364. i.icon.privacy:before {

  12365.   content: "\f084";

  12366. }

  12367. 

  12368. i.icon.r.circle:before {

  12369.   content: "\f25d";

  12370. }

  12371. 

  12372. i.icon.rain:before {

  12373.   content: "\f0e9";

  12374. }

  12375. 

  12376. i.icon.record:before {

  12377.   content: "\f03d";

  12378. }

  12379. 

  12380. i.icon.refresh:before {

  12381.   content: "\f021";

  12382. }

  12383. 

  12384. i.icon.remove.circle:before {

  12385.   content: "\f057";

  12386. }

  12387. 

  12388. i.icon.remove.from.calendar:before {

  12389.   content: "\f272";

  12390. }

  12391. 

  12392. i.icon.remove.user:before {

  12393.   content: "\f235";

  12394. }

  12395. 

  12396. i.icon.remove:before {

  12397.   content: "\f00d";

  12398. }

  12399. 

  12400. i.icon.repeat:before {

  12401.   content: "\f01e";

  12402. }

  12403. 

  12404. i.icon.rmb:before {

  12405.   content: "\f157";

  12406. }

  12407. 

  12408. i.icon.rouble:before {

  12409.   content: "\f158";

  12410. }

  12411. 

  12412. i.icon.rub:before {

  12413.   content: "\f158";

  12414. }

  12415. 

  12416. i.icon.ruble:before {

  12417.   content: "\f158";

  12418. }

  12419. 

  12420. i.icon.rupee:before {

  12421.   content: "\f156";

  12422. }

  12423. 

  12424. i.icon.s15:before {

  12425.   content: "\f2cd";

  12426. }

  12427. 

  12428. i.icon.selected.radio:before {

  12429.   content: "\f192";

  12430. }

  12431. 

  12432. i.icon.send:before {

  12433.   content: "\f1d8";

  12434. }

  12435. 

  12436. i.icon.setting:before {

  12437.   content: "\f013";

  12438. }

  12439. 

  12440. i.icon.settings:before {

  12441.   content: "\f085";

  12442. }

  12443. 

  12444. i.icon.shekel:before {

  12445.   content: "\f20b";

  12446. }

  12447. 

  12448. i.icon.sheqel:before {

  12449.   content: "\f20b";

  12450. }

  12451. 

  12452. i.icon.shipping:before {

  12453.   content: "\f0d1";

  12454. }

  12455. 

  12456. i.icon.shop:before {

  12457.   content: "\f07a";

  12458. }

  12459. 

  12460. i.icon.shuffle:before {

  12461.   content: "\f074";

  12462. }

  12463. 

  12464. i.icon.shutdown:before {

  12465.   content: "\f011";

  12466. }

  12467. 

  12468. i.icon.sidebar:before {

  12469.   content: "\f0c9";

  12470. }

  12471. 

  12472. i.icon.signing:before {

  12473.   content: "\f2a7";

  12474. }

  12475. 

  12476. i.icon.signup:before {

  12477.   content: "\f044";

  12478. }

  12479. 

  12480. i.icon.sliders:before {

  12481.   content: "\f1de";

  12482. }

  12483. 

  12484. i.icon.soccer:before {

  12485.   content: "\f1e3";

  12486. }

  12487. 

  12488. i.icon.sort.alphabet.ascending:before {

  12489.   content: "\f15d";

  12490. }

  12491. 

  12492. i.icon.sort.alphabet.descending:before {

  12493.   content: "\f15e";

  12494. }

  12495. 

  12496. i.icon.sort.ascending:before {

  12497.   content: "\f0de";

  12498. }

  12499. 

  12500. i.icon.sort.content.ascending:before {

  12501.   content: "\f160";

  12502. }

  12503. 

  12504. i.icon.sort.content.descending:before {

  12505.   content: "\f161";

  12506. }

  12507. 

  12508. i.icon.sort.descending:before {

  12509.   content: "\f0dd";

  12510. }

  12511. 

  12512. i.icon.sort.numeric.ascending:before {

  12513.   content: "\f162";

  12514. }

  12515. 

  12516. i.icon.sort.numeric.descending:before {

  12517.   content: "\f163";

  12518. }

  12519. 

  12520. i.icon.sound:before {

  12521.   content: "\f025";

  12522. }

  12523. 

  12524. i.icon.spy:before {

  12525.   content: "\f21b";

  12526. }

  12527. 

  12528. i.icon.stripe.card:before {

  12529.   content: "\f1f5";

  12530. }

  12531. 

  12532. i.icon.student:before {

  12533.   content: "\f19d";

  12534. }

  12535. 

  12536. i.icon.talk:before {

  12537.   content: "\f27a";

  12538. }

  12539. 

  12540. i.icon.target:before {

  12541.   content: "\f140";

  12542. }

  12543. 

  12544. i.icon.teletype:before {

  12545.   content: "\f1e4";

  12546. }

  12547. 

  12548. i.icon.television:before {

  12549.   content: "\f26c";

  12550. }

  12551. 

  12552. i.icon.text.cursor:before {

  12553.   content: "\f246";

  12554. }

  12555. 

  12556. i.icon.text.telephone:before {

  12557.   content: "\f1e4";

  12558. }

  12559. 

  12560. i.icon.theme.isle:before {

  12561.   content: "\f2b2";

  12562. }

  12563. 

  12564. i.icon.theme:before {

  12565.   content: "\f043";

  12566. }

  12567. 

  12568. i.icon.thermometer:before {

  12569.   content: "\f2c7";

  12570. }

  12571. 

  12572. i.icon.thumb.tack:before {

  12573.   content: "\f08d";

  12574. }

  12575. 

  12576. i.icon.time:before {

  12577.   content: "\f017";

  12578. }

  12579. 

  12580. i.icon.tm:before {

  12581.   content: "\f25c";

  12582. }

  12583. 

  12584. i.icon.toggle.down:before {

  12585.   content: "\f150";

  12586. }

  12587. 

  12588. i.icon.toggle.left:before {

  12589.   content: "\f191";

  12590. }

  12591. 

  12592. i.icon.toggle.right:before {

  12593.   content: "\f152";

  12594. }

  12595. 

  12596. i.icon.toggle.up:before {

  12597.   content: "\f151";

  12598. }

  12599. 

  12600. i.icon.translate:before {

  12601.   content: "\f1ab";

  12602. }

  12603. 

  12604. i.icon.travel:before {

  12605.   content: "\f0b1";

  12606. }

  12607. 

  12608. i.icon.treatment:before {

  12609.   content: "\f0f1";

  12610. }

  12611. 

  12612. i.icon.triangle.down:before {

  12613.   content: "\f0d7";

  12614. }

  12615. 

  12616. i.icon.triangle.left:before {

  12617.   content: "\f0d9";

  12618. }

  12619. 

  12620. i.icon.triangle.right:before {

  12621.   content: "\f0da";

  12622. }

  12623. 

  12624. i.icon.triangle.up:before {

  12625.   content: "\f0d8";

  12626. }

  12627. 

  12628. i.icon.try:before {

  12629.   content: "\f195";

  12630. }

  12631. 

  12632. i.icon.unhide:before {

  12633.   content: "\f06e";

  12634. }

  12635. 

  12636. i.icon.unlinkify:before {

  12637.   content: "\f127";

  12638. }

  12639. 

  12640. i.icon.unmute:before {

  12641.   content: "\f130";

  12642. }

  12643. 

  12644. i.icon.usd:before {

  12645.   content: "\f155";

  12646. }

  12647. 

  12648. i.icon.user.cancel:before {

  12649.   content: "\f235";

  12650. }

  12651. 

  12652. i.icon.user.close:before {

  12653.   content: "\f235";

  12654. }

  12655. 

  12656. i.icon.user.delete:before {

  12657.   content: "\f235";

  12658. }

  12659. 

  12660. i.icon.user.x:before {

  12661.   content: "\f235";

  12662. }

  12663. 

  12664. i.icon.vcard:before {

  12665.   content: "\f2bb";

  12666. }

  12667. 

  12668. i.icon.video.camera:before {

  12669.   content: "\f03d";

  12670. }

  12671. 

  12672. i.icon.video.play:before {

  12673.   content: "\f144";

  12674. }

  12675. 

  12676. i.icon.visa.card:before {

  12677.   content: "\f1f0";

  12678. }

  12679. 

  12680. i.icon.visa:before {

  12681.   content: "\f1f0";

  12682. }

  12683. 

  12684. i.icon.volume.control.phone:before {

  12685.   content: "\f2a0";

  12686. }

  12687. 

  12688. i.icon.wait:before {

  12689.   content: "\f017";

  12690. }

  12691. 

  12692. i.icon.warning.circle:before {

  12693.   content: "\f06a";

  12694. }

  12695. 

  12696. i.icon.warning.sign:before {

  12697.   content: "\f071";

  12698. }

  12699. 

  12700. i.icon.warning:before {

  12701.   content: "\f12a";

  12702. }

  12703. 

  12704. i.icon.wechat:before {

  12705.   content: "\f1d7";

  12706. }

  12707. 

  12708. i.icon.wi-fi:before {

  12709.   content: "\f1eb";

  12710. }

  12711. 

  12712. i.icon.wikipedia:before {

  12713.   content: "\f266";

  12714. }

  12715. 

  12716. i.icon.winner:before {

  12717.   content: "\f091";

  12718. }

  12719. 

  12720. i.icon.wizard:before {

  12721.   content: "\f0d0";

  12722. }

  12723. 

  12724. i.icon.woman:before {

  12725.   content: "\f221";

  12726. }

  12727. 

  12728. i.icon.won:before {

  12729.   content: "\f159";

  12730. }

  12731. 

  12732. i.icon.wordpress.beginner:before {

  12733.   content: "\f297";

  12734. }

  12735. 

  12736. i.icon.wordpress.forms:before {

  12737.   content: "\f298";

  12738. }

  12739. 

  12740. i.icon.world:before {

  12741.   content: "\f0ac";

  12742. }

  12743. 

  12744. i.icon.write.square:before {

  12745.   content: "\f14b";

  12746. }

  12747. 

  12748. i.icon.x:before {

  12749.   content: "\f00d";

  12750. }

  12751. 

  12752. i.icon.yc:before {

  12753.   content: "\f23b";

  12754. }

  12755. 

  12756. i.icon.ycombinator:before {

  12757.   content: "\f23b";

  12758. }

  12759. 

  12760. i.icon.yen:before {

  12761.   content: "\f157";

  12762. }

  12763. 

  12764. i.icon.zip:before {

  12765.   content: "\f187";

  12766. }

  12767. 

  12768. i.icon.zoom-in:before {

  12769.   content: "\f00e";

  12770. }

  12771. 

  12772. i.icon.zoom-out:before {

  12773.   content: "\f010";

  12774. }

  12775. 

  12776. i.icon.zoom:before {

  12777.   content: "\f00e";

  12778. }

  12779. 

  12780. i.icon.bitbucket.square:before {

  12781.   content: "\f171";

  12782. }

  12783. 

  12784. i.icon.checkmark.box:before {

  12785.   content: "\f14a";

  12786. }

  12787. 

  12788. i.icon.circle.thin:before {

  12789.   content: "\f111";

  12790. }

  12791. 

  12792. i.icon.cloud.download:before {

  12793.   content: "\f381";

  12794. }

  12795. 

  12796. i.icon.cloud.upload:before {

  12797.   content: "\f382";

  12798. }

  12799. 

  12800. i.icon.compose:before {

  12801.   content: "\f303";

  12802. }

  12803. 

  12804. i.icon.conversation:before {

  12805.   content: "\f086";

  12806. }

  12807. 

  12808. i.icon.credit.card.alternative:before {

  12809.   content: "\f09d";

  12810. }

  12811. 

  12812. i.icon.currency:before {

  12813.   content: "\f3d1";

  12814. }

  12815. 

  12816. i.icon.dashboard:before {

  12817.   content: "\f3fd";

  12818. }

  12819. 

  12820. i.icon.diamond:before {

  12821.   content: "\f3a5";

  12822. }

  12823. 

  12824. i.icon.disk:before {

  12825.   content: "\f0a0";

  12826. }

  12827. 

  12828. i.icon.exchange:before {

  12829.   content: "\f362";

  12830. }

  12831. 

  12832. i.icon.external.share:before {

  12833.   content: "\f14d";

  12834. }

  12835. 

  12836. i.icon.external.square:before {

  12837.   content: "\f360";

  12838. }

  12839. 

  12840. i.icon.external:before {

  12841.   content: "\f35d";

  12842. }

  12843. 

  12844. i.icon.facebook.official:before {

  12845.   content: "\f082";

  12846. }

  12847. 

  12848. i.icon.food:before {

  12849.   content: "\f2e7";

  12850. }

  12851. 

  12852. i.icon.hourglass.zero:before {

  12853.   content: "\f253";

  12854. }

  12855. 

  12856. i.icon.level.down:before {

  12857.   content: "\f3be";

  12858. }

  12859. 

  12860. i.icon.level.up:before {

  12861.   content: "\f3bf";

  12862. }

  12863. 

  12864. i.icon.logout:before {

  12865.   content: "\f2f5";

  12866. }

  12867. 

  12868. i.icon.meanpath:before {

  12869.   content: "\f0c8";

  12870. }

  12871. 

  12872. i.icon.money:before {

  12873.   content: "\f3d1";

  12874. }

  12875. 

  12876. i.icon.move:before {

  12877.   content: "\f0b2";

  12878. }

  12879. 

  12880. i.icon.pencil:before {

  12881.   content: "\f303";

  12882. }

  12883. 

  12884. i.icon.protect:before {

  12885.   content: "\f023";

  12886. }

  12887. 

  12888. i.icon.radio:before {

  12889.   content: "\f192";

  12890. }

  12891. 

  12892. i.icon.remove.bookmark:before {

  12893.   content: "\f02e";

  12894. }

  12895. 

  12896. i.icon.resize.horizontal:before {

  12897.   content: "\f337";

  12898. }

  12899. 

  12900. i.icon.resize.vertical:before {

  12901.   content: "\f338";

  12902. }

  12903. 

  12904. i.icon.sign-in:before {

  12905.   content: "\f2f6";

  12906. }

  12907. 

  12908. i.icon.sign-out:before {

  12909.   content: "\f2f5";

  12910. }

  12911. 

  12912. i.icon.spoon:before {

  12913.   content: "\f2e5";

  12914. }

  12915. 

  12916. i.icon.star.half.empty:before {

  12917.   content: "\f089";

  12918. }

  12919. 

  12920. i.icon.star.half.full:before {

  12921.   content: "\f089";

  12922. }

  12923. 

  12924. i.icon.ticket:before {

  12925.   content: "\f3ff";

  12926. }

  12927. 

  12928. i.icon.times.rectangle:before {

  12929.   content: "\f410";

  12930. }

  12931. 

  12932. i.icon.write:before {

  12933.   content: "\f303";

  12934. }

  12935. 

  12936. i.icon.youtube.play:before {

  12937.   content: "\f167";

  12938. }

  12939. 

  12940. /*******************************

  12941.         Outline Icons

  12942. *******************************/

  12943. 

  12944. /* Outline Icon */

  12945. 

  12946. /* Load & Define Icon Font */

  12947. 

  12948. @font-face {

  12949.   font-family: 'outline-icons';

  12950.   src: url("./themes/default/assets/fonts/outline-icons.eot");

  12951.   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');

  12952.   font-style: normal;

  12953.   font-weight: normal;

  12954.   font-variant: normal;

  12955.   text-decoration: inherit;

  12956.   text-transform: none;

  12957. }

  12958. 

  12959. i.icon.outline {

  12960.   font-family: 'outline-icons';

  12961. }

  12962. 

  12963. /* Icon Definitions */

  12964. 

  12965. i.icon.address.book.outline:before {

  12966.   content: "\f2b9";

  12967. }

  12968. 

  12969. i.icon.address.card.outline:before {

  12970.   content: "\f2bb";

  12971. }

  12972. 

  12973. i.icon.arrow.alternate.circle.down.outline:before {

  12974.   content: "\f358";

  12975. }

  12976. 

  12977. i.icon.arrow.alternate.circle.left.outline:before {

  12978.   content: "\f359";

  12979. }

  12980. 

  12981. i.icon.arrow.alternate.circle.right.outline:before {

  12982.   content: "\f35a";

  12983. }

  12984. 

  12985. i.icon.arrow.alternate.circle.up.outline:before {

  12986.   content: "\f35b";

  12987. }

  12988. 

  12989. i.icon.bell.outline:before {

  12990.   content: "\f0f3";

  12991. }

  12992. 

  12993. i.icon.bell.slash.outline:before {

  12994.   content: "\f1f6";

  12995. }

  12996. 

  12997. i.icon.bookmark.outline:before {

  12998.   content: "\f02e";

  12999. }

  13000. 

  13001. i.icon.building.outline:before {

  13002.   content: "\f1ad";

  13003. }

  13004. 

  13005. i.icon.calendar.outline:before {

  13006.   content: "\f133";

  13007. }

  13008. 

  13009. i.icon.calendar.alternate.outline:before {

  13010.   content: "\f073";

  13011. }

  13012. 

  13013. i.icon.calendar.check.outline:before {

  13014.   content: "\f274";

  13015. }

  13016. 

  13017. i.icon.calendar.minus.outline:before {

  13018.   content: "\f272";

  13019. }

  13020. 

  13021. i.icon.calendar.plus.outline:before {

  13022.   content: "\f271";

  13023. }

  13024. 

  13025. i.icon.calendar.times.outline:before {

  13026.   content: "\f273";

  13027. }

  13028. 

  13029. i.icon.caret.square.down.outline:before {

  13030.   content: "\f150";

  13031. }

  13032. 

  13033. i.icon.caret.square.left.outline:before {

  13034.   content: "\f191";

  13035. }

  13036. 

  13037. i.icon.caret.square.right.outline:before {

  13038.   content: "\f152";

  13039. }

  13040. 

  13041. i.icon.caret.square.up.outline:before {

  13042.   content: "\f151";

  13043. }

  13044. 

  13045. i.icon.chart.bar.outline:before {

  13046.   content: "\f080";

  13047. }

  13048. 

  13049. i.icon.check.circle.outline:before {

  13050.   content: "\f058";

  13051. }

  13052. 

  13053. i.icon.check.square.outline:before {

  13054.   content: "\f14a";

  13055. }

  13056. 

  13057. i.icon.circle.outline:before {

  13058.   content: "\f111";

  13059. }

  13060. 

  13061. i.icon.clipboard.outline:before {

  13062.   content: "\f328";

  13063. }

  13064. 

  13065. i.icon.clock.outline:before {

  13066.   content: "\f017";

  13067. }

  13068. 

  13069. i.icon.clone.outline:before {

  13070.   content: "\f24d";

  13071. }

  13072. 

  13073. i.icon.closed.captioning.outline:before {

  13074.   content: "\f20a";

  13075. }

  13076. 

  13077. i.icon.comment.outline:before {

  13078.   content: "\f075";

  13079. }

  13080. 

  13081. i.icon.comment.alternate.outline:before {

  13082.   content: "\f27a";

  13083. }

  13084. 

  13085. i.icon.comments.outline:before {

  13086.   content: "\f086";

  13087. }

  13088. 

  13089. i.icon.compass.outline:before {

  13090.   content: "\f14e";

  13091. }

  13092. 

  13093. i.icon.copy.outline:before {

  13094.   content: "\f0c5";

  13095. }

  13096. 

  13097. i.icon.copyright.outline:before {

  13098.   content: "\f1f9";

  13099. }

  13100. 

  13101. i.icon.credit.card.outline:before {

  13102.   content: "\f09d";

  13103. }

  13104. 

  13105. i.icon.dot.circle.outline:before {

  13106.   content: "\f192";

  13107. }

  13108. 

  13109. i.icon.edit.outline:before {

  13110.   content: "\f044";

  13111. }

  13112. 

  13113. i.icon.envelope.outline:before {

  13114.   content: "\f0e0";

  13115. }

  13116. 

  13117. i.icon.envelope.open.outline:before {

  13118.   content: "\f2b6";

  13119. }

  13120. 

  13121. i.icon.eye.slash.outline:before {

  13122.   content: "\f070";

  13123. }

  13124. 

  13125. i.icon.file.outline:before {

  13126.   content: "\f15b";

  13127. }

  13128. 

  13129. i.icon.file.alternate.outline:before {

  13130.   content: "\f15c";

  13131. }

  13132. 

  13133. i.icon.file.archive.outline:before {

  13134.   content: "\f1c6";

  13135. }

  13136. 

  13137. i.icon.file.audio.outline:before {

  13138.   content: "\f1c7";

  13139. }

  13140. 

  13141. i.icon.file.code.outline:before {

  13142.   content: "\f1c9";

  13143. }

  13144. 

  13145. i.icon.file.excel.outline:before {

  13146.   content: "\f1c3";

  13147. }

  13148. 

  13149. i.icon.file.image.outline:before {

  13150.   content: "\f1c5";

  13151. }

  13152. 

  13153. i.icon.file.pdf.outline:before {

  13154.   content: "\f1c1";

  13155. }

  13156. 

  13157. i.icon.file.powerpoint.outline:before {

  13158.   content: "\f1c4";

  13159. }

  13160. 

  13161. i.icon.file.video.outline:before {

  13162.   content: "\f1c8";

  13163. }

  13164. 

  13165. i.icon.file.word.outline:before {

  13166.   content: "\f1c2";

  13167. }

  13168. 

  13169. i.icon.flag.outline:before {

  13170.   content: "\f024";

  13171. }

  13172. 

  13173. i.icon.folder.outline:before {

  13174.   content: "\f07b";

  13175. }

  13176. 

  13177. i.icon.folder.open.outline:before {

  13178.   content: "\f07c";

  13179. }

  13180. 

  13181. i.icon.frown.outline:before {

  13182.   content: "\f119";

  13183. }

  13184. 

  13185. i.icon.futbol.outline:before {

  13186.   content: "\f1e3";

  13187. }

  13188. 

  13189. i.icon.gem.outline:before {

  13190.   content: "\f3a5";

  13191. }

  13192. 

  13193. i.icon.hand.lizard.outline:before {

  13194.   content: "\f258";

  13195. }

  13196. 

  13197. i.icon.hand.paper.outline:before {

  13198.   content: "\f256";

  13199. }

  13200. 

  13201. i.icon.hand.peace.outline:before {

  13202.   content: "\f25b";

  13203. }

  13204. 

  13205. i.icon.hand.point.down.outline:before {

  13206.   content: "\f0a7";

  13207. }

  13208. 

  13209. i.icon.hand.point.left.outline:before {

  13210.   content: "\f0a5";

  13211. }

  13212. 

  13213. i.icon.hand.point.right.outline:before {

  13214.   content: "\f0a4";

  13215. }

  13216. 

  13217. i.icon.hand.point.up.outline:before {

  13218.   content: "\f0a6";

  13219. }

  13220. 

  13221. i.icon.hand.pointer.outline:before {

  13222.   content: "\f25a";

  13223. }

  13224. 

  13225. i.icon.hand.rock.outline:before {

  13226.   content: "\f255";

  13227. }

  13228. 

  13229. i.icon.hand.scissors.outline:before {

  13230.   content: "\f257";

  13231. }

  13232. 

  13233. i.icon.hand.spock.outline:before {

  13234.   content: "\f259";

  13235. }

  13236. 

  13237. i.icon.handshake.outline:before {

  13238.   content: "\f2b5";

  13239. }

  13240. 

  13241. i.icon.hdd.outline:before {

  13242.   content: "\f0a0";

  13243. }

  13244. 

  13245. i.icon.heart.outline:before {

  13246.   content: "\f004";

  13247. }

  13248. 

  13249. i.icon.hospital.outline:before {

  13250.   content: "\f0f8";

  13251. }

  13252. 

  13253. i.icon.hourglass.outline:before {

  13254.   content: "\f254";

  13255. }

  13256. 

  13257. i.icon.id.badge.outline:before {

  13258.   content: "\f2c1";

  13259. }

  13260. 

  13261. i.icon.id.card.outline:before {

  13262.   content: "\f2c2";

  13263. }

  13264. 

  13265. i.icon.image.outline:before {

  13266.   content: "\f03e";

  13267. }

  13268. 

  13269. i.icon.images.outline:before {

  13270.   content: "\f302";

  13271. }

  13272. 

  13273. i.icon.keyboard.outline:before {

  13274.   content: "\f11c";

  13275. }

  13276. 

  13277. i.icon.lemon.outline:before {

  13278.   content: "\f094";

  13279. }

  13280. 

  13281. i.icon.life.ring.outline:before {

  13282.   content: "\f1cd";

  13283. }

  13284. 

  13285. i.icon.lightbulb.outline:before {

  13286.   content: "\f0eb";

  13287. }

  13288. 

  13289. i.icon.list.alternate.outline:before {

  13290.   content: "\f022";

  13291. }

  13292. 

  13293. i.icon.map.outline:before {

  13294.   content: "\f279";

  13295. }

  13296. 

  13297. i.icon.meh.outline:before {

  13298.   content: "\f11a";

  13299. }

  13300. 

  13301. i.icon.minus.square.outline:before {

  13302.   content: "\f146";

  13303. }

  13304. 

  13305. i.icon.money.bill.alternate.outline:before {

  13306.   content: "\f3d1";

  13307. }

  13308. 

  13309. i.icon.moon.outline:before {

  13310.   content: "\f186";

  13311. }

  13312. 

  13313. i.icon.newspaper.outline:before {

  13314.   content: "\f1ea";

  13315. }

  13316. 

  13317. i.icon.object.group.outline:before {

  13318.   content: "\f247";

  13319. }

  13320. 

  13321. i.icon.object.ungroup.outline:before {

  13322.   content: "\f248";

  13323. }

  13324. 

  13325. i.icon.paper.plane.outline:before {

  13326.   content: "\f1d8";

  13327. }

  13328. 

  13329. i.icon.pause.circle.outline:before {

  13330.   content: "\f28b";

  13331. }

  13332. 

  13333. i.icon.play.circle.outline:before {

  13334.   content: "\f144";

  13335. }

  13336. 

  13337. i.icon.plus.square.outline:before {

  13338.   content: "\f0fe";

  13339. }

  13340. 

  13341. i.icon.question.circle.outline:before {

  13342.   content: "\f059";

  13343. }

  13344. 

  13345. i.icon.registered.outline:before {

  13346.   content: "\f25d";

  13347. }

  13348. 

  13349. i.icon.save.outline:before {

  13350.   content: "\f0c7";

  13351. }

  13352. 

  13353. i.icon.share.square.outline:before {

  13354.   content: "\f14d";

  13355. }

  13356. 

  13357. i.icon.smile.outline:before {

  13358.   content: "\f118";

  13359. }

  13360. 

  13361. i.icon.snowflake.outline:before {

  13362.   content: "\f2dc";

  13363. }

  13364. 

  13365. i.icon.square.outline:before {

  13366.   content: "\f0c8";

  13367. }

  13368. 

  13369. i.icon.star.outline:before {

  13370.   content: "\f005";

  13371. }

  13372. 

  13373. i.icon.star.half.outline:before {

  13374.   content: "\f089";

  13375. }

  13376. 

  13377. i.icon.sticky.note.outline:before {

  13378.   content: "\f249";

  13379. }

  13380. 

  13381. i.icon.stop.circle.outline:before {

  13382.   content: "\f28d";

  13383. }

  13384. 

  13385. i.icon.sun.outline:before {

  13386.   content: "\f185";

  13387. }

  13388. 

  13389. i.icon.thumbs.down.outline:before {

  13390.   content: "\f165";

  13391. }

  13392. 

  13393. i.icon.thumbs.up.outline:before {

  13394.   content: "\f164";

  13395. }

  13396. 

  13397. i.icon.times.circle.outline:before {

  13398.   content: "\f057";

  13399. }

  13400. 

  13401. i.icon.trash.alternate.outline:before {

  13402.   content: "\f2ed";

  13403. }

  13404. 

  13405. i.icon.user.outline:before {

  13406.   content: "\f007";

  13407. }

  13408. 

  13409. i.icon.user.circle.outline:before {

  13410.   content: "\f2bd";

  13411. }

  13412. 

  13413. i.icon.window.close.outline:before {

  13414.   content: "\f410";

  13415. }

  13416. 

  13417. i.icon.window.maximize.outline:before {

  13418.   content: "\f2d0";

  13419. }

  13420. 

  13421. i.icon.window.minimize.outline:before {

  13422.   content: "\f2d1";

  13423. }

  13424. 

  13425. i.icon.window.restore.outline:before {

  13426.   content: "\f2d2";

  13427. }

  13428. 

  13429. /* Outline Aliases */

  13430. 

  13431. i.icon.disk.outline:before {

  13432.   content: "\f0a0";

  13433. }

  13434. 

  13435. i.icon.heart.empty,

  13436. i.icon.star.empty {

  13437.   font-family: 'outline-icons';

  13438. }

  13439. 

  13440. i.icon.heart.empty:before {

  13441.   content: "\f004";

  13442. }

  13443. 

  13444. i.icon.star.empty:before {

  13445.   content: "\f089";

  13446. }

  13447. 

  13448. /*******************************

  13449.            Brand Icons

  13450. *******************************/

  13451. 

  13452. /* Load & Define Brand Font */

  13453. 

  13454. @font-face {

  13455.   font-family: 'brand-icons';

  13456.   src: url("./themes/default/assets/fonts/brand-icons.eot");

  13457.   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');

  13458.   font-style: normal;

  13459.   font-weight: normal;

  13460.   font-variant: normal;

  13461.   text-decoration: inherit;

  13462.   text-transform: none;

  13463. }

  13464. 

  13465. /* Brand Icon Font Family */

  13466. 

  13467. i.icon.\35 00px,

  13468. i.icon.accessible.icon,

  13469. i.icon.accusoft,

  13470. i.icon.adn,

  13471. i.icon.adversal,

  13472. i.icon.affiliatetheme,

  13473. i.icon.algolia,

  13474. i.icon.amazon,

  13475. i.icon.amazon.pay,

  13476. i.icon.amilia,

  13477. i.icon.android,

  13478. i.icon.angellist,

  13479. i.icon.angrycreative,

  13480. i.icon.angular,

  13481. i.icon.app.store,

  13482. i.icon.app.store.ios,

  13483. i.icon.apper,

  13484. i.icon.apple,

  13485. i.icon.apple.pay,

  13486. i.icon.asymmetrik,

  13487. i.icon.audible,

  13488. i.icon.autoprefixer,

  13489. i.icon.avianex,

  13490. i.icon.aviato,

  13491. i.icon.aws,

  13492. i.icon.bandcamp,

  13493. i.icon.behance,

  13494. i.icon.behance.square,

  13495. i.icon.bimobject,

  13496. i.icon.bitbucket,

  13497. i.icon.bitcoin,

  13498. i.icon.bity,

  13499. i.icon.black.tie,

  13500. i.icon.blackberry,

  13501. i.icon.blogger,

  13502. i.icon.blogger.b,

  13503. i.icon.bluetooth,

  13504. i.icon.bluetooth.b,

  13505. i.icon.btc,

  13506. i.icon.buromobelexperte,

  13507. i.icon.buysellads,

  13508. i.icon.cc.amazon.pay,

  13509. i.icon.cc.amex,

  13510. i.icon.cc.apple.pay,

  13511. i.icon.cc.diners.club,

  13512. i.icon.cc.discover,

  13513. i.icon.cc.jcb,

  13514. i.icon.cc.mastercard,

  13515. i.icon.cc.paypal,

  13516. i.icon.cc.stripe,

  13517. i.icon.cc.visa,

  13518. i.icon.centercode,

  13519. i.icon.chrome,

  13520. i.icon.cloudscale,

  13521. i.icon.cloudsmith,

  13522. i.icon.cloudversify,

  13523. i.icon.codepen,

  13524. i.icon.codiepie,

  13525. i.icon.connectdevelop,

  13526. i.icon.contao,

  13527. i.icon.cpanel,

  13528. i.icon.creative.commons,

  13529. i.icon.css3,

  13530. i.icon.css3.alternate,

  13531. i.icon.cuttlefish,

  13532. i.icon.d.and.d,

  13533. i.icon.dashcube,

  13534. i.icon.delicious,

  13535. i.icon.deploydog,

  13536. i.icon.deskpro,

  13537. i.icon.deviantart,

  13538. i.icon.digg,

  13539. i.icon.digital.ocean,

  13540. i.icon.discord,

  13541. i.icon.discourse,

  13542. i.icon.dochub,

  13543. i.icon.docker,

  13544. i.icon.draft2digital,

  13545. i.icon.dribbble,

  13546. i.icon.dribbble.square,

  13547. i.icon.dropbox,

  13548. i.icon.drupal,

  13549. i.icon.dyalog,

  13550. i.icon.earlybirds,

  13551. i.icon.edge,

  13552. i.icon.elementor,

  13553. i.icon.ember,

  13554. i.icon.empire,

  13555. i.icon.envira,

  13556. i.icon.erlang,

  13557. i.icon.ethereum,

  13558. i.icon.etsy,

  13559. i.icon.expeditedssl,

  13560. i.icon.facebook,

  13561. i.icon.facebook.f,

  13562. i.icon.facebook.messenger,

  13563. i.icon.facebook.square,

  13564. i.icon.firefox,

  13565. i.icon.first.order,

  13566. i.icon.firstdraft,

  13567. i.icon.flickr,

  13568. i.icon.flipboard,

  13569. i.icon.fly,

  13570. i.icon.font.awesome,

  13571. i.icon.font.awesome.alternate,

  13572. i.icon.font.awesome.flag,

  13573. i.icon.fonticons,

  13574. i.icon.fonticons.fi,

  13575. i.icon.fort.awesome,

  13576. i.icon.fort.awesome.alternate,

  13577. i.icon.forumbee,

  13578. i.icon.foursquare,

  13579. i.icon.free.code.camp,

  13580. i.icon.freebsd,

  13581. i.icon.get.pocket,

  13582. i.icon.gg,

  13583. i.icon.gg.circle,

  13584. i.icon.git,

  13585. i.icon.git.square,

  13586. i.icon.github,

  13587. i.icon.github.alternate,

  13588. i.icon.github.square,

  13589. i.icon.gitkraken,

  13590. i.icon.gitlab,

  13591. i.icon.gitter,

  13592. i.icon.glide,

  13593. i.icon.glide.g,

  13594. i.icon.gofore,

  13595. i.icon.goodreads,

  13596. i.icon.goodreads.g,

  13597. i.icon.google,

  13598. i.icon.google.drive,

  13599. i.icon.google.play,

  13600. i.icon.google.plus,

  13601. i.icon.google.plus.g,

  13602. i.icon.google.plus.square,

  13603. i.icon.google.wallet,

  13604. i.icon.gratipay,

  13605. i.icon.grav,

  13606. i.icon.gripfire,

  13607. i.icon.grunt,

  13608. i.icon.gulp,

  13609. i.icon.hacker.news,

  13610. i.icon.hacker.news.square,

  13611. i.icon.hips,

  13612. i.icon.hire.a.helper,

  13613. i.icon.hooli,

  13614. i.icon.hotjar,

  13615. i.icon.houzz,

  13616. i.icon.html5,

  13617. i.icon.hubspot,

  13618. i.icon.imdb,

  13619. i.icon.instagram,

  13620. i.icon.internet.explorer,

  13621. i.icon.ioxhost,

  13622. i.icon.itunes,

  13623. i.icon.itunes.note,

  13624. i.icon.jenkins,

  13625. i.icon.joget,

  13626. i.icon.joomla,

  13627. i.icon.js,

  13628. i.icon.js.square,

  13629. i.icon.jsfiddle,

  13630. i.icon.keycdn,

  13631. i.icon.kickstarter,

  13632. i.icon.kickstarter.k,

  13633. i.icon.korvue,

  13634. i.icon.laravel,

  13635. i.icon.lastfm,

  13636. i.icon.lastfm.square,

  13637. i.icon.leanpub,

  13638. i.icon.less,

  13639. i.icon.linechat,

  13640. i.icon.linkedin,

  13641. i.icon.linkedin.alternate,

  13642. i.icon.linkedin.in,

  13643. i.icon.linode,

  13644. i.icon.linux,

  13645. i.icon.lyft,

  13646. i.icon.magento,

  13647. i.icon.maxcdn,

  13648. i.icon.medapps,

  13649. i.icon.medium,

  13650. i.icon.medium.m,

  13651. i.icon.medrt,

  13652. i.icon.meetup,

  13653. i.icon.microsoft,

  13654. i.icon.mix,

  13655. i.icon.mixcloud,

  13656. i.icon.mizuni,

  13657. i.icon.modx,

  13658. i.icon.monero,

  13659. i.icon.napster,

  13660. i.icon.nintendo.switch,

  13661. i.icon.node,

  13662. i.icon.node.js,

  13663. i.icon.npm,

  13664. i.icon.ns8,

  13665. i.icon.nutritionix,

  13666. i.icon.odnoklassniki,

  13667. i.icon.odnoklassniki.square,

  13668. i.icon.opencart,

  13669. i.icon.openid,

  13670. i.icon.opera,

  13671. i.icon.optin.monster,

  13672. i.icon.osi,

  13673. i.icon.page4,

  13674. i.icon.pagelines,

  13675. i.icon.palfed,

  13676. i.icon.patreon,

  13677. i.icon.paypal,

  13678. i.icon.periscope,

  13679. i.icon.phabricator,

  13680. i.icon.phoenix.framework,

  13681. i.icon.php,

  13682. i.icon.pied.piper,

  13683. i.icon.pied.piper.alternate,

  13684. i.icon.pied.piper.pp,

  13685. i.icon.pinterest,

  13686. i.icon.pinterest.p,

  13687. i.icon.pinterest.square,

  13688. i.icon.playstation,

  13689. i.icon.product.hunt,

  13690. i.icon.pushed,

  13691. i.icon.python,

  13692. i.icon.qq,

  13693. i.icon.quinscape,

  13694. i.icon.quora,

  13695. i.icon.ravelry,

  13696. i.icon.react,

  13697. i.icon.rebel,

  13698. i.icon.redriver,

  13699. i.icon.reddit,

  13700. i.icon.reddit.alien,

  13701. i.icon.reddit.square,

  13702. i.icon.rendact,

  13703. i.icon.renren,

  13704. i.icon.replyd,

  13705. i.icon.resolving,

  13706. i.icon.rocketchat,

  13707. i.icon.rockrms,

  13708. i.icon.safari,

  13709. i.icon.sass,

  13710. i.icon.schlix,

  13711. i.icon.scribd,

  13712. i.icon.searchengin,

  13713. i.icon.sellcast,

  13714. i.icon.sellsy,

  13715. i.icon.servicestack,

  13716. i.icon.shirtsinbulk,

  13717. i.icon.simplybuilt,

  13718. i.icon.sistrix,

  13719. i.icon.skyatlas,

  13720. i.icon.skype,

  13721. i.icon.slack,

  13722. i.icon.slack.hash,

  13723. i.icon.slideshare,

  13724. i.icon.snapchat,

  13725. i.icon.snapchat.ghost,

  13726. i.icon.snapchat.square,

  13727. i.icon.soundcloud,

  13728. i.icon.speakap,

  13729. i.icon.spotify,

  13730. i.icon.stack.exchange,

  13731. i.icon.stack.overflow,

  13732. i.icon.staylinked,

  13733. i.icon.steam,

  13734. i.icon.steam.square,

  13735. i.icon.steam.symbol,

  13736. i.icon.sticker.mule,

  13737. i.icon.strava,

  13738. i.icon.stripe,

  13739. i.icon.stripe.s,

  13740. i.icon.studiovinari,

  13741. i.icon.stumbleupon,

  13742. i.icon.stumbleupon.circle,

  13743. i.icon.superpowers,

  13744. i.icon.supple,

  13745. i.icon.telegram,

  13746. i.icon.telegram.plane,

  13747. i.icon.tencent.weibo,

  13748. i.icon.themeisle,

  13749. i.icon.trello,

  13750. i.icon.tripadvisor,

  13751. i.icon.tumblr,

  13752. i.icon.tumblr.square,

  13753. i.icon.twitch,

  13754. i.icon.twitter,

  13755. i.icon.twitter.square,

  13756. i.icon.typo3,

  13757. i.icon.uber,

  13758. i.icon.uikit,

  13759. i.icon.uniregistry,

  13760. i.icon.untappd,

  13761. i.icon.usb,

  13762. i.icon.ussunnah,

  13763. i.icon.vaadin,

  13764. i.icon.viacoin,

  13765. i.icon.viadeo,

  13766. i.icon.viadeo.square,

  13767. i.icon.viber,

  13768. i.icon.vimeo,

  13769. i.icon.vimeo.square,

  13770. i.icon.vimeo.v,

  13771. i.icon.vine,

  13772. i.icon.vk,

  13773. i.icon.vnv,

  13774. i.icon.vuejs,

  13775. i.icon.wechat,

  13776. i.icon.weibo,

  13777. i.icon.weixin,

  13778. i.icon.whatsapp,

  13779. i.icon.whatsapp.square,

  13780. i.icon.whmcs,

  13781. i.icon.wikipedia.w,

  13782. i.icon.windows,

  13783. i.icon.wordpress,

  13784. i.icon.wordpress.simple,

  13785. i.icon.wpbeginner,

  13786. i.icon.wpexplorer,

  13787. i.icon.wpforms,

  13788. i.icon.xbox,

  13789. i.icon.xing,

  13790. i.icon.xing.square,

  13791. i.icon.y.combinator,

  13792. i.icon.yahoo,

  13793. i.icon.yandex,

  13794. i.icon.yandex.international,

  13795. i.icon.yelp,

  13796. i.icon.yoast,

  13797. i.icon.youtube,

  13798. i.icon.youtube.square {

  13799.   font-family: 'brand-icons';

  13800. }

  13801. 

  13802. /* Brand Icons Ideally Would Be Defined Here */

  13803. 

  13804. /*******************************

  13805.          Site Overrides

  13806. *******************************/

  13807. /*!

  13808.  * # Semantic UI 2.4.0 - Image

  13809.  * http://github.com/semantic-org/semantic-ui/

  13810.  *

  13811.  *

  13812.  * Released under the MIT license

  13813.  * http://opensource.org/licenses/MIT

  13814.  *

  13815.  */

  13816. 

  13817. /*******************************

  13818.              Image

  13819. *******************************/

  13820. 

  13821. .ui.image {

  13822.   position: relative;

  13823.   display: inline-block;

  13824.   vertical-align: middle;

  13825.   max-width: 100%;

  13826.   background-color: transparent;

  13827. }

  13828. 

  13829. img.ui.image {

  13830.   display: block;

  13831. }

  13832. 

  13833. .ui.image svg,

  13834. .ui.image img {

  13835.   display: block;

  13836.   max-width: 100%;

  13837.   height: auto;

  13838. }

  13839. 

  13840. /*******************************

  13841.             States

  13842. *******************************/

  13843. 

  13844. .ui.hidden.images,

  13845. .ui.hidden.image {

  13846.   display: none;

  13847. }

  13848. 

  13849. .ui.hidden.transition.images,

  13850. .ui.hidden.transition.image {

  13851.   display: block;

  13852.   visibility: hidden;

  13853. }

  13854. 

  13855. .ui.images > .hidden.transition {

  13856.   display: inline-block;

  13857.   visibility: hidden;

  13858. }

  13859. 

  13860. .ui.disabled.images,

  13861. .ui.disabled.image {

  13862.   cursor: default;

  13863.   opacity: 0.45;

  13864. }

  13865. 

  13866. /*******************************

  13867.           Variations

  13868. *******************************/

  13869. 

  13870. /*--------------

  13871.      Inline

  13872. ---------------*/

  13873. 

  13874. .ui.inline.image,

  13875. .ui.inline.image svg,

  13876. .ui.inline.image img {

  13877.   display: inline-block;

  13878. }

  13879. 

  13880. /*------------------

  13881.   Vertical Aligned

  13882. -------------------*/

  13883. 

  13884. .ui.top.aligned.images .image,

  13885. .ui.top.aligned.image,

  13886. .ui.top.aligned.image svg,

  13887. .ui.top.aligned.image img {

  13888.   display: inline-block;

  13889.   vertical-align: top;

  13890. }

  13891. 

  13892. .ui.middle.aligned.images .image,

  13893. .ui.middle.aligned.image,

  13894. .ui.middle.aligned.image svg,

  13895. .ui.middle.aligned.image img {

  13896.   display: inline-block;

  13897.   vertical-align: middle;

  13898. }

  13899. 

  13900. .ui.bottom.aligned.images .image,

  13901. .ui.bottom.aligned.image,

  13902. .ui.bottom.aligned.image svg,

  13903. .ui.bottom.aligned.image img {

  13904.   display: inline-block;

  13905.   vertical-align: bottom;

  13906. }

  13907. 

  13908. /*--------------

  13909.      Rounded

  13910. ---------------*/

  13911. 

  13912. .ui.rounded.images .image,

  13913. .ui.rounded.image,

  13914. .ui.rounded.images .image > *,

  13915. .ui.rounded.image > * {

  13916.   border-radius: 0.3125em;

  13917. }

  13918. 

  13919. /*--------------

  13920.     Bordered

  13921. ---------------*/

  13922. 

  13923. .ui.bordered.images .image,

  13924. .ui.bordered.images img,

  13925. .ui.bordered.images svg,

  13926. .ui.bordered.image img,

  13927. .ui.bordered.image svg,

  13928. img.ui.bordered.image {

  13929.   border: 1px solid rgba(0, 0, 0, 0.1);

  13930. }

  13931. 

  13932. /*--------------

  13933.     Circular

  13934. ---------------*/

  13935. 

  13936. .ui.circular.images,

  13937. .ui.circular.image {

  13938.   overflow: hidden;

  13939. }

  13940. 

  13941. .ui.circular.images .image,

  13942. .ui.circular.image,

  13943. .ui.circular.images .image > *,

  13944. .ui.circular.image > * {

  13945.   border-radius: 500rem;

  13946. }

  13947. 

  13948. /*--------------

  13949.      Fluid

  13950. ---------------*/

  13951. 

  13952. .ui.fluid.images,

  13953. .ui.fluid.image,

  13954. .ui.fluid.images img,

  13955. .ui.fluid.images svg,

  13956. .ui.fluid.image svg,

  13957. .ui.fluid.image img {

  13958.   display: block;

  13959.   width: 100%;

  13960.   height: auto;

  13961. }

  13962. 

  13963. /*--------------

  13964.      Avatar

  13965. ---------------*/

  13966. 

  13967. .ui.avatar.images .image,

  13968. .ui.avatar.images img,

  13969. .ui.avatar.images svg,

  13970. .ui.avatar.image img,

  13971. .ui.avatar.image svg,

  13972. .ui.avatar.image {

  13973.   margin-right: 0.25em;

  13974.   display: inline-block;

  13975.   width: 2em;

  13976.   height: 2em;

  13977.   border-radius: 500rem;

  13978. }

  13979. 

  13980. /*-------------------

  13981.        Spaced

  13982. --------------------*/

  13983. 

  13984. .ui.spaced.image {

  13985.   display: inline-block !important;

  13986.   margin-left: 0.5em;

  13987.   margin-right: 0.5em;

  13988. }

  13989. 

  13990. .ui[class*="left spaced"].image {

  13991.   margin-left: 0.5em;

  13992.   margin-right: 0em;

  13993. }

  13994. 

  13995. .ui[class*="right spaced"].image {

  13996.   margin-left: 0em;

  13997.   margin-right: 0.5em;

  13998. }

  13999. 

  14000. /*-------------------

  14001.        Floated

  14002. --------------------*/

  14003. 

  14004. .ui.floated.image,

  14005. .ui.floated.images {

  14006.   float: left;

  14007.   margin-right: 1em;

  14008.   margin-bottom: 1em;

  14009. }

  14010. 

  14011. .ui.right.floated.images,

  14012. .ui.right.floated.image {

  14013.   float: right;

  14014.   margin-right: 0em;

  14015.   margin-bottom: 1em;

  14016.   margin-left: 1em;

  14017. }

  14018. 

  14019. .ui.floated.images:last-child,

  14020. .ui.floated.image:last-child {

  14021.   margin-bottom: 0em;

  14022. }

  14023. 

  14024. .ui.centered.images,

  14025. .ui.centered.image {

  14026.   margin-left: auto;

  14027.   margin-right: auto;

  14028. }

  14029. 

  14030. /*--------------

  14031.      Sizes

  14032. ---------------*/

  14033. 

  14034. .ui.mini.images .image,

  14035. .ui.mini.images img,

  14036. .ui.mini.images svg,

  14037. .ui.mini.image {

  14038.   width: 35px;

  14039.   height: auto;

  14040.   font-size: 0.78571429rem;

  14041. }

  14042. 

  14043. .ui.tiny.images .image,

  14044. .ui.tiny.images img,

  14045. .ui.tiny.images svg,

  14046. .ui.tiny.image {

  14047.   width: 80px;

  14048.   height: auto;

  14049.   font-size: 0.85714286rem;

  14050. }

  14051. 

  14052. .ui.small.images .image,

  14053. .ui.small.images img,

  14054. .ui.small.images svg,

  14055. .ui.small.image {

  14056.   width: 150px;

  14057.   height: auto;

  14058.   font-size: 0.92857143rem;

  14059. }

  14060. 

  14061. .ui.medium.images .image,

  14062. .ui.medium.images img,

  14063. .ui.medium.images svg,

  14064. .ui.medium.image {

  14065.   width: 300px;

  14066.   height: auto;

  14067.   font-size: 1rem;

  14068. }

  14069. 

  14070. .ui.large.images .image,

  14071. .ui.large.images img,

  14072. .ui.large.images svg,

  14073. .ui.large.image {

  14074.   width: 450px;

  14075.   height: auto;

  14076.   font-size: 1.14285714rem;

  14077. }

  14078. 

  14079. .ui.big.images .image,

  14080. .ui.big.images img,

  14081. .ui.big.images svg,

  14082. .ui.big.image {

  14083.   width: 600px;

  14084.   height: auto;

  14085.   font-size: 1.28571429rem;

  14086. }

  14087. 

  14088. .ui.huge.images .image,

  14089. .ui.huge.images img,

  14090. .ui.huge.images svg,

  14091. .ui.huge.image {

  14092.   width: 800px;

  14093.   height: auto;

  14094.   font-size: 1.42857143rem;

  14095. }

  14096. 

  14097. .ui.massive.images .image,

  14098. .ui.massive.images img,

  14099. .ui.massive.images svg,

  14100. .ui.massive.image {

  14101.   width: 960px;

  14102.   height: auto;

  14103.   font-size: 1.71428571rem;

  14104. }

  14105. 

  14106. /*******************************

  14107.               Groups

  14108. *******************************/

  14109. 

  14110. .ui.images {

  14111.   font-size: 0em;

  14112.   margin: 0em -0.25rem 0rem;

  14113. }

  14114. 

  14115. .ui.images .image,

  14116. .ui.images > img,

  14117. .ui.images > svg {

  14118.   display: inline-block;

  14119.   margin: 0em 0.25rem 0.5rem;

  14120. }

  14121. 

  14122. /*******************************

  14123.          Theme Overrides

  14124. *******************************/

  14125. 

  14126. /*******************************

  14127.          Site Overrides

  14128. *******************************/

  14129. /*!

  14130.  * # Semantic UI 2.4.0 - Input

  14131.  * http://github.com/semantic-org/semantic-ui/

  14132.  *

  14133.  *

  14134.  * Released under the MIT license

  14135.  * http://opensource.org/licenses/MIT

  14136.  *

  14137.  */

  14138. 

  14139. /*******************************

  14140.            Standard

  14141. *******************************/

  14142. 

  14143. /*--------------------

  14144.         Inputs

  14145. ---------------------*/

  14146. 

  14147. .ui.input {

  14148.   position: relative;

  14149.   font-weight: normal;

  14150.   font-style: normal;

  14151.   display: -webkit-inline-box;

  14152.   display: -ms-inline-flexbox;

  14153.   display: inline-flex;

  14154.   color: rgba(0, 0, 0, 0.87);

  14155. }

  14156. 

  14157. .ui.input > input {

  14158.   margin: 0em;

  14159.   max-width: 100%;

  14160.   -webkit-box-flex: 1;

  14161.   -ms-flex: 1 0 auto;

  14162.   flex: 1 0 auto;

  14163.   outline: none;

  14164.   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  14165.   text-align: left;

  14166.   line-height: 1.21428571em;

  14167.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  14168.   padding: 0.67857143em 1em;

  14169.   background: #FFFFFF;

  14170.   border: 1px solid rgba(34, 36, 38, 0.15);

  14171.   color: rgba(0, 0, 0, 0.87);

  14172.   border-radius: 0.28571429rem;

  14173.   -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;

  14174.   transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;

  14175.   transition: box-shadow 0.1s ease, border-color 0.1s ease;

  14176.   transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;

  14177.   -webkit-box-shadow: none;

  14178.   box-shadow: none;

  14179. }

  14180. 

  14181. /*--------------------

  14182.       Placeholder

  14183. ---------------------*/

  14184. 

  14185. /* browsers require these rules separate */

  14186. 

  14187. .ui.input > input::-webkit-input-placeholder {

  14188.   color: rgba(191, 191, 191, 0.87);

  14189. }

  14190. 

  14191. .ui.input > input::-moz-placeholder {

  14192.   color: rgba(191, 191, 191, 0.87);

  14193. }

  14194. 

  14195. .ui.input > input:-ms-input-placeholder {

  14196.   color: rgba(191, 191, 191, 0.87);

  14197. }

  14198. 

  14199. /*******************************

  14200.             States

  14201. *******************************/

  14202. 

  14203. /*--------------------

  14204.         Disabled

  14205. ---------------------*/

  14206. 

  14207. .ui.disabled.input,

  14208. .ui.input:not(.disabled) input[disabled] {

  14209.   opacity: 0.45;

  14210. }

  14211. 

  14212. .ui.disabled.input > input,

  14213. .ui.input:not(.disabled) input[disabled] {

  14214.   pointer-events: none;

  14215. }

  14216. 

  14217. /*--------------------

  14218.         Active

  14219. ---------------------*/

  14220. 

  14221. .ui.input > input:active,

  14222. .ui.input.down input {

  14223.   border-color: rgba(0, 0, 0, 0.3);

  14224.   background: #FAFAFA;

  14225.   color: rgba(0, 0, 0, 0.87);

  14226.   -webkit-box-shadow: none;

  14227.   box-shadow: none;

  14228. }

  14229. 

  14230. /*--------------------

  14231.        Loading

  14232. ---------------------*/

  14233. 

  14234. .ui.loading.loading.input > i.icon:before {

  14235.   position: absolute;

  14236.   content: '';

  14237.   top: 50%;

  14238.   left: 50%;

  14239.   margin: -0.64285714em 0em 0em -0.64285714em;

  14240.   width: 1.28571429em;

  14241.   height: 1.28571429em;

  14242.   border-radius: 500rem;

  14243.   border: 0.2em solid rgba(0, 0, 0, 0.1);

  14244. }

  14245. 

  14246. .ui.loading.loading.input > i.icon:after {

  14247.   position: absolute;

  14248.   content: '';

  14249.   top: 50%;

  14250.   left: 50%;

  14251.   margin: -0.64285714em 0em 0em -0.64285714em;

  14252.   width: 1.28571429em;

  14253.   height: 1.28571429em;

  14254.   -webkit-animation: button-spin 0.6s linear;

  14255.   animation: button-spin 0.6s linear;

  14256.   -webkit-animation-iteration-count: infinite;

  14257.   animation-iteration-count: infinite;

  14258.   border-radius: 500rem;

  14259.   border-color: #767676 transparent transparent;

  14260.   border-style: solid;

  14261.   border-width: 0.2em;

  14262.   -webkit-box-shadow: 0px 0px 0px 1px transparent;

  14263.   box-shadow: 0px 0px 0px 1px transparent;

  14264. }

  14265. 

  14266. /*--------------------

  14267.         Focus

  14268. ---------------------*/

  14269. 

  14270. .ui.input.focus > input,

  14271. .ui.input > input:focus {

  14272.   border-color: #85B7D9;

  14273.   background: #FFFFFF;

  14274.   color: rgba(0, 0, 0, 0.8);

  14275.   -webkit-box-shadow: none;

  14276.   box-shadow: none;

  14277. }

  14278. 

  14279. .ui.input.focus > input::-webkit-input-placeholder,

  14280. .ui.input > input:focus::-webkit-input-placeholder {

  14281.   color: rgba(115, 115, 115, 0.87);

  14282. }

  14283. 

  14284. .ui.input.focus > input::-moz-placeholder,

  14285. .ui.input > input:focus::-moz-placeholder {

  14286.   color: rgba(115, 115, 115, 0.87);

  14287. }

  14288. 

  14289. .ui.input.focus > input:-ms-input-placeholder,

  14290. .ui.input > input:focus:-ms-input-placeholder {

  14291.   color: rgba(115, 115, 115, 0.87);

  14292. }

  14293. 

  14294. /*--------------------

  14295.         Error

  14296. ---------------------*/

  14297. 

  14298. .ui.input.error > input {

  14299.   background-color: #FFF6F6;

  14300.   border-color: #E0B4B4;

  14301.   color: #9F3A38;

  14302.   -webkit-box-shadow: none;

  14303.   box-shadow: none;

  14304. }

  14305. 

  14306. /* Error Placeholder */

  14307. 

  14308. .ui.input.error > input::-webkit-input-placeholder {

  14309.   color: #e7bdbc;

  14310. }

  14311. 

  14312. .ui.input.error > input::-moz-placeholder {

  14313.   color: #e7bdbc;

  14314. }

  14315. 

  14316. .ui.input.error > input:-ms-input-placeholder {

  14317.   color: #e7bdbc !important;

  14318. }

  14319. 

  14320. /* Focused Error Placeholder */

  14321. 

  14322. .ui.input.error > input:focus::-webkit-input-placeholder {

  14323.   color: #da9796;

  14324. }

  14325. 

  14326. .ui.input.error > input:focus::-moz-placeholder {

  14327.   color: #da9796;

  14328. }

  14329. 

  14330. .ui.input.error > input:focus:-ms-input-placeholder {

  14331.   color: #da9796 !important;

  14332. }

  14333. 

  14334. /*******************************

  14335.            Variations

  14336. *******************************/

  14337. 

  14338. /*--------------------

  14339.       Transparent

  14340. ---------------------*/

  14341. 

  14342. .ui.transparent.input > input {

  14343.   border-color: transparent !important;

  14344.   background-color: transparent !important;

  14345.   padding: 0em !important;

  14346.   -webkit-box-shadow: none !important;

  14347.   box-shadow: none !important;

  14348.   border-radius: 0px !important;

  14349. }

  14350. 

  14351. /* Transparent Icon */

  14352. 

  14353. .ui.transparent.icon.input > i.icon {

  14354.   width: 1.1em;

  14355. }

  14356. 

  14357. .ui.transparent.icon.input > input {

  14358.   padding-left: 0em !important;

  14359.   padding-right: 2em !important;

  14360. }

  14361. 

  14362. .ui.transparent[class*="left icon"].input > input {

  14363.   padding-left: 2em !important;

  14364.   padding-right: 0em !important;

  14365. }

  14366. 

  14367. /* Transparent Inverted */

  14368. 

  14369. .ui.transparent.inverted.input {

  14370.   color: #FFFFFF;

  14371. }

  14372. 

  14373. .ui.transparent.inverted.input > input {

  14374.   color: inherit;

  14375. }

  14376. 

  14377. .ui.transparent.inverted.input > input::-webkit-input-placeholder {

  14378.   color: rgba(255, 255, 255, 0.5);

  14379. }

  14380. 

  14381. .ui.transparent.inverted.input > input::-moz-placeholder {

  14382.   color: rgba(255, 255, 255, 0.5);

  14383. }

  14384. 

  14385. .ui.transparent.inverted.input > input:-ms-input-placeholder {

  14386.   color: rgba(255, 255, 255, 0.5);

  14387. }

  14388. 

  14389. /*--------------------

  14390.          Icon

  14391. ---------------------*/

  14392. 

  14393. .ui.icon.input > i.icon {

  14394.   cursor: default;

  14395.   position: absolute;

  14396.   line-height: 1;

  14397.   text-align: center;

  14398.   top: 0px;

  14399.   right: 0px;

  14400.   margin: 0em;

  14401.   height: 100%;

  14402.   width: 2.67142857em;

  14403.   opacity: 0.5;

  14404.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  14405.   -webkit-transition: opacity 0.3s ease;

  14406.   transition: opacity 0.3s ease;

  14407. }

  14408. 

  14409. .ui.icon.input > i.icon:not(.link) {

  14410.   pointer-events: none;

  14411. }

  14412. 

  14413. .ui.icon.input > input {

  14414.   padding-right: 2.67142857em !important;

  14415. }

  14416. 

  14417. .ui.icon.input > i.icon:before,

  14418. .ui.icon.input > i.icon:after {

  14419.   left: 0;

  14420.   position: absolute;

  14421.   text-align: center;

  14422.   top: 50%;

  14423.   width: 100%;

  14424.   margin-top: -0.5em;

  14425. }

  14426. 

  14427. .ui.icon.input > i.link.icon {

  14428.   cursor: pointer;

  14429. }

  14430. 

  14431. .ui.icon.input > i.circular.icon {

  14432.   top: 0.35em;

  14433.   right: 0.5em;

  14434. }

  14435. 

  14436. /* Left Icon Input */

  14437. 

  14438. .ui[class*="left icon"].input > i.icon {

  14439.   right: auto;

  14440.   left: 1px;

  14441.   border-radius: 0.28571429rem 0em 0em 0.28571429rem;

  14442. }

  14443. 

  14444. .ui[class*="left icon"].input > i.circular.icon {

  14445.   right: auto;

  14446.   left: 0.5em;

  14447. }

  14448. 

  14449. .ui[class*="left icon"].input > input {

  14450.   padding-left: 2.67142857em !important;

  14451.   padding-right: 1em !important;

  14452. }

  14453. 

  14454. /* Focus */

  14455. 

  14456. .ui.icon.input > input:focus ~ i.icon {

  14457.   opacity: 1;

  14458. }

  14459. 

  14460. /*--------------------

  14461.         Labeled

  14462. ---------------------*/

  14463. 

  14464. /* Adjacent Label */

  14465. 

  14466. .ui.labeled.input > .label {

  14467.   -webkit-box-flex: 0;

  14468.   -ms-flex: 0 0 auto;

  14469.   flex: 0 0 auto;

  14470.   margin: 0;

  14471.   font-size: 1em;

  14472. }

  14473. 

  14474. .ui.labeled.input > .label:not(.corner) {

  14475.   padding-top: 0.78571429em;

  14476.   padding-bottom: 0.78571429em;

  14477. }

  14478. 

  14479. /* Regular Label on Left */

  14480. 

  14481. .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {

  14482.   border-top-right-radius: 0px;

  14483.   border-bottom-right-radius: 0px;

  14484. }

  14485. 

  14486. .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {

  14487.   border-top-left-radius: 0px;

  14488.   border-bottom-left-radius: 0px;

  14489.   border-left-color: transparent;

  14490. }

  14491. 

  14492. .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {

  14493.   border-left-color: #85B7D9;

  14494. }

  14495. 

  14496. /* Regular Label on Right */

  14497. 

  14498. .ui[class*="right labeled"].input > input {

  14499.   border-top-right-radius: 0px !important;

  14500.   border-bottom-right-radius: 0px !important;

  14501.   border-right-color: transparent !important;

  14502. }

  14503. 

  14504. .ui[class*="right labeled"].input > input + .label {

  14505.   border-top-left-radius: 0px;

  14506.   border-bottom-left-radius: 0px;

  14507. }

  14508. 

  14509. .ui[class*="right labeled"].input > input:focus {

  14510.   border-right-color: #85B7D9 !important;

  14511. }

  14512. 

  14513. /* Corner Label */

  14514. 

  14515. .ui.labeled.input .corner.label {

  14516.   top: 1px;

  14517.   right: 1px;

  14518.   font-size: 0.64285714em;

  14519.   border-radius: 0em 0.28571429rem 0em 0em;

  14520. }

  14521. 

  14522. /* Spacing with corner label */

  14523. 

  14524. .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {

  14525.   padding-right: 2.5em !important;

  14526. }

  14527. 

  14528. .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {

  14529.   padding-right: 3.25em !important;

  14530. }

  14531. 

  14532. .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {

  14533.   margin-right: 1.25em;

  14534. }

  14535. 

  14536. /* Left Labeled */

  14537. 

  14538. .ui[class*="left corner labeled"].labeled.input > input {

  14539.   padding-left: 2.5em !important;

  14540. }

  14541. 

  14542. .ui[class*="left corner labeled"].icon.input > input {

  14543.   padding-left: 3.25em !important;

  14544. }

  14545. 

  14546. .ui[class*="left corner labeled"].icon.input > .icon {

  14547.   margin-left: 1.25em;

  14548. }

  14549. 

  14550. /* Corner Label Position  */

  14551. 

  14552. .ui.input > .ui.corner.label {

  14553.   top: 1px;

  14554.   right: 1px;

  14555. }

  14556. 

  14557. .ui.input > .ui.left.corner.label {

  14558.   right: auto;

  14559.   left: 1px;

  14560. }

  14561. 

  14562. /*--------------------

  14563.         Action

  14564. ---------------------*/

  14565. 

  14566. .ui.action.input > .button,

  14567. .ui.action.input > .buttons {

  14568.   display: -webkit-box;

  14569.   display: -ms-flexbox;

  14570.   display: flex;

  14571.   -webkit-box-align: center;

  14572.   -ms-flex-align: center;

  14573.   align-items: center;

  14574.   -webkit-box-flex: 0;

  14575.   -ms-flex: 0 0 auto;

  14576.   flex: 0 0 auto;

  14577. }

  14578. 

  14579. .ui.action.input > .button,

  14580. .ui.action.input > .buttons > .button {

  14581.   padding-top: 0.78571429em;

  14582.   padding-bottom: 0.78571429em;

  14583.   margin: 0;

  14584. }

  14585. 

  14586. /* Button on Right */

  14587. 

  14588. .ui.action.input:not([class*="left action"]) > input {

  14589.   border-top-right-radius: 0px !important;

  14590.   border-bottom-right-radius: 0px !important;

  14591.   border-right-color: transparent !important;

  14592. }

  14593. 

  14594. .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),

  14595. .ui.action.input:not([class*="left action"]) > .button:not(:first-child),

  14596. .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {

  14597.   border-radius: 0px;

  14598. }

  14599. 

  14600. .ui.action.input:not([class*="left action"]) > .dropdown:last-child,

  14601. .ui.action.input:not([class*="left action"]) > .button:last-child,

  14602. .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {

  14603.   border-radius: 0px 0.28571429rem 0.28571429rem 0px;

  14604. }

  14605. 

  14606. /* Input Focus */

  14607. 

  14608. .ui.action.input:not([class*="left action"]) > input:focus {

  14609.   border-right-color: #85B7D9 !important;

  14610. }

  14611. 

  14612. /* Button on Left */

  14613. 

  14614. .ui[class*="left action"].input > input {

  14615.   border-top-left-radius: 0px !important;

  14616.   border-bottom-left-radius: 0px !important;

  14617.   border-left-color: transparent !important;

  14618. }

  14619. 

  14620. .ui[class*="left action"].input > .dropdown,

  14621. .ui[class*="left action"].input > .button,

  14622. .ui[class*="left action"].input > .buttons > .button {

  14623.   border-radius: 0px;

  14624. }

  14625. 

  14626. .ui[class*="left action"].input > .dropdown:first-child,

  14627. .ui[class*="left action"].input > .button:first-child,

  14628. .ui[class*="left action"].input > .buttons:first-child > .button {

  14629.   border-radius: 0.28571429rem 0px 0px 0.28571429rem;

  14630. }

  14631. 

  14632. /* Input Focus */

  14633. 

  14634. .ui[class*="left action"].input > input:focus {

  14635.   border-left-color: #85B7D9 !important;

  14636. }

  14637. 

  14638. /*--------------------

  14639.        Inverted

  14640. ---------------------*/

  14641. 

  14642. /* Standard */

  14643. 

  14644. .ui.inverted.input > input {

  14645.   border: none;

  14646. }

  14647. 

  14648. /*--------------------

  14649.         Fluid

  14650. ---------------------*/

  14651. 

  14652. .ui.fluid.input {

  14653.   display: -webkit-box;

  14654.   display: -ms-flexbox;

  14655.   display: flex;

  14656. }

  14657. 

  14658. .ui.fluid.input > input {

  14659.   width: 0px !important;

  14660. }

  14661. 

  14662. /*--------------------

  14663.         Size

  14664. ---------------------*/

  14665. 

  14666. .ui.mini.input {

  14667.   font-size: 0.78571429em;

  14668. }

  14669. 

  14670. .ui.small.input {

  14671.   font-size: 0.92857143em;

  14672. }

  14673. 

  14674. .ui.input {

  14675.   font-size: 1em;

  14676. }

  14677. 

  14678. .ui.large.input {

  14679.   font-size: 1.14285714em;

  14680. }

  14681. 

  14682. .ui.big.input {

  14683.   font-size: 1.28571429em;

  14684. }

  14685. 

  14686. .ui.huge.input {

  14687.   font-size: 1.42857143em;

  14688. }

  14689. 

  14690. .ui.massive.input {

  14691.   font-size: 1.71428571em;

  14692. }

  14693. 

  14694. /*******************************

  14695.          Theme Overrides

  14696. *******************************/

  14697. 

  14698. /*******************************

  14699.          Site Overrides

  14700. *******************************/

  14701. /*!

  14702.  * # Semantic UI 2.4.0 - Label

  14703.  * http://github.com/semantic-org/semantic-ui/

  14704.  *

  14705.  *

  14706.  * Released under the MIT license

  14707.  * http://opensource.org/licenses/MIT

  14708.  *

  14709.  */

  14710. 

  14711. /*******************************

  14712.             Label

  14713. *******************************/

  14714. 

  14715. .ui.label {

  14716.   display: inline-block;

  14717.   line-height: 1;

  14718.   vertical-align: baseline;

  14719.   margin: 0em 0.14285714em;

  14720.   background-color: #E8E8E8;

  14721.   background-image: none;

  14722.   padding: 0.5833em 0.833em;

  14723.   color: rgba(0, 0, 0, 0.6);

  14724.   text-transform: none;

  14725.   font-weight: bold;

  14726.   border: 0px solid transparent;

  14727.   border-radius: 0.28571429rem;

  14728.   -webkit-transition: background 0.1s ease;

  14729.   transition: background 0.1s ease;

  14730. }

  14731. 

  14732. .ui.label:first-child {

  14733.   margin-left: 0em;

  14734. }

  14735. 

  14736. .ui.label:last-child {

  14737.   margin-right: 0em;

  14738. }

  14739. 

  14740. /* Link */

  14741. 

  14742. a.ui.label {

  14743.   cursor: pointer;

  14744. }

  14745. 

  14746. /* Inside Link */

  14747. 

  14748. .ui.label > a {

  14749.   cursor: pointer;

  14750.   color: inherit;

  14751.   opacity: 0.5;

  14752.   -webkit-transition: 0.1s opacity ease;

  14753.   transition: 0.1s opacity ease;

  14754. }

  14755. 

  14756. .ui.label > a:hover {

  14757.   opacity: 1;

  14758. }

  14759. 

  14760. /* Image */

  14761. 

  14762. .ui.label > img {

  14763.   width: auto !important;

  14764.   vertical-align: middle;

  14765.   height: 2.1666em !important;

  14766. }

  14767. 

  14768. /* Icon */

  14769. 

  14770. .ui.label > .icon {

  14771.   width: auto;

  14772.   margin: 0em 0.75em 0em 0em;

  14773. }

  14774. 

  14775. /* Detail */

  14776. 

  14777. .ui.label > .detail {

  14778.   display: inline-block;

  14779.   vertical-align: top;

  14780.   font-weight: bold;

  14781.   margin-left: 1em;

  14782.   opacity: 0.8;

  14783. }

  14784. 

  14785. .ui.label > .detail .icon {

  14786.   margin: 0em 0.25em 0em 0em;

  14787. }

  14788. 

  14789. /* Removable label */

  14790. 

  14791. .ui.label > .close.icon,

  14792. .ui.label > .delete.icon {

  14793.   cursor: pointer;

  14794.   margin-right: 0em;

  14795.   margin-left: 0.5em;

  14796.   font-size: 0.92857143em;

  14797.   opacity: 0.5;

  14798.   -webkit-transition: background 0.1s ease;

  14799.   transition: background 0.1s ease;

  14800. }

  14801. 

  14802. .ui.label > .delete.icon:hover {

  14803.   opacity: 1;

  14804. }

  14805. 

  14806. /*-------------------

  14807.        Group

  14808. --------------------*/

  14809. 

  14810. .ui.labels > .label {

  14811.   margin: 0em 0.5em 0.5em 0em;

  14812. }

  14813. 

  14814. /*-------------------

  14815.        Coupling

  14816. --------------------*/

  14817. 

  14818. .ui.header > .ui.label {

  14819.   margin-top: -0.29165em;

  14820. }

  14821. 

  14822. /* Remove border radius on attached segment */

  14823. 

  14824. .ui.attached.segment > .ui.top.left.attached.label,

  14825. .ui.bottom.attached.segment > .ui.top.left.attached.label {

  14826.   border-top-left-radius: 0;

  14827. }

  14828. 

  14829. .ui.attached.segment > .ui.top.right.attached.label,

  14830. .ui.bottom.attached.segment > .ui.top.right.attached.label {

  14831.   border-top-right-radius: 0;

  14832. }

  14833. 

  14834. .ui.top.attached.segment > .ui.bottom.left.attached.label {

  14835.   border-bottom-left-radius: 0;

  14836. }

  14837. 

  14838. .ui.top.attached.segment > .ui.bottom.right.attached.label {

  14839.   border-bottom-right-radius: 0;

  14840. }

  14841. 

  14842. /* Padding on next content after a label */

  14843. 

  14844. .ui.top.attached.label:first-child + :not(.attached),

  14845. .ui.top.attached.label + [class*="right floated"] + * {

  14846.   margin-top: 2rem !important;

  14847. }

  14848. 

  14849. .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {

  14850.   margin-top: 0em;

  14851.   margin-bottom: 2rem !important;

  14852. }

  14853. 

  14854. /*******************************

  14855.              Types

  14856. *******************************/

  14857. 

  14858. .ui.image.label {

  14859.   width: auto !important;

  14860.   margin-top: 0em;

  14861.   margin-bottom: 0em;

  14862.   max-width: 9999px;

  14863.   vertical-align: baseline;

  14864.   text-transform: none;

  14865.   background: #E8E8E8;

  14866.   padding: 0.5833em 0.833em 0.5833em 0.5em;

  14867.   border-radius: 0.28571429rem;

  14868.   -webkit-box-shadow: none;

  14869.   box-shadow: none;

  14870. }

  14871. 

  14872. .ui.image.label img {

  14873.   display: inline-block;

  14874.   vertical-align: top;

  14875.   height: 2.1666em;

  14876.   margin: -0.5833em 0.5em -0.5833em -0.5em;

  14877.   border-radius: 0.28571429rem 0em 0em 0.28571429rem;

  14878. }

  14879. 

  14880. .ui.image.label .detail {

  14881.   background: rgba(0, 0, 0, 0.1);

  14882.   margin: -0.5833em -0.833em -0.5833em 0.5em;

  14883.   padding: 0.5833em 0.833em;

  14884.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  14885. }

  14886. 

  14887. /*-------------------

  14888.          Tag

  14889. --------------------*/

  14890. 

  14891. .ui.tag.labels .label,

  14892. .ui.tag.label {

  14893.   margin-left: 1em;

  14894.   position: relative;

  14895.   padding-left: 1.5em;

  14896.   padding-right: 1.5em;

  14897.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  14898.   -webkit-transition: none;

  14899.   transition: none;

  14900. }

  14901. 

  14902. .ui.tag.labels .label:before,

  14903. .ui.tag.label:before {

  14904.   position: absolute;

  14905.   -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);

  14906.   transform: translateY(-50%) translateX(50%) rotate(-45deg);

  14907.   top: 50%;

  14908.   right: 100%;

  14909.   content: '';

  14910.   background-color: inherit;

  14911.   background-image: none;

  14912.   width: 1.56em;

  14913.   height: 1.56em;

  14914.   -webkit-transition: none;

  14915.   transition: none;

  14916. }

  14917. 

  14918. .ui.tag.labels .label:after,

  14919. .ui.tag.label:after {

  14920.   position: absolute;

  14921.   content: '';

  14922.   top: 50%;

  14923.   left: -0.25em;

  14924.   margin-top: -0.25em;

  14925.   background-color: #FFFFFF !important;

  14926.   width: 0.5em;

  14927.   height: 0.5em;

  14928.   -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);

  14929.   box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);

  14930.   border-radius: 500rem;

  14931. }

  14932. 

  14933. /*-------------------

  14934.     Corner Label

  14935. --------------------*/

  14936. 

  14937. .ui.corner.label {

  14938.   position: absolute;

  14939.   top: 0em;

  14940.   right: 0em;

  14941.   margin: 0em;

  14942.   padding: 0em;

  14943.   text-align: center;

  14944.   border-color: #E8E8E8;

  14945.   width: 4em;

  14946.   height: 4em;

  14947.   z-index: 1;

  14948.   -webkit-transition: border-color 0.1s ease;

  14949.   transition: border-color 0.1s ease;

  14950. }

  14951. 

  14952. /* Icon Label */

  14953. 

  14954. .ui.corner.label {

  14955.   background-color: transparent !important;

  14956. }

  14957. 

  14958. .ui.corner.label:after {

  14959.   position: absolute;

  14960.   content: "";

  14961.   right: 0em;

  14962.   top: 0em;

  14963.   z-index: -1;

  14964.   width: 0em;

  14965.   height: 0em;

  14966.   background-color: transparent !important;

  14967.   border-top: 0em solid transparent;

  14968.   border-right: 4em solid transparent;

  14969.   border-bottom: 4em solid transparent;

  14970.   border-left: 0em solid transparent;

  14971.   border-right-color: inherit;

  14972.   -webkit-transition: border-color 0.1s ease;

  14973.   transition: border-color 0.1s ease;

  14974. }

  14975. 

  14976. .ui.corner.label .icon {

  14977.   cursor: default;

  14978.   position: relative;

  14979.   top: 0.64285714em;

  14980.   left: 0.78571429em;

  14981.   font-size: 1.14285714em;

  14982.   margin: 0em;

  14983. }

  14984. 

  14985. /* Left Corner */

  14986. 

  14987. .ui.left.corner.label,

  14988. .ui.left.corner.label:after {

  14989.   right: auto;

  14990.   left: 0em;

  14991. }

  14992. 

  14993. .ui.left.corner.label:after {

  14994.   border-top: 4em solid transparent;

  14995.   border-right: 4em solid transparent;

  14996.   border-bottom: 0em solid transparent;

  14997.   border-left: 0em solid transparent;

  14998.   border-top-color: inherit;

  14999. }

  15000. 

  15001. .ui.left.corner.label .icon {

  15002.   left: -0.78571429em;

  15003. }

  15004. 

  15005. /* Segment */

  15006. 

  15007. .ui.segment > .ui.corner.label {

  15008.   top: -1px;

  15009.   right: -1px;

  15010. }

  15011. 

  15012. .ui.segment > .ui.left.corner.label {

  15013.   right: auto;

  15014.   left: -1px;

  15015. }

  15016. 

  15017. /*-------------------

  15018.        Ribbon

  15019. --------------------*/

  15020. 

  15021. .ui.ribbon.label {

  15022.   position: relative;

  15023.   margin: 0em;

  15024.   min-width: -webkit-max-content;

  15025.   min-width: -moz-max-content;

  15026.   min-width: max-content;

  15027.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  15028.   border-color: rgba(0, 0, 0, 0.15);

  15029. }

  15030. 

  15031. .ui.ribbon.label:after {

  15032.   position: absolute;

  15033.   content: '';

  15034.   top: 100%;

  15035.   left: 0%;

  15036.   background-color: transparent !important;

  15037.   border-style: solid;

  15038.   border-width: 0em 1.2em 1.2em 0em;

  15039.   border-color: transparent;

  15040.   border-right-color: inherit;

  15041.   width: 0em;

  15042.   height: 0em;

  15043. }

  15044. 

  15045. /* Positioning */

  15046. 

  15047. .ui.ribbon.label {

  15048.   left: calc( -1rem  -  1.2em );

  15049.   margin-right: -1.2em;

  15050.   padding-left: calc( 1rem  +  1.2em );

  15051.   padding-right: 1.2em;

  15052. }

  15053. 

  15054. .ui[class*="right ribbon"].label {

  15055.   left: calc(100% +  1rem  +  1.2em );

  15056.   padding-left: 1.2em;

  15057.   padding-right: calc( 1rem  +  1.2em );

  15058. }

  15059. 

  15060. /* Right Ribbon */

  15061. 

  15062. .ui[class*="right ribbon"].label {

  15063.   text-align: left;

  15064.   -webkit-transform: translateX(-100%);

  15065.   transform: translateX(-100%);

  15066.   border-radius: 0.28571429rem 0em 0em 0.28571429rem;

  15067. }

  15068. 

  15069. .ui[class*="right ribbon"].label:after {

  15070.   left: auto;

  15071.   right: 0%;

  15072.   border-style: solid;

  15073.   border-width: 1.2em 1.2em 0em 0em;

  15074.   border-color: transparent;

  15075.   border-top-color: inherit;

  15076. }

  15077. 

  15078. /* Inside Table */

  15079. 

  15080. .ui.image > .ribbon.label,

  15081. .ui.card .image > .ribbon.label {

  15082.   position: absolute;

  15083.   top: 1rem;

  15084. }

  15085. 

  15086. .ui.card .image > .ui.ribbon.label,

  15087. .ui.image > .ui.ribbon.label {

  15088.   left: calc( 0.05rem  -  1.2em );

  15089. }

  15090. 

  15091. .ui.card .image > .ui[class*="right ribbon"].label,

  15092. .ui.image > .ui[class*="right ribbon"].label {

  15093.   left: calc(100% +  -0.05rem  +  1.2em );

  15094.   padding-left: 0.833em;

  15095. }

  15096. 

  15097. /* Inside Table */

  15098. 

  15099. .ui.table td > .ui.ribbon.label {

  15100.   left: calc( -0.78571429em  -  1.2em );

  15101. }

  15102. 

  15103. .ui.table td > .ui[class*="right ribbon"].label {

  15104.   left: calc(100% +  0.78571429em  +  1.2em );

  15105.   padding-left: 0.833em;

  15106. }

  15107. 

  15108. /*-------------------

  15109.       Attached

  15110. --------------------*/

  15111. 

  15112. .ui[class*="top attached"].label,

  15113. .ui.attached.label {

  15114.   width: 100%;

  15115.   position: absolute;

  15116.   margin: 0em;

  15117.   top: 0em;

  15118.   left: 0em;

  15119.   padding: 0.75em 1em;

  15120.   border-radius: 0.21428571rem 0.21428571rem 0em 0em;

  15121. }

  15122. 

  15123. .ui[class*="bottom attached"].label {

  15124.   top: auto;

  15125.   bottom: 0em;

  15126.   border-radius: 0em 0em 0.21428571rem 0.21428571rem;

  15127. }

  15128. 

  15129. .ui[class*="top left attached"].label {

  15130.   width: auto;

  15131.   margin-top: 0em !important;

  15132.   border-radius: 0.21428571rem 0em 0.28571429rem 0em;

  15133. }

  15134. 

  15135. .ui[class*="top right attached"].label {

  15136.   width: auto;

  15137.   left: auto;

  15138.   right: 0em;

  15139.   border-radius: 0em 0.21428571rem 0em 0.28571429rem;

  15140. }

  15141. 

  15142. .ui[class*="bottom left attached"].label {

  15143.   width: auto;

  15144.   top: auto;

  15145.   bottom: 0em;

  15146.   border-radius: 0em 0.28571429rem 0em 0.21428571rem;

  15147. }

  15148. 

  15149. .ui[class*="bottom right attached"].label {

  15150.   top: auto;

  15151.   bottom: 0em;

  15152.   left: auto;

  15153.   right: 0em;

  15154.   width: auto;

  15155.   border-radius: 0.28571429rem 0em 0.21428571rem 0em;

  15156. }

  15157. 

  15158. /*******************************

  15159.              States

  15160. *******************************/

  15161. 

  15162. /*-------------------

  15163.       Disabled

  15164. --------------------*/

  15165. 

  15166. .ui.label.disabled {

  15167.   opacity: 0.5;

  15168. }

  15169. 

  15170. /*-------------------

  15171.         Hover

  15172. --------------------*/

  15173. 

  15174. a.ui.labels .label:hover,

  15175. a.ui.label:hover {

  15176.   background-color: #E0E0E0;

  15177.   border-color: #E0E0E0;

  15178.   background-image: none;

  15179.   color: rgba(0, 0, 0, 0.8);

  15180. }

  15181. 

  15182. .ui.labels a.label:hover:before,

  15183. a.ui.label:hover:before {

  15184.   color: rgba(0, 0, 0, 0.8);

  15185. }

  15186. 

  15187. /*-------------------

  15188.         Active

  15189. --------------------*/

  15190. 

  15191. .ui.active.label {

  15192.   background-color: #D0D0D0;

  15193.   border-color: #D0D0D0;

  15194.   background-image: none;

  15195.   color: rgba(0, 0, 0, 0.95);

  15196. }

  15197. 

  15198. .ui.active.label:before {

  15199.   background-color: #D0D0D0;

  15200.   background-image: none;

  15201.   color: rgba(0, 0, 0, 0.95);

  15202. }

  15203. 

  15204. /*-------------------

  15205.      Active Hover

  15206. --------------------*/

  15207. 

  15208. a.ui.labels .active.label:hover,

  15209. a.ui.active.label:hover {

  15210.   background-color: #C8C8C8;

  15211.   border-color: #C8C8C8;

  15212.   background-image: none;

  15213.   color: rgba(0, 0, 0, 0.95);

  15214. }

  15215. 

  15216. .ui.labels a.active.label:ActiveHover:before,

  15217. a.ui.active.label:ActiveHover:before {

  15218.   background-color: #C8C8C8;

  15219.   background-image: none;

  15220.   color: rgba(0, 0, 0, 0.95);

  15221. }

  15222. 

  15223. /*-------------------

  15224.       Visible

  15225. --------------------*/

  15226. 

  15227. .ui.labels.visible .label,

  15228. .ui.label.visible:not(.dropdown) {

  15229.   display: inline-block !important;

  15230. }

  15231. 

  15232. /*-------------------

  15233.       Hidden

  15234. --------------------*/

  15235. 

  15236. .ui.labels.hidden .label,

  15237. .ui.label.hidden {

  15238.   display: none !important;

  15239. }

  15240. 

  15241. /*******************************

  15242.            Variations

  15243. *******************************/

  15244. 

  15245. /*-------------------

  15246.        Colors

  15247. --------------------*/

  15248. 

  15249. /*--- Red ---*/

  15250. 

  15251. .ui.red.labels .label,

  15252. .ui.red.label {

  15253.   background-color: #DB2828 !important;

  15254.   border-color: #DB2828 !important;

  15255.   color: #FFFFFF !important;

  15256. }

  15257. 

  15258. /* Link */

  15259. 

  15260. .ui.red.labels .label:hover,

  15261. a.ui.red.label:hover {

  15262.   background-color: #d01919 !important;

  15263.   border-color: #d01919 !important;

  15264.   color: #FFFFFF !important;

  15265. }

  15266. 

  15267. /* Corner */

  15268. 

  15269. .ui.red.corner.label,

  15270. .ui.red.corner.label:hover {

  15271.   background-color: transparent !important;

  15272. }

  15273. 

  15274. /* Ribbon */

  15275. 

  15276. .ui.red.ribbon.label {

  15277.   border-color: #b21e1e !important;

  15278. }

  15279. 

  15280. /* Basic */

  15281. 

  15282. .ui.basic.red.label {

  15283.   background: none #FFFFFF !important;

  15284.   color: #DB2828 !important;

  15285.   border-color: #DB2828 !important;

  15286. }

  15287. 

  15288. .ui.basic.red.labels a.label:hover,

  15289. a.ui.basic.red.label:hover {

  15290.   background-color: #FFFFFF !important;

  15291.   color: #d01919 !important;

  15292.   border-color: #d01919 !important;

  15293. }

  15294. 

  15295. /*--- Orange ---*/

  15296. 

  15297. .ui.orange.labels .label,

  15298. .ui.orange.label {

  15299.   background-color: #F2711C !important;

  15300.   border-color: #F2711C !important;

  15301.   color: #FFFFFF !important;

  15302. }

  15303. 

  15304. /* Link */

  15305. 

  15306. .ui.orange.labels .label:hover,

  15307. a.ui.orange.label:hover {

  15308.   background-color: #f26202 !important;

  15309.   border-color: #f26202 !important;

  15310.   color: #FFFFFF !important;

  15311. }

  15312. 

  15313. /* Corner */

  15314. 

  15315. .ui.orange.corner.label,

  15316. .ui.orange.corner.label:hover {

  15317.   background-color: transparent !important;

  15318. }

  15319. 

  15320. /* Ribbon */

  15321. 

  15322. .ui.orange.ribbon.label {

  15323.   border-color: #cf590c !important;

  15324. }

  15325. 

  15326. /* Basic */

  15327. 

  15328. .ui.basic.orange.label {

  15329.   background: none #FFFFFF !important;

  15330.   color: #F2711C !important;

  15331.   border-color: #F2711C !important;

  15332. }

  15333. 

  15334. .ui.basic.orange.labels a.label:hover,

  15335. a.ui.basic.orange.label:hover {

  15336.   background-color: #FFFFFF !important;

  15337.   color: #f26202 !important;

  15338.   border-color: #f26202 !important;

  15339. }

  15340. 

  15341. /*--- Yellow ---*/

  15342. 

  15343. .ui.yellow.labels .label,

  15344. .ui.yellow.label {

  15345.   background-color: #FBBD08 !important;

  15346.   border-color: #FBBD08 !important;

  15347.   color: #FFFFFF !important;

  15348. }

  15349. 

  15350. /* Link */

  15351. 

  15352. .ui.yellow.labels .label:hover,

  15353. a.ui.yellow.label:hover {

  15354.   background-color: #eaae00 !important;

  15355.   border-color: #eaae00 !important;

  15356.   color: #FFFFFF !important;

  15357. }

  15358. 

  15359. /* Corner */

  15360. 

  15361. .ui.yellow.corner.label,

  15362. .ui.yellow.corner.label:hover {

  15363.   background-color: transparent !important;

  15364. }

  15365. 

  15366. /* Ribbon */

  15367. 

  15368. .ui.yellow.ribbon.label {

  15369.   border-color: #cd9903 !important;

  15370. }

  15371. 

  15372. /* Basic */

  15373. 

  15374. .ui.basic.yellow.label {

  15375.   background: none #FFFFFF !important;

  15376.   color: #FBBD08 !important;

  15377.   border-color: #FBBD08 !important;

  15378. }

  15379. 

  15380. .ui.basic.yellow.labels a.label:hover,

  15381. a.ui.basic.yellow.label:hover {

  15382.   background-color: #FFFFFF !important;

  15383.   color: #eaae00 !important;

  15384.   border-color: #eaae00 !important;

  15385. }

  15386. 

  15387. /*--- Olive ---*/

  15388. 

  15389. .ui.olive.labels .label,

  15390. .ui.olive.label {

  15391.   background-color: #B5CC18 !important;

  15392.   border-color: #B5CC18 !important;

  15393.   color: #FFFFFF !important;

  15394. }

  15395. 

  15396. /* Link */

  15397. 

  15398. .ui.olive.labels .label:hover,

  15399. a.ui.olive.label:hover {

  15400.   background-color: #a7bd0d !important;

  15401.   border-color: #a7bd0d !important;

  15402.   color: #FFFFFF !important;

  15403. }

  15404. 

  15405. /* Corner */

  15406. 

  15407. .ui.olive.corner.label,

  15408. .ui.olive.corner.label:hover {

  15409.   background-color: transparent !important;

  15410. }

  15411. 

  15412. /* Ribbon */

  15413. 

  15414. .ui.olive.ribbon.label {

  15415.   border-color: #198f35 !important;

  15416. }

  15417. 

  15418. /* Basic */

  15419. 

  15420. .ui.basic.olive.label {

  15421.   background: none #FFFFFF !important;

  15422.   color: #B5CC18 !important;

  15423.   border-color: #B5CC18 !important;

  15424. }

  15425. 

  15426. .ui.basic.olive.labels a.label:hover,

  15427. a.ui.basic.olive.label:hover {

  15428.   background-color: #FFFFFF !important;

  15429.   color: #a7bd0d !important;

  15430.   border-color: #a7bd0d !important;

  15431. }

  15432. 

  15433. /*--- Green ---*/

  15434. 

  15435. .ui.green.labels .label,

  15436. .ui.green.label {

  15437.   background-color: #21BA45 !important;

  15438.   border-color: #21BA45 !important;

  15439.   color: #FFFFFF !important;

  15440. }

  15441. 

  15442. /* Link */

  15443. 

  15444. .ui.green.labels .label:hover,

  15445. a.ui.green.label:hover {

  15446.   background-color: #16ab39 !important;

  15447.   border-color: #16ab39 !important;

  15448.   color: #FFFFFF !important;

  15449. }

  15450. 

  15451. /* Corner */

  15452. 

  15453. .ui.green.corner.label,

  15454. .ui.green.corner.label:hover {

  15455.   background-color: transparent !important;

  15456. }

  15457. 

  15458. /* Ribbon */

  15459. 

  15460. .ui.green.ribbon.label {

  15461.   border-color: #198f35 !important;

  15462. }

  15463. 

  15464. /* Basic */

  15465. 

  15466. .ui.basic.green.label {

  15467.   background: none #FFFFFF !important;

  15468.   color: #21BA45 !important;

  15469.   border-color: #21BA45 !important;

  15470. }

  15471. 

  15472. .ui.basic.green.labels a.label:hover,

  15473. a.ui.basic.green.label:hover {

  15474.   background-color: #FFFFFF !important;

  15475.   color: #16ab39 !important;

  15476.   border-color: #16ab39 !important;

  15477. }

  15478. 

  15479. /*--- Teal ---*/

  15480. 

  15481. .ui.teal.labels .label,

  15482. .ui.teal.label {

  15483.   background-color: #00B5AD !important;

  15484.   border-color: #00B5AD !important;

  15485.   color: #FFFFFF !important;

  15486. }

  15487. 

  15488. /* Link */

  15489. 

  15490. .ui.teal.labels .label:hover,

  15491. a.ui.teal.label:hover {

  15492.   background-color: #009c95 !important;

  15493.   border-color: #009c95 !important;

  15494.   color: #FFFFFF !important;

  15495. }

  15496. 

  15497. /* Corner */

  15498. 

  15499. .ui.teal.corner.label,

  15500. .ui.teal.corner.label:hover {

  15501.   background-color: transparent !important;

  15502. }

  15503. 

  15504. /* Ribbon */

  15505. 

  15506. .ui.teal.ribbon.label {

  15507.   border-color: #00827c !important;

  15508. }

  15509. 

  15510. /* Basic */

  15511. 

  15512. .ui.basic.teal.label {

  15513.   background: none #FFFFFF !important;

  15514.   color: #00B5AD !important;

  15515.   border-color: #00B5AD !important;

  15516. }

  15517. 

  15518. .ui.basic.teal.labels a.label:hover,

  15519. a.ui.basic.teal.label:hover {

  15520.   background-color: #FFFFFF !important;

  15521.   color: #009c95 !important;

  15522.   border-color: #009c95 !important;

  15523. }

  15524. 

  15525. /*--- Blue ---*/

  15526. 

  15527. .ui.blue.labels .label,

  15528. .ui.blue.label {

  15529.   background-color: #2185D0 !important;

  15530.   border-color: #2185D0 !important;

  15531.   color: #FFFFFF !important;

  15532. }

  15533. 

  15534. /* Link */

  15535. 

  15536. .ui.blue.labels .label:hover,

  15537. a.ui.blue.label:hover {

  15538.   background-color: #1678c2 !important;

  15539.   border-color: #1678c2 !important;

  15540.   color: #FFFFFF !important;

  15541. }

  15542. 

  15543. /* Corner */

  15544. 

  15545. .ui.blue.corner.label,

  15546. .ui.blue.corner.label:hover {

  15547.   background-color: transparent !important;

  15548. }

  15549. 

  15550. /* Ribbon */

  15551. 

  15552. .ui.blue.ribbon.label {

  15553.   border-color: #1a69a4 !important;

  15554. }

  15555. 

  15556. /* Basic */

  15557. 

  15558. .ui.basic.blue.label {

  15559.   background: none #FFFFFF !important;

  15560.   color: #2185D0 !important;

  15561.   border-color: #2185D0 !important;

  15562. }

  15563. 

  15564. .ui.basic.blue.labels a.label:hover,

  15565. a.ui.basic.blue.label:hover {

  15566.   background-color: #FFFFFF !important;

  15567.   color: #1678c2 !important;

  15568.   border-color: #1678c2 !important;

  15569. }

  15570. 

  15571. /*--- Violet ---*/

  15572. 

  15573. .ui.violet.labels .label,

  15574. .ui.violet.label {

  15575.   background-color: #6435C9 !important;

  15576.   border-color: #6435C9 !important;

  15577.   color: #FFFFFF !important;

  15578. }

  15579. 

  15580. /* Link */

  15581. 

  15582. .ui.violet.labels .label:hover,

  15583. a.ui.violet.label:hover {

  15584.   background-color: #5829bb !important;

  15585.   border-color: #5829bb !important;

  15586.   color: #FFFFFF !important;

  15587. }

  15588. 

  15589. /* Corner */

  15590. 

  15591. .ui.violet.corner.label,

  15592. .ui.violet.corner.label:hover {

  15593.   background-color: transparent !important;

  15594. }

  15595. 

  15596. /* Ribbon */

  15597. 

  15598. .ui.violet.ribbon.label {

  15599.   border-color: #502aa1 !important;

  15600. }

  15601. 

  15602. /* Basic */

  15603. 

  15604. .ui.basic.violet.label {

  15605.   background: none #FFFFFF !important;

  15606.   color: #6435C9 !important;

  15607.   border-color: #6435C9 !important;

  15608. }

  15609. 

  15610. .ui.basic.violet.labels a.label:hover,

  15611. a.ui.basic.violet.label:hover {

  15612.   background-color: #FFFFFF !important;

  15613.   color: #5829bb !important;

  15614.   border-color: #5829bb !important;

  15615. }

  15616. 

  15617. /*--- Purple ---*/

  15618. 

  15619. .ui.purple.labels .label,

  15620. .ui.purple.label {

  15621.   background-color: #A333C8 !important;

  15622.   border-color: #A333C8 !important;

  15623.   color: #FFFFFF !important;

  15624. }

  15625. 

  15626. /* Link */

  15627. 

  15628. .ui.purple.labels .label:hover,

  15629. a.ui.purple.label:hover {

  15630.   background-color: #9627ba !important;

  15631.   border-color: #9627ba !important;

  15632.   color: #FFFFFF !important;

  15633. }

  15634. 

  15635. /* Corner */

  15636. 

  15637. .ui.purple.corner.label,

  15638. .ui.purple.corner.label:hover {

  15639.   background-color: transparent !important;

  15640. }

  15641. 

  15642. /* Ribbon */

  15643. 

  15644. .ui.purple.ribbon.label {

  15645.   border-color: #82299f !important;

  15646. }

  15647. 

  15648. /* Basic */

  15649. 

  15650. .ui.basic.purple.label {

  15651.   background: none #FFFFFF !important;

  15652.   color: #A333C8 !important;

  15653.   border-color: #A333C8 !important;

  15654. }

  15655. 

  15656. .ui.basic.purple.labels a.label:hover,

  15657. a.ui.basic.purple.label:hover {

  15658.   background-color: #FFFFFF !important;

  15659.   color: #9627ba !important;

  15660.   border-color: #9627ba !important;

  15661. }

  15662. 

  15663. /*--- Pink ---*/

  15664. 

  15665. .ui.pink.labels .label,

  15666. .ui.pink.label {

  15667.   background-color: #E03997 !important;

  15668.   border-color: #E03997 !important;

  15669.   color: #FFFFFF !important;

  15670. }

  15671. 

  15672. /* Link */

  15673. 

  15674. .ui.pink.labels .label:hover,

  15675. a.ui.pink.label:hover {

  15676.   background-color: #e61a8d !important;

  15677.   border-color: #e61a8d !important;

  15678.   color: #FFFFFF !important;

  15679. }

  15680. 

  15681. /* Corner */

  15682. 

  15683. .ui.pink.corner.label,

  15684. .ui.pink.corner.label:hover {

  15685.   background-color: transparent !important;

  15686. }

  15687. 

  15688. /* Ribbon */

  15689. 

  15690. .ui.pink.ribbon.label {

  15691.   border-color: #c71f7e !important;

  15692. }

  15693. 

  15694. /* Basic */

  15695. 

  15696. .ui.basic.pink.label {

  15697.   background: none #FFFFFF !important;

  15698.   color: #E03997 !important;

  15699.   border-color: #E03997 !important;

  15700. }

  15701. 

  15702. .ui.basic.pink.labels a.label:hover,

  15703. a.ui.basic.pink.label:hover {

  15704.   background-color: #FFFFFF !important;

  15705.   color: #e61a8d !important;

  15706.   border-color: #e61a8d !important;

  15707. }

  15708. 

  15709. /*--- Brown ---*/

  15710. 

  15711. .ui.brown.labels .label,

  15712. .ui.brown.label {

  15713.   background-color: #A5673F !important;

  15714.   border-color: #A5673F !important;

  15715.   color: #FFFFFF !important;

  15716. }

  15717. 

  15718. /* Link */

  15719. 

  15720. .ui.brown.labels .label:hover,

  15721. a.ui.brown.label:hover {

  15722.   background-color: #975b33 !important;

  15723.   border-color: #975b33 !important;

  15724.   color: #FFFFFF !important;

  15725. }

  15726. 

  15727. /* Corner */

  15728. 

  15729. .ui.brown.corner.label,

  15730. .ui.brown.corner.label:hover {

  15731.   background-color: transparent !important;

  15732. }

  15733. 

  15734. /* Ribbon */

  15735. 

  15736. .ui.brown.ribbon.label {

  15737.   border-color: #805031 !important;

  15738. }

  15739. 

  15740. /* Basic */

  15741. 

  15742. .ui.basic.brown.label {

  15743.   background: none #FFFFFF !important;

  15744.   color: #A5673F !important;

  15745.   border-color: #A5673F !important;

  15746. }

  15747. 

  15748. .ui.basic.brown.labels a.label:hover,

  15749. a.ui.basic.brown.label:hover {

  15750.   background-color: #FFFFFF !important;

  15751.   color: #975b33 !important;

  15752.   border-color: #975b33 !important;

  15753. }

  15754. 

  15755. /*--- Grey ---*/

  15756. 

  15757. .ui.grey.labels .label,

  15758. .ui.grey.label {

  15759.   background-color: #767676 !important;

  15760.   border-color: #767676 !important;

  15761.   color: #FFFFFF !important;

  15762. }

  15763. 

  15764. /* Link */

  15765. 

  15766. .ui.grey.labels .label:hover,

  15767. a.ui.grey.label:hover {

  15768.   background-color: #838383 !important;

  15769.   border-color: #838383 !important;

  15770.   color: #FFFFFF !important;

  15771. }

  15772. 

  15773. /* Corner */

  15774. 

  15775. .ui.grey.corner.label,

  15776. .ui.grey.corner.label:hover {

  15777.   background-color: transparent !important;

  15778. }

  15779. 

  15780. /* Ribbon */

  15781. 

  15782. .ui.grey.ribbon.label {

  15783.   border-color: #805031 !important;

  15784. }

  15785. 

  15786. /* Basic */

  15787. 

  15788. .ui.basic.grey.label {

  15789.   background: none #FFFFFF !important;

  15790.   color: #767676 !important;

  15791.   border-color: #767676 !important;

  15792. }

  15793. 

  15794. .ui.basic.grey.labels a.label:hover,

  15795. a.ui.basic.grey.label:hover {

  15796.   background-color: #FFFFFF !important;

  15797.   color: #838383 !important;

  15798.   border-color: #838383 !important;

  15799. }

  15800. 

  15801. /*--- Black ---*/

  15802. 

  15803. .ui.black.labels .label,

  15804. .ui.black.label {

  15805.   background-color: #1B1C1D !important;

  15806.   border-color: #1B1C1D !important;

  15807.   color: #FFFFFF !important;

  15808. }

  15809. 

  15810. /* Link */

  15811. 

  15812. .ui.black.labels .label:hover,

  15813. a.ui.black.label:hover {

  15814.   background-color: #27292a !important;

  15815.   border-color: #27292a !important;

  15816.   color: #FFFFFF !important;

  15817. }

  15818. 

  15819. /* Corner */

  15820. 

  15821. .ui.black.corner.label,

  15822. .ui.black.corner.label:hover {

  15823.   background-color: transparent !important;

  15824. }

  15825. 

  15826. /* Ribbon */

  15827. 

  15828. .ui.black.ribbon.label {

  15829.   border-color: #805031 !important;

  15830. }

  15831. 

  15832. /* Basic */

  15833. 

  15834. .ui.basic.black.label {

  15835.   background: none #FFFFFF !important;

  15836.   color: #1B1C1D !important;

  15837.   border-color: #1B1C1D !important;

  15838. }

  15839. 

  15840. .ui.basic.black.labels a.label:hover,

  15841. a.ui.basic.black.label:hover {

  15842.   background-color: #FFFFFF !important;

  15843.   color: #27292a !important;

  15844.   border-color: #27292a !important;

  15845. }

  15846. 

  15847. /*-------------------

  15848.         Basic

  15849. --------------------*/

  15850. 

  15851. .ui.basic.label {

  15852.   background: none #FFFFFF;

  15853.   border: 1px solid rgba(34, 36, 38, 0.15);

  15854.   color: rgba(0, 0, 0, 0.87);

  15855.   -webkit-box-shadow: none;

  15856.   box-shadow: none;

  15857. }

  15858. 

  15859. /* Link */

  15860. 

  15861. a.ui.basic.label:hover {

  15862.   text-decoration: none;

  15863.   background: none #FFFFFF;

  15864.   color: #1e70bf;

  15865.   -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15);

  15866.   box-shadow: 1px solid rgba(34, 36, 38, 0.15);

  15867.   -webkit-box-shadow: none;

  15868.   box-shadow: none;

  15869. }

  15870. 

  15871. /* Pointing */

  15872. 

  15873. .ui.basic.pointing.label:before {

  15874.   border-color: inherit;

  15875. }

  15876. 

  15877. /*-------------------

  15878.        Fluid

  15879. --------------------*/

  15880. 

  15881. .ui.label.fluid,

  15882. .ui.fluid.labels > .label {

  15883.   width: 100%;

  15884.   -webkit-box-sizing: border-box;

  15885.   box-sizing: border-box;

  15886. }

  15887. 

  15888. /*-------------------

  15889.        Inverted

  15890. --------------------*/

  15891. 

  15892. .ui.inverted.labels .label,

  15893. .ui.inverted.label {

  15894.   color: rgba(255, 255, 255, 0.9) !important;

  15895. }

  15896. 

  15897. /*-------------------

  15898.      Horizontal

  15899. --------------------*/

  15900. 

  15901. .ui.horizontal.labels .label,

  15902. .ui.horizontal.label {

  15903.   margin: 0em 0.5em 0em 0em;

  15904.   padding: 0.4em 0.833em;

  15905.   min-width: 3em;

  15906.   text-align: center;

  15907. }

  15908. 

  15909. /*-------------------

  15910.        Circular

  15911. --------------------*/

  15912. 

  15913. .ui.circular.labels .label,

  15914. .ui.circular.label {

  15915.   min-width: 2em;

  15916.   min-height: 2em;

  15917.   padding: 0.5em !important;

  15918.   line-height: 1em;

  15919.   text-align: center;

  15920.   border-radius: 500rem;

  15921. }

  15922. 

  15923. .ui.empty.circular.labels .label,

  15924. .ui.empty.circular.label {

  15925.   min-width: 0em;

  15926.   min-height: 0em;

  15927.   overflow: hidden;

  15928.   width: 0.5em;

  15929.   height: 0.5em;

  15930.   vertical-align: baseline;

  15931. }

  15932. 

  15933. /*-------------------

  15934.        Pointing

  15935. --------------------*/

  15936. 

  15937. .ui.pointing.label {

  15938.   position: relative;

  15939. }

  15940. 

  15941. .ui.attached.pointing.label {

  15942.   position: absolute;

  15943. }

  15944. 

  15945. .ui.pointing.label:before {

  15946.   background-color: inherit;

  15947.   background-image: inherit;

  15948.   border-width: none;

  15949.   border-style: solid;

  15950.   border-color: inherit;

  15951. }

  15952. 

  15953. /* Arrow */

  15954. 

  15955. .ui.pointing.label:before {

  15956.   position: absolute;

  15957.   content: '';

  15958.   -webkit-transform: rotate(45deg);

  15959.   transform: rotate(45deg);

  15960.   background-image: none;

  15961.   z-index: 2;

  15962.   width: 0.6666em;

  15963.   height: 0.6666em;

  15964.   -webkit-transition: background 0.1s ease;

  15965.   transition: background 0.1s ease;

  15966. }

  15967. 

  15968. /*--- Above ---*/

  15969. 

  15970. .ui.pointing.label,

  15971. .ui[class*="pointing above"].label {

  15972.   margin-top: 1em;

  15973. }

  15974. 

  15975. .ui.pointing.label:before,

  15976. .ui[class*="pointing above"].label:before {

  15977.   border-width: 1px 0px 0px 1px;

  15978.   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  15979.   transform: translateX(-50%) translateY(-50%) rotate(45deg);

  15980.   top: 0%;

  15981.   left: 50%;

  15982. }

  15983. 

  15984. /*--- Below ---*/

  15985. 

  15986. .ui[class*="bottom pointing"].label,

  15987. .ui[class*="pointing below"].label {

  15988.   margin-top: 0em;

  15989.   margin-bottom: 1em;

  15990. }

  15991. 

  15992. .ui[class*="bottom pointing"].label:before,

  15993. .ui[class*="pointing below"].label:before {

  15994.   border-width: 0px 1px 1px 0px;

  15995.   top: auto;

  15996.   right: auto;

  15997.   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  15998.   transform: translateX(-50%) translateY(-50%) rotate(45deg);

  15999.   top: 100%;

  16000.   left: 50%;

  16001. }

  16002. 

  16003. /*--- Left ---*/

  16004. 

  16005. .ui[class*="left pointing"].label {

  16006.   margin-top: 0em;

  16007.   margin-left: 0.6666em;

  16008. }

  16009. 

  16010. .ui[class*="left pointing"].label:before {

  16011.   border-width: 0px 0px 1px 1px;

  16012.   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  16013.   transform: translateX(-50%) translateY(-50%) rotate(45deg);

  16014.   bottom: auto;

  16015.   right: auto;

  16016.   top: 50%;

  16017.   left: 0em;

  16018. }

  16019. 

  16020. /*--- Right ---*/

  16021. 

  16022. .ui[class*="right pointing"].label {

  16023.   margin-top: 0em;

  16024.   margin-right: 0.6666em;

  16025. }

  16026. 

  16027. .ui[class*="right pointing"].label:before {

  16028.   border-width: 1px 1px 0px 0px;

  16029.   -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);

  16030.   transform: translateX(50%) translateY(-50%) rotate(45deg);

  16031.   top: 50%;

  16032.   right: 0%;

  16033.   bottom: auto;

  16034.   left: auto;

  16035. }

  16036. 

  16037. /* Basic Pointing */

  16038. 

  16039. /*--- Above ---*/

  16040. 

  16041. .ui.basic.pointing.label:before,

  16042. .ui.basic[class*="pointing above"].label:before {

  16043.   margin-top: -1px;

  16044. }

  16045. 

  16046. /*--- Below ---*/

  16047. 

  16048. .ui.basic[class*="bottom pointing"].label:before,

  16049. .ui.basic[class*="pointing below"].label:before {

  16050.   bottom: auto;

  16051.   top: 100%;

  16052.   margin-top: 1px;

  16053. }

  16054. 

  16055. /*--- Left ---*/

  16056. 

  16057. .ui.basic[class*="left pointing"].label:before {

  16058.   top: 50%;

  16059.   left: -1px;

  16060. }

  16061. 

  16062. /*--- Right ---*/

  16063. 

  16064. .ui.basic[class*="right pointing"].label:before {

  16065.   top: 50%;

  16066.   right: -1px;

  16067. }

  16068. 

  16069. /*------------------

  16070.    Floating Label

  16071. -------------------*/

  16072. 

  16073. .ui.floating.label {

  16074.   position: absolute;

  16075.   z-index: 100;

  16076.   top: -1em;

  16077.   left: 100%;

  16078.   margin: 0em 0em 0em -1.5em !important;

  16079. }

  16080. 

  16081. /*-------------------

  16082.         Sizes

  16083. --------------------*/

  16084. 

  16085. .ui.mini.labels .label,

  16086. .ui.mini.label {

  16087.   font-size: 0.64285714rem;

  16088. }

  16089. 

  16090. .ui.tiny.labels .label,

  16091. .ui.tiny.label {

  16092.   font-size: 0.71428571rem;

  16093. }

  16094. 

  16095. .ui.small.labels .label,

  16096. .ui.small.label {

  16097.   font-size: 0.78571429rem;

  16098. }

  16099. 

  16100. .ui.labels .label,

  16101. .ui.label {

  16102.   font-size: 0.85714286rem;

  16103. }

  16104. 

  16105. .ui.large.labels .label,

  16106. .ui.large.label {

  16107.   font-size: 1rem;

  16108. }

  16109. 

  16110. .ui.big.labels .label,

  16111. .ui.big.label {

  16112.   font-size: 1.28571429rem;

  16113. }

  16114. 

  16115. .ui.huge.labels .label,

  16116. .ui.huge.label {

  16117.   font-size: 1.42857143rem;

  16118. }

  16119. 

  16120. .ui.massive.labels .label,

  16121. .ui.massive.label {

  16122.   font-size: 1.71428571rem;

  16123. }

  16124. 

  16125. /*******************************

  16126.          Theme Overrides

  16127. *******************************/

  16128. 

  16129. /*******************************

  16130.          Site Overrides

  16131. *******************************/

  16132. /*!

  16133.  * # Semantic UI 2.4.0 - List

  16134.  * http://github.com/semantic-org/semantic-ui/

  16135.  *

  16136.  *

  16137.  * Released under the MIT license

  16138.  * http://opensource.org/licenses/MIT

  16139.  *

  16140.  */

  16141. 

  16142. /*******************************

  16143.             List

  16144. *******************************/

  16145. 

  16146. ul.ui.list,

  16147. ol.ui.list,

  16148. .ui.list {

  16149.   list-style-type: none;

  16150.   margin: 1em 0em;

  16151.   padding: 0em 0em;

  16152. }

  16153. 

  16154. ul.ui.list:first-child,

  16155. ol.ui.list:first-child,

  16156. .ui.list:first-child {

  16157.   margin-top: 0em;

  16158.   padding-top: 0em;

  16159. }

  16160. 

  16161. ul.ui.list:last-child,

  16162. ol.ui.list:last-child,

  16163. .ui.list:last-child {

  16164.   margin-bottom: 0em;

  16165.   padding-bottom: 0em;

  16166. }

  16167. 

  16168. /*******************************

  16169.             Content

  16170. *******************************/

  16171. 

  16172. /* List Item */

  16173. 

  16174. ul.ui.list li,

  16175. ol.ui.list li,

  16176. .ui.list > .item,

  16177. .ui.list .list > .item {

  16178.   display: list-item;

  16179.   table-layout: fixed;

  16180.   list-style-type: none;

  16181.   list-style-position: outside;

  16182.   padding: 0.21428571em 0em;

  16183.   line-height: 1.14285714em;

  16184. }

  16185. 

  16186. ul.ui.list > li:first-child:after,

  16187. ol.ui.list > li:first-child:after,

  16188. .ui.list > .list > .item,

  16189. .ui.list > .item:after {

  16190.   content: '';

  16191.   display: block;

  16192.   height: 0;

  16193.   clear: both;

  16194.   visibility: hidden;

  16195. }

  16196. 

  16197. ul.ui.list li:first-child,

  16198. ol.ui.list li:first-child,

  16199. .ui.list .list > .item:first-child,

  16200. .ui.list > .item:first-child {

  16201.   padding-top: 0em;

  16202. }

  16203. 

  16204. ul.ui.list li:last-child,

  16205. ol.ui.list li:last-child,

  16206. .ui.list .list > .item:last-child,

  16207. .ui.list > .item:last-child {

  16208.   padding-bottom: 0em;

  16209. }

  16210. 

  16211. /* Child List */

  16212. 

  16213. ul.ui.list ul,

  16214. ol.ui.list ol,

  16215. .ui.list .list {

  16216.   clear: both;

  16217.   margin: 0em;

  16218.   padding: 0.75em 0em 0.25em 0.5em;

  16219. }

  16220. 

  16221. /* Child Item */

  16222. 

  16223. ul.ui.list ul li,

  16224. ol.ui.list ol li,

  16225. .ui.list .list > .item {

  16226.   padding: 0.14285714em 0em;

  16227.   line-height: inherit;

  16228. }

  16229. 

  16230. /* Icon */

  16231. 

  16232. .ui.list .list > .item > i.icon,

  16233. .ui.list > .item > i.icon {

  16234.   display: table-cell;

  16235.   margin: 0em;

  16236.   padding-top: 0em;

  16237.   padding-right: 0.28571429em;

  16238.   vertical-align: top;

  16239.   -webkit-transition: color 0.1s ease;

  16240.   transition: color 0.1s ease;

  16241. }

  16242. 

  16243. .ui.list .list > .item > i.icon:only-child,

  16244. .ui.list > .item > i.icon:only-child {

  16245.   display: inline-block;

  16246.   vertical-align: top;

  16247. }

  16248. 

  16249. /* Image */

  16250. 

  16251. .ui.list .list > .item > .image,

  16252. .ui.list > .item > .image {

  16253.   display: table-cell;

  16254.   background-color: transparent;

  16255.   margin: 0em;

  16256.   vertical-align: top;

  16257. }

  16258. 

  16259. .ui.list .list > .item > .image:not(:only-child):not(img),

  16260. .ui.list > .item > .image:not(:only-child):not(img) {

  16261.   padding-right: 0.5em;

  16262. }

  16263. 

  16264. .ui.list .list > .item > .image img,

  16265. .ui.list > .item > .image img {

  16266.   vertical-align: top;

  16267. }

  16268. 

  16269. .ui.list .list > .item > img.image,

  16270. .ui.list .list > .item > .image:only-child,

  16271. .ui.list > .item > img.image,

  16272. .ui.list > .item > .image:only-child {

  16273.   display: inline-block;

  16274. }

  16275. 

  16276. /* Content */

  16277. 

  16278. .ui.list .list > .item > .content,

  16279. .ui.list > .item > .content {

  16280.   line-height: 1.14285714em;

  16281. }

  16282. 

  16283. .ui.list .list > .item > .image + .content,

  16284. .ui.list .list > .item > .icon + .content,

  16285. .ui.list > .item > .image + .content,

  16286. .ui.list > .item > .icon + .content {

  16287.   display: table-cell;

  16288.   width: 100%;

  16289.   padding: 0em 0em 0em 0.5em;

  16290.   vertical-align: top;

  16291. }

  16292. 

  16293. .ui.list .list > .item > img.image + .content,

  16294. .ui.list > .item > img.image + .content {

  16295.   display: inline-block;

  16296.   width: auto;

  16297. }

  16298. 

  16299. .ui.list .list > .item > .content > .list,

  16300. .ui.list > .item > .content > .list {

  16301.   margin-left: 0em;

  16302.   padding-left: 0em;

  16303. }

  16304. 

  16305. /* Header */

  16306. 

  16307. .ui.list .list > .item .header,

  16308. .ui.list > .item .header {

  16309.   display: block;

  16310.   margin: 0em;

  16311.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  16312.   font-weight: bold;

  16313.   color: rgba(0, 0, 0, 0.87);

  16314. }

  16315. 

  16316. /* Description */

  16317. 

  16318. .ui.list .list > .item .description,

  16319. .ui.list > .item .description {

  16320.   display: block;

  16321.   color: rgba(0, 0, 0, 0.7);

  16322. }

  16323. 

  16324. /* Child Link */

  16325. 

  16326. .ui.list > .item a,

  16327. .ui.list .list > .item a {

  16328.   cursor: pointer;

  16329. }

  16330. 

  16331. /* Linking Item */

  16332. 

  16333. .ui.list .list > a.item,

  16334. .ui.list > a.item {

  16335.   cursor: pointer;

  16336.   color: #4183C4;

  16337. }

  16338. 

  16339. .ui.list .list > a.item:hover,

  16340. .ui.list > a.item:hover {

  16341.   color: #1e70bf;

  16342. }

  16343. 

  16344. /* Linked Item Icons */

  16345. 

  16346. .ui.list .list > a.item i.icon,

  16347. .ui.list > a.item i.icon {

  16348.   color: rgba(0, 0, 0, 0.4);

  16349. }

  16350. 

  16351. /* Header Link */

  16352. 

  16353. .ui.list .list > .item a.header,

  16354. .ui.list > .item a.header {

  16355.   cursor: pointer;

  16356.   color: #4183C4 !important;

  16357. }

  16358. 

  16359. .ui.list .list > .item a.header:hover,

  16360. .ui.list > .item a.header:hover {

  16361.   color: #1e70bf !important;

  16362. }

  16363. 

  16364. /* Floated Content */

  16365. 

  16366. .ui[class*="left floated"].list {

  16367.   float: left;

  16368. }

  16369. 

  16370. .ui[class*="right floated"].list {

  16371.   float: right;

  16372. }

  16373. 

  16374. .ui.list .list > .item [class*="left floated"],

  16375. .ui.list > .item [class*="left floated"] {

  16376.   float: left;

  16377.   margin: 0em 1em 0em 0em;

  16378. }

  16379. 

  16380. .ui.list .list > .item [class*="right floated"],

  16381. .ui.list > .item [class*="right floated"] {

  16382.   float: right;

  16383.   margin: 0em 0em 0em 1em;

  16384. }

  16385. 

  16386. /*******************************

  16387.             Coupling

  16388. *******************************/

  16389. 

  16390. .ui.menu .ui.list > .item,

  16391. .ui.menu .ui.list .list > .item {

  16392.   display: list-item;

  16393.   table-layout: fixed;

  16394.   background-color: transparent;

  16395.   list-style-type: none;

  16396.   list-style-position: outside;

  16397.   padding: 0.21428571em 0em;

  16398.   line-height: 1.14285714em;

  16399. }

  16400. 

  16401. .ui.menu .ui.list .list > .item:before,

  16402. .ui.menu .ui.list > .item:before {

  16403.   border: none;

  16404.   background: none;

  16405. }

  16406. 

  16407. .ui.menu .ui.list .list > .item:first-child,

  16408. .ui.menu .ui.list > .item:first-child {

  16409.   padding-top: 0em;

  16410. }

  16411. 

  16412. .ui.menu .ui.list .list > .item:last-child,

  16413. .ui.menu .ui.list > .item:last-child {

  16414.   padding-bottom: 0em;

  16415. }

  16416. 

  16417. /*******************************

  16418.             Types

  16419. *******************************/

  16420. 

  16421. /*-------------------

  16422.       Horizontal

  16423. --------------------*/

  16424. 

  16425. .ui.horizontal.list {

  16426.   display: inline-block;

  16427.   font-size: 0em;

  16428. }

  16429. 

  16430. .ui.horizontal.list > .item {

  16431.   display: inline-block;

  16432.   margin-left: 1em;

  16433.   font-size: 1rem;

  16434. }

  16435. 

  16436. .ui.horizontal.list:not(.celled) > .item:first-child {

  16437.   margin-left: 0em !important;

  16438.   padding-left: 0em !important;

  16439. }

  16440. 

  16441. .ui.horizontal.list .list {

  16442.   padding-left: 0em;

  16443.   padding-bottom: 0em;

  16444. }

  16445. 

  16446. .ui.horizontal.list > .item > .image,

  16447. .ui.horizontal.list .list > .item > .image,

  16448. .ui.horizontal.list > .item > .icon,

  16449. .ui.horizontal.list .list > .item > .icon,

  16450. .ui.horizontal.list > .item > .content,

  16451. .ui.horizontal.list .list > .item > .content {

  16452.   vertical-align: middle;

  16453. }

  16454. 

  16455. /* Padding on all elements */

  16456. 

  16457. .ui.horizontal.list > .item:first-child,

  16458. .ui.horizontal.list > .item:last-child {

  16459.   padding-top: 0.21428571em;

  16460.   padding-bottom: 0.21428571em;

  16461. }

  16462. 

  16463. /* Horizontal List */

  16464. 

  16465. .ui.horizontal.list > .item > i.icon {

  16466.   margin: 0em;

  16467.   padding: 0em 0.25em 0em 0em;

  16468. }

  16469. 

  16470. .ui.horizontal.list > .item > .icon,

  16471. .ui.horizontal.list > .item > .icon + .content {

  16472.   float: none;

  16473.   display: inline-block;

  16474. }

  16475. 

  16476. /*******************************

  16477.              States

  16478. *******************************/

  16479. 

  16480. /*-------------------

  16481.        Disabled

  16482. --------------------*/

  16483. 

  16484. .ui.list .list > .disabled.item,

  16485. .ui.list > .disabled.item {

  16486.   pointer-events: none;

  16487.   color: rgba(40, 40, 40, 0.3) !important;

  16488. }

  16489. 

  16490. .ui.inverted.list .list > .disabled.item,

  16491. .ui.inverted.list > .disabled.item {

  16492.   color: rgba(225, 225, 225, 0.3) !important;

  16493. }

  16494. 

  16495. /*-------------------

  16496.         Hover

  16497. --------------------*/

  16498. 

  16499. .ui.list .list > a.item:hover .icon,

  16500. .ui.list > a.item:hover .icon {

  16501.   color: rgba(0, 0, 0, 0.87);

  16502. }

  16503. 

  16504. /*******************************

  16505.            Variations

  16506. *******************************/

  16507. 

  16508. /*-------------------

  16509.        Inverted

  16510. --------------------*/

  16511. 

  16512. .ui.inverted.list .list > a.item > .icon,

  16513. .ui.inverted.list > a.item > .icon {

  16514.   color: rgba(255, 255, 255, 0.7);

  16515. }

  16516. 

  16517. .ui.inverted.list .list > .item .header,

  16518. .ui.inverted.list > .item .header {

  16519.   color: rgba(255, 255, 255, 0.9);

  16520. }

  16521. 

  16522. .ui.inverted.list .list > .item .description,

  16523. .ui.inverted.list > .item .description {

  16524.   color: rgba(255, 255, 255, 0.7);

  16525. }

  16526. 

  16527. /* Item Link */

  16528. 

  16529. .ui.inverted.list .list > a.item,

  16530. .ui.inverted.list > a.item {

  16531.   cursor: pointer;

  16532.   color: rgba(255, 255, 255, 0.9);

  16533. }

  16534. 

  16535. .ui.inverted.list .list > a.item:hover,

  16536. .ui.inverted.list > a.item:hover {

  16537.   color: #1e70bf;

  16538. }

  16539. 

  16540. /* Linking Content */

  16541. 

  16542. .ui.inverted.list .item a:not(.ui) {

  16543.   color: rgba(255, 255, 255, 0.9) !important;

  16544. }

  16545. 

  16546. .ui.inverted.list .item a:not(.ui):hover {

  16547.   color: #1e70bf !important;

  16548. }

  16549. 

  16550. /*-------------------

  16551.        Aligned

  16552. --------------------*/

  16553. 

  16554. .ui.list[class*="top aligned"] .image,

  16555. .ui.list[class*="top aligned"] .content,

  16556. .ui.list [class*="top aligned"] {

  16557.   vertical-align: top !important;

  16558. }

  16559. 

  16560. .ui.list[class*="middle aligned"] .image,

  16561. .ui.list[class*="middle aligned"] .content,

  16562. .ui.list [class*="middle aligned"] {

  16563.   vertical-align: middle !important;

  16564. }

  16565. 

  16566. .ui.list[class*="bottom aligned"] .image,

  16567. .ui.list[class*="bottom aligned"] .content,

  16568. .ui.list [class*="bottom aligned"] {

  16569.   vertical-align: bottom !important;

  16570. }

  16571. 

  16572. /*-------------------

  16573.        Link

  16574. --------------------*/

  16575. 

  16576. .ui.link.list .item,

  16577. .ui.link.list a.item,

  16578. .ui.link.list .item a:not(.ui) {

  16579.   color: rgba(0, 0, 0, 0.4);

  16580.   -webkit-transition: 0.1s color ease;

  16581.   transition: 0.1s color ease;

  16582. }

  16583. 

  16584. .ui.link.list.list a.item:hover,

  16585. .ui.link.list.list .item a:not(.ui):hover {

  16586.   color: rgba(0, 0, 0, 0.8);

  16587. }

  16588. 

  16589. .ui.link.list.list a.item:active,

  16590. .ui.link.list.list .item a:not(.ui):active {

  16591.   color: rgba(0, 0, 0, 0.9);

  16592. }

  16593. 

  16594. .ui.link.list.list .active.item,

  16595. .ui.link.list.list .active.item a:not(.ui) {

  16596.   color: rgba(0, 0, 0, 0.95);

  16597. }

  16598. 

  16599. /* Inverted */

  16600. 

  16601. .ui.inverted.link.list .item,

  16602. .ui.inverted.link.list a.item,

  16603. .ui.inverted.link.list .item a:not(.ui) {

  16604.   color: rgba(255, 255, 255, 0.5);

  16605. }

  16606. 

  16607. .ui.inverted.link.list.list a.item:hover,

  16608. .ui.inverted.link.list.list .item a:not(.ui):hover {

  16609.   color: #ffffff;

  16610. }

  16611. 

  16612. .ui.inverted.link.list.list a.item:active,

  16613. .ui.inverted.link.list.list .item a:not(.ui):active {

  16614.   color: #ffffff;

  16615. }

  16616. 

  16617. .ui.inverted.link.list.list a.active.item,

  16618. .ui.inverted.link.list.list .active.item a:not(.ui) {

  16619.   color: #ffffff;

  16620. }

  16621. 

  16622. /*-------------------

  16623.       Selection

  16624. --------------------*/

  16625. 

  16626. .ui.selection.list .list > .item,

  16627. .ui.selection.list > .item {

  16628.   cursor: pointer;

  16629.   background: transparent;

  16630.   padding: 0.5em 0.5em;

  16631.   margin: 0em;

  16632.   color: rgba(0, 0, 0, 0.4);

  16633.   border-radius: 0.5em;

  16634.   -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;

  16635.   transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;

  16636. }

  16637. 

  16638. .ui.selection.list .list > .item:last-child,

  16639. .ui.selection.list > .item:last-child {

  16640.   margin-bottom: 0em;

  16641. }

  16642. 

  16643. .ui.selection.list.list > .item:hover,

  16644. .ui.selection.list > .item:hover {

  16645.   background: rgba(0, 0, 0, 0.03);

  16646.   color: rgba(0, 0, 0, 0.8);

  16647. }

  16648. 

  16649. .ui.selection.list .list > .item:active,

  16650. .ui.selection.list > .item:active {

  16651.   background: rgba(0, 0, 0, 0.05);

  16652.   color: rgba(0, 0, 0, 0.9);

  16653. }

  16654. 

  16655. .ui.selection.list .list > .item.active,

  16656. .ui.selection.list > .item.active {

  16657.   background: rgba(0, 0, 0, 0.05);

  16658.   color: rgba(0, 0, 0, 0.95);

  16659. }

  16660. 

  16661. /* Inverted */

  16662. 

  16663. .ui.inverted.selection.list > .item,

  16664. .ui.inverted.selection.list > .item {

  16665.   background: transparent;

  16666.   color: rgba(255, 255, 255, 0.5);

  16667. }

  16668. 

  16669. .ui.inverted.selection.list > .item:hover,

  16670. .ui.inverted.selection.list > .item:hover {

  16671.   background: rgba(255, 255, 255, 0.02);

  16672.   color: #ffffff;

  16673. }

  16674. 

  16675. .ui.inverted.selection.list > .item:active,

  16676. .ui.inverted.selection.list > .item:active {

  16677.   background: rgba(255, 255, 255, 0.08);

  16678.   color: #ffffff;

  16679. }

  16680. 

  16681. .ui.inverted.selection.list > .item.active,

  16682. .ui.inverted.selection.list > .item.active {

  16683.   background: rgba(255, 255, 255, 0.08);

  16684.   color: #ffffff;

  16685. }

  16686. 

  16687. /* Celled / Divided Selection List */

  16688. 

  16689. .ui.celled.selection.list .list > .item,

  16690. .ui.divided.selection.list .list > .item,

  16691. .ui.celled.selection.list > .item,

  16692. .ui.divided.selection.list > .item {

  16693.   border-radius: 0em;

  16694. }

  16695. 

  16696. /*-------------------

  16697.        Animated

  16698. --------------------*/

  16699. 

  16700. .ui.animated.list > .item {

  16701.   -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;

  16702.   transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;

  16703. }

  16704. 

  16705. .ui.animated.list:not(.horizontal) > .item:hover {

  16706.   padding-left: 1em;

  16707. }

  16708. 

  16709. /*-------------------

  16710.        Fitted

  16711. --------------------*/

  16712. 

  16713. .ui.fitted.list:not(.selection) .list > .item,

  16714. .ui.fitted.list:not(.selection) > .item {

  16715.   padding-left: 0em;

  16716.   padding-right: 0em;

  16717. }

  16718. 

  16719. .ui.fitted.selection.list .list > .item,

  16720. .ui.fitted.selection.list > .item {

  16721.   margin-left: -0.5em;

  16722.   margin-right: -0.5em;

  16723. }

  16724. 

  16725. /*-------------------

  16726.       Bulleted

  16727. --------------------*/

  16728. 

  16729. ul.ui.list,

  16730. .ui.bulleted.list {

  16731.   margin-left: 1.25rem;

  16732. }

  16733. 

  16734. ul.ui.list li,

  16735. .ui.bulleted.list .list > .item,

  16736. .ui.bulleted.list > .item {

  16737.   position: relative;

  16738. }

  16739. 

  16740. ul.ui.list li:before,

  16741. .ui.bulleted.list .list > .item:before,

  16742. .ui.bulleted.list > .item:before {

  16743.   -webkit-user-select: none;

  16744.   -moz-user-select: none;

  16745.   -ms-user-select: none;

  16746.   user-select: none;

  16747.   pointer-events: none;

  16748.   position: absolute;

  16749.   top: auto;

  16750.   left: auto;

  16751.   font-weight: normal;

  16752.   margin-left: -1.25rem;

  16753.   content: '•';

  16754.   opacity: 1;

  16755.   color: inherit;

  16756.   vertical-align: top;

  16757. }

  16758. 

  16759. ul.ui.list li:before,

  16760. .ui.bulleted.list .list > a.item:before,

  16761. .ui.bulleted.list > a.item:before {

  16762.   color: rgba(0, 0, 0, 0.87);

  16763. }

  16764. 

  16765. ul.ui.list ul,

  16766. .ui.bulleted.list .list {

  16767.   padding-left: 1.25rem;

  16768. }

  16769. 

  16770. /* Horizontal Bulleted */

  16771. 

  16772. ul.ui.horizontal.bulleted.list,

  16773. .ui.horizontal.bulleted.list {

  16774.   margin-left: 0em;

  16775. }

  16776. 

  16777. ul.ui.horizontal.bulleted.list li,

  16778. .ui.horizontal.bulleted.list > .item {

  16779.   margin-left: 1.75rem;

  16780. }

  16781. 

  16782. ul.ui.horizontal.bulleted.list li:first-child,

  16783. .ui.horizontal.bulleted.list > .item:first-child {

  16784.   margin-left: 0em;

  16785. }

  16786. 

  16787. ul.ui.horizontal.bulleted.list li::before,

  16788. .ui.horizontal.bulleted.list > .item::before {

  16789.   color: rgba(0, 0, 0, 0.87);

  16790. }

  16791. 

  16792. ul.ui.horizontal.bulleted.list li:first-child::before,

  16793. .ui.horizontal.bulleted.list > .item:first-child::before {

  16794.   display: none;

  16795. }

  16796. 

  16797. /*-------------------

  16798.        Ordered

  16799. --------------------*/

  16800. 

  16801. ol.ui.list,

  16802. .ui.ordered.list,

  16803. .ui.ordered.list .list,

  16804. ol.ui.list ol {

  16805.   counter-reset: ordered;

  16806.   margin-left: 1.25rem;

  16807.   list-style-type: none;

  16808. }

  16809. 

  16810. ol.ui.list li,

  16811. .ui.ordered.list .list > .item,

  16812. .ui.ordered.list > .item {

  16813.   list-style-type: none;

  16814.   position: relative;

  16815. }

  16816. 

  16817. ol.ui.list li:before,

  16818. .ui.ordered.list .list > .item:before,

  16819. .ui.ordered.list > .item:before {

  16820.   position: absolute;

  16821.   top: auto;

  16822.   left: auto;

  16823.   -webkit-user-select: none;

  16824.   -moz-user-select: none;

  16825.   -ms-user-select: none;

  16826.   user-select: none;

  16827.   pointer-events: none;

  16828.   margin-left: -1.25rem;

  16829.   counter-increment: ordered;

  16830.   content: counters(ordered, ".") " ";

  16831.   text-align: right;

  16832.   color: rgba(0, 0, 0, 0.87);

  16833.   vertical-align: middle;

  16834.   opacity: 0.8;

  16835. }

  16836. 

  16837. ol.ui.inverted.list li:before,

  16838. .ui.ordered.inverted.list .list > .item:before,

  16839. .ui.ordered.inverted.list > .item:before {

  16840.   color: rgba(255, 255, 255, 0.7);

  16841. }

  16842. 

  16843. /* Value */

  16844. 

  16845. .ui.ordered.list > .list > .item[data-value],

  16846. .ui.ordered.list > .item[data-value] {

  16847.   content: attr(data-value);

  16848. }

  16849. 

  16850. ol.ui.list li[value]:before {

  16851.   content: attr(value);

  16852. }

  16853. 

  16854. /* Child Lists */

  16855. 

  16856. ol.ui.list ol,

  16857. .ui.ordered.list .list {

  16858.   margin-left: 1em;

  16859. }

  16860. 

  16861. ol.ui.list ol li:before,

  16862. .ui.ordered.list .list > .item:before {

  16863.   margin-left: -2em;

  16864. }

  16865. 

  16866. /* Horizontal Ordered */

  16867. 

  16868. ol.ui.horizontal.list,

  16869. .ui.ordered.horizontal.list {

  16870.   margin-left: 0em;

  16871. }

  16872. 

  16873. ol.ui.horizontal.list li:before,

  16874. .ui.ordered.horizontal.list .list > .item:before,

  16875. .ui.ordered.horizontal.list > .item:before {

  16876.   position: static;

  16877.   margin: 0em 0.5em 0em 0em;

  16878. }

  16879. 

  16880. /*-------------------

  16881.        Divided

  16882. --------------------*/

  16883. 

  16884. .ui.divided.list > .item {

  16885.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  16886. }

  16887. 

  16888. .ui.divided.list .list > .item {

  16889.   border-top: none;

  16890. }

  16891. 

  16892. .ui.divided.list .item .list > .item {

  16893.   border-top: none;

  16894. }

  16895. 

  16896. .ui.divided.list .list > .item:first-child,

  16897. .ui.divided.list > .item:first-child {

  16898.   border-top: none;

  16899. }

  16900. 

  16901. /* Sub Menu */

  16902. 

  16903. .ui.divided.list:not(.horizontal) .list > .item:first-child {

  16904.   border-top-width: 1px;

  16905. }

  16906. 

  16907. /* Divided bulleted */

  16908. 

  16909. .ui.divided.bulleted.list:not(.horizontal),

  16910. .ui.divided.bulleted.list .list {

  16911.   margin-left: 0em;

  16912.   padding-left: 0em;

  16913. }

  16914. 

  16915. .ui.divided.bulleted.list > .item:not(.horizontal) {

  16916.   padding-left: 1.25rem;

  16917. }

  16918. 

  16919. /* Divided Ordered */

  16920. 

  16921. .ui.divided.ordered.list {

  16922.   margin-left: 0em;

  16923. }

  16924. 

  16925. .ui.divided.ordered.list .list > .item,

  16926. .ui.divided.ordered.list > .item {

  16927.   padding-left: 1.25rem;

  16928. }

  16929. 

  16930. .ui.divided.ordered.list .item .list {

  16931.   margin-left: 0em;

  16932.   margin-right: 0em;

  16933.   padding-bottom: 0.21428571em;

  16934. }

  16935. 

  16936. .ui.divided.ordered.list .item .list > .item {

  16937.   padding-left: 1em;

  16938. }

  16939. 

  16940. /* Divided Selection */

  16941. 

  16942. .ui.divided.selection.list .list > .item,

  16943. .ui.divided.selection.list > .item {

  16944.   margin: 0em;

  16945.   border-radius: 0em;

  16946. }

  16947. 

  16948. /* Divided horizontal */

  16949. 

  16950. .ui.divided.horizontal.list {

  16951.   margin-left: 0em;

  16952. }

  16953. 

  16954. .ui.divided.horizontal.list > .item:not(:first-child) {

  16955.   padding-left: 0.5em;

  16956. }

  16957. 

  16958. .ui.divided.horizontal.list > .item:not(:last-child) {

  16959.   padding-right: 0.5em;

  16960. }

  16961. 

  16962. .ui.divided.horizontal.list > .item {

  16963.   border-top: none;

  16964.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  16965.   margin: 0em;

  16966.   line-height: 0.6;

  16967. }

  16968. 

  16969. .ui.horizontal.divided.list > .item:first-child {

  16970.   border-left: none;

  16971. }

  16972. 

  16973. /* Inverted */

  16974. 

  16975. .ui.divided.inverted.list > .item,

  16976. .ui.divided.inverted.list > .list,

  16977. .ui.divided.inverted.horizontal.list > .item {

  16978.   border-color: rgba(255, 255, 255, 0.1);

  16979. }

  16980. 

  16981. /*-------------------

  16982.         Celled

  16983. --------------------*/

  16984. 

  16985. .ui.celled.list > .item,

  16986. .ui.celled.list > .list {

  16987.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  16988.   padding-left: 0.5em;

  16989.   padding-right: 0.5em;

  16990. }

  16991. 

  16992. .ui.celled.list > .item:last-child {

  16993.   border-bottom: 1px solid rgba(34, 36, 38, 0.15);

  16994. }

  16995. 

  16996. /* Padding on all elements */

  16997. 

  16998. .ui.celled.list > .item:first-child,

  16999. .ui.celled.list > .item:last-child {

  17000.   padding-top: 0.21428571em;

  17001.   padding-bottom: 0.21428571em;

  17002. }

  17003. 

  17004. /* Sub Menu */

  17005. 

  17006. .ui.celled.list .item .list > .item {

  17007.   border-width: 0px;

  17008. }

  17009. 

  17010. .ui.celled.list .list > .item:first-child {

  17011.   border-top-width: 0px;

  17012. }

  17013. 

  17014. /* Celled Bulleted */

  17015. 

  17016. .ui.celled.bulleted.list {

  17017.   margin-left: 0em;

  17018. }

  17019. 

  17020. .ui.celled.bulleted.list .list > .item,

  17021. .ui.celled.bulleted.list > .item {

  17022.   padding-left: 1.25rem;

  17023. }

  17024. 

  17025. .ui.celled.bulleted.list .item .list {

  17026.   margin-left: -1.25rem;

  17027.   margin-right: -1.25rem;

  17028.   padding-bottom: 0.21428571em;

  17029. }

  17030. 

  17031. /* Celled Ordered */

  17032. 

  17033. .ui.celled.ordered.list {

  17034.   margin-left: 0em;

  17035. }

  17036. 

  17037. .ui.celled.ordered.list .list > .item,

  17038. .ui.celled.ordered.list > .item {

  17039.   padding-left: 1.25rem;

  17040. }

  17041. 

  17042. .ui.celled.ordered.list .item .list {

  17043.   margin-left: 0em;

  17044.   margin-right: 0em;

  17045.   padding-bottom: 0.21428571em;

  17046. }

  17047. 

  17048. .ui.celled.ordered.list .list > .item {

  17049.   padding-left: 1em;

  17050. }

  17051. 

  17052. /* Celled Horizontal */

  17053. 

  17054. .ui.horizontal.celled.list {

  17055.   margin-left: 0em;

  17056. }

  17057. 

  17058. .ui.horizontal.celled.list .list > .item,

  17059. .ui.horizontal.celled.list > .item {

  17060.   border-top: none;

  17061.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  17062.   margin: 0em;

  17063.   padding-left: 0.5em;

  17064.   padding-right: 0.5em;

  17065.   line-height: 0.6;

  17066. }

  17067. 

  17068. .ui.horizontal.celled.list .list > .item:last-child,

  17069. .ui.horizontal.celled.list > .item:last-child {

  17070.   border-bottom: none;

  17071.   border-right: 1px solid rgba(34, 36, 38, 0.15);

  17072. }

  17073. 

  17074. /* Inverted */

  17075. 

  17076. .ui.celled.inverted.list > .item,

  17077. .ui.celled.inverted.list > .list {

  17078.   border-color: 1px solid rgba(255, 255, 255, 0.1);

  17079. }

  17080. 

  17081. .ui.celled.inverted.horizontal.list .list > .item,

  17082. .ui.celled.inverted.horizontal.list > .item {

  17083.   border-color: 1px solid rgba(255, 255, 255, 0.1);

  17084. }

  17085. 

  17086. /*-------------------

  17087.        Relaxed

  17088. --------------------*/

  17089. 

  17090. .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {

  17091.   padding-top: 0.42857143em;

  17092. }

  17093. 

  17094. .ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {

  17095.   padding-bottom: 0.42857143em;

  17096. }

  17097. 

  17098. .ui.horizontal.relaxed.list .list > .item:not(:first-child),

  17099. .ui.horizontal.relaxed.list > .item:not(:first-child) {

  17100.   padding-left: 1rem;

  17101. }

  17102. 

  17103. .ui.horizontal.relaxed.list .list > .item:not(:last-child),

  17104. .ui.horizontal.relaxed.list > .item:not(:last-child) {

  17105.   padding-right: 1rem;

  17106. }

  17107. 

  17108. /* Very Relaxed */

  17109. 

  17110. .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {

  17111.   padding-top: 0.85714286em;

  17112. }

  17113. 

  17114. .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {

  17115.   padding-bottom: 0.85714286em;

  17116. }

  17117. 

  17118. .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),

  17119. .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {

  17120.   padding-left: 1.5rem;

  17121. }

  17122. 

  17123. .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),

  17124. .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {

  17125.   padding-right: 1.5rem;

  17126. }

  17127. 

  17128. /*-------------------

  17129.       Sizes

  17130. --------------------*/

  17131. 

  17132. .ui.mini.list {

  17133.   font-size: 0.78571429em;

  17134. }

  17135. 

  17136. .ui.tiny.list {

  17137.   font-size: 0.85714286em;

  17138. }

  17139. 

  17140. .ui.small.list {

  17141.   font-size: 0.92857143em;

  17142. }

  17143. 

  17144. .ui.list {

  17145.   font-size: 1em;

  17146. }

  17147. 

  17148. .ui.large.list {

  17149.   font-size: 1.14285714em;

  17150. }

  17151. 

  17152. .ui.big.list {

  17153.   font-size: 1.28571429em;

  17154. }

  17155. 

  17156. .ui.huge.list {

  17157.   font-size: 1.42857143em;

  17158. }

  17159. 

  17160. .ui.massive.list {

  17161.   font-size: 1.71428571em;

  17162. }

  17163. 

  17164. .ui.mini.horizontal.list .list > .item,

  17165. .ui.mini.horizontal.list > .item {

  17166.   font-size: 0.78571429rem;

  17167. }

  17168. 

  17169. .ui.tiny.horizontal.list .list > .item,

  17170. .ui.tiny.horizontal.list > .item {

  17171.   font-size: 0.85714286rem;

  17172. }

  17173. 

  17174. .ui.small.horizontal.list .list > .item,

  17175. .ui.small.horizontal.list > .item {

  17176.   font-size: 0.92857143rem;

  17177. }

  17178. 

  17179. .ui.horizontal.list .list > .item,

  17180. .ui.horizontal.list > .item {

  17181.   font-size: 1rem;

  17182. }

  17183. 

  17184. .ui.large.horizontal.list .list > .item,

  17185. .ui.large.horizontal.list > .item {

  17186.   font-size: 1.14285714rem;

  17187. }

  17188. 

  17189. .ui.big.horizontal.list .list > .item,

  17190. .ui.big.horizontal.list > .item {

  17191.   font-size: 1.28571429rem;

  17192. }

  17193. 

  17194. .ui.huge.horizontal.list .list > .item,

  17195. .ui.huge.horizontal.list > .item {

  17196.   font-size: 1.42857143rem;

  17197. }

  17198. 

  17199. .ui.massive.horizontal.list .list > .item,

  17200. .ui.massive.horizontal.list > .item {

  17201.   font-size: 1.71428571rem;

  17202. }

  17203. 

  17204. /*******************************

  17205.          Theme Overrides

  17206. *******************************/

  17207. 

  17208. /*******************************

  17209.     User Variable Overrides

  17210. *******************************/

  17211. /*!

  17212.  * # Semantic UI 2.4.0 - Loader

  17213.  * http://github.com/semantic-org/semantic-ui/

  17214.  *

  17215.  *

  17216.  * Released under the MIT license

  17217.  * http://opensource.org/licenses/MIT

  17218.  *

  17219.  */

  17220. 

  17221. /*******************************

  17222.             Loader

  17223. *******************************/

  17224. 

  17225. /* Standard Size */

  17226. 

  17227. .ui.loader {

  17228.   display: none;

  17229.   position: absolute;

  17230.   top: 50%;

  17231.   left: 50%;

  17232.   margin: 0px;

  17233.   text-align: center;

  17234.   z-index: 1000;

  17235.   -webkit-transform: translateX(-50%) translateY(-50%);

  17236.   transform: translateX(-50%) translateY(-50%);

  17237. }

  17238. 

  17239. /* Static Shape */

  17240. 

  17241. .ui.loader:before {

  17242.   position: absolute;

  17243.   content: '';

  17244.   top: 0%;

  17245.   left: 50%;

  17246.   width: 100%;

  17247.   height: 100%;

  17248.   border-radius: 500rem;

  17249.   border: 0.2em solid rgba(0, 0, 0, 0.1);

  17250. }

  17251. 

  17252. /* Active Shape */

  17253. 

  17254. .ui.loader:after {

  17255.   position: absolute;

  17256.   content: '';

  17257.   top: 0%;

  17258.   left: 50%;

  17259.   width: 100%;

  17260.   height: 100%;

  17261.   -webkit-animation: loader 0.6s linear;

  17262.   animation: loader 0.6s linear;

  17263.   -webkit-animation-iteration-count: infinite;

  17264.   animation-iteration-count: infinite;

  17265.   border-radius: 500rem;

  17266.   border-color: #767676 transparent transparent;

  17267.   border-style: solid;

  17268.   border-width: 0.2em;

  17269.   -webkit-box-shadow: 0px 0px 0px 1px transparent;

  17270.   box-shadow: 0px 0px 0px 1px transparent;

  17271. }

  17272. 

  17273. /* Active Animation */

  17274. 

  17275. @-webkit-keyframes loader {

  17276.   from {

  17277.     -webkit-transform: rotate(0deg);

  17278.     transform: rotate(0deg);

  17279.   }

  17280. 

  17281.   to {

  17282.     -webkit-transform: rotate(360deg);

  17283.     transform: rotate(360deg);

  17284.   }

  17285. }

  17286. 

  17287. @keyframes loader {

  17288.   from {

  17289.     -webkit-transform: rotate(0deg);

  17290.     transform: rotate(0deg);

  17291.   }

  17292. 

  17293.   to {

  17294.     -webkit-transform: rotate(360deg);

  17295.     transform: rotate(360deg);

  17296.   }

  17297. }

  17298. 

  17299. /* Sizes */

  17300. 

  17301. .ui.mini.loader:before,

  17302. .ui.mini.loader:after {

  17303.   width: 1rem;

  17304.   height: 1rem;

  17305.   margin: 0em 0em 0em -0.5rem;

  17306. }

  17307. 

  17308. .ui.tiny.loader:before,

  17309. .ui.tiny.loader:after {

  17310.   width: 1.14285714rem;

  17311.   height: 1.14285714rem;

  17312.   margin: 0em 0em 0em -0.57142857rem;

  17313. }

  17314. 

  17315. .ui.small.loader:before,

  17316. .ui.small.loader:after {

  17317.   width: 1.71428571rem;

  17318.   height: 1.71428571rem;

  17319.   margin: 0em 0em 0em -0.85714286rem;

  17320. }

  17321. 

  17322. .ui.loader:before,

  17323. .ui.loader:after {

  17324.   width: 2.28571429rem;

  17325.   height: 2.28571429rem;

  17326.   margin: 0em 0em 0em -1.14285714rem;

  17327. }

  17328. 

  17329. .ui.large.loader:before,

  17330. .ui.large.loader:after {

  17331.   width: 3.42857143rem;

  17332.   height: 3.42857143rem;

  17333.   margin: 0em 0em 0em -1.71428571rem;

  17334. }

  17335. 

  17336. .ui.big.loader:before,

  17337. .ui.big.loader:after {

  17338.   width: 3.71428571rem;

  17339.   height: 3.71428571rem;

  17340.   margin: 0em 0em 0em -1.85714286rem;

  17341. }

  17342. 

  17343. .ui.huge.loader:before,

  17344. .ui.huge.loader:after {

  17345.   width: 4.14285714rem;

  17346.   height: 4.14285714rem;

  17347.   margin: 0em 0em 0em -2.07142857rem;

  17348. }

  17349. 

  17350. .ui.massive.loader:before,

  17351. .ui.massive.loader:after {

  17352.   width: 4.57142857rem;

  17353.   height: 4.57142857rem;

  17354.   margin: 0em 0em 0em -2.28571429rem;

  17355. }

  17356. 

  17357. /*-------------------

  17358.       Coupling

  17359. --------------------*/

  17360. 

  17361. /* Show inside active dimmer */

  17362. 

  17363. .ui.dimmer .loader {

  17364.   display: block;

  17365. }

  17366. 

  17367. /* Black Dimmer */

  17368. 

  17369. .ui.dimmer .ui.loader {

  17370.   color: rgba(255, 255, 255, 0.9);

  17371. }

  17372. 

  17373. .ui.dimmer .ui.loader:before {

  17374.   border-color: rgba(255, 255, 255, 0.15);

  17375. }

  17376. 

  17377. .ui.dimmer .ui.loader:after {

  17378.   border-color: #FFFFFF transparent transparent;

  17379. }

  17380. 

  17381. /* White Dimmer (Inverted) */

  17382. 

  17383. .ui.inverted.dimmer .ui.loader {

  17384.   color: rgba(0, 0, 0, 0.87);

  17385. }

  17386. 

  17387. .ui.inverted.dimmer .ui.loader:before {

  17388.   border-color: rgba(0, 0, 0, 0.1);

  17389. }

  17390. 

  17391. .ui.inverted.dimmer .ui.loader:after {

  17392.   border-color: #767676 transparent transparent;

  17393. }

  17394. 

  17395. /*******************************

  17396.              Types

  17397. *******************************/

  17398. 

  17399. /*-------------------

  17400.         Text

  17401. --------------------*/

  17402. 

  17403. .ui.text.loader {

  17404.   width: auto !important;

  17405.   height: auto !important;

  17406.   text-align: center;

  17407.   font-style: normal;

  17408. }

  17409. 

  17410. /*******************************

  17411.             States

  17412. *******************************/

  17413. 

  17414. .ui.indeterminate.loader:after {

  17415.   animation-direction: reverse;

  17416.   -webkit-animation-duration: 1.2s;

  17417.   animation-duration: 1.2s;

  17418. }

  17419. 

  17420. .ui.loader.active,

  17421. .ui.loader.visible {

  17422.   display: block;

  17423. }

  17424. 

  17425. .ui.loader.disabled,

  17426. .ui.loader.hidden {

  17427.   display: none;

  17428. }

  17429. 

  17430. /*******************************

  17431.             Variations

  17432. *******************************/

  17433. 

  17434. /*-------------------

  17435.         Sizes

  17436. --------------------*/

  17437. 

  17438. /* Loader */

  17439. 

  17440. .ui.inverted.dimmer .ui.mini.loader,

  17441. .ui.mini.loader {

  17442.   width: 1rem;

  17443.   height: 1rem;

  17444.   font-size: 0.78571429em;

  17445. }

  17446. 

  17447. .ui.inverted.dimmer .ui.tiny.loader,

  17448. .ui.tiny.loader {

  17449.   width: 1.14285714rem;

  17450.   height: 1.14285714rem;

  17451.   font-size: 0.85714286em;

  17452. }

  17453. 

  17454. .ui.inverted.dimmer .ui.small.loader,

  17455. .ui.small.loader {

  17456.   width: 1.71428571rem;

  17457.   height: 1.71428571rem;

  17458.   font-size: 0.92857143em;

  17459. }

  17460. 

  17461. .ui.inverted.dimmer .ui.loader,

  17462. .ui.loader {

  17463.   width: 2.28571429rem;

  17464.   height: 2.28571429rem;

  17465.   font-size: 1em;

  17466. }

  17467. 

  17468. .ui.inverted.dimmer .ui.large.loader,

  17469. .ui.large.loader {

  17470.   width: 3.42857143rem;

  17471.   height: 3.42857143rem;

  17472.   font-size: 1.14285714em;

  17473. }

  17474. 

  17475. .ui.inverted.dimmer .ui.big.loader,

  17476. .ui.big.loader {

  17477.   width: 3.71428571rem;

  17478.   height: 3.71428571rem;

  17479.   font-size: 1.28571429em;

  17480. }

  17481. 

  17482. .ui.inverted.dimmer .ui.huge.loader,

  17483. .ui.huge.loader {

  17484.   width: 4.14285714rem;

  17485.   height: 4.14285714rem;

  17486.   font-size: 1.42857143em;

  17487. }

  17488. 

  17489. .ui.inverted.dimmer .ui.massive.loader,

  17490. .ui.massive.loader {

  17491.   width: 4.57142857rem;

  17492.   height: 4.57142857rem;

  17493.   font-size: 1.71428571em;

  17494. }

  17495. 

  17496. /* Text Loader */

  17497. 

  17498. .ui.mini.text.loader {

  17499.   min-width: 1rem;

  17500.   padding-top: 1.78571429rem;

  17501. }

  17502. 

  17503. .ui.tiny.text.loader {

  17504.   min-width: 1.14285714rem;

  17505.   padding-top: 1.92857143rem;

  17506. }

  17507. 

  17508. .ui.small.text.loader {

  17509.   min-width: 1.71428571rem;

  17510.   padding-top: 2.5rem;

  17511. }

  17512. 

  17513. .ui.text.loader {

  17514.   min-width: 2.28571429rem;

  17515.   padding-top: 3.07142857rem;

  17516. }

  17517. 

  17518. .ui.large.text.loader {

  17519.   min-width: 3.42857143rem;

  17520.   padding-top: 4.21428571rem;

  17521. }

  17522. 

  17523. .ui.big.text.loader {

  17524.   min-width: 3.71428571rem;

  17525.   padding-top: 4.5rem;

  17526. }

  17527. 

  17528. .ui.huge.text.loader {

  17529.   min-width: 4.14285714rem;

  17530.   padding-top: 4.92857143rem;

  17531. }

  17532. 

  17533. .ui.massive.text.loader {

  17534.   min-width: 4.57142857rem;

  17535.   padding-top: 5.35714286rem;

  17536. }

  17537. 

  17538. /*-------------------

  17539.        Inverted

  17540. --------------------*/

  17541. 

  17542. .ui.inverted.loader {

  17543.   color: rgba(255, 255, 255, 0.9);

  17544. }

  17545. 

  17546. .ui.inverted.loader:before {

  17547.   border-color: rgba(255, 255, 255, 0.15);

  17548. }

  17549. 

  17550. .ui.inverted.loader:after {

  17551.   border-top-color: #FFFFFF;

  17552. }

  17553. 

  17554. /*-------------------

  17555.        Inline

  17556. --------------------*/

  17557. 

  17558. .ui.inline.loader {

  17559.   position: relative;

  17560.   vertical-align: middle;

  17561.   margin: 0em;

  17562.   left: 0em;

  17563.   top: 0em;

  17564.   -webkit-transform: none;

  17565.   transform: none;

  17566. }

  17567. 

  17568. .ui.inline.loader.active,

  17569. .ui.inline.loader.visible {

  17570.   display: inline-block;

  17571. }

  17572. 

  17573. /* Centered Inline */

  17574. 

  17575. .ui.centered.inline.loader.active,

  17576. .ui.centered.inline.loader.visible {

  17577.   display: block;

  17578.   margin-left: auto;

  17579.   margin-right: auto;

  17580. }

  17581. 

  17582. /*******************************

  17583.          Theme Overrides

  17584. *******************************/

  17585. 

  17586. /*******************************

  17587.          Site Overrides

  17588. *******************************/

  17589. /*!

  17590.  * # Semantic UI 2.4.0 - Loader

  17591.  * http://github.com/semantic-org/semantic-ui/

  17592.  *

  17593.  *

  17594.  * Released under the MIT license

  17595.  * http://opensource.org/licenses/MIT

  17596.  *

  17597.  */

  17598. 

  17599. /*-------------------

  17600.       Content

  17601. --------------------*/

  17602. 

  17603. .ui.placeholder {

  17604.   position: static;

  17605.   overflow: hidden;

  17606.   -webkit-animation: placeholderShimmer 2s linear;

  17607.   animation: placeholderShimmer 2s linear;

  17608.   -webkit-animation-iteration-count: infinite;

  17609.   animation-iteration-count: infinite;

  17610.   background-color: #FFFFFF;

  17611.   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.08)), color-stop(15%, rgba(0, 0, 0, 0.15)), color-stop(30%, rgba(0, 0, 0, 0.08)));

  17612.   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);

  17613.   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);

  17614.   background-size: 1200px 100%;

  17615.   max-width: 30rem;

  17616. }

  17617. 

  17618. @-webkit-keyframes placeholderShimmer {

  17619.   0% {

  17620.     background-position: -1200px 0;

  17621.   }

  17622. 

  17623.   100% {

  17624.     background-position: 1200px 0;

  17625.   }

  17626. }

  17627. 

  17628. @keyframes placeholderShimmer {

  17629.   0% {

  17630.     background-position: -1200px 0;

  17631.   }

  17632. 

  17633.   100% {

  17634.     background-position: 1200px 0;

  17635.   }

  17636. }

  17637. 

  17638. .ui.placeholder + .ui.placeholder {

  17639.   margin-top: 2rem;

  17640. }

  17641. 

  17642. .ui.placeholder + .ui.placeholder {

  17643.   -webkit-animation-delay: 0.15s;

  17644.   animation-delay: 0.15s;

  17645. }

  17646. 

  17647. .ui.placeholder + .ui.placeholder + .ui.placeholder {

  17648.   -webkit-animation-delay: 0.3s;

  17649.   animation-delay: 0.3s;

  17650. }

  17651. 

  17652. .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {

  17653.   -webkit-animation-delay: 0.45s;

  17654.   animation-delay: 0.45s;

  17655. }

  17656. 

  17657. .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {

  17658.   -webkit-animation-delay: 0.6s;

  17659.   animation-delay: 0.6s;

  17660. }

  17661. 

  17662. .ui.placeholder,

  17663. .ui.placeholder > :before,

  17664. .ui.placeholder .image.header:after,

  17665. .ui.placeholder .line,

  17666. .ui.placeholder .line:after {

  17667.   background-color: #FFFFFF;

  17668. }

  17669. 

  17670. /* Image */

  17671. 

  17672. .ui.placeholder .image:not(.header):not(.ui) {

  17673.   height: 100px;

  17674. }

  17675. 

  17676. .ui.placeholder .square.image:not(.header) {

  17677.   height: 0px;

  17678.   overflow: hidden;

  17679.   /* 1/1 aspect ratio */

  17680.   padding-top: 100%;

  17681. }

  17682. 

  17683. .ui.placeholder .rectangular.image:not(.header) {

  17684.   height: 0px;

  17685.   overflow: hidden;

  17686.   /* 4/3 aspect ratio */

  17687.   padding-top: 75%;

  17688. }

  17689. 

  17690. /* Lines */

  17691. 

  17692. .ui.placeholder .line {

  17693.   position: relative;

  17694.   height: 0.85714286em;

  17695. }

  17696. 

  17697. .ui.placeholder .line:before,

  17698. .ui.placeholder .line:after {

  17699.   top: 100%;

  17700.   position: absolute;

  17701.   content: '';

  17702.   background-color: inherit;

  17703. }

  17704. 

  17705. .ui.placeholder .line:before {

  17706.   left: 0px;

  17707. }

  17708. 

  17709. .ui.placeholder .line:after {

  17710.   right: 0px;

  17711. }

  17712. 

  17713. /* Any Lines */

  17714. 

  17715. .ui.placeholder .line {

  17716.   margin-bottom: 0.5em;

  17717. }

  17718. 

  17719. .ui.placeholder .line:before,

  17720. .ui.placeholder .line:after {

  17721.   height: 0.5em;

  17722. }

  17723. 

  17724. .ui.placeholder .line:not(:first-child) {

  17725.   margin-top: 0.5em;

  17726. }

  17727. 

  17728. /* Header Image + 2 Lines */

  17729. 

  17730. .ui.placeholder .header {

  17731.   position: relative;

  17732.   overflow: hidden;

  17733. }

  17734. 

  17735. /* Line Outdent */

  17736. 

  17737. .ui.placeholder .line:nth-child(1):after {

  17738.   width: 0%;

  17739. }

  17740. 

  17741. .ui.placeholder .line:nth-child(2):after {

  17742.   width: 50%;

  17743. }

  17744. 

  17745. .ui.placeholder .line:nth-child(3):after {

  17746.   width: 10%;

  17747. }

  17748. 

  17749. .ui.placeholder .line:nth-child(4):after {

  17750.   width: 35%;

  17751. }

  17752. 

  17753. .ui.placeholder .line:nth-child(5):after {

  17754.   width: 65%;

  17755. }

  17756. 

  17757. /* Header Line 1 & 2*/

  17758. 

  17759. .ui.placeholder .header .line {

  17760.   margin-bottom: 0.64285714em;

  17761. }

  17762. 

  17763. .ui.placeholder .header .line:before,

  17764. .ui.placeholder .header .line:after {

  17765.   height: 0.64285714em;

  17766. }

  17767. 

  17768. .ui.placeholder .header .line:not(:first-child) {

  17769.   margin-top: 0.64285714em;

  17770. }

  17771. 

  17772. .ui.placeholder .header .line:after {

  17773.   width: 20%;

  17774. }

  17775. 

  17776. .ui.placeholder .header .line:nth-child(2):after {

  17777.   width: 60%;

  17778. }

  17779. 

  17780. /* Image Header */

  17781. 

  17782. .ui.placeholder .image.header .line {

  17783.   margin-left: 3em;

  17784. }

  17785. 

  17786. .ui.placeholder .image.header .line:before {

  17787.   width: 0.71428571rem;

  17788. }

  17789. 

  17790. .ui.placeholder .image.header:after {

  17791.   display: block;

  17792.   height: 0.85714286em;

  17793.   content: '';

  17794.   margin-left: 3em;

  17795. }

  17796. 

  17797. /* Spacing */

  17798. 

  17799. .ui.placeholder .image .line:first-child,

  17800. .ui.placeholder .paragraph .line:first-child,

  17801. .ui.placeholder .header .line:first-child {

  17802.   height: 0.01px;

  17803. }

  17804. 

  17805. .ui.placeholder .image:not(:first-child):before,

  17806. .ui.placeholder .paragraph:not(:first-child):before,

  17807. .ui.placeholder .header:not(:first-child):before {

  17808.   height: 1.42857143em;

  17809.   content: '';

  17810.   display: block;

  17811. }

  17812. 

  17813. /* Inverted Content Loader */

  17814. 

  17815. .ui.inverted.placeholder {

  17816.   background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.08)), color-stop(15%, rgba(255, 255, 255, 0.14)), color-stop(30%, rgba(255, 255, 255, 0.08)));

  17817.   background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);

  17818.   background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);

  17819. }

  17820. 

  17821. .ui.inverted.placeholder,

  17822. .ui.inverted.placeholder > :before,

  17823. .ui.inverted.placeholder .image.header:after,

  17824. .ui.inverted.placeholder .line,

  17825. .ui.inverted.placeholder .line:after {

  17826.   background-color: #1B1C1D;

  17827. }

  17828. 

  17829. /*******************************

  17830.             Variations

  17831. *******************************/

  17832. 

  17833. /*-------------------

  17834.         Sizes

  17835. --------------------*/

  17836. 

  17837. .ui.placeholder .full.line.line.line:after {

  17838.   width: 0%;

  17839. }

  17840. 

  17841. .ui.placeholder .very.long.line.line.line:after {

  17842.   width: 10%;

  17843. }

  17844. 

  17845. .ui.placeholder .long.line.line.line:after {

  17846.   width: 35%;

  17847. }

  17848. 

  17849. .ui.placeholder .medium.line.line.line:after {

  17850.   width: 50%;

  17851. }

  17852. 

  17853. .ui.placeholder .short.line.line.line:after {

  17854.   width: 65%;

  17855. }

  17856. 

  17857. .ui.placeholder .very.short.line.line.line:after {

  17858.   width: 80%;

  17859. }

  17860. 

  17861. /*-------------------

  17862.         Fluid

  17863. --------------------*/

  17864. 

  17865. .ui.fluid.placeholder {

  17866.   max-width: none;

  17867. }

  17868. /*!

  17869.  * # Semantic UI 2.4.0 - Rail

  17870.  * http://github.com/semantic-org/semantic-ui/

  17871.  *

  17872.  *

  17873.  * Released under the MIT license

  17874.  * http://opensource.org/licenses/MIT

  17875.  *

  17876.  */

  17877. 

  17878. /*******************************

  17879.              Rails

  17880. *******************************/

  17881. 

  17882. .ui.rail {

  17883.   position: absolute;

  17884.   top: 0%;

  17885.   width: 300px;

  17886.   height: 100%;

  17887. }

  17888. 

  17889. .ui.left.rail {

  17890.   left: auto;

  17891.   right: 100%;

  17892.   padding: 0em 2rem 0em 0em;

  17893.   margin: 0em 2rem 0em 0em;

  17894. }

  17895. 

  17896. .ui.right.rail {

  17897.   left: 100%;

  17898.   right: auto;

  17899.   padding: 0em 0em 0em 2rem;

  17900.   margin: 0em 0em 0em 2rem;

  17901. }

  17902. 

  17903. /*******************************

  17904.            Variations

  17905. *******************************/

  17906. 

  17907. /*--------------

  17908.      Internal

  17909. ---------------*/

  17910. 

  17911. .ui.left.internal.rail {

  17912.   left: 0%;

  17913.   right: auto;

  17914.   padding: 0em 0em 0em 2rem;

  17915.   margin: 0em 0em 0em 2rem;

  17916. }

  17917. 

  17918. .ui.right.internal.rail {

  17919.   left: auto;

  17920.   right: 0%;

  17921.   padding: 0em 2rem 0em 0em;

  17922.   margin: 0em 2rem 0em 0em;

  17923. }

  17924. 

  17925. /*--------------

  17926.     Dividing

  17927. ---------------*/

  17928. 

  17929. .ui.dividing.rail {

  17930.   width: 302.5px;

  17931. }

  17932. 

  17933. .ui.left.dividing.rail {

  17934.   padding: 0em 2.5rem 0em 0em;

  17935.   margin: 0em 2.5rem 0em 0em;

  17936.   border-right: 1px solid rgba(34, 36, 38, 0.15);

  17937. }

  17938. 

  17939. .ui.right.dividing.rail {

  17940.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  17941.   padding: 0em 0em 0em 2.5rem;

  17942.   margin: 0em 0em 0em 2.5rem;

  17943. }

  17944. 

  17945. /*--------------

  17946.     Distance

  17947. ---------------*/

  17948. 

  17949. .ui.close.rail {

  17950.   width: calc( 300px  +  1em );

  17951. }

  17952. 

  17953. .ui.close.left.rail {

  17954.   padding: 0em 1em 0em 0em;

  17955.   margin: 0em 1em 0em 0em;

  17956. }

  17957. 

  17958. .ui.close.right.rail {

  17959.   padding: 0em 0em 0em 1em;

  17960.   margin: 0em 0em 0em 1em;

  17961. }

  17962. 

  17963. .ui.very.close.rail {

  17964.   width: calc( 300px  +  0.5em );

  17965. }

  17966. 

  17967. .ui.very.close.left.rail {

  17968.   padding: 0em 0.5em 0em 0em;

  17969.   margin: 0em 0.5em 0em 0em;

  17970. }

  17971. 

  17972. .ui.very.close.right.rail {

  17973.   padding: 0em 0em 0em 0.5em;

  17974.   margin: 0em 0em 0em 0.5em;

  17975. }

  17976. 

  17977. /*--------------

  17978.     Attached

  17979. ---------------*/

  17980. 

  17981. .ui.attached.left.rail,

  17982. .ui.attached.right.rail {

  17983.   padding: 0em;

  17984.   margin: 0em;

  17985. }

  17986. 

  17987. /*--------------

  17988.      Sizing

  17989. ---------------*/

  17990. 

  17991. .ui.mini.rail {

  17992.   font-size: 0.78571429rem;

  17993. }

  17994. 

  17995. .ui.tiny.rail {

  17996.   font-size: 0.85714286rem;

  17997. }

  17998. 

  17999. .ui.small.rail {

  18000.   font-size: 0.92857143rem;

  18001. }

  18002. 

  18003. .ui.rail {

  18004.   font-size: 1rem;

  18005. }

  18006. 

  18007. .ui.large.rail {

  18008.   font-size: 1.14285714rem;

  18009. }

  18010. 

  18011. .ui.big.rail {

  18012.   font-size: 1.28571429rem;

  18013. }

  18014. 

  18015. .ui.huge.rail {

  18016.   font-size: 1.42857143rem;

  18017. }

  18018. 

  18019. .ui.massive.rail {

  18020.   font-size: 1.71428571rem;

  18021. }

  18022. 

  18023. /*******************************

  18024.          Theme Overrides

  18025. *******************************/

  18026. 

  18027. /*******************************

  18028.          Site Overrides

  18029. *******************************/

  18030. /*!

  18031.  * # Semantic UI 2.4.0 - Reveal

  18032.  * http://github.com/semantic-org/semantic-ui/

  18033.  *

  18034.  *

  18035.  * Released under the MIT license

  18036.  * http://opensource.org/licenses/MIT

  18037.  *

  18038.  */

  18039. 

  18040. /*******************************

  18041.             Reveal

  18042. *******************************/

  18043. 

  18044. .ui.reveal {

  18045.   display: inherit;

  18046.   position: relative !important;

  18047.   font-size: 0em !important;

  18048. }

  18049. 

  18050. .ui.reveal > .visible.content {

  18051.   position: absolute !important;

  18052.   top: 0em !important;

  18053.   left: 0em !important;

  18054.   z-index: 3 !important;

  18055.   -webkit-transition: all 0.5s ease 0.1s;

  18056.   transition: all 0.5s ease 0.1s;

  18057. }

  18058. 

  18059. .ui.reveal > .hidden.content {

  18060.   position: relative !important;

  18061.   z-index: 2 !important;

  18062. }

  18063. 

  18064. /* Make sure hovered element is on top of other reveal */

  18065. 

  18066. .ui.active.reveal .visible.content,

  18067. .ui.reveal:hover .visible.content {

  18068.   z-index: 4 !important;

  18069. }

  18070. 

  18071. /*******************************

  18072.               Types

  18073. *******************************/

  18074. 

  18075. /*--------------

  18076.       Slide

  18077. ---------------*/

  18078. 

  18079. .ui.slide.reveal {

  18080.   position: relative !important;

  18081.   overflow: hidden !important;

  18082.   white-space: nowrap;

  18083. }

  18084. 

  18085. .ui.slide.reveal > .content {

  18086.   display: block;

  18087.   width: 100%;

  18088.   white-space: normal;

  18089.   float: left;

  18090.   margin: 0em;

  18091.   -webkit-transition: -webkit-transform 0.5s ease 0.1s;

  18092.   transition: -webkit-transform 0.5s ease 0.1s;

  18093.   transition: transform 0.5s ease 0.1s;

  18094.   transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s;

  18095. }

  18096. 

  18097. .ui.slide.reveal > .visible.content {

  18098.   position: relative !important;

  18099. }

  18100. 

  18101. .ui.slide.reveal > .hidden.content {

  18102.   position: absolute !important;

  18103.   left: 0% !important;

  18104.   width: 100% !important;

  18105.   -webkit-transform: translateX(100%) !important;

  18106.   transform: translateX(100%) !important;

  18107. }

  18108. 

  18109. .ui.slide.active.reveal > .visible.content,

  18110. .ui.slide.reveal:hover > .visible.content {

  18111.   -webkit-transform: translateX(-100%) !important;

  18112.   transform: translateX(-100%) !important;

  18113. }

  18114. 

  18115. .ui.slide.active.reveal > .hidden.content,

  18116. .ui.slide.reveal:hover > .hidden.content {

  18117.   -webkit-transform: translateX(0%) !important;

  18118.   transform: translateX(0%) !important;

  18119. }

  18120. 

  18121. .ui.slide.right.reveal > .visible.content {

  18122.   -webkit-transform: translateX(0%) !important;

  18123.   transform: translateX(0%) !important;

  18124. }

  18125. 

  18126. .ui.slide.right.reveal > .hidden.content {

  18127.   -webkit-transform: translateX(-100%) !important;

  18128.   transform: translateX(-100%) !important;

  18129. }

  18130. 

  18131. .ui.slide.right.active.reveal > .visible.content,

  18132. .ui.slide.right.reveal:hover > .visible.content {

  18133.   -webkit-transform: translateX(100%) !important;

  18134.   transform: translateX(100%) !important;

  18135. }

  18136. 

  18137. .ui.slide.right.active.reveal > .hidden.content,

  18138. .ui.slide.right.reveal:hover > .hidden.content {

  18139.   -webkit-transform: translateX(0%) !important;

  18140.   transform: translateX(0%) !important;

  18141. }

  18142. 

  18143. .ui.slide.up.reveal > .hidden.content {

  18144.   -webkit-transform: translateY(100%) !important;

  18145.   transform: translateY(100%) !important;

  18146. }

  18147. 

  18148. .ui.slide.up.active.reveal > .visible.content,

  18149. .ui.slide.up.reveal:hover > .visible.content {

  18150.   -webkit-transform: translateY(-100%) !important;

  18151.   transform: translateY(-100%) !important;

  18152. }

  18153. 

  18154. .ui.slide.up.active.reveal > .hidden.content,

  18155. .ui.slide.up.reveal:hover > .hidden.content {

  18156.   -webkit-transform: translateY(0%) !important;

  18157.   transform: translateY(0%) !important;

  18158. }

  18159. 

  18160. .ui.slide.down.reveal > .hidden.content {

  18161.   -webkit-transform: translateY(-100%) !important;

  18162.   transform: translateY(-100%) !important;

  18163. }

  18164. 

  18165. .ui.slide.down.active.reveal > .visible.content,

  18166. .ui.slide.down.reveal:hover > .visible.content {

  18167.   -webkit-transform: translateY(100%) !important;

  18168.   transform: translateY(100%) !important;

  18169. }

  18170. 

  18171. .ui.slide.down.active.reveal > .hidden.content,

  18172. .ui.slide.down.reveal:hover > .hidden.content {

  18173.   -webkit-transform: translateY(0%) !important;

  18174.   transform: translateY(0%) !important;

  18175. }

  18176. 

  18177. /*--------------

  18178.       Fade

  18179. ---------------*/

  18180. 

  18181. .ui.fade.reveal > .visible.content {

  18182.   opacity: 1;

  18183. }

  18184. 

  18185. .ui.fade.active.reveal > .visible.content,

  18186. .ui.fade.reveal:hover > .visible.content {

  18187.   opacity: 0;

  18188. }

  18189. 

  18190. /*--------------

  18191.       Move

  18192. ---------------*/

  18193. 

  18194. .ui.move.reveal {

  18195.   position: relative !important;

  18196.   overflow: hidden !important;

  18197.   white-space: nowrap;

  18198. }

  18199. 

  18200. .ui.move.reveal > .content {

  18201.   display: block;

  18202.   float: left;

  18203.   white-space: normal;

  18204.   margin: 0em;

  18205.   -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;

  18206.   transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;

  18207.   transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;

  18208.   transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;

  18209. }

  18210. 

  18211. .ui.move.reveal > .visible.content {

  18212.   position: relative !important;

  18213. }

  18214. 

  18215. .ui.move.reveal > .hidden.content {

  18216.   position: absolute !important;

  18217.   left: 0% !important;

  18218.   width: 100% !important;

  18219. }

  18220. 

  18221. .ui.move.active.reveal > .visible.content,

  18222. .ui.move.reveal:hover > .visible.content {

  18223.   -webkit-transform: translateX(-100%) !important;

  18224.   transform: translateX(-100%) !important;

  18225. }

  18226. 

  18227. .ui.move.right.active.reveal > .visible.content,

  18228. .ui.move.right.reveal:hover > .visible.content {

  18229.   -webkit-transform: translateX(100%) !important;

  18230.   transform: translateX(100%) !important;

  18231. }

  18232. 

  18233. .ui.move.up.active.reveal > .visible.content,

  18234. .ui.move.up.reveal:hover > .visible.content {

  18235.   -webkit-transform: translateY(-100%) !important;

  18236.   transform: translateY(-100%) !important;

  18237. }

  18238. 

  18239. .ui.move.down.active.reveal > .visible.content,

  18240. .ui.move.down.reveal:hover > .visible.content {

  18241.   -webkit-transform: translateY(100%) !important;

  18242.   transform: translateY(100%) !important;

  18243. }

  18244. 

  18245. /*--------------

  18246.      Rotate

  18247. ---------------*/

  18248. 

  18249. .ui.rotate.reveal > .visible.content {

  18250.   -webkit-transition-duration: 0.5s;

  18251.   transition-duration: 0.5s;

  18252.   -webkit-transform: rotate(0deg);

  18253.   transform: rotate(0deg);

  18254. }

  18255. 

  18256. .ui.rotate.reveal > .visible.content,

  18257. .ui.rotate.right.reveal > .visible.content {

  18258.   -webkit-transform-origin: bottom right;

  18259.   transform-origin: bottom right;

  18260. }

  18261. 

  18262. .ui.rotate.active.reveal > .visible.content,

  18263. .ui.rotate.reveal:hover > .visible.content,

  18264. .ui.rotate.right.active.reveal > .visible.content,

  18265. .ui.rotate.right.reveal:hover > .visible.content {

  18266.   -webkit-transform: rotate(110deg);

  18267.   transform: rotate(110deg);

  18268. }

  18269. 

  18270. .ui.rotate.left.reveal > .visible.content {

  18271.   -webkit-transform-origin: bottom left;

  18272.   transform-origin: bottom left;

  18273. }

  18274. 

  18275. .ui.rotate.left.active.reveal > .visible.content,

  18276. .ui.rotate.left.reveal:hover > .visible.content {

  18277.   -webkit-transform: rotate(-110deg);

  18278.   transform: rotate(-110deg);

  18279. }

  18280. 

  18281. /*******************************

  18282.               States

  18283. *******************************/

  18284. 

  18285. .ui.disabled.reveal:hover > .visible.visible.content {

  18286.   position: static !important;

  18287.   display: block !important;

  18288.   opacity: 1 !important;

  18289.   top: 0 !important;

  18290.   left: 0 !important;

  18291.   right: auto !important;

  18292.   bottom: auto !important;

  18293.   -webkit-transform: none !important;

  18294.   transform: none !important;

  18295. }

  18296. 

  18297. .ui.disabled.reveal:hover > .hidden.hidden.content {

  18298.   display: none !important;

  18299. }

  18300. 

  18301. /*******************************

  18302.            Coupling

  18303. *******************************/

  18304. 

  18305. .ui.reveal > .ui.ribbon.label {

  18306.   z-index: 5;

  18307. }

  18308. 

  18309. /*******************************

  18310.            Variations

  18311. *******************************/

  18312. 

  18313. /*--------------

  18314.      Visible

  18315. ---------------*/

  18316. 

  18317. .ui.visible.reveal {

  18318.   overflow: visible;

  18319. }

  18320. 

  18321. /*--------------

  18322.      Instant

  18323. ---------------*/

  18324. 

  18325. .ui.instant.reveal > .content {

  18326.   -webkit-transition-delay: 0s !important;

  18327.   transition-delay: 0s !important;

  18328. }

  18329. 

  18330. /*--------------

  18331.      Sizing

  18332. ---------------*/

  18333. 

  18334. .ui.reveal > .content {

  18335.   font-size: 1rem !important;

  18336. }

  18337. 

  18338. /*******************************

  18339.          Theme Overrides

  18340. *******************************/

  18341. 

  18342. /*******************************

  18343.          Site Overrides

  18344. *******************************/

  18345. /*!

  18346.  * # Semantic UI 2.4.0 - Segment

  18347.  * http://github.com/semantic-org/semantic-ui/

  18348.  *

  18349.  *

  18350.  * Released under the MIT license

  18351.  * http://opensource.org/licenses/MIT

  18352.  *

  18353.  */

  18354. 

  18355. /*******************************

  18356.             Segment

  18357. *******************************/

  18358. 

  18359. .ui.segment {

  18360.   position: relative;

  18361.   background: #FFFFFF;

  18362.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  18363.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  18364.   margin: 1rem 0em;

  18365.   padding: 1em 1em;

  18366.   border-radius: 0.28571429rem;

  18367.   border: 1px solid rgba(34, 36, 38, 0.15);

  18368. }

  18369. 

  18370. .ui.segment:first-child {

  18371.   margin-top: 0em;

  18372. }

  18373. 

  18374. .ui.segment:last-child {

  18375.   margin-bottom: 0em;

  18376. }

  18377. 

  18378. /* Vertical */

  18379. 

  18380. .ui.vertical.segment {

  18381.   margin: 0em;

  18382.   padding-left: 0em;

  18383.   padding-right: 0em;

  18384.   background: none transparent;

  18385.   border-radius: 0px;

  18386.   -webkit-box-shadow: none;

  18387.   box-shadow: none;

  18388.   border: none;

  18389.   border-bottom: 1px solid rgba(34, 36, 38, 0.15);

  18390. }

  18391. 

  18392. .ui.vertical.segment:last-child {

  18393.   border-bottom: none;

  18394. }

  18395. 

  18396. /*-------------------

  18397.     Loose Coupling

  18398. --------------------*/

  18399. 

  18400. /* Header */

  18401. 

  18402. .ui.inverted.segment > .ui.header {

  18403.   color: #FFFFFF;

  18404. }

  18405. 

  18406. /* Label */

  18407. 

  18408. .ui[class*="bottom attached"].segment > [class*="top attached"].label {

  18409.   border-top-left-radius: 0em;

  18410.   border-top-right-radius: 0em;

  18411. }

  18412. 

  18413. .ui[class*="top attached"].segment > [class*="bottom attached"].label {

  18414.   border-bottom-left-radius: 0em;

  18415.   border-bottom-right-radius: 0em;

  18416. }

  18417. 

  18418. .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {

  18419.   border-top-left-radius: 0em;

  18420.   border-top-right-radius: 0em;

  18421. }

  18422. 

  18423. .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {

  18424.   border-bottom-left-radius: 0em;

  18425.   border-bottom-right-radius: 0em;

  18426. }

  18427. 

  18428. /* Grid */

  18429. 

  18430. .ui.page.grid.segment,

  18431. .ui.grid > .row > .ui.segment.column,

  18432. .ui.grid > .ui.segment.column {

  18433.   padding-top: 2em;

  18434.   padding-bottom: 2em;

  18435. }

  18436. 

  18437. .ui.grid.segment {

  18438.   margin: 1rem 0em;

  18439.   border-radius: 0.28571429rem;

  18440. }

  18441. 

  18442. /* Table */

  18443. 

  18444. .ui.basic.table.segment {

  18445.   background: #FFFFFF;

  18446.   border: 1px solid rgba(34, 36, 38, 0.15);

  18447.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  18448.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  18449. }

  18450. 

  18451. .ui[class*="very basic"].table.segment {

  18452.   padding: 1em 1em;

  18453. }

  18454. 

  18455. /*******************************

  18456.              Types

  18457. *******************************/

  18458. 

  18459. /*-------------------

  18460.      Placeholder

  18461. --------------------*/

  18462. 

  18463. .ui.placeholder.segment {

  18464.   display: -webkit-box;

  18465.   display: -ms-flexbox;

  18466.   display: flex;

  18467.   -webkit-box-orient: vertical;

  18468.   -webkit-box-direction: normal;

  18469.   -ms-flex-direction: column;

  18470.   flex-direction: column;

  18471.   -webkit-box-pack: center;

  18472.   -ms-flex-pack: center;

  18473.   justify-content: center;

  18474.   -webkit-box-align: stretch;

  18475.   -ms-flex-align: stretch;

  18476.   align-items: stretch;

  18477.   max-width: initial;

  18478.   -webkit-animation: none;

  18479.   animation: none;

  18480.   overflow: visible;

  18481.   padding: 1em 1em;

  18482.   min-height: 18rem;

  18483.   background: #F9FAFB;

  18484.   border-color: rgba(34, 36, 38, 0.15);

  18485.   -webkit-box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;

  18486.   box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;

  18487. }

  18488. 

  18489. .ui.placeholder.segment .button,

  18490. .ui.placeholder.segment textarea {

  18491.   display: block;

  18492. }

  18493. 

  18494. .ui.placeholder.segment .field,

  18495. .ui.placeholder.segment textarea,

  18496. .ui.placeholder.segment > .ui.input,

  18497. .ui.placeholder.segment .button {

  18498.   max-width: 15rem;

  18499.   margin-left: auto;

  18500.   margin-right: auto;

  18501. }

  18502. 

  18503. .ui.placeholder.segment .column .button,

  18504. .ui.placeholder.segment .column .field,

  18505. .ui.placeholder.segment .column textarea,

  18506. .ui.placeholder.segment .column > .ui.input {

  18507.   max-width: 15rem;

  18508.   margin-left: auto;

  18509.   margin-right: auto;

  18510. }

  18511. 

  18512. .ui.placeholder.segment > .inline {

  18513.   -ms-flex-item-align: center;

  18514.   align-self: center;

  18515. }

  18516. 

  18517. .ui.placeholder.segment > .inline > .button {

  18518.   display: inline-block;

  18519.   width: auto;

  18520.   margin: 0px 0.35714286rem 0px 0px;

  18521. }

  18522. 

  18523. .ui.placeholder.segment > .inline > .button:last-child {

  18524.   margin-right: 0px;

  18525. }

  18526. 

  18527. /*-------------------

  18528.         Piled

  18529. --------------------*/

  18530. 

  18531. .ui.piled.segments,

  18532. .ui.piled.segment {

  18533.   margin: 3em 0em;

  18534.   -webkit-box-shadow: '';

  18535.   box-shadow: '';

  18536.   z-index: auto;

  18537. }

  18538. 

  18539. .ui.piled.segment:first-child {

  18540.   margin-top: 0em;

  18541. }

  18542. 

  18543. .ui.piled.segment:last-child {

  18544.   margin-bottom: 0em;

  18545. }

  18546. 

  18547. .ui.piled.segments:after,

  18548. .ui.piled.segments:before,

  18549. .ui.piled.segment:after,

  18550. .ui.piled.segment:before {

  18551.   background-color: #FFFFFF;

  18552.   visibility: visible;

  18553.   content: '';

  18554.   display: block;

  18555.   height: 100%;

  18556.   left: 0px;

  18557.   position: absolute;

  18558.   width: 100%;

  18559.   border: 1px solid rgba(34, 36, 38, 0.15);

  18560.   -webkit-box-shadow: '';

  18561.   box-shadow: '';

  18562. }

  18563. 

  18564. .ui.piled.segments:before,

  18565. .ui.piled.segment:before {

  18566.   -webkit-transform: rotate(-1.2deg);

  18567.   transform: rotate(-1.2deg);

  18568.   top: 0;

  18569.   z-index: -2;

  18570. }

  18571. 

  18572. .ui.piled.segments:after,

  18573. .ui.piled.segment:after {

  18574.   -webkit-transform: rotate(1.2deg);

  18575.   transform: rotate(1.2deg);

  18576.   top: 0;

  18577.   z-index: -1;

  18578. }

  18579. 

  18580. /* Piled Attached */

  18581. 

  18582. .ui[class*="top attached"].piled.segment {

  18583.   margin-top: 3em;

  18584.   margin-bottom: 0em;

  18585. }

  18586. 

  18587. .ui.piled.segment[class*="top attached"]:first-child {

  18588.   margin-top: 0em;

  18589. }

  18590. 

  18591. .ui.piled.segment[class*="bottom attached"] {

  18592.   margin-top: 0em;

  18593.   margin-bottom: 3em;

  18594. }

  18595. 

  18596. .ui.piled.segment[class*="bottom attached"]:last-child {

  18597.   margin-bottom: 0em;

  18598. }

  18599. 

  18600. /*-------------------

  18601.        Stacked

  18602. --------------------*/

  18603. 

  18604. .ui.stacked.segment {

  18605.   padding-bottom: 1.4em;

  18606. }

  18607. 

  18608. .ui.stacked.segments:before,

  18609. .ui.stacked.segments:after,

  18610. .ui.stacked.segment:before,

  18611. .ui.stacked.segment:after {

  18612.   content: '';

  18613.   position: absolute;

  18614.   bottom: -3px;

  18615.   left: 0%;

  18616.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  18617.   background: rgba(0, 0, 0, 0.03);

  18618.   width: 100%;

  18619.   height: 6px;

  18620.   visibility: visible;

  18621. }

  18622. 

  18623. .ui.stacked.segments:before,

  18624. .ui.stacked.segment:before {

  18625.   display: none;

  18626. }

  18627. 

  18628. /* Add additional page */

  18629. 

  18630. .ui.tall.stacked.segments:before,

  18631. .ui.tall.stacked.segment:before {

  18632.   display: block;

  18633.   bottom: 0px;

  18634. }

  18635. 

  18636. /* Inverted */

  18637. 

  18638. .ui.stacked.inverted.segments:before,

  18639. .ui.stacked.inverted.segments:after,

  18640. .ui.stacked.inverted.segment:before,

  18641. .ui.stacked.inverted.segment:after {

  18642.   background-color: rgba(0, 0, 0, 0.03);

  18643.   border-top: 1px solid rgba(34, 36, 38, 0.35);

  18644. }

  18645. 

  18646. /*-------------------

  18647.        Padded

  18648. --------------------*/

  18649. 

  18650. .ui.padded.segment {

  18651.   padding: 1.5em;

  18652. }

  18653. 

  18654. .ui[class*="very padded"].segment {

  18655.   padding: 3em;

  18656. }

  18657. 

  18658. /* Padded vertical */

  18659. 

  18660. .ui.padded.segment.vertical.segment,

  18661. .ui[class*="very padded"].vertical.segment {

  18662.   padding-left: 0px;

  18663.   padding-right: 0px;

  18664. }

  18665. 

  18666. /*-------------------

  18667.        Compact

  18668. --------------------*/

  18669. 

  18670. .ui.compact.segment {

  18671.   display: table;

  18672. }

  18673. 

  18674. /* Compact Group */

  18675. 

  18676. .ui.compact.segments {

  18677.   display: -webkit-inline-box;

  18678.   display: -ms-inline-flexbox;

  18679.   display: inline-flex;

  18680. }

  18681. 

  18682. .ui.compact.segments .segment,

  18683. .ui.segments .compact.segment {

  18684.   display: block;

  18685.   -webkit-box-flex: 0;

  18686.   -ms-flex: 0 1 auto;

  18687.   flex: 0 1 auto;

  18688. }

  18689. 

  18690. /*-------------------

  18691.        Circular

  18692. --------------------*/

  18693. 

  18694. .ui.circular.segment {

  18695.   display: table-cell;

  18696.   padding: 2em;

  18697.   text-align: center;

  18698.   vertical-align: middle;

  18699.   border-radius: 500em;

  18700. }

  18701. 

  18702. /*-------------------

  18703.        Raised

  18704. --------------------*/

  18705. 

  18706. .ui.raised.segments,

  18707. .ui.raised.segment {

  18708.   -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  18709.   box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  18710. }

  18711. 

  18712. /*******************************

  18713.             Groups

  18714. *******************************/

  18715. 

  18716. /* Group */

  18717. 

  18718. .ui.segments {

  18719.   -webkit-box-orient: vertical;

  18720.   -webkit-box-direction: normal;

  18721.   -ms-flex-direction: column;

  18722.   flex-direction: column;

  18723.   position: relative;

  18724.   margin: 1rem 0em;

  18725.   border: 1px solid rgba(34, 36, 38, 0.15);

  18726.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  18727.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  18728.   border-radius: 0.28571429rem;

  18729. }

  18730. 

  18731. .ui.segments:first-child {

  18732.   margin-top: 0em;

  18733. }

  18734. 

  18735. .ui.segments:last-child {

  18736.   margin-bottom: 0em;

  18737. }

  18738. 

  18739. /* Nested Segment */

  18740. 

  18741. .ui.segments > .segment {

  18742.   top: 0px;

  18743.   bottom: 0px;

  18744.   border-radius: 0px;

  18745.   margin: 0em;

  18746.   width: auto;

  18747.   -webkit-box-shadow: none;

  18748.   box-shadow: none;

  18749.   border: none;

  18750.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  18751. }

  18752. 

  18753. .ui.segments:not(.horizontal) > .segment:first-child {

  18754.   border-top: none;

  18755.   margin-top: 0em;

  18756.   bottom: 0px;

  18757.   margin-bottom: 0em;

  18758.   top: 0px;

  18759.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  18760. }

  18761. 

  18762. /* Bottom */

  18763. 

  18764. .ui.segments:not(.horizontal) > .segment:last-child {

  18765.   top: 0px;

  18766.   bottom: 0px;

  18767.   margin-top: 0em;

  18768.   margin-bottom: 0em;

  18769.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;

  18770.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;

  18771.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  18772. }

  18773. 

  18774. /* Only */

  18775. 

  18776. .ui.segments:not(.horizontal) > .segment:only-child {

  18777.   border-radius: 0.28571429rem;

  18778. }

  18779. 

  18780. /* Nested Group */

  18781. 

  18782. .ui.segments > .ui.segments {

  18783.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  18784.   margin: 1rem 1rem;

  18785. }

  18786. 

  18787. .ui.segments > .segments:first-child {

  18788.   border-top: none;

  18789. }

  18790. 

  18791. .ui.segments > .segment + .segments:not(.horizontal) {

  18792.   margin-top: 0em;

  18793. }

  18794. 

  18795. /* Horizontal Group */

  18796. 

  18797. .ui.horizontal.segments {

  18798.   display: -webkit-box;

  18799.   display: -ms-flexbox;

  18800.   display: flex;

  18801.   -webkit-box-orient: horizontal;

  18802.   -webkit-box-direction: normal;

  18803.   -ms-flex-direction: row;

  18804.   flex-direction: row;

  18805.   background-color: transparent;

  18806.   border-radius: 0px;

  18807.   padding: 0em;

  18808.   background-color: #FFFFFF;

  18809.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  18810.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  18811.   margin: 1rem 0em;

  18812.   border-radius: 0.28571429rem;

  18813.   border: 1px solid rgba(34, 36, 38, 0.15);

  18814. }

  18815. 

  18816. /* Nested Horizontal Group */

  18817. 

  18818. .ui.segments > .horizontal.segments {

  18819.   margin: 0em;

  18820.   background-color: transparent;

  18821.   border-radius: 0px;

  18822.   border: none;

  18823.   -webkit-box-shadow: none;

  18824.   box-shadow: none;

  18825.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  18826. }

  18827. 

  18828. /* Horizontal Segment */

  18829. 

  18830. .ui.horizontal.segments > .segment {

  18831.   -webkit-box-flex: 1;

  18832.   flex: 1 1 auto;

  18833.   -ms-flex: 1 1 0px;

  18834.   /* Solves #2550 MS Flex */

  18835.   margin: 0em;

  18836.   min-width: 0px;

  18837.   background-color: transparent;

  18838.   border-radius: 0px;

  18839.   border: none;

  18840.   -webkit-box-shadow: none;

  18841.   box-shadow: none;

  18842.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  18843. }

  18844. 

  18845. /* Border Fixes */

  18846. 

  18847. .ui.segments > .horizontal.segments:first-child {

  18848.   border-top: none;

  18849. }

  18850. 

  18851. .ui.horizontal.segments > .segment:first-child {

  18852.   border-left: none;

  18853. }

  18854. 

  18855. /*******************************

  18856.             States

  18857. *******************************/

  18858. 

  18859. /*--------------

  18860.     Disabled

  18861. ---------------*/

  18862. 

  18863. .ui.disabled.segment {

  18864.   opacity: 0.45;

  18865.   color: rgba(40, 40, 40, 0.3);

  18866. }

  18867. 

  18868. /*--------------

  18869.     Loading

  18870. ---------------*/

  18871. 

  18872. .ui.loading.segment {

  18873.   position: relative;

  18874.   cursor: default;

  18875.   pointer-events: none;

  18876.   text-shadow: none !important;

  18877.   color: transparent !important;

  18878.   -webkit-transition: all 0s linear;

  18879.   transition: all 0s linear;

  18880. }

  18881. 

  18882. .ui.loading.segment:before {

  18883.   position: absolute;

  18884.   content: '';

  18885.   top: 0%;

  18886.   left: 0%;

  18887.   background: rgba(255, 255, 255, 0.8);

  18888.   width: 100%;

  18889.   height: 100%;

  18890.   border-radius: 0.28571429rem;

  18891.   z-index: 100;

  18892. }

  18893. 

  18894. .ui.loading.segment:after {

  18895.   position: absolute;

  18896.   content: '';

  18897.   top: 50%;

  18898.   left: 50%;

  18899.   margin: -1.5em 0em 0em -1.5em;

  18900.   width: 3em;

  18901.   height: 3em;

  18902.   -webkit-animation: segment-spin 0.6s linear;

  18903.   animation: segment-spin 0.6s linear;

  18904.   -webkit-animation-iteration-count: infinite;

  18905.   animation-iteration-count: infinite;

  18906.   border-radius: 500rem;

  18907.   border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);

  18908.   border-style: solid;

  18909.   border-width: 0.2em;

  18910.   -webkit-box-shadow: 0px 0px 0px 1px transparent;

  18911.   box-shadow: 0px 0px 0px 1px transparent;

  18912.   visibility: visible;

  18913.   z-index: 101;

  18914. }

  18915. 

  18916. @-webkit-keyframes segment-spin {

  18917.   from {

  18918.     -webkit-transform: rotate(0deg);

  18919.     transform: rotate(0deg);

  18920.   }

  18921. 

  18922.   to {

  18923.     -webkit-transform: rotate(360deg);

  18924.     transform: rotate(360deg);

  18925.   }

  18926. }

  18927. 

  18928. @keyframes segment-spin {

  18929.   from {

  18930.     -webkit-transform: rotate(0deg);

  18931.     transform: rotate(0deg);

  18932.   }

  18933. 

  18934.   to {

  18935.     -webkit-transform: rotate(360deg);

  18936.     transform: rotate(360deg);

  18937.   }

  18938. }

  18939. 

  18940. /*******************************

  18941.            Variations

  18942. *******************************/

  18943. 

  18944. /*-------------------

  18945.        Basic

  18946. --------------------*/

  18947. 

  18948. .ui.basic.segment {

  18949.   background: none transparent;

  18950.   -webkit-box-shadow: none;

  18951.   box-shadow: none;

  18952.   border: none;

  18953.   border-radius: 0px;

  18954. }

  18955. 

  18956. /*-------------------

  18957.        Clearing

  18958. --------------------*/

  18959. 

  18960. .ui.clearing.segment:after {

  18961.   content: ".";

  18962.   display: block;

  18963.   height: 0;

  18964.   clear: both;

  18965.   visibility: hidden;

  18966. }

  18967. 

  18968. /*-------------------

  18969.        Colors

  18970. --------------------*/

  18971. 

  18972. /* Red */

  18973. 

  18974. .ui.red.segment:not(.inverted) {

  18975.   border-top: 2px solid #DB2828 !important;

  18976. }

  18977. 

  18978. .ui.inverted.red.segment {

  18979.   background-color: #DB2828 !important;

  18980.   color: #FFFFFF !important;

  18981. }

  18982. 

  18983. /* Orange */

  18984. 

  18985. .ui.orange.segment:not(.inverted) {

  18986.   border-top: 2px solid #F2711C !important;

  18987. }

  18988. 

  18989. .ui.inverted.orange.segment {

  18990.   background-color: #F2711C !important;

  18991.   color: #FFFFFF !important;

  18992. }

  18993. 

  18994. /* Yellow */

  18995. 

  18996. .ui.yellow.segment:not(.inverted) {

  18997.   border-top: 2px solid #FBBD08 !important;

  18998. }

  18999. 

  19000. .ui.inverted.yellow.segment {

  19001.   background-color: #FBBD08 !important;

  19002.   color: #FFFFFF !important;

  19003. }

  19004. 

  19005. /* Olive */

  19006. 

  19007. .ui.olive.segment:not(.inverted) {

  19008.   border-top: 2px solid #B5CC18 !important;

  19009. }

  19010. 

  19011. .ui.inverted.olive.segment {

  19012.   background-color: #B5CC18 !important;

  19013.   color: #FFFFFF !important;

  19014. }

  19015. 

  19016. /* Green */

  19017. 

  19018. .ui.green.segment:not(.inverted) {

  19019.   border-top: 2px solid #21BA45 !important;

  19020. }

  19021. 

  19022. .ui.inverted.green.segment {

  19023.   background-color: #21BA45 !important;

  19024.   color: #FFFFFF !important;

  19025. }

  19026. 

  19027. /* Teal */

  19028. 

  19029. .ui.teal.segment:not(.inverted) {

  19030.   border-top: 2px solid #00B5AD !important;

  19031. }

  19032. 

  19033. .ui.inverted.teal.segment {

  19034.   background-color: #00B5AD !important;

  19035.   color: #FFFFFF !important;

  19036. }

  19037. 

  19038. /* Blue */

  19039. 

  19040. .ui.blue.segment:not(.inverted) {

  19041.   border-top: 2px solid #2185D0 !important;

  19042. }

  19043. 

  19044. .ui.inverted.blue.segment {

  19045.   background-color: #2185D0 !important;

  19046.   color: #FFFFFF !important;

  19047. }

  19048. 

  19049. /* Violet */

  19050. 

  19051. .ui.violet.segment:not(.inverted) {

  19052.   border-top: 2px solid #6435C9 !important;

  19053. }

  19054. 

  19055. .ui.inverted.violet.segment {

  19056.   background-color: #6435C9 !important;

  19057.   color: #FFFFFF !important;

  19058. }

  19059. 

  19060. /* Purple */

  19061. 

  19062. .ui.purple.segment:not(.inverted) {

  19063.   border-top: 2px solid #A333C8 !important;

  19064. }

  19065. 

  19066. .ui.inverted.purple.segment {

  19067.   background-color: #A333C8 !important;

  19068.   color: #FFFFFF !important;

  19069. }

  19070. 

  19071. /* Pink */

  19072. 

  19073. .ui.pink.segment:not(.inverted) {

  19074.   border-top: 2px solid #E03997 !important;

  19075. }

  19076. 

  19077. .ui.inverted.pink.segment {

  19078.   background-color: #E03997 !important;

  19079.   color: #FFFFFF !important;

  19080. }

  19081. 

  19082. /* Brown */

  19083. 

  19084. .ui.brown.segment:not(.inverted) {

  19085.   border-top: 2px solid #A5673F !important;

  19086. }

  19087. 

  19088. .ui.inverted.brown.segment {

  19089.   background-color: #A5673F !important;

  19090.   color: #FFFFFF !important;

  19091. }

  19092. 

  19093. /* Grey */

  19094. 

  19095. .ui.grey.segment:not(.inverted) {

  19096.   border-top: 2px solid #767676 !important;

  19097. }

  19098. 

  19099. .ui.inverted.grey.segment {

  19100.   background-color: #767676 !important;

  19101.   color: #FFFFFF !important;

  19102. }

  19103. 

  19104. /* Black */

  19105. 

  19106. .ui.black.segment:not(.inverted) {

  19107.   border-top: 2px solid #1B1C1D !important;

  19108. }

  19109. 

  19110. .ui.inverted.black.segment {

  19111.   background-color: #1B1C1D !important;

  19112.   color: #FFFFFF !important;

  19113. }

  19114. 

  19115. /*-------------------

  19116.        Aligned

  19117. --------------------*/

  19118. 

  19119. .ui[class*="left aligned"].segment {

  19120.   text-align: left;

  19121. }

  19122. 

  19123. .ui[class*="right aligned"].segment {

  19124.   text-align: right;

  19125. }

  19126. 

  19127. .ui[class*="center aligned"].segment {

  19128.   text-align: center;

  19129. }

  19130. 

  19131. /*-------------------

  19132.        Floated

  19133. --------------------*/

  19134. 

  19135. .ui.floated.segment,

  19136. .ui[class*="left floated"].segment {

  19137.   float: left;

  19138.   margin-right: 1em;

  19139. }

  19140. 

  19141. .ui[class*="right floated"].segment {

  19142.   float: right;

  19143.   margin-left: 1em;

  19144. }

  19145. 

  19146. /*-------------------

  19147.       Inverted

  19148. --------------------*/

  19149. 

  19150. .ui.inverted.segment {

  19151.   border: none;

  19152.   -webkit-box-shadow: none;

  19153.   box-shadow: none;

  19154. }

  19155. 

  19156. .ui.inverted.segment,

  19157. .ui.primary.inverted.segment {

  19158.   background: #1B1C1D;

  19159.   color: rgba(255, 255, 255, 0.9);

  19160. }

  19161. 

  19162. /* Nested */

  19163. 

  19164. .ui.inverted.segment .segment {

  19165.   color: rgba(0, 0, 0, 0.87);

  19166. }

  19167. 

  19168. .ui.inverted.segment .inverted.segment {

  19169.   color: rgba(255, 255, 255, 0.9);

  19170. }

  19171. 

  19172. /* Attached */

  19173. 

  19174. .ui.inverted.attached.segment {

  19175.   border-color: #555555;

  19176. }

  19177. 

  19178. /*-------------------

  19179.      Emphasis

  19180. --------------------*/

  19181. 

  19182. /* Secondary */

  19183. 

  19184. .ui.secondary.segment {

  19185.   background: #F3F4F5;

  19186.   color: rgba(0, 0, 0, 0.6);

  19187. }

  19188. 

  19189. .ui.secondary.inverted.segment {

  19190.   background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));

  19191.   background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);

  19192.   background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);

  19193.   color: rgba(255, 255, 255, 0.8);

  19194. }

  19195. 

  19196. /* Tertiary */

  19197. 

  19198. .ui.tertiary.segment {

  19199.   background: #DCDDDE;

  19200.   color: rgba(0, 0, 0, 0.6);

  19201. }

  19202. 

  19203. .ui.tertiary.inverted.segment {

  19204.   background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));

  19205.   background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);

  19206.   background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);

  19207.   color: rgba(255, 255, 255, 0.8);

  19208. }

  19209. 

  19210. /*-------------------

  19211.       Attached

  19212. --------------------*/

  19213. 

  19214. /* Middle */

  19215. 

  19216. .ui.attached.segment {

  19217.   top: 0px;

  19218.   bottom: 0px;

  19219.   border-radius: 0px;

  19220.   margin: 0em -1px;

  19221.   width: calc(100% +  2px );

  19222.   max-width: calc(100% +  2px );

  19223.   -webkit-box-shadow: none;

  19224.   box-shadow: none;

  19225.   border: 1px solid #D4D4D5;

  19226. }

  19227. 

  19228. .ui.attached:not(.message) + .ui.attached.segment:not(.top) {

  19229.   border-top: none;

  19230. }

  19231. 

  19232. /* Top */

  19233. 

  19234. .ui[class*="top attached"].segment {

  19235.   bottom: 0px;

  19236.   margin-bottom: 0em;

  19237.   top: 0px;

  19238.   margin-top: 1rem;

  19239.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  19240. }

  19241. 

  19242. .ui.segment[class*="top attached"]:first-child {

  19243.   margin-top: 0em;

  19244. }

  19245. 

  19246. /* Bottom */

  19247. 

  19248. .ui.segment[class*="bottom attached"] {

  19249.   bottom: 0px;

  19250.   margin-top: 0em;

  19251.   top: 0px;

  19252.   margin-bottom: 1rem;

  19253.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;

  19254.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;

  19255.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  19256. }

  19257. 

  19258. .ui.segment[class*="bottom attached"]:last-child {

  19259.   margin-bottom: 0em;

  19260. }

  19261. 

  19262. /*-------------------

  19263.         Size

  19264. --------------------*/

  19265. 

  19266. .ui.mini.segments .segment,

  19267. .ui.mini.segment {

  19268.   font-size: 0.78571429rem;

  19269. }

  19270. 

  19271. .ui.tiny.segments .segment,

  19272. .ui.tiny.segment {

  19273.   font-size: 0.85714286rem;

  19274. }

  19275. 

  19276. .ui.small.segments .segment,

  19277. .ui.small.segment {

  19278.   font-size: 0.92857143rem;

  19279. }

  19280. 

  19281. .ui.segments .segment,

  19282. .ui.segment {

  19283.   font-size: 1rem;

  19284. }

  19285. 

  19286. .ui.large.segments .segment,

  19287. .ui.large.segment {

  19288.   font-size: 1.14285714rem;

  19289. }

  19290. 

  19291. .ui.big.segments .segment,

  19292. .ui.big.segment {

  19293.   font-size: 1.28571429rem;

  19294. }

  19295. 

  19296. .ui.huge.segments .segment,

  19297. .ui.huge.segment {

  19298.   font-size: 1.42857143rem;

  19299. }

  19300. 

  19301. .ui.massive.segments .segment,

  19302. .ui.massive.segment {

  19303.   font-size: 1.71428571rem;

  19304. }

  19305. 

  19306. /*******************************

  19307.          Theme Overrides

  19308. *******************************/

  19309. 

  19310. /*******************************

  19311.          Site Overrides

  19312. *******************************/

  19313. /*!

  19314.  * # Semantic UI 2.4.0 - Step

  19315.  * http://github.com/semantic-org/semantic-ui/

  19316.  *

  19317.  *

  19318.  * Released under the MIT license

  19319.  * http://opensource.org/licenses/MIT

  19320.  *

  19321.  */

  19322. 

  19323. /*******************************

  19324.             Plural

  19325. *******************************/

  19326. 

  19327. .ui.steps {

  19328.   display: -webkit-inline-box;

  19329.   display: -ms-inline-flexbox;

  19330.   display: inline-flex;

  19331.   -webkit-box-orient: horizontal;

  19332.   -webkit-box-direction: normal;

  19333.   -ms-flex-direction: row;

  19334.   flex-direction: row;

  19335.   -webkit-box-align: stretch;

  19336.   -ms-flex-align: stretch;

  19337.   align-items: stretch;

  19338.   margin: 1em 0em;

  19339.   background: '';

  19340.   -webkit-box-shadow: none;

  19341.   box-shadow: none;

  19342.   line-height: 1.14285714em;

  19343.   border-radius: 0.28571429rem;

  19344.   border: 1px solid rgba(34, 36, 38, 0.15);

  19345. }

  19346. 

  19347. /* First Steps */

  19348. 

  19349. .ui.steps:first-child {

  19350.   margin-top: 0em;

  19351. }

  19352. 

  19353. /* Last Steps */

  19354. 

  19355. .ui.steps:last-child {

  19356.   margin-bottom: 0em;

  19357. }

  19358. 

  19359. /*******************************

  19360.            Singular

  19361. *******************************/

  19362. 

  19363. .ui.steps .step {

  19364.   position: relative;

  19365.   display: -webkit-box;

  19366.   display: -ms-flexbox;

  19367.   display: flex;

  19368.   -webkit-box-flex: 1;

  19369.   -ms-flex: 1 0 auto;

  19370.   flex: 1 0 auto;

  19371.   -ms-flex-wrap: wrap;

  19372.   flex-wrap: wrap;

  19373.   -webkit-box-orient: horizontal;

  19374.   -webkit-box-direction: normal;

  19375.   -ms-flex-direction: row;

  19376.   flex-direction: row;

  19377.   vertical-align: middle;

  19378.   -webkit-box-align: center;

  19379.   -ms-flex-align: center;

  19380.   align-items: center;

  19381.   -webkit-box-pack: center;

  19382.   -ms-flex-pack: center;

  19383.   justify-content: center;

  19384.   margin: 0em 0em;

  19385.   padding: 1.14285714em 2em;

  19386.   background: #FFFFFF;

  19387.   color: rgba(0, 0, 0, 0.87);

  19388.   -webkit-box-shadow: none;

  19389.   box-shadow: none;

  19390.   border-radius: 0em;

  19391.   border: none;

  19392.   border-right: 1px solid rgba(34, 36, 38, 0.15);

  19393.   -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;

  19394.   transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;

  19395.   transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;

  19396.   transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;

  19397. }

  19398. 

  19399. /* Arrow */

  19400. 

  19401. .ui.steps .step:after {

  19402.   display: none;

  19403.   position: absolute;

  19404.   z-index: 2;

  19405.   content: '';

  19406.   top: 50%;

  19407.   right: 0%;

  19408.   border: medium none;

  19409.   background-color: #FFFFFF;

  19410.   width: 1.14285714em;

  19411.   height: 1.14285714em;

  19412.   border-style: solid;

  19413.   border-color: rgba(34, 36, 38, 0.15);

  19414.   border-width: 0px 1px 1px 0px;

  19415.   -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;

  19416.   transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;

  19417.   transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;

  19418.   transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;

  19419.   -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);

  19420.   transform: translateY(-50%) translateX(50%) rotate(-45deg);

  19421. }

  19422. 

  19423. /* First Step */

  19424. 

  19425. .ui.steps .step:first-child {

  19426.   padding-left: 2em;

  19427.   border-radius: 0.28571429rem 0em 0em 0.28571429rem;

  19428. }

  19429. 

  19430. /* Last Step */

  19431. 

  19432. .ui.steps .step:last-child {

  19433.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  19434. }

  19435. 

  19436. .ui.steps .step:last-child {

  19437.   border-right: none;

  19438.   margin-right: 0em;

  19439. }

  19440. 

  19441. /* Only Step */

  19442. 

  19443. .ui.steps .step:only-child {

  19444.   border-radius: 0.28571429rem;

  19445. }

  19446. 

  19447. /*******************************

  19448.             Content

  19449. *******************************/

  19450. 

  19451. /* Title */

  19452. 

  19453. .ui.steps .step .title {

  19454.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  19455.   font-size: 1.14285714em;

  19456.   font-weight: bold;

  19457. }

  19458. 

  19459. .ui.steps .step > .title {

  19460.   width: 100%;

  19461. }

  19462. 

  19463. /* Description */

  19464. 

  19465. .ui.steps .step .description {

  19466.   font-weight: normal;

  19467.   font-size: 0.92857143em;

  19468.   color: rgba(0, 0, 0, 0.87);

  19469. }

  19470. 

  19471. .ui.steps .step > .description {

  19472.   width: 100%;

  19473. }

  19474. 

  19475. .ui.steps .step .title ~ .description {

  19476.   margin-top: 0.25em;

  19477. }

  19478. 

  19479. /* Icon */

  19480. 

  19481. .ui.steps .step > .icon {

  19482.   line-height: 1;

  19483.   font-size: 2.5em;

  19484.   margin: 0em 1rem 0em 0em;

  19485. }

  19486. 

  19487. .ui.steps .step > .icon,

  19488. .ui.steps .step > .icon ~ .content {

  19489.   display: block;

  19490.   -webkit-box-flex: 0;

  19491.   -ms-flex: 0 1 auto;

  19492.   flex: 0 1 auto;

  19493.   -ms-flex-item-align: middle;

  19494.   align-self: middle;

  19495. }

  19496. 

  19497. .ui.steps .step > .icon ~ .content {

  19498.   -webkit-box-flex: 1 0 auto;

  19499.   -ms-flex-positive: 1 0 auto;

  19500.   flex-grow: 1 0 auto;

  19501. }

  19502. 

  19503. /* Horizontal Icon */

  19504. 

  19505. .ui.steps:not(.vertical) .step > .icon {

  19506.   width: auto;

  19507. }

  19508. 

  19509. /* Link */

  19510. 

  19511. .ui.steps .link.step,

  19512. .ui.steps a.step {

  19513.   cursor: pointer;

  19514. }

  19515. 

  19516. /*******************************

  19517.             Types

  19518. *******************************/

  19519. 

  19520. /*--------------

  19521.      Ordered

  19522. ---------------*/

  19523. 

  19524. .ui.ordered.steps {

  19525.   counter-reset: ordered;

  19526. }

  19527. 

  19528. .ui.ordered.steps .step:before {

  19529.   display: block;

  19530.   position: static;

  19531.   text-align: center;

  19532.   content: counters(ordered, ".");

  19533.   -ms-flex-item-align: middle;

  19534.   align-self: middle;

  19535.   margin-right: 1rem;

  19536.   font-size: 2.5em;

  19537.   counter-increment: ordered;

  19538.   font-family: inherit;

  19539.   font-weight: bold;

  19540. }

  19541. 

  19542. .ui.ordered.steps .step > * {

  19543.   display: block;

  19544.   -ms-flex-item-align: middle;

  19545.   align-self: middle;

  19546. }

  19547. 

  19548. /*--------------

  19549.     Vertical

  19550. ---------------*/

  19551. 

  19552. .ui.vertical.steps {

  19553.   display: -webkit-inline-box;

  19554.   display: -ms-inline-flexbox;

  19555.   display: inline-flex;

  19556.   -webkit-box-orient: vertical;

  19557.   -webkit-box-direction: normal;

  19558.   -ms-flex-direction: column;

  19559.   flex-direction: column;

  19560.   overflow: visible;

  19561. }

  19562. 

  19563. .ui.vertical.steps .step {

  19564.   -webkit-box-pack: start;

  19565.   -ms-flex-pack: start;

  19566.   justify-content: flex-start;

  19567.   border-radius: 0em;

  19568.   padding: 1.14285714em 2em;

  19569.   border-right: none;

  19570.   border-bottom: 1px solid rgba(34, 36, 38, 0.15);

  19571. }

  19572. 

  19573. .ui.vertical.steps .step:first-child {

  19574.   padding: 1.14285714em 2em;

  19575.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  19576. }

  19577. 

  19578. .ui.vertical.steps .step:last-child {

  19579.   border-bottom: none;

  19580.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  19581. }

  19582. 

  19583. .ui.vertical.steps .step:only-child {

  19584.   border-radius: 0.28571429rem;

  19585. }

  19586. 

  19587. /* Arrow */

  19588. 

  19589. .ui.vertical.steps .step:after {

  19590.   display: none;

  19591. }

  19592. 

  19593. .ui.vertical.steps .step:after {

  19594.   top: 50%;

  19595.   right: 0%;

  19596.   border-width: 0px 1px 1px 0px;

  19597. }

  19598. 

  19599. .ui.vertical.steps .step:after {

  19600.   display: none;

  19601. }

  19602. 

  19603. .ui.vertical.steps .active.step:after {

  19604.   display: block;

  19605. }

  19606. 

  19607. .ui.vertical.steps .step:last-child:after {

  19608.   display: none;

  19609. }

  19610. 

  19611. .ui.vertical.steps .active.step:last-child:after {

  19612.   display: block;

  19613. }

  19614. 

  19615. /*---------------

  19616.     Responsive

  19617. ----------------*/

  19618. 

  19619. /* Mobile (Default) */

  19620. 

  19621. @media only screen and (max-width: 767px) {

  19622.   .ui.steps:not(.unstackable) {

  19623.     display: -webkit-inline-box;

  19624.     display: -ms-inline-flexbox;

  19625.     display: inline-flex;

  19626.     overflow: visible;

  19627.     -webkit-box-orient: vertical;

  19628.     -webkit-box-direction: normal;

  19629.     -ms-flex-direction: column;

  19630.     flex-direction: column;

  19631.   }

  19632. 

  19633.   .ui.steps:not(.unstackable) .step {

  19634.     width: 100% !important;

  19635.     -webkit-box-orient: vertical;

  19636.     -webkit-box-direction: normal;

  19637.     -ms-flex-direction: column;

  19638.     flex-direction: column;

  19639.     border-radius: 0em;

  19640.     padding: 1.14285714em 2em;

  19641.   }

  19642. 

  19643.   .ui.steps:not(.unstackable) .step:first-child {

  19644.     padding: 1.14285714em 2em;

  19645.     border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  19646.   }

  19647. 

  19648.   .ui.steps:not(.unstackable) .step:last-child {

  19649.     border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  19650.   }

  19651. 

  19652.   /* Arrow */

  19653. 

  19654.   .ui.steps:not(.unstackable) .step:after {

  19655.     display: none !important;

  19656.   }

  19657. 

  19658.   /* Content */

  19659. 

  19660.   .ui.steps:not(.unstackable) .step .content {

  19661.     text-align: center;

  19662.   }

  19663. 

  19664.   /* Icon */

  19665. 

  19666.   .ui.steps:not(.unstackable) .step > .icon,

  19667.   .ui.ordered.steps:not(.unstackable) .step:before {

  19668.     margin: 0em 0em 1rem 0em;

  19669.   }

  19670. }

  19671. 

  19672. /*******************************

  19673.              States

  19674. *******************************/

  19675. 

  19676. /* Link Hover */

  19677. 

  19678. .ui.steps .link.step:hover::after,

  19679. .ui.steps .link.step:hover,

  19680. .ui.steps a.step:hover::after,

  19681. .ui.steps a.step:hover {

  19682.   background: #F9FAFB;

  19683.   color: rgba(0, 0, 0, 0.8);

  19684. }

  19685. 

  19686. /* Link Down */

  19687. 

  19688. .ui.steps .link.step:active::after,

  19689. .ui.steps .link.step:active,

  19690. .ui.steps a.step:active::after,

  19691. .ui.steps a.step:active {

  19692.   background: #F3F4F5;

  19693.   color: rgba(0, 0, 0, 0.9);

  19694. }

  19695. 

  19696. /* Active */

  19697. 

  19698. .ui.steps .step.active {

  19699.   cursor: auto;

  19700.   background: #F3F4F5;

  19701. }

  19702. 

  19703. .ui.steps .step.active:after {

  19704.   background: #F3F4F5;

  19705. }

  19706. 

  19707. .ui.steps .step.active .title {

  19708.   color: #4183C4;

  19709. }

  19710. 

  19711. .ui.ordered.steps .step.active:before,

  19712. .ui.steps .active.step .icon {

  19713.   color: rgba(0, 0, 0, 0.85);

  19714. }

  19715. 

  19716. /* Active Arrow */

  19717. 

  19718. .ui.steps .step:after {

  19719.   display: block;

  19720. }

  19721. 

  19722. .ui.steps .active.step:after {

  19723.   display: block;

  19724. }

  19725. 

  19726. .ui.steps .step:last-child:after {

  19727.   display: none;

  19728. }

  19729. 

  19730. .ui.steps .active.step:last-child:after {

  19731.   display: none;

  19732. }

  19733. 

  19734. /* Active Hover */

  19735. 

  19736. .ui.steps .link.active.step:hover::after,

  19737. .ui.steps .link.active.step:hover,

  19738. .ui.steps a.active.step:hover::after,

  19739. .ui.steps a.active.step:hover {

  19740.   cursor: pointer;

  19741.   background: #DCDDDE;

  19742.   color: rgba(0, 0, 0, 0.87);

  19743. }

  19744. 

  19745. /* Completed */

  19746. 

  19747. .ui.steps .step.completed > .icon:before,

  19748. .ui.ordered.steps .step.completed:before {

  19749.   color: #21BA45;

  19750. }

  19751. 

  19752. /* Disabled */

  19753. 

  19754. .ui.steps .disabled.step {

  19755.   cursor: auto;

  19756.   background: #FFFFFF;

  19757.   pointer-events: none;

  19758. }

  19759. 

  19760. .ui.steps .disabled.step,

  19761. .ui.steps .disabled.step .title,

  19762. .ui.steps .disabled.step .description {

  19763.   color: rgba(40, 40, 40, 0.3);

  19764. }

  19765. 

  19766. .ui.steps .disabled.step:after {

  19767.   background: #FFFFFF;

  19768. }

  19769. 

  19770. /*******************************

  19771.            Variations

  19772. *******************************/

  19773. 

  19774. /*--------------

  19775.    Stackable

  19776. ---------------*/

  19777. 

  19778. /* Tablet Or Below */

  19779. 

  19780. @media only screen and (max-width: 991px) {

  19781.   .ui[class*="tablet stackable"].steps {

  19782.     display: -webkit-inline-box;

  19783.     display: -ms-inline-flexbox;

  19784.     display: inline-flex;

  19785.     overflow: visible;

  19786.     -webkit-box-orient: vertical;

  19787.     -webkit-box-direction: normal;

  19788.     -ms-flex-direction: column;

  19789.     flex-direction: column;

  19790.   }

  19791. 

  19792.   /* Steps */

  19793. 

  19794.   .ui[class*="tablet stackable"].steps .step {

  19795.     -webkit-box-orient: vertical;

  19796.     -webkit-box-direction: normal;

  19797.     -ms-flex-direction: column;

  19798.     flex-direction: column;

  19799.     border-radius: 0em;

  19800.     padding: 1.14285714em 2em;

  19801.   }

  19802. 

  19803.   .ui[class*="tablet stackable"].steps .step:first-child {

  19804.     padding: 1.14285714em 2em;

  19805.     border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  19806.   }

  19807. 

  19808.   .ui[class*="tablet stackable"].steps .step:last-child {

  19809.     border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  19810.   }

  19811. 

  19812.   /* Arrow */

  19813. 

  19814.   .ui[class*="tablet stackable"].steps .step:after {

  19815.     display: none !important;

  19816.   }

  19817. 

  19818.   /* Content */

  19819. 

  19820.   .ui[class*="tablet stackable"].steps .step .content {

  19821.     text-align: center;

  19822.   }

  19823. 

  19824.   /* Icon */

  19825. 

  19826.   .ui[class*="tablet stackable"].steps .step > .icon,

  19827.   .ui[class*="tablet stackable"].ordered.steps .step:before {

  19828.     margin: 0em 0em 1rem 0em;

  19829.   }

  19830. }

  19831. 

  19832. /*--------------

  19833.       Fluid

  19834. ---------------*/

  19835. 

  19836. /* Fluid */

  19837. 

  19838. .ui.fluid.steps {

  19839.   display: -webkit-box;

  19840.   display: -ms-flexbox;

  19841.   display: flex;

  19842.   width: 100%;

  19843. }

  19844. 

  19845. /*--------------

  19846.     Attached

  19847. ---------------*/

  19848. 

  19849. /* Top */

  19850. 

  19851. .ui.attached.steps {

  19852.   width: calc(100% +  2px ) !important;

  19853.   margin: 0em -1px 0;

  19854.   max-width: calc(100% +  2px );

  19855.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  19856. }

  19857. 

  19858. .ui.attached.steps .step:first-child {

  19859.   border-radius: 0.28571429rem 0em 0em 0em;

  19860. }

  19861. 

  19862. .ui.attached.steps .step:last-child {

  19863.   border-radius: 0em 0.28571429rem 0em 0em;

  19864. }

  19865. 

  19866. /* Bottom */

  19867. 

  19868. .ui.bottom.attached.steps {

  19869.   margin: 0 -1px 0em;

  19870.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  19871. }

  19872. 

  19873. .ui.bottom.attached.steps .step:first-child {

  19874.   border-radius: 0em 0em 0em 0.28571429rem;

  19875. }

  19876. 

  19877. .ui.bottom.attached.steps .step:last-child {

  19878.   border-radius: 0em 0em 0.28571429rem 0em;

  19879. }

  19880. 

  19881. /*-------------------

  19882.     Evenly Divided

  19883. --------------------*/

  19884. 

  19885. .ui.one.steps,

  19886. .ui.two.steps,

  19887. .ui.three.steps,

  19888. .ui.four.steps,

  19889. .ui.five.steps,

  19890. .ui.six.steps,

  19891. .ui.seven.steps,

  19892. .ui.eight.steps {

  19893.   width: 100%;

  19894. }

  19895. 

  19896. .ui.one.steps > .step,

  19897. .ui.two.steps > .step,

  19898. .ui.three.steps > .step,

  19899. .ui.four.steps > .step,

  19900. .ui.five.steps > .step,

  19901. .ui.six.steps > .step,

  19902. .ui.seven.steps > .step,

  19903. .ui.eight.steps > .step {

  19904.   -ms-flex-wrap: nowrap;

  19905.   flex-wrap: nowrap;

  19906. }

  19907. 

  19908. .ui.one.steps > .step {

  19909.   width: 100%;

  19910. }

  19911. 

  19912. .ui.two.steps > .step {

  19913.   width: 50%;

  19914. }

  19915. 

  19916. .ui.three.steps > .step {

  19917.   width: 33.333%;

  19918. }

  19919. 

  19920. .ui.four.steps > .step {

  19921.   width: 25%;

  19922. }

  19923. 

  19924. .ui.five.steps > .step {

  19925.   width: 20%;

  19926. }

  19927. 

  19928. .ui.six.steps > .step {

  19929.   width: 16.666%;

  19930. }

  19931. 

  19932. .ui.seven.steps > .step {

  19933.   width: 14.285%;

  19934. }

  19935. 

  19936. .ui.eight.steps > .step {

  19937.   width: 12.500%;

  19938. }

  19939. 

  19940. /*-------------------

  19941.        Sizes

  19942. --------------------*/

  19943. 

  19944. .ui.mini.steps .step,

  19945. .ui.mini.step {

  19946.   font-size: 0.78571429rem;

  19947. }

  19948. 

  19949. .ui.tiny.steps .step,

  19950. .ui.tiny.step {

  19951.   font-size: 0.85714286rem;

  19952. }

  19953. 

  19954. .ui.small.steps .step,

  19955. .ui.small.step {

  19956.   font-size: 0.92857143rem;

  19957. }

  19958. 

  19959. .ui.steps .step,

  19960. .ui.step {

  19961.   font-size: 1rem;

  19962. }

  19963. 

  19964. .ui.large.steps .step,

  19965. .ui.large.step {

  19966.   font-size: 1.14285714rem;

  19967. }

  19968. 

  19969. .ui.big.steps .step,

  19970. .ui.big.step {

  19971.   font-size: 1.28571429rem;

  19972. }

  19973. 

  19974. .ui.huge.steps .step,

  19975. .ui.huge.step {

  19976.   font-size: 1.42857143rem;

  19977. }

  19978. 

  19979. .ui.massive.steps .step,

  19980. .ui.massive.step {

  19981.   font-size: 1.71428571rem;

  19982. }

  19983. 

  19984. /*******************************

  19985.          Theme Overrides

  19986. *******************************/

  19987. 

  19988. @font-face {

  19989.   font-family: 'Step';

  19990.   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');

  19991. }

  19992. 

  19993. .ui.steps .step.completed > .icon:before,

  19994. .ui.ordered.steps .step.completed:before {

  19995.   font-family: 'Step';

  19996.   content: '\e800';

  19997.   /* '' */

  19998. }

  19999. 

  20000. /*******************************

  20001.          Site Overrides

  20002. *******************************/

  20003. /*!

  20004.  * # Semantic UI 2.4.0 - Breadcrumb

  20005.  * http://github.com/semantic-org/semantic-ui/

  20006.  *

  20007.  *

  20008.  * Released under the MIT license

  20009.  * http://opensource.org/licenses/MIT

  20010.  *

  20011.  */

  20012. 

  20013. /*******************************

  20014.            Breadcrumb

  20015. *******************************/

  20016. 

  20017. .ui.breadcrumb {

  20018.   line-height: 1;

  20019.   display: inline-block;

  20020.   margin: 0em 0em;

  20021.   vertical-align: middle;

  20022. }

  20023. 

  20024. .ui.breadcrumb:first-child {

  20025.   margin-top: 0em;

  20026. }

  20027. 

  20028. .ui.breadcrumb:last-child {

  20029.   margin-bottom: 0em;

  20030. }

  20031. 

  20032. /*******************************

  20033.           Content

  20034. *******************************/

  20035. 

  20036. /* Divider */

  20037. 

  20038. .ui.breadcrumb .divider {

  20039.   display: inline-block;

  20040.   opacity: 0.7;

  20041.   margin: 0em 0.21428571rem 0em;

  20042.   font-size: 0.92857143em;

  20043.   color: rgba(0, 0, 0, 0.4);

  20044.   vertical-align: baseline;

  20045. }

  20046. 

  20047. /* Link */

  20048. 

  20049. .ui.breadcrumb a {

  20050.   color: #4183C4;

  20051. }

  20052. 

  20053. .ui.breadcrumb a:hover {

  20054.   color: #1e70bf;

  20055. }

  20056. 

  20057. /* Icon Divider */

  20058. 

  20059. .ui.breadcrumb .icon.divider {

  20060.   font-size: 0.85714286em;

  20061.   vertical-align: baseline;

  20062. }

  20063. 

  20064. /* Section */

  20065. 

  20066. .ui.breadcrumb a.section {

  20067.   cursor: pointer;

  20068. }

  20069. 

  20070. .ui.breadcrumb .section {

  20071.   display: inline-block;

  20072.   margin: 0em;

  20073.   padding: 0em;

  20074. }

  20075. 

  20076. /* Loose Coupling */

  20077. 

  20078. .ui.breadcrumb.segment {

  20079.   display: inline-block;

  20080.   padding: 0.78571429em 1em;

  20081. }

  20082. 

  20083. /*******************************

  20084.             States

  20085. *******************************/

  20086. 

  20087. .ui.breadcrumb .active.section {

  20088.   font-weight: bold;

  20089. }

  20090. 

  20091. /*******************************

  20092.            Variations

  20093. *******************************/

  20094. 

  20095. .ui.mini.breadcrumb {

  20096.   font-size: 0.78571429rem;

  20097. }

  20098. 

  20099. .ui.tiny.breadcrumb {

  20100.   font-size: 0.85714286rem;

  20101. }

  20102. 

  20103. .ui.small.breadcrumb {

  20104.   font-size: 0.92857143rem;

  20105. }

  20106. 

  20107. .ui.breadcrumb {

  20108.   font-size: 1rem;

  20109. }

  20110. 

  20111. .ui.large.breadcrumb {

  20112.   font-size: 1.14285714rem;

  20113. }

  20114. 

  20115. .ui.big.breadcrumb {

  20116.   font-size: 1.28571429rem;

  20117. }

  20118. 

  20119. .ui.huge.breadcrumb {

  20120.   font-size: 1.42857143rem;

  20121. }

  20122. 

  20123. .ui.massive.breadcrumb {

  20124.   font-size: 1.71428571rem;

  20125. }

  20126. 

  20127. /*******************************

  20128.          Theme Overrides

  20129. *******************************/

  20130. 

  20131. /*******************************

  20132.          Site Overrides

  20133. *******************************/

  20134. /*!

  20135.  * # Semantic UI 2.4.0 - Form

  20136.  * http://github.com/semantic-org/semantic-ui/

  20137.  *

  20138.  *

  20139.  * Released under the MIT license

  20140.  * http://opensource.org/licenses/MIT

  20141.  *

  20142.  */

  20143. 

  20144. /*******************************

  20145.             Elements

  20146. *******************************/

  20147. 

  20148. /*--------------------

  20149.         Form

  20150. ---------------------*/

  20151. 

  20152. .ui.form {

  20153.   position: relative;

  20154.   max-width: 100%;

  20155. }

  20156. 

  20157. /*--------------------

  20158.         Content

  20159. ---------------------*/

  20160. 

  20161. .ui.form > p {

  20162.   margin: 1em 0em;

  20163. }

  20164. 

  20165. /*--------------------

  20166.         Field

  20167. ---------------------*/

  20168. 

  20169. .ui.form .field {

  20170.   clear: both;

  20171.   margin: 0em 0em 1em;

  20172. }

  20173. 

  20174. .ui.form .field:last-child,

  20175. .ui.form .fields:last-child .field {

  20176.   margin-bottom: 0em;

  20177. }

  20178. 

  20179. .ui.form .fields .field {

  20180.   clear: both;

  20181.   margin: 0em;

  20182. }

  20183. 

  20184. /*--------------------

  20185.         Labels

  20186. ---------------------*/

  20187. 

  20188. .ui.form .field > label {

  20189.   display: block;

  20190.   margin: 0em 0em 0.28571429rem 0em;

  20191.   color: rgba(0, 0, 0, 0.87);

  20192.   font-size: 0.92857143em;

  20193.   font-weight: bold;

  20194.   text-transform: none;

  20195. }

  20196. 

  20197. /*--------------------

  20198.     Standard Inputs

  20199. ---------------------*/

  20200. 

  20201. .ui.form textarea,

  20202. .ui.form input:not([type]),

  20203. .ui.form input[type="date"],

  20204. .ui.form input[type="datetime-local"],

  20205. .ui.form input[type="email"],

  20206. .ui.form input[type="number"],

  20207. .ui.form input[type="password"],

  20208. .ui.form input[type="search"],

  20209. .ui.form input[type="tel"],

  20210. .ui.form input[type="time"],

  20211. .ui.form input[type="text"],

  20212. .ui.form input[type="file"],

  20213. .ui.form input[type="url"] {

  20214.   width: 100%;

  20215.   vertical-align: top;

  20216. }

  20217. 

  20218. /* Set max height on unusual input */

  20219. 

  20220. .ui.form ::-webkit-datetime-edit,

  20221. .ui.form ::-webkit-inner-spin-button {

  20222.   height: 1.21428571em;

  20223. }

  20224. 

  20225. .ui.form input:not([type]),

  20226. .ui.form input[type="date"],

  20227. .ui.form input[type="datetime-local"],

  20228. .ui.form input[type="email"],

  20229. .ui.form input[type="number"],

  20230. .ui.form input[type="password"],

  20231. .ui.form input[type="search"],

  20232. .ui.form input[type="tel"],

  20233. .ui.form input[type="time"],

  20234. .ui.form input[type="text"],

  20235. .ui.form input[type="file"],

  20236. .ui.form input[type="url"] {

  20237.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  20238.   margin: 0em;

  20239.   outline: none;

  20240.   -webkit-appearance: none;

  20241.   tap-highlight-color: rgba(255, 255, 255, 0);

  20242.   line-height: 1.21428571em;

  20243.   padding: 0.67857143em 1em;

  20244.   font-size: 1em;

  20245.   background: #FFFFFF;

  20246.   border: 1px solid rgba(34, 36, 38, 0.15);

  20247.   color: rgba(0, 0, 0, 0.87);

  20248.   border-radius: 0.28571429rem;

  20249.   -webkit-box-shadow: 0em 0em 0em 0em transparent inset;

  20250.   box-shadow: 0em 0em 0em 0em transparent inset;

  20251.   -webkit-transition: color 0.1s ease, border-color 0.1s ease;

  20252.   transition: color 0.1s ease, border-color 0.1s ease;

  20253. }

  20254. 

  20255. /* Text Area */

  20256. 

  20257. .ui.form textarea {

  20258.   margin: 0em;

  20259.   -webkit-appearance: none;

  20260.   tap-highlight-color: rgba(255, 255, 255, 0);

  20261.   padding: 0.78571429em 1em;

  20262.   background: #FFFFFF;

  20263.   border: 1px solid rgba(34, 36, 38, 0.15);

  20264.   outline: none;

  20265.   color: rgba(0, 0, 0, 0.87);

  20266.   border-radius: 0.28571429rem;

  20267.   -webkit-box-shadow: 0em 0em 0em 0em transparent inset;

  20268.   box-shadow: 0em 0em 0em 0em transparent inset;

  20269.   -webkit-transition: color 0.1s ease, border-color 0.1s ease;

  20270.   transition: color 0.1s ease, border-color 0.1s ease;

  20271.   font-size: 1em;

  20272.   line-height: 1.2857;

  20273.   resize: vertical;

  20274. }

  20275. 

  20276. .ui.form textarea:not([rows]) {

  20277.   height: 12em;

  20278.   min-height: 8em;

  20279.   max-height: 24em;

  20280. }

  20281. 

  20282. .ui.form textarea,

  20283. .ui.form input[type="checkbox"] {

  20284.   vertical-align: top;

  20285. }

  20286. 

  20287. /*--------------------------

  20288.   Input w/ attached Button

  20289. ---------------------------*/

  20290. 

  20291. .ui.form input.attached {

  20292.   width: auto;

  20293. }

  20294. 

  20295. /*--------------------

  20296.      Basic Select

  20297. ---------------------*/

  20298. 

  20299. .ui.form select {

  20300.   display: block;

  20301.   height: auto;

  20302.   width: 100%;

  20303.   background: #FFFFFF;

  20304.   border: 1px solid rgba(34, 36, 38, 0.15);

  20305.   border-radius: 0.28571429rem;

  20306.   -webkit-box-shadow: 0em 0em 0em 0em transparent inset;

  20307.   box-shadow: 0em 0em 0em 0em transparent inset;

  20308.   padding: 0.62em 1em;

  20309.   color: rgba(0, 0, 0, 0.87);

  20310.   -webkit-transition: color 0.1s ease, border-color 0.1s ease;

  20311.   transition: color 0.1s ease, border-color 0.1s ease;

  20312. }

  20313. 

  20314. /*--------------------

  20315.        Dropdown

  20316. ---------------------*/

  20317. 

  20318. /* Block */

  20319. 

  20320. .ui.form .field > .selection.dropdown {

  20321.   width: 100%;

  20322. }

  20323. 

  20324. .ui.form .field > .selection.dropdown > .dropdown.icon {

  20325.   float: right;

  20326. }

  20327. 

  20328. /* Inline */

  20329. 

  20330. .ui.form .inline.fields .field > .selection.dropdown,

  20331. .ui.form .inline.field > .selection.dropdown {

  20332.   width: auto;

  20333. }

  20334. 

  20335. .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,

  20336. .ui.form .inline.field > .selection.dropdown > .dropdown.icon {

  20337.   float: none;

  20338. }

  20339. 

  20340. /*--------------------

  20341.        UI Input

  20342. ---------------------*/

  20343. 

  20344. /* Block */

  20345. 

  20346. .ui.form .field .ui.input,

  20347. .ui.form .fields .field .ui.input,

  20348. .ui.form .wide.field .ui.input {

  20349.   width: 100%;

  20350. }

  20351. 

  20352. /* Inline  */

  20353. 

  20354. .ui.form .inline.fields .field:not(.wide) .ui.input,

  20355. .ui.form .inline.field:not(.wide) .ui.input {

  20356.   width: auto;

  20357.   vertical-align: middle;

  20358. }

  20359. 

  20360. /* Auto Input */

  20361. 

  20362. .ui.form .fields .field .ui.input input,

  20363. .ui.form .field .ui.input input {

  20364.   width: auto;

  20365. }

  20366. 

  20367. /* Full Width Input */

  20368. 

  20369. .ui.form .ten.fields .ui.input input,

  20370. .ui.form .nine.fields .ui.input input,

  20371. .ui.form .eight.fields .ui.input input,

  20372. .ui.form .seven.fields .ui.input input,

  20373. .ui.form .six.fields .ui.input input,

  20374. .ui.form .five.fields .ui.input input,

  20375. .ui.form .four.fields .ui.input input,

  20376. .ui.form .three.fields .ui.input input,

  20377. .ui.form .two.fields .ui.input input,

  20378. .ui.form .wide.field .ui.input input {

  20379.   -webkit-box-flex: 1;

  20380.   -ms-flex: 1 0 auto;

  20381.   flex: 1 0 auto;

  20382.   width: 0px;

  20383. }

  20384. 

  20385. /*--------------------

  20386.    Types of Messages

  20387. ---------------------*/

  20388. 

  20389. .ui.form .success.message,

  20390. .ui.form .warning.message,

  20391. .ui.form .error.message {

  20392.   display: none;

  20393. }

  20394. 

  20395. /* Assumptions */

  20396. 

  20397. .ui.form .message:first-child {

  20398.   margin-top: 0px;

  20399. }

  20400. 

  20401. /*--------------------

  20402.    Validation Prompt

  20403. ---------------------*/

  20404. 

  20405. .ui.form .field .prompt.label {

  20406.   white-space: normal;

  20407.   background: #FFFFFF !important;

  20408.   border: 1px solid #E0B4B4 !important;

  20409.   color: #9F3A38 !important;

  20410. }

  20411. 

  20412. .ui.form .inline.fields .field .prompt,

  20413. .ui.form .inline.field .prompt {

  20414.   vertical-align: top;

  20415.   margin: -0.25em 0em -0.5em 0.5em;

  20416. }

  20417. 

  20418. .ui.form .inline.fields .field .prompt:before,

  20419. .ui.form .inline.field .prompt:before {

  20420.   border-width: 0px 0px 1px 1px;

  20421.   bottom: auto;

  20422.   right: auto;

  20423.   top: 50%;

  20424.   left: 0em;

  20425. }

  20426. 

  20427. /*******************************

  20428.             States

  20429. *******************************/

  20430. 

  20431. /*--------------------

  20432.       Autofilled

  20433. ---------------------*/

  20434. 

  20435. .ui.form .field.field input:-webkit-autofill {

  20436.   -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;

  20437.   box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;

  20438.   border-color: #E5DFA1 !important;

  20439. }

  20440. 

  20441. /* Focus */

  20442. 

  20443. .ui.form .field.field input:-webkit-autofill:focus {

  20444.   -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;

  20445.   box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;

  20446.   border-color: #D5C315 !important;

  20447. }

  20448. 

  20449. /* Error */

  20450. 

  20451. .ui.form .error.error input:-webkit-autofill {

  20452.   -webkit-box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;

  20453.   box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;

  20454.   border-color: #E0B4B4 !important;

  20455. }

  20456. 

  20457. /*--------------------

  20458.       Placeholder

  20459. ---------------------*/

  20460. 

  20461. /* browsers require these rules separate */

  20462. 

  20463. .ui.form ::-webkit-input-placeholder {

  20464.   color: rgba(191, 191, 191, 0.87);

  20465. }

  20466. 

  20467. .ui.form :-ms-input-placeholder {

  20468.   color: rgba(191, 191, 191, 0.87) !important;

  20469. }

  20470. 

  20471. .ui.form ::-moz-placeholder {

  20472.   color: rgba(191, 191, 191, 0.87);

  20473. }

  20474. 

  20475. .ui.form :focus::-webkit-input-placeholder {

  20476.   color: rgba(115, 115, 115, 0.87);

  20477. }

  20478. 

  20479. .ui.form :focus:-ms-input-placeholder {

  20480.   color: rgba(115, 115, 115, 0.87) !important;

  20481. }

  20482. 

  20483. .ui.form :focus::-moz-placeholder {

  20484.   color: rgba(115, 115, 115, 0.87);

  20485. }

  20486. 

  20487. /* Error Placeholder */

  20488. 

  20489. .ui.form .error ::-webkit-input-placeholder {

  20490.   color: #e7bdbc;

  20491. }

  20492. 

  20493. .ui.form .error :-ms-input-placeholder {

  20494.   color: #e7bdbc !important;

  20495. }

  20496. 

  20497. .ui.form .error ::-moz-placeholder {

  20498.   color: #e7bdbc;

  20499. }

  20500. 

  20501. .ui.form .error :focus::-webkit-input-placeholder {

  20502.   color: #da9796;

  20503. }

  20504. 

  20505. .ui.form .error :focus:-ms-input-placeholder {

  20506.   color: #da9796 !important;

  20507. }

  20508. 

  20509. .ui.form .error :focus::-moz-placeholder {

  20510.   color: #da9796;

  20511. }

  20512. 

  20513. /*--------------------

  20514.         Focus

  20515. ---------------------*/

  20516. 

  20517. .ui.form input:not([type]):focus,

  20518. .ui.form input[type="date"]:focus,

  20519. .ui.form input[type="datetime-local"]:focus,

  20520. .ui.form input[type="email"]:focus,

  20521. .ui.form input[type="number"]:focus,

  20522. .ui.form input[type="password"]:focus,

  20523. .ui.form input[type="search"]:focus,

  20524. .ui.form input[type="tel"]:focus,

  20525. .ui.form input[type="time"]:focus,

  20526. .ui.form input[type="text"]:focus,

  20527. .ui.form input[type="file"]:focus,

  20528. .ui.form input[type="url"]:focus {

  20529.   color: rgba(0, 0, 0, 0.95);

  20530.   border-color: #85B7D9;

  20531.   border-radius: 0.28571429rem;

  20532.   background: #FFFFFF;

  20533.   -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;

  20534.   box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;

  20535. }

  20536. 

  20537. .ui.form textarea:focus {

  20538.   color: rgba(0, 0, 0, 0.95);

  20539.   border-color: #85B7D9;

  20540.   border-radius: 0.28571429rem;

  20541.   background: #FFFFFF;

  20542.   -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;

  20543.   box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;

  20544.   -webkit-appearance: none;

  20545. }

  20546. 

  20547. /*--------------------

  20548.         Success

  20549. ---------------------*/

  20550. 

  20551. /* On Form */

  20552. 

  20553. .ui.form.success .success.message:not(:empty) {

  20554.   display: block;

  20555. }

  20556. 

  20557. .ui.form.success .compact.success.message:not(:empty) {

  20558.   display: inline-block;

  20559. }

  20560. 

  20561. .ui.form.success .icon.success.message:not(:empty) {

  20562.   display: -webkit-box;

  20563.   display: -ms-flexbox;

  20564.   display: flex;

  20565. }

  20566. 

  20567. /*--------------------

  20568.         Warning

  20569. ---------------------*/

  20570. 

  20571. /* On Form */

  20572. 

  20573. .ui.form.warning .warning.message:not(:empty) {

  20574.   display: block;

  20575. }

  20576. 

  20577. .ui.form.warning .compact.warning.message:not(:empty) {

  20578.   display: inline-block;

  20579. }

  20580. 

  20581. .ui.form.warning .icon.warning.message:not(:empty) {

  20582.   display: -webkit-box;

  20583.   display: -ms-flexbox;

  20584.   display: flex;

  20585. }

  20586. 

  20587. /*--------------------

  20588.         Error

  20589. ---------------------*/

  20590. 

  20591. /* On Form */

  20592. 

  20593. .ui.form.error .error.message:not(:empty) {

  20594.   display: block;

  20595. }

  20596. 

  20597. .ui.form.error .compact.error.message:not(:empty) {

  20598.   display: inline-block;

  20599. }

  20600. 

  20601. .ui.form.error .icon.error.message:not(:empty) {

  20602.   display: -webkit-box;

  20603.   display: -ms-flexbox;

  20604.   display: flex;

  20605. }

  20606. 

  20607. /* On Field(s) */

  20608. 

  20609. .ui.form .fields.error .field label,

  20610. .ui.form .field.error label,

  20611. .ui.form .fields.error .field .input,

  20612. .ui.form .field.error .input {

  20613.   color: #9F3A38;

  20614. }

  20615. 

  20616. .ui.form .fields.error .field .corner.label,

  20617. .ui.form .field.error .corner.label {

  20618.   border-color: #9F3A38;

  20619.   color: #FFFFFF;

  20620. }

  20621. 

  20622. .ui.form .fields.error .field textarea,

  20623. .ui.form .fields.error .field select,

  20624. .ui.form .fields.error .field input:not([type]),

  20625. .ui.form .fields.error .field input[type="date"],

  20626. .ui.form .fields.error .field input[type="datetime-local"],

  20627. .ui.form .fields.error .field input[type="email"],

  20628. .ui.form .fields.error .field input[type="number"],

  20629. .ui.form .fields.error .field input[type="password"],

  20630. .ui.form .fields.error .field input[type="search"],

  20631. .ui.form .fields.error .field input[type="tel"],

  20632. .ui.form .fields.error .field input[type="time"],

  20633. .ui.form .fields.error .field input[type="text"],

  20634. .ui.form .fields.error .field input[type="file"],

  20635. .ui.form .fields.error .field input[type="url"],

  20636. .ui.form .field.error textarea,

  20637. .ui.form .field.error select,

  20638. .ui.form .field.error input:not([type]),

  20639. .ui.form .field.error input[type="date"],

  20640. .ui.form .field.error input[type="datetime-local"],

  20641. .ui.form .field.error input[type="email"],

  20642. .ui.form .field.error input[type="number"],

  20643. .ui.form .field.error input[type="password"],

  20644. .ui.form .field.error input[type="search"],

  20645. .ui.form .field.error input[type="tel"],

  20646. .ui.form .field.error input[type="time"],

  20647. .ui.form .field.error input[type="text"],

  20648. .ui.form .field.error input[type="file"],

  20649. .ui.form .field.error input[type="url"] {

  20650.   background: #FFF6F6;

  20651.   border-color: #E0B4B4;

  20652.   color: #9F3A38;

  20653.   border-radius: '';

  20654.   -webkit-box-shadow: none;

  20655.   box-shadow: none;

  20656. }

  20657. 

  20658. .ui.form .field.error textarea:focus,

  20659. .ui.form .field.error select:focus,

  20660. .ui.form .field.error input:not([type]):focus,

  20661. .ui.form .field.error input[type="date"]:focus,

  20662. .ui.form .field.error input[type="datetime-local"]:focus,

  20663. .ui.form .field.error input[type="email"]:focus,

  20664. .ui.form .field.error input[type="number"]:focus,

  20665. .ui.form .field.error input[type="password"]:focus,

  20666. .ui.form .field.error input[type="search"]:focus,

  20667. .ui.form .field.error input[type="tel"]:focus,

  20668. .ui.form .field.error input[type="time"]:focus,

  20669. .ui.form .field.error input[type="text"]:focus,

  20670. .ui.form .field.error input[type="file"]:focus,

  20671. .ui.form .field.error input[type="url"]:focus {

  20672.   background: #FFF6F6;

  20673.   border-color: #E0B4B4;

  20674.   color: #9F3A38;

  20675.   -webkit-appearance: none;

  20676.   -webkit-box-shadow: none;

  20677.   box-shadow: none;

  20678. }

  20679. 

  20680. /* Preserve Native Select Stylings */

  20681. 

  20682. .ui.form .field.error select {

  20683.   -webkit-appearance: menulist-button;

  20684. }

  20685. 

  20686. /*------------------

  20687.     Dropdown Error

  20688. --------------------*/

  20689. 

  20690. .ui.form .fields.error .field .ui.dropdown,

  20691. .ui.form .fields.error .field .ui.dropdown .item,

  20692. .ui.form .field.error .ui.dropdown,

  20693. .ui.form .field.error .ui.dropdown .text,

  20694. .ui.form .field.error .ui.dropdown .item {

  20695.   background: #FFF6F6;

  20696.   color: #9F3A38;

  20697. }

  20698. 

  20699. .ui.form .fields.error .field .ui.dropdown,

  20700. .ui.form .field.error .ui.dropdown {

  20701.   border-color: #E0B4B4 !important;

  20702. }

  20703. 

  20704. .ui.form .fields.error .field .ui.dropdown:hover,

  20705. .ui.form .field.error .ui.dropdown:hover {

  20706.   border-color: #E0B4B4 !important;

  20707. }

  20708. 

  20709. .ui.form .fields.error .field .ui.dropdown:hover .menu,

  20710. .ui.form .field.error .ui.dropdown:hover .menu {

  20711.   border-color: #E0B4B4;

  20712. }

  20713. 

  20714. .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,

  20715. .ui.form .field.error .ui.multiple.selection.dropdown > .label {

  20716.   background-color: #EACBCB;

  20717.   color: #9F3A38;

  20718. }

  20719. 

  20720. /* Hover */

  20721. 

  20722. .ui.form .fields.error .field .ui.dropdown .menu .item:hover,

  20723. .ui.form .field.error .ui.dropdown .menu .item:hover {

  20724.   background-color: #FBE7E7;

  20725. }

  20726. 

  20727. /* Selected */

  20728. 

  20729. .ui.form .fields.error .field .ui.dropdown .menu .selected.item,

  20730. .ui.form .field.error .ui.dropdown .menu .selected.item {

  20731.   background-color: #FBE7E7;

  20732. }

  20733. 

  20734. /* Active */

  20735. 

  20736. .ui.form .fields.error .field .ui.dropdown .menu .active.item,

  20737. .ui.form .field.error .ui.dropdown .menu .active.item {

  20738.   background-color: #FDCFCF !important;

  20739. }

  20740. 

  20741. /*--------------------

  20742.     Checkbox Error

  20743. ---------------------*/

  20744. 

  20745. .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,

  20746. .ui.form .field.error .checkbox:not(.toggle):not(.slider) label,

  20747. .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,

  20748. .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {

  20749.   color: #9F3A38;

  20750. }

  20751. 

  20752. .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,

  20753. .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,

  20754. .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,

  20755. .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {

  20756.   background: #FFF6F6;

  20757.   border-color: #E0B4B4;

  20758. }

  20759. 

  20760. .ui.form .fields.error .field .checkbox label:after,

  20761. .ui.form .field.error .checkbox label:after,

  20762. .ui.form .fields.error .field .checkbox .box:after,

  20763. .ui.form .field.error .checkbox .box:after {

  20764.   color: #9F3A38;

  20765. }

  20766. 

  20767. /*--------------------

  20768.        Disabled

  20769. ---------------------*/

  20770. 

  20771. .ui.form .disabled.fields .field,

  20772. .ui.form .disabled.field,

  20773. .ui.form .field :disabled {

  20774.   pointer-events: none;

  20775.   opacity: 0.45;

  20776. }

  20777. 

  20778. .ui.form .field.disabled > label,

  20779. .ui.form .fields.disabled > label {

  20780.   opacity: 0.45;

  20781. }

  20782. 

  20783. .ui.form .field.disabled :disabled {

  20784.   opacity: 1;

  20785. }

  20786. 

  20787. /*--------------

  20788.     Loading

  20789. ---------------*/

  20790. 

  20791. .ui.loading.form {

  20792.   position: relative;

  20793.   cursor: default;

  20794.   pointer-events: none;

  20795. }

  20796. 

  20797. .ui.loading.form:before {

  20798.   position: absolute;

  20799.   content: '';

  20800.   top: 0%;

  20801.   left: 0%;

  20802.   background: rgba(255, 255, 255, 0.8);

  20803.   width: 100%;

  20804.   height: 100%;

  20805.   z-index: 100;

  20806. }

  20807. 

  20808. .ui.loading.form:after {

  20809.   position: absolute;

  20810.   content: '';

  20811.   top: 50%;

  20812.   left: 50%;

  20813.   margin: -1.5em 0em 0em -1.5em;

  20814.   width: 3em;

  20815.   height: 3em;

  20816.   -webkit-animation: form-spin 0.6s linear;

  20817.   animation: form-spin 0.6s linear;

  20818.   -webkit-animation-iteration-count: infinite;

  20819.   animation-iteration-count: infinite;

  20820.   border-radius: 500rem;

  20821.   border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);

  20822.   border-style: solid;

  20823.   border-width: 0.2em;

  20824.   -webkit-box-shadow: 0px 0px 0px 1px transparent;

  20825.   box-shadow: 0px 0px 0px 1px transparent;

  20826.   visibility: visible;

  20827.   z-index: 101;

  20828. }

  20829. 

  20830. @-webkit-keyframes form-spin {

  20831.   from {

  20832.     -webkit-transform: rotate(0deg);

  20833.     transform: rotate(0deg);

  20834.   }

  20835. 

  20836.   to {

  20837.     -webkit-transform: rotate(360deg);

  20838.     transform: rotate(360deg);

  20839.   }

  20840. }

  20841. 

  20842. @keyframes form-spin {

  20843.   from {

  20844.     -webkit-transform: rotate(0deg);

  20845.     transform: rotate(0deg);

  20846.   }

  20847. 

  20848.   to {

  20849.     -webkit-transform: rotate(360deg);

  20850.     transform: rotate(360deg);

  20851.   }

  20852. }

  20853. 

  20854. /*******************************

  20855.          Element Types

  20856. *******************************/

  20857. 

  20858. /*--------------------

  20859.      Required Field

  20860. ---------------------*/

  20861. 

  20862. .ui.form .required.fields:not(.grouped) > .field > label:after,

  20863. .ui.form .required.fields.grouped > label:after,

  20864. .ui.form .required.field > label:after,

  20865. .ui.form .required.fields:not(.grouped) > .field > .checkbox:after,

  20866. .ui.form .required.field > .checkbox:after {

  20867.   margin: -0.2em 0em 0em 0.2em;

  20868.   content: '*';

  20869.   color: #DB2828;

  20870. }

  20871. 

  20872. .ui.form .required.fields:not(.grouped) > .field > label:after,

  20873. .ui.form .required.fields.grouped > label:after,

  20874. .ui.form .required.field > label:after {

  20875.   display: inline-block;

  20876.   vertical-align: top;

  20877. }

  20878. 

  20879. .ui.form .required.fields:not(.grouped) > .field > .checkbox:after,

  20880. .ui.form .required.field > .checkbox:after {

  20881.   position: absolute;

  20882.   top: 0%;

  20883.   left: 100%;

  20884. }

  20885. 

  20886. /*******************************

  20887.            Variations

  20888. *******************************/

  20889. 

  20890. /*--------------------

  20891.     Inverted Colors

  20892. ---------------------*/

  20893. 

  20894. .ui.inverted.form label,

  20895. .ui.form .inverted.segment label,

  20896. .ui.form .inverted.segment .ui.checkbox label,

  20897. .ui.form .inverted.segment .ui.checkbox .box,

  20898. .ui.inverted.form .ui.checkbox label,

  20899. .ui.inverted.form .ui.checkbox .box,

  20900. .ui.inverted.form .inline.fields > label,

  20901. .ui.inverted.form .inline.fields .field > label,

  20902. .ui.inverted.form .inline.fields .field > p,

  20903. .ui.inverted.form .inline.field > label,

  20904. .ui.inverted.form .inline.field > p {

  20905.   color: rgba(255, 255, 255, 0.9);

  20906. }

  20907. 

  20908. /* Inverted Field */

  20909. 

  20910. .ui.inverted.form input:not([type]),

  20911. .ui.inverted.form input[type="date"],

  20912. .ui.inverted.form input[type="datetime-local"],

  20913. .ui.inverted.form input[type="email"],

  20914. .ui.inverted.form input[type="number"],

  20915. .ui.inverted.form input[type="password"],

  20916. .ui.inverted.form input[type="search"],

  20917. .ui.inverted.form input[type="tel"],

  20918. .ui.inverted.form input[type="time"],

  20919. .ui.inverted.form input[type="text"],

  20920. .ui.inverted.form input[type="file"],

  20921. .ui.inverted.form input[type="url"] {

  20922.   background: #FFFFFF;

  20923.   border-color: rgba(255, 255, 255, 0.1);

  20924.   color: rgba(0, 0, 0, 0.87);

  20925.   -webkit-box-shadow: none;

  20926.   box-shadow: none;

  20927. }

  20928. 

  20929. /*--------------------

  20930.      Field Groups

  20931. ---------------------*/

  20932. 

  20933. /* Grouped Vertically */

  20934. 

  20935. .ui.form .grouped.fields {

  20936.   display: block;

  20937.   margin: 0em 0em 1em;

  20938. }

  20939. 

  20940. .ui.form .grouped.fields:last-child {

  20941.   margin-bottom: 0em;

  20942. }

  20943. 

  20944. .ui.form .grouped.fields > label {

  20945.   margin: 0em 0em 0.28571429rem 0em;

  20946.   color: rgba(0, 0, 0, 0.87);

  20947.   font-size: 0.92857143em;

  20948.   font-weight: bold;

  20949.   text-transform: none;

  20950. }

  20951. 

  20952. .ui.form .grouped.fields .field,

  20953. .ui.form .grouped.inline.fields .field {

  20954.   display: block;

  20955.   margin: 0.5em 0em;

  20956.   padding: 0em;

  20957. }

  20958. 

  20959. /*--------------------

  20960.         Fields

  20961. ---------------------*/

  20962. 

  20963. /* Split fields */

  20964. 

  20965. .ui.form .fields {

  20966.   display: -webkit-box;

  20967.   display: -ms-flexbox;

  20968.   display: flex;

  20969.   -webkit-box-orient: horizontal;

  20970.   -webkit-box-direction: normal;

  20971.   -ms-flex-direction: row;

  20972.   flex-direction: row;

  20973.   margin: 0em -0.5em 1em;

  20974. }

  20975. 

  20976. .ui.form .fields > .field {

  20977.   -webkit-box-flex: 0;

  20978.   -ms-flex: 0 1 auto;

  20979.   flex: 0 1 auto;

  20980.   padding-left: 0.5em;

  20981.   padding-right: 0.5em;

  20982. }

  20983. 

  20984. .ui.form .fields > .field:first-child {

  20985.   border-left: none;

  20986.   -webkit-box-shadow: none;

  20987.   box-shadow: none;

  20988. }

  20989. 

  20990. /* Other Combinations */

  20991. 

  20992. .ui.form .two.fields > .fields,

  20993. .ui.form .two.fields > .field {

  20994.   width: 50%;

  20995. }

  20996. 

  20997. .ui.form .three.fields > .fields,

  20998. .ui.form .three.fields > .field {

  20999.   width: 33.33333333%;

  21000. }

  21001. 

  21002. .ui.form .four.fields > .fields,

  21003. .ui.form .four.fields > .field {

  21004.   width: 25%;

  21005. }

  21006. 

  21007. .ui.form .five.fields > .fields,

  21008. .ui.form .five.fields > .field {

  21009.   width: 20%;

  21010. }

  21011. 

  21012. .ui.form .six.fields > .fields,

  21013. .ui.form .six.fields > .field {

  21014.   width: 16.66666667%;

  21015. }

  21016. 

  21017. .ui.form .seven.fields > .fields,

  21018. .ui.form .seven.fields > .field {

  21019.   width: 14.28571429%;

  21020. }

  21021. 

  21022. .ui.form .eight.fields > .fields,

  21023. .ui.form .eight.fields > .field {

  21024.   width: 12.5%;

  21025. }

  21026. 

  21027. .ui.form .nine.fields > .fields,

  21028. .ui.form .nine.fields > .field {

  21029.   width: 11.11111111%;

  21030. }

  21031. 

  21032. .ui.form .ten.fields > .fields,

  21033. .ui.form .ten.fields > .field {

  21034.   width: 10%;

  21035. }

  21036. 

  21037. /* Swap to full width on mobile */

  21038. 

  21039. @media only screen and (max-width: 767px) {

  21040.   .ui.form .fields {

  21041.     -ms-flex-wrap: wrap;

  21042.     flex-wrap: wrap;

  21043.   }

  21044. 

  21045.   .ui[class*="equal width"].form:not(.unstackable) .fields > .field,

  21046.   .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,

  21047.   .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,

  21048.   .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,

  21049.   .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,

  21050.   .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,

  21051.   .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,

  21052.   .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,

  21053.   .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,

  21054.   .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,

  21055.   .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,

  21056.   .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,

  21057.   .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,

  21058.   .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,

  21059.   .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,

  21060.   .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,

  21061.   .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,

  21062.   .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,

  21063.   .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,

  21064.   .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field {

  21065.     width: 100% !important;

  21066.     margin: 0em 0em 1em;

  21067.   }

  21068. }

  21069. 

  21070. /* Sizing Combinations */

  21071. 

  21072. .ui.form .fields .wide.field {

  21073.   width: 6.25%;

  21074.   padding-left: 0.5em;

  21075.   padding-right: 0.5em;

  21076. }

  21077. 

  21078. .ui.form .one.wide.field {

  21079.   width: 6.25% !important;

  21080. }

  21081. 

  21082. .ui.form .two.wide.field {

  21083.   width: 12.5% !important;

  21084. }

  21085. 

  21086. .ui.form .three.wide.field {

  21087.   width: 18.75% !important;

  21088. }

  21089. 

  21090. .ui.form .four.wide.field {

  21091.   width: 25% !important;

  21092. }

  21093. 

  21094. .ui.form .five.wide.field {

  21095.   width: 31.25% !important;

  21096. }

  21097. 

  21098. .ui.form .six.wide.field {

  21099.   width: 37.5% !important;

  21100. }

  21101. 

  21102. .ui.form .seven.wide.field {

  21103.   width: 43.75% !important;

  21104. }

  21105. 

  21106. .ui.form .eight.wide.field {

  21107.   width: 50% !important;

  21108. }

  21109. 

  21110. .ui.form .nine.wide.field {

  21111.   width: 56.25% !important;

  21112. }

  21113. 

  21114. .ui.form .ten.wide.field {

  21115.   width: 62.5% !important;

  21116. }

  21117. 

  21118. .ui.form .eleven.wide.field {

  21119.   width: 68.75% !important;

  21120. }

  21121. 

  21122. .ui.form .twelve.wide.field {

  21123.   width: 75% !important;

  21124. }

  21125. 

  21126. .ui.form .thirteen.wide.field {

  21127.   width: 81.25% !important;

  21128. }

  21129. 

  21130. .ui.form .fourteen.wide.field {

  21131.   width: 87.5% !important;

  21132. }

  21133. 

  21134. .ui.form .fifteen.wide.field {

  21135.   width: 93.75% !important;

  21136. }

  21137. 

  21138. .ui.form .sixteen.wide.field {

  21139.   width: 100% !important;

  21140. }

  21141. 

  21142. /* Swap to full width on mobile */

  21143. 

  21144. @media only screen and (max-width: 767px) {

  21145.   .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,

  21146.   .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,

  21147.   .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,

  21148.   .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,

  21149.   .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,

  21150.   .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,

  21151.   .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,

  21152.   .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,

  21153.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,

  21154.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,

  21155.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,

  21156.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,

  21157.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,

  21158.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,

  21159.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,

  21160.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,

  21161.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,

  21162.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,

  21163.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,

  21164.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,

  21165.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,

  21166.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,

  21167.   .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field {

  21168.     width: 100% !important;

  21169.   }

  21170. 

  21171.   .ui.form .fields {

  21172.     margin-bottom: 0em;

  21173.   }

  21174. }

  21175. 

  21176. /*--------------------

  21177.      Equal Width

  21178. ---------------------*/

  21179. 

  21180. .ui[class*="equal width"].form .fields > .field,

  21181. .ui.form [class*="equal width"].fields > .field {

  21182.   width: 100%;

  21183.   -webkit-box-flex: 1;

  21184.   -ms-flex: 1 1 auto;

  21185.   flex: 1 1 auto;

  21186. }

  21187. 

  21188. /*--------------------

  21189.     Inline Fields

  21190. ---------------------*/

  21191. 

  21192. .ui.form .inline.fields {

  21193.   margin: 0em 0em 1em;

  21194.   -webkit-box-align: center;

  21195.   -ms-flex-align: center;

  21196.   align-items: center;

  21197. }

  21198. 

  21199. .ui.form .inline.fields .field {

  21200.   margin: 0em;

  21201.   padding: 0em 1em 0em 0em;

  21202. }

  21203. 

  21204. /* Inline Label */

  21205. 

  21206. .ui.form .inline.fields > label,

  21207. .ui.form .inline.fields .field > label,

  21208. .ui.form .inline.fields .field > p,

  21209. .ui.form .inline.field > label,

  21210. .ui.form .inline.field > p {

  21211.   display: inline-block;

  21212.   width: auto;

  21213.   margin-top: 0em;

  21214.   margin-bottom: 0em;

  21215.   vertical-align: baseline;

  21216.   font-size: 0.92857143em;

  21217.   font-weight: bold;

  21218.   color: rgba(0, 0, 0, 0.87);

  21219.   text-transform: none;

  21220. }

  21221. 

  21222. /* Grouped Inline Label */

  21223. 

  21224. .ui.form .inline.fields > label {

  21225.   margin: 0.035714em 1em 0em 0em;

  21226. }

  21227. 

  21228. /* Inline Input */

  21229. 

  21230. .ui.form .inline.fields .field > input,

  21231. .ui.form .inline.fields .field > select,

  21232. .ui.form .inline.field > input,

  21233. .ui.form .inline.field > select {

  21234.   display: inline-block;

  21235.   width: auto;

  21236.   margin-top: 0em;

  21237.   margin-bottom: 0em;

  21238.   vertical-align: middle;

  21239.   font-size: 1em;

  21240. }

  21241. 

  21242. /* Label */

  21243. 

  21244. .ui.form .inline.fields .field > :first-child,

  21245. .ui.form .inline.field > :first-child {

  21246.   margin: 0em 0.85714286em 0em 0em;

  21247. }

  21248. 

  21249. .ui.form .inline.fields .field > :only-child,

  21250. .ui.form .inline.field > :only-child {

  21251.   margin: 0em;

  21252. }

  21253. 

  21254. /* Wide */

  21255. 

  21256. .ui.form .inline.fields .wide.field {

  21257.   display: -webkit-box;

  21258.   display: -ms-flexbox;

  21259.   display: flex;

  21260.   -webkit-box-align: center;

  21261.   -ms-flex-align: center;

  21262.   align-items: center;

  21263. }

  21264. 

  21265. .ui.form .inline.fields .wide.field > input,

  21266. .ui.form .inline.fields .wide.field > select {

  21267.   width: 100%;

  21268. }

  21269. 

  21270. /*--------------------

  21271.         Sizes

  21272. ---------------------*/

  21273. 

  21274. .ui.mini.form {

  21275.   font-size: 0.78571429rem;

  21276. }

  21277. 

  21278. .ui.tiny.form {

  21279.   font-size: 0.85714286rem;

  21280. }

  21281. 

  21282. .ui.small.form {

  21283.   font-size: 0.92857143rem;

  21284. }

  21285. 

  21286. .ui.form {

  21287.   font-size: 1rem;

  21288. }

  21289. 

  21290. .ui.large.form {

  21291.   font-size: 1.14285714rem;

  21292. }

  21293. 

  21294. .ui.big.form {

  21295.   font-size: 1.28571429rem;

  21296. }

  21297. 

  21298. .ui.huge.form {

  21299.   font-size: 1.42857143rem;

  21300. }

  21301. 

  21302. .ui.massive.form {

  21303.   font-size: 1.71428571rem;

  21304. }

  21305. 

  21306. /*******************************

  21307.          Theme Overrides

  21308. *******************************/

  21309. 

  21310. /*******************************

  21311.          Site Overrides

  21312. *******************************/

  21313. /*!

  21314.  * # Semantic UI 2.4.0 - Grid

  21315.  * http://github.com/semantic-org/semantic-ui/

  21316.  *

  21317.  *

  21318.  * Released under the MIT license

  21319.  * http://opensource.org/licenses/MIT

  21320.  *

  21321.  */

  21322. 

  21323. /*******************************

  21324.             Standard

  21325. *******************************/

  21326. 

  21327. .ui.grid {

  21328.   display: -webkit-box;

  21329.   display: -ms-flexbox;

  21330.   display: flex;

  21331.   -webkit-box-orient: horizontal;

  21332.   -webkit-box-direction: normal;

  21333.   -ms-flex-direction: row;

  21334.   flex-direction: row;

  21335.   -ms-flex-wrap: wrap;

  21336.   flex-wrap: wrap;

  21337.   -webkit-box-align: stretch;

  21338.   -ms-flex-align: stretch;

  21339.   align-items: stretch;

  21340.   padding: 0em;

  21341. }

  21342. 

  21343. /*----------------------

  21344.       Remove Gutters

  21345. -----------------------*/

  21346. 

  21347. .ui.grid {

  21348.   margin-top: -1rem;

  21349.   margin-bottom: -1rem;

  21350.   margin-left: -1rem;

  21351.   margin-right: -1rem;

  21352. }

  21353. 

  21354. .ui.relaxed.grid {

  21355.   margin-left: -1.5rem;

  21356.   margin-right: -1.5rem;

  21357. }

  21358. 

  21359. .ui[class*="very relaxed"].grid {

  21360.   margin-left: -2.5rem;

  21361.   margin-right: -2.5rem;

  21362. }

  21363. 

  21364. /* Preserve Rows Spacing on Consecutive Grids */

  21365. 

  21366. .ui.grid + .grid {

  21367.   margin-top: 1rem;

  21368. }

  21369. 

  21370. /*-------------------

  21371.        Columns

  21372. --------------------*/

  21373. 

  21374. /* Standard 16 column */

  21375. 

  21376. .ui.grid > .column:not(.row),

  21377. .ui.grid > .row > .column {

  21378.   position: relative;

  21379.   display: inline-block;

  21380.   width: 6.25%;

  21381.   padding-left: 1rem;

  21382.   padding-right: 1rem;

  21383.   vertical-align: top;

  21384. }

  21385. 

  21386. .ui.grid > * {

  21387.   padding-left: 1rem;

  21388.   padding-right: 1rem;

  21389. }

  21390. 

  21391. /*-------------------

  21392.         Rows

  21393. --------------------*/

  21394. 

  21395. .ui.grid > .row {

  21396.   position: relative;

  21397.   display: -webkit-box;

  21398.   display: -ms-flexbox;

  21399.   display: flex;

  21400.   -webkit-box-orient: horizontal;

  21401.   -webkit-box-direction: normal;

  21402.   -ms-flex-direction: row;

  21403.   flex-direction: row;

  21404.   -ms-flex-wrap: wrap;

  21405.   flex-wrap: wrap;

  21406.   -webkit-box-pack: inherit;

  21407.   -ms-flex-pack: inherit;

  21408.   justify-content: inherit;

  21409.   -webkit-box-align: stretch;

  21410.   -ms-flex-align: stretch;

  21411.   align-items: stretch;

  21412.   width: 100% !important;

  21413.   padding: 0rem;

  21414.   padding-top: 1rem;

  21415.   padding-bottom: 1rem;

  21416. }

  21417. 

  21418. /*-------------------

  21419.        Columns

  21420. --------------------*/

  21421. 

  21422. /* Vertical padding when no rows */

  21423. 

  21424. .ui.grid > .column:not(.row) {

  21425.   padding-top: 1rem;

  21426.   padding-bottom: 1rem;

  21427. }

  21428. 

  21429. .ui.grid > .row > .column {

  21430.   margin-top: 0em;

  21431.   margin-bottom: 0em;

  21432. }

  21433. 

  21434. /*-------------------

  21435.       Content

  21436. --------------------*/

  21437. 

  21438. .ui.grid > .row > img,

  21439. .ui.grid > .row > .column > img {

  21440.   max-width: 100%;

  21441. }

  21442. 

  21443. /*-------------------

  21444.     Loose Coupling

  21445. --------------------*/

  21446. 

  21447. /* Collapse Margin on Consecutive Grid */

  21448. 

  21449. .ui.grid > .ui.grid:first-child {

  21450.   margin-top: 0em;

  21451. }

  21452. 

  21453. .ui.grid > .ui.grid:last-child {

  21454.   margin-bottom: 0em;

  21455. }

  21456. 

  21457. /* Segment inside Aligned Grid */

  21458. 

  21459. .ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),

  21460. .ui.aligned.grid .column > .segment:not(.compact):not(.attached) {

  21461.   width: 100%;

  21462. }

  21463. 

  21464. /* Align Dividers with Gutter */

  21465. 

  21466. .ui.grid .row + .ui.divider {

  21467.   -webkit-box-flex: 1;

  21468.   -ms-flex-positive: 1;

  21469.   flex-grow: 1;

  21470.   margin: 1rem 1rem;

  21471. }

  21472. 

  21473. .ui.grid .column + .ui.vertical.divider {

  21474.   height: calc(50% -  1rem );

  21475. }

  21476. 

  21477. /* Remove Border on Last Horizontal Segment */

  21478. 

  21479. .ui.grid > .row > .column:last-child > .horizontal.segment,

  21480. .ui.grid > .column:last-child > .horizontal.segment {

  21481.   -webkit-box-shadow: none;

  21482.   box-shadow: none;

  21483. }

  21484. 

  21485. /*******************************

  21486.            Variations

  21487. *******************************/

  21488. 

  21489. /*-----------------------

  21490.        Page Grid

  21491. -------------------------*/

  21492. 

  21493. @media only screen and (max-width: 767px) {

  21494.   .ui.page.grid {

  21495.     width: auto;

  21496.     padding-left: 0em;

  21497.     padding-right: 0em;

  21498.     margin-left: 0em;

  21499.     margin-right: 0em;

  21500.   }

  21501. }

  21502. 

  21503. @media only screen and (min-width: 768px) and (max-width: 991px) {

  21504.   .ui.page.grid {

  21505.     width: auto;

  21506.     margin-left: 0em;

  21507.     margin-right: 0em;

  21508.     padding-left: 2em;

  21509.     padding-right: 2em;

  21510.   }

  21511. }

  21512. 

  21513. @media only screen and (min-width: 992px) and (max-width: 1199px) {

  21514.   .ui.page.grid {

  21515.     width: auto;

  21516.     margin-left: 0em;

  21517.     margin-right: 0em;

  21518.     padding-left: 3%;

  21519.     padding-right: 3%;

  21520.   }

  21521. }

  21522. 

  21523. @media only screen and (min-width: 1200px) and (max-width: 1919px) {

  21524.   .ui.page.grid {

  21525.     width: auto;

  21526.     margin-left: 0em;

  21527.     margin-right: 0em;

  21528.     padding-left: 15%;

  21529.     padding-right: 15%;

  21530.   }

  21531. }

  21532. 

  21533. @media only screen and (min-width: 1920px) {

  21534.   .ui.page.grid {

  21535.     width: auto;

  21536.     margin-left: 0em;

  21537.     margin-right: 0em;

  21538.     padding-left: 23%;

  21539.     padding-right: 23%;

  21540.   }

  21541. }

  21542. 

  21543. /*-------------------

  21544.      Column Count

  21545. --------------------*/

  21546. 

  21547. /* Assume full width with one column */

  21548. 

  21549. .ui.grid > .column:only-child,

  21550. .ui.grid > .row > .column:only-child {

  21551.   width: 100%;

  21552. }

  21553. 

  21554. /* Grid Based */

  21555. 

  21556. .ui[class*="one column"].grid > .row > .column,

  21557. .ui[class*="one column"].grid > .column:not(.row) {

  21558.   width: 100%;

  21559. }

  21560. 

  21561. .ui[class*="two column"].grid > .row > .column,

  21562. .ui[class*="two column"].grid > .column:not(.row) {

  21563.   width: 50%;

  21564. }

  21565. 

  21566. .ui[class*="three column"].grid > .row > .column,

  21567. .ui[class*="three column"].grid > .column:not(.row) {

  21568.   width: 33.33333333%;

  21569. }

  21570. 

  21571. .ui[class*="four column"].grid > .row > .column,

  21572. .ui[class*="four column"].grid > .column:not(.row) {

  21573.   width: 25%;

  21574. }

  21575. 

  21576. .ui[class*="five column"].grid > .row > .column,

  21577. .ui[class*="five column"].grid > .column:not(.row) {

  21578.   width: 20%;

  21579. }

  21580. 

  21581. .ui[class*="six column"].grid > .row > .column,

  21582. .ui[class*="six column"].grid > .column:not(.row) {

  21583.   width: 16.66666667%;

  21584. }

  21585. 

  21586. .ui[class*="seven column"].grid > .row > .column,

  21587. .ui[class*="seven column"].grid > .column:not(.row) {

  21588.   width: 14.28571429%;

  21589. }

  21590. 

  21591. .ui[class*="eight column"].grid > .row > .column,

  21592. .ui[class*="eight column"].grid > .column:not(.row) {

  21593.   width: 12.5%;

  21594. }

  21595. 

  21596. .ui[class*="nine column"].grid > .row > .column,

  21597. .ui[class*="nine column"].grid > .column:not(.row) {

  21598.   width: 11.11111111%;

  21599. }

  21600. 

  21601. .ui[class*="ten column"].grid > .row > .column,

  21602. .ui[class*="ten column"].grid > .column:not(.row) {

  21603.   width: 10%;

  21604. }

  21605. 

  21606. .ui[class*="eleven column"].grid > .row > .column,

  21607. .ui[class*="eleven column"].grid > .column:not(.row) {

  21608.   width: 9.09090909%;

  21609. }

  21610. 

  21611. .ui[class*="twelve column"].grid > .row > .column,

  21612. .ui[class*="twelve column"].grid > .column:not(.row) {

  21613.   width: 8.33333333%;

  21614. }

  21615. 

  21616. .ui[class*="thirteen column"].grid > .row > .column,

  21617. .ui[class*="thirteen column"].grid > .column:not(.row) {

  21618.   width: 7.69230769%;

  21619. }

  21620. 

  21621. .ui[class*="fourteen column"].grid > .row > .column,

  21622. .ui[class*="fourteen column"].grid > .column:not(.row) {

  21623.   width: 7.14285714%;

  21624. }

  21625. 

  21626. .ui[class*="fifteen column"].grid > .row > .column,

  21627. .ui[class*="fifteen column"].grid > .column:not(.row) {

  21628.   width: 6.66666667%;

  21629. }

  21630. 

  21631. .ui[class*="sixteen column"].grid > .row > .column,

  21632. .ui[class*="sixteen column"].grid > .column:not(.row) {

  21633.   width: 6.25%;

  21634. }

  21635. 

  21636. /* Row Based Overrides */

  21637. 

  21638. .ui.grid > [class*="one column"].row > .column {

  21639.   width: 100% !important;

  21640. }

  21641. 

  21642. .ui.grid > [class*="two column"].row > .column {

  21643.   width: 50% !important;

  21644. }

  21645. 

  21646. .ui.grid > [class*="three column"].row > .column {

  21647.   width: 33.33333333% !important;

  21648. }

  21649. 

  21650. .ui.grid > [class*="four column"].row > .column {

  21651.   width: 25% !important;

  21652. }

  21653. 

  21654. .ui.grid > [class*="five column"].row > .column {

  21655.   width: 20% !important;

  21656. }

  21657. 

  21658. .ui.grid > [class*="six column"].row > .column {

  21659.   width: 16.66666667% !important;

  21660. }

  21661. 

  21662. .ui.grid > [class*="seven column"].row > .column {

  21663.   width: 14.28571429% !important;

  21664. }

  21665. 

  21666. .ui.grid > [class*="eight column"].row > .column {

  21667.   width: 12.5% !important;

  21668. }

  21669. 

  21670. .ui.grid > [class*="nine column"].row > .column {

  21671.   width: 11.11111111% !important;

  21672. }

  21673. 

  21674. .ui.grid > [class*="ten column"].row > .column {

  21675.   width: 10% !important;

  21676. }

  21677. 

  21678. .ui.grid > [class*="eleven column"].row > .column {

  21679.   width: 9.09090909% !important;

  21680. }

  21681. 

  21682. .ui.grid > [class*="twelve column"].row > .column {

  21683.   width: 8.33333333% !important;

  21684. }

  21685. 

  21686. .ui.grid > [class*="thirteen column"].row > .column {

  21687.   width: 7.69230769% !important;

  21688. }

  21689. 

  21690. .ui.grid > [class*="fourteen column"].row > .column {

  21691.   width: 7.14285714% !important;

  21692. }

  21693. 

  21694. .ui.grid > [class*="fifteen column"].row > .column {

  21695.   width: 6.66666667% !important;

  21696. }

  21697. 

  21698. .ui.grid > [class*="sixteen column"].row > .column {

  21699.   width: 6.25% !important;

  21700. }

  21701. 

  21702. /* Celled Page */

  21703. 

  21704. .ui.celled.page.grid {

  21705.   -webkit-box-shadow: none;

  21706.   box-shadow: none;

  21707. }

  21708. 

  21709. /*-------------------

  21710.     Column Width

  21711. --------------------*/

  21712. 

  21713. /* Sizing Combinations */

  21714. 

  21715. .ui.grid > .row > [class*="one wide"].column,

  21716. .ui.grid > .column.row > [class*="one wide"].column,

  21717. .ui.grid > [class*="one wide"].column,

  21718. .ui.column.grid > [class*="one wide"].column {

  21719.   width: 6.25% !important;

  21720. }

  21721. 

  21722. .ui.grid > .row > [class*="two wide"].column,

  21723. .ui.grid > .column.row > [class*="two wide"].column,

  21724. .ui.grid > [class*="two wide"].column,

  21725. .ui.column.grid > [class*="two wide"].column {

  21726.   width: 12.5% !important;

  21727. }

  21728. 

  21729. .ui.grid > .row > [class*="three wide"].column,

  21730. .ui.grid > .column.row > [class*="three wide"].column,

  21731. .ui.grid > [class*="three wide"].column,

  21732. .ui.column.grid > [class*="three wide"].column {

  21733.   width: 18.75% !important;

  21734. }

  21735. 

  21736. .ui.grid > .row > [class*="four wide"].column,

  21737. .ui.grid > .column.row > [class*="four wide"].column,

  21738. .ui.grid > [class*="four wide"].column,

  21739. .ui.column.grid > [class*="four wide"].column {

  21740.   width: 25% !important;

  21741. }

  21742. 

  21743. .ui.grid > .row > [class*="five wide"].column,

  21744. .ui.grid > .column.row > [class*="five wide"].column,

  21745. .ui.grid > [class*="five wide"].column,

  21746. .ui.column.grid > [class*="five wide"].column {

  21747.   width: 31.25% !important;

  21748. }

  21749. 

  21750. .ui.grid > .row > [class*="six wide"].column,

  21751. .ui.grid > .column.row > [class*="six wide"].column,

  21752. .ui.grid > [class*="six wide"].column,

  21753. .ui.column.grid > [class*="six wide"].column {

  21754.   width: 37.5% !important;

  21755. }

  21756. 

  21757. .ui.grid > .row > [class*="seven wide"].column,

  21758. .ui.grid > .column.row > [class*="seven wide"].column,

  21759. .ui.grid > [class*="seven wide"].column,

  21760. .ui.column.grid > [class*="seven wide"].column {

  21761.   width: 43.75% !important;

  21762. }

  21763. 

  21764. .ui.grid > .row > [class*="eight wide"].column,

  21765. .ui.grid > .column.row > [class*="eight wide"].column,

  21766. .ui.grid > [class*="eight wide"].column,

  21767. .ui.column.grid > [class*="eight wide"].column {

  21768.   width: 50% !important;

  21769. }

  21770. 

  21771. .ui.grid > .row > [class*="nine wide"].column,

  21772. .ui.grid > .column.row > [class*="nine wide"].column,

  21773. .ui.grid > [class*="nine wide"].column,

  21774. .ui.column.grid > [class*="nine wide"].column {

  21775.   width: 56.25% !important;

  21776. }

  21777. 

  21778. .ui.grid > .row > [class*="ten wide"].column,

  21779. .ui.grid > .column.row > [class*="ten wide"].column,

  21780. .ui.grid > [class*="ten wide"].column,

  21781. .ui.column.grid > [class*="ten wide"].column {

  21782.   width: 62.5% !important;

  21783. }

  21784. 

  21785. .ui.grid > .row > [class*="eleven wide"].column,

  21786. .ui.grid > .column.row > [class*="eleven wide"].column,

  21787. .ui.grid > [class*="eleven wide"].column,

  21788. .ui.column.grid > [class*="eleven wide"].column {

  21789.   width: 68.75% !important;

  21790. }

  21791. 

  21792. .ui.grid > .row > [class*="twelve wide"].column,

  21793. .ui.grid > .column.row > [class*="twelve wide"].column,

  21794. .ui.grid > [class*="twelve wide"].column,

  21795. .ui.column.grid > [class*="twelve wide"].column {

  21796.   width: 75% !important;

  21797. }

  21798. 

  21799. .ui.grid > .row > [class*="thirteen wide"].column,

  21800. .ui.grid > .column.row > [class*="thirteen wide"].column,

  21801. .ui.grid > [class*="thirteen wide"].column,

  21802. .ui.column.grid > [class*="thirteen wide"].column {

  21803.   width: 81.25% !important;

  21804. }

  21805. 

  21806. .ui.grid > .row > [class*="fourteen wide"].column,

  21807. .ui.grid > .column.row > [class*="fourteen wide"].column,

  21808. .ui.grid > [class*="fourteen wide"].column,

  21809. .ui.column.grid > [class*="fourteen wide"].column {

  21810.   width: 87.5% !important;

  21811. }

  21812. 

  21813. .ui.grid > .row > [class*="fifteen wide"].column,

  21814. .ui.grid > .column.row > [class*="fifteen wide"].column,

  21815. .ui.grid > [class*="fifteen wide"].column,

  21816. .ui.column.grid > [class*="fifteen wide"].column {

  21817.   width: 93.75% !important;

  21818. }

  21819. 

  21820. .ui.grid > .row > [class*="sixteen wide"].column,

  21821. .ui.grid > .column.row > [class*="sixteen wide"].column,

  21822. .ui.grid > [class*="sixteen wide"].column,

  21823. .ui.column.grid > [class*="sixteen wide"].column {

  21824.   width: 100% !important;

  21825. }

  21826. 

  21827. /*----------------------

  21828.     Width per Device

  21829. -----------------------*/

  21830. 

  21831. /* Mobile Sizing Combinations */

  21832. 

  21833. @media only screen and (min-width: 320px) and (max-width: 767px) {

  21834.   .ui.grid > .row > [class*="one wide mobile"].column,

  21835.   .ui.grid > .column.row > [class*="one wide mobile"].column,

  21836.   .ui.grid > [class*="one wide mobile"].column,

  21837.   .ui.column.grid > [class*="one wide mobile"].column {

  21838.     width: 6.25% !important;

  21839.   }

  21840. 

  21841.   .ui.grid > .row > [class*="two wide mobile"].column,

  21842.   .ui.grid > .column.row > [class*="two wide mobile"].column,

  21843.   .ui.grid > [class*="two wide mobile"].column,

  21844.   .ui.column.grid > [class*="two wide mobile"].column {

  21845.     width: 12.5% !important;

  21846.   }

  21847. 

  21848.   .ui.grid > .row > [class*="three wide mobile"].column,

  21849.   .ui.grid > .column.row > [class*="three wide mobile"].column,

  21850.   .ui.grid > [class*="three wide mobile"].column,

  21851.   .ui.column.grid > [class*="three wide mobile"].column {

  21852.     width: 18.75% !important;

  21853.   }

  21854. 

  21855.   .ui.grid > .row > [class*="four wide mobile"].column,

  21856.   .ui.grid > .column.row > [class*="four wide mobile"].column,

  21857.   .ui.grid > [class*="four wide mobile"].column,

  21858.   .ui.column.grid > [class*="four wide mobile"].column {

  21859.     width: 25% !important;

  21860.   }

  21861. 

  21862.   .ui.grid > .row > [class*="five wide mobile"].column,

  21863.   .ui.grid > .column.row > [class*="five wide mobile"].column,

  21864.   .ui.grid > [class*="five wide mobile"].column,

  21865.   .ui.column.grid > [class*="five wide mobile"].column {

  21866.     width: 31.25% !important;

  21867.   }

  21868. 

  21869.   .ui.grid > .row > [class*="six wide mobile"].column,

  21870.   .ui.grid > .column.row > [class*="six wide mobile"].column,

  21871.   .ui.grid > [class*="six wide mobile"].column,

  21872.   .ui.column.grid > [class*="six wide mobile"].column {

  21873.     width: 37.5% !important;

  21874.   }

  21875. 

  21876.   .ui.grid > .row > [class*="seven wide mobile"].column,

  21877.   .ui.grid > .column.row > [class*="seven wide mobile"].column,

  21878.   .ui.grid > [class*="seven wide mobile"].column,

  21879.   .ui.column.grid > [class*="seven wide mobile"].column {

  21880.     width: 43.75% !important;

  21881.   }

  21882. 

  21883.   .ui.grid > .row > [class*="eight wide mobile"].column,

  21884.   .ui.grid > .column.row > [class*="eight wide mobile"].column,

  21885.   .ui.grid > [class*="eight wide mobile"].column,

  21886.   .ui.column.grid > [class*="eight wide mobile"].column {

  21887.     width: 50% !important;

  21888.   }

  21889. 

  21890.   .ui.grid > .row > [class*="nine wide mobile"].column,

  21891.   .ui.grid > .column.row > [class*="nine wide mobile"].column,

  21892.   .ui.grid > [class*="nine wide mobile"].column,

  21893.   .ui.column.grid > [class*="nine wide mobile"].column {

  21894.     width: 56.25% !important;

  21895.   }

  21896. 

  21897.   .ui.grid > .row > [class*="ten wide mobile"].column,

  21898.   .ui.grid > .column.row > [class*="ten wide mobile"].column,

  21899.   .ui.grid > [class*="ten wide mobile"].column,

  21900.   .ui.column.grid > [class*="ten wide mobile"].column {

  21901.     width: 62.5% !important;

  21902.   }

  21903. 

  21904.   .ui.grid > .row > [class*="eleven wide mobile"].column,

  21905.   .ui.grid > .column.row > [class*="eleven wide mobile"].column,

  21906.   .ui.grid > [class*="eleven wide mobile"].column,

  21907.   .ui.column.grid > [class*="eleven wide mobile"].column {

  21908.     width: 68.75% !important;

  21909.   }

  21910. 

  21911.   .ui.grid > .row > [class*="twelve wide mobile"].column,

  21912.   .ui.grid > .column.row > [class*="twelve wide mobile"].column,

  21913.   .ui.grid > [class*="twelve wide mobile"].column,

  21914.   .ui.column.grid > [class*="twelve wide mobile"].column {

  21915.     width: 75% !important;

  21916.   }

  21917. 

  21918.   .ui.grid > .row > [class*="thirteen wide mobile"].column,

  21919.   .ui.grid > .column.row > [class*="thirteen wide mobile"].column,

  21920.   .ui.grid > [class*="thirteen wide mobile"].column,

  21921.   .ui.column.grid > [class*="thirteen wide mobile"].column {

  21922.     width: 81.25% !important;

  21923.   }

  21924. 

  21925.   .ui.grid > .row > [class*="fourteen wide mobile"].column,

  21926.   .ui.grid > .column.row > [class*="fourteen wide mobile"].column,

  21927.   .ui.grid > [class*="fourteen wide mobile"].column,

  21928.   .ui.column.grid > [class*="fourteen wide mobile"].column {

  21929.     width: 87.5% !important;

  21930.   }

  21931. 

  21932.   .ui.grid > .row > [class*="fifteen wide mobile"].column,

  21933.   .ui.grid > .column.row > [class*="fifteen wide mobile"].column,

  21934.   .ui.grid > [class*="fifteen wide mobile"].column,

  21935.   .ui.column.grid > [class*="fifteen wide mobile"].column {

  21936.     width: 93.75% !important;

  21937.   }

  21938. 

  21939.   .ui.grid > .row > [class*="sixteen wide mobile"].column,

  21940.   .ui.grid > .column.row > [class*="sixteen wide mobile"].column,

  21941.   .ui.grid > [class*="sixteen wide mobile"].column,

  21942.   .ui.column.grid > [class*="sixteen wide mobile"].column {

  21943.     width: 100% !important;

  21944.   }

  21945. }

  21946. 

  21947. /* Tablet Sizing Combinations */

  21948. 

  21949. @media only screen and (min-width: 768px) and (max-width: 991px) {

  21950.   .ui.grid > .row > [class*="one wide tablet"].column,

  21951.   .ui.grid > .column.row > [class*="one wide tablet"].column,

  21952.   .ui.grid > [class*="one wide tablet"].column,

  21953.   .ui.column.grid > [class*="one wide tablet"].column {

  21954.     width: 6.25% !important;

  21955.   }

  21956. 

  21957.   .ui.grid > .row > [class*="two wide tablet"].column,

  21958.   .ui.grid > .column.row > [class*="two wide tablet"].column,

  21959.   .ui.grid > [class*="two wide tablet"].column,

  21960.   .ui.column.grid > [class*="two wide tablet"].column {

  21961.     width: 12.5% !important;

  21962.   }

  21963. 

  21964.   .ui.grid > .row > [class*="three wide tablet"].column,

  21965.   .ui.grid > .column.row > [class*="three wide tablet"].column,

  21966.   .ui.grid > [class*="three wide tablet"].column,

  21967.   .ui.column.grid > [class*="three wide tablet"].column {

  21968.     width: 18.75% !important;

  21969.   }

  21970. 

  21971.   .ui.grid > .row > [class*="four wide tablet"].column,

  21972.   .ui.grid > .column.row > [class*="four wide tablet"].column,

  21973.   .ui.grid > [class*="four wide tablet"].column,

  21974.   .ui.column.grid > [class*="four wide tablet"].column {

  21975.     width: 25% !important;

  21976.   }

  21977. 

  21978.   .ui.grid > .row > [class*="five wide tablet"].column,

  21979.   .ui.grid > .column.row > [class*="five wide tablet"].column,

  21980.   .ui.grid > [class*="five wide tablet"].column,

  21981.   .ui.column.grid > [class*="five wide tablet"].column {

  21982.     width: 31.25% !important;

  21983.   }

  21984. 

  21985.   .ui.grid > .row > [class*="six wide tablet"].column,

  21986.   .ui.grid > .column.row > [class*="six wide tablet"].column,

  21987.   .ui.grid > [class*="six wide tablet"].column,

  21988.   .ui.column.grid > [class*="six wide tablet"].column {

  21989.     width: 37.5% !important;

  21990.   }

  21991. 

  21992.   .ui.grid > .row > [class*="seven wide tablet"].column,

  21993.   .ui.grid > .column.row > [class*="seven wide tablet"].column,

  21994.   .ui.grid > [class*="seven wide tablet"].column,

  21995.   .ui.column.grid > [class*="seven wide tablet"].column {

  21996.     width: 43.75% !important;

  21997.   }

  21998. 

  21999.   .ui.grid > .row > [class*="eight wide tablet"].column,

  22000.   .ui.grid > .column.row > [class*="eight wide tablet"].column,

  22001.   .ui.grid > [class*="eight wide tablet"].column,

  22002.   .ui.column.grid > [class*="eight wide tablet"].column {

  22003.     width: 50% !important;

  22004.   }

  22005. 

  22006.   .ui.grid > .row > [class*="nine wide tablet"].column,

  22007.   .ui.grid > .column.row > [class*="nine wide tablet"].column,

  22008.   .ui.grid > [class*="nine wide tablet"].column,

  22009.   .ui.column.grid > [class*="nine wide tablet"].column {

  22010.     width: 56.25% !important;

  22011.   }

  22012. 

  22013.   .ui.grid > .row > [class*="ten wide tablet"].column,

  22014.   .ui.grid > .column.row > [class*="ten wide tablet"].column,

  22015.   .ui.grid > [class*="ten wide tablet"].column,

  22016.   .ui.column.grid > [class*="ten wide tablet"].column {

  22017.     width: 62.5% !important;

  22018.   }

  22019. 

  22020.   .ui.grid > .row > [class*="eleven wide tablet"].column,

  22021.   .ui.grid > .column.row > [class*="eleven wide tablet"].column,

  22022.   .ui.grid > [class*="eleven wide tablet"].column,

  22023.   .ui.column.grid > [class*="eleven wide tablet"].column {

  22024.     width: 68.75% !important;

  22025.   }

  22026. 

  22027.   .ui.grid > .row > [class*="twelve wide tablet"].column,

  22028.   .ui.grid > .column.row > [class*="twelve wide tablet"].column,

  22029.   .ui.grid > [class*="twelve wide tablet"].column,

  22030.   .ui.column.grid > [class*="twelve wide tablet"].column {

  22031.     width: 75% !important;

  22032.   }

  22033. 

  22034.   .ui.grid > .row > [class*="thirteen wide tablet"].column,

  22035.   .ui.grid > .column.row > [class*="thirteen wide tablet"].column,

  22036.   .ui.grid > [class*="thirteen wide tablet"].column,

  22037.   .ui.column.grid > [class*="thirteen wide tablet"].column {

  22038.     width: 81.25% !important;

  22039.   }

  22040. 

  22041.   .ui.grid > .row > [class*="fourteen wide tablet"].column,

  22042.   .ui.grid > .column.row > [class*="fourteen wide tablet"].column,

  22043.   .ui.grid > [class*="fourteen wide tablet"].column,

  22044.   .ui.column.grid > [class*="fourteen wide tablet"].column {

  22045.     width: 87.5% !important;

  22046.   }

  22047. 

  22048.   .ui.grid > .row > [class*="fifteen wide tablet"].column,

  22049.   .ui.grid > .column.row > [class*="fifteen wide tablet"].column,

  22050.   .ui.grid > [class*="fifteen wide tablet"].column,

  22051.   .ui.column.grid > [class*="fifteen wide tablet"].column {

  22052.     width: 93.75% !important;

  22053.   }

  22054. 

  22055.   .ui.grid > .row > [class*="sixteen wide tablet"].column,

  22056.   .ui.grid > .column.row > [class*="sixteen wide tablet"].column,

  22057.   .ui.grid > [class*="sixteen wide tablet"].column,

  22058.   .ui.column.grid > [class*="sixteen wide tablet"].column {

  22059.     width: 100% !important;

  22060.   }

  22061. }

  22062. 

  22063. /* Computer/Desktop Sizing Combinations */

  22064. 

  22065. @media only screen and (min-width: 992px) {

  22066.   .ui.grid > .row > [class*="one wide computer"].column,

  22067.   .ui.grid > .column.row > [class*="one wide computer"].column,

  22068.   .ui.grid > [class*="one wide computer"].column,

  22069.   .ui.column.grid > [class*="one wide computer"].column {

  22070.     width: 6.25% !important;

  22071.   }

  22072. 

  22073.   .ui.grid > .row > [class*="two wide computer"].column,

  22074.   .ui.grid > .column.row > [class*="two wide computer"].column,

  22075.   .ui.grid > [class*="two wide computer"].column,

  22076.   .ui.column.grid > [class*="two wide computer"].column {

  22077.     width: 12.5% !important;

  22078.   }

  22079. 

  22080.   .ui.grid > .row > [class*="three wide computer"].column,

  22081.   .ui.grid > .column.row > [class*="three wide computer"].column,

  22082.   .ui.grid > [class*="three wide computer"].column,

  22083.   .ui.column.grid > [class*="three wide computer"].column {

  22084.     width: 18.75% !important;

  22085.   }

  22086. 

  22087.   .ui.grid > .row > [class*="four wide computer"].column,

  22088.   .ui.grid > .column.row > [class*="four wide computer"].column,

  22089.   .ui.grid > [class*="four wide computer"].column,

  22090.   .ui.column.grid > [class*="four wide computer"].column {

  22091.     width: 25% !important;

  22092.   }

  22093. 

  22094.   .ui.grid > .row > [class*="five wide computer"].column,

  22095.   .ui.grid > .column.row > [class*="five wide computer"].column,

  22096.   .ui.grid > [class*="five wide computer"].column,

  22097.   .ui.column.grid > [class*="five wide computer"].column {

  22098.     width: 31.25% !important;

  22099.   }

  22100. 

  22101.   .ui.grid > .row > [class*="six wide computer"].column,

  22102.   .ui.grid > .column.row > [class*="six wide computer"].column,

  22103.   .ui.grid > [class*="six wide computer"].column,

  22104.   .ui.column.grid > [class*="six wide computer"].column {

  22105.     width: 37.5% !important;

  22106.   }

  22107. 

  22108.   .ui.grid > .row > [class*="seven wide computer"].column,

  22109.   .ui.grid > .column.row > [class*="seven wide computer"].column,

  22110.   .ui.grid > [class*="seven wide computer"].column,

  22111.   .ui.column.grid > [class*="seven wide computer"].column {

  22112.     width: 43.75% !important;

  22113.   }

  22114. 

  22115.   .ui.grid > .row > [class*="eight wide computer"].column,

  22116.   .ui.grid > .column.row > [class*="eight wide computer"].column,

  22117.   .ui.grid > [class*="eight wide computer"].column,

  22118.   .ui.column.grid > [class*="eight wide computer"].column {

  22119.     width: 50% !important;

  22120.   }

  22121. 

  22122.   .ui.grid > .row > [class*="nine wide computer"].column,

  22123.   .ui.grid > .column.row > [class*="nine wide computer"].column,

  22124.   .ui.grid > [class*="nine wide computer"].column,

  22125.   .ui.column.grid > [class*="nine wide computer"].column {

  22126.     width: 56.25% !important;

  22127.   }

  22128. 

  22129.   .ui.grid > .row > [class*="ten wide computer"].column,

  22130.   .ui.grid > .column.row > [class*="ten wide computer"].column,

  22131.   .ui.grid > [class*="ten wide computer"].column,

  22132.   .ui.column.grid > [class*="ten wide computer"].column {

  22133.     width: 62.5% !important;

  22134.   }

  22135. 

  22136.   .ui.grid > .row > [class*="eleven wide computer"].column,

  22137.   .ui.grid > .column.row > [class*="eleven wide computer"].column,

  22138.   .ui.grid > [class*="eleven wide computer"].column,

  22139.   .ui.column.grid > [class*="eleven wide computer"].column {

  22140.     width: 68.75% !important;

  22141.   }

  22142. 

  22143.   .ui.grid > .row > [class*="twelve wide computer"].column,

  22144.   .ui.grid > .column.row > [class*="twelve wide computer"].column,

  22145.   .ui.grid > [class*="twelve wide computer"].column,

  22146.   .ui.column.grid > [class*="twelve wide computer"].column {

  22147.     width: 75% !important;

  22148.   }

  22149. 

  22150.   .ui.grid > .row > [class*="thirteen wide computer"].column,

  22151.   .ui.grid > .column.row > [class*="thirteen wide computer"].column,

  22152.   .ui.grid > [class*="thirteen wide computer"].column,

  22153.   .ui.column.grid > [class*="thirteen wide computer"].column {

  22154.     width: 81.25% !important;

  22155.   }

  22156. 

  22157.   .ui.grid > .row > [class*="fourteen wide computer"].column,

  22158.   .ui.grid > .column.row > [class*="fourteen wide computer"].column,

  22159.   .ui.grid > [class*="fourteen wide computer"].column,

  22160.   .ui.column.grid > [class*="fourteen wide computer"].column {

  22161.     width: 87.5% !important;

  22162.   }

  22163. 

  22164.   .ui.grid > .row > [class*="fifteen wide computer"].column,

  22165.   .ui.grid > .column.row > [class*="fifteen wide computer"].column,

  22166.   .ui.grid > [class*="fifteen wide computer"].column,

  22167.   .ui.column.grid > [class*="fifteen wide computer"].column {

  22168.     width: 93.75% !important;

  22169.   }

  22170. 

  22171.   .ui.grid > .row > [class*="sixteen wide computer"].column,

  22172.   .ui.grid > .column.row > [class*="sixteen wide computer"].column,

  22173.   .ui.grid > [class*="sixteen wide computer"].column,

  22174.   .ui.column.grid > [class*="sixteen wide computer"].column {

  22175.     width: 100% !important;

  22176.   }

  22177. }

  22178. 

  22179. /* Large Monitor Sizing Combinations */

  22180. 

  22181. @media only screen and (min-width: 1200px) and (max-width: 1919px) {

  22182.   .ui.grid > .row > [class*="one wide large screen"].column,

  22183.   .ui.grid > .column.row > [class*="one wide large screen"].column,

  22184.   .ui.grid > [class*="one wide large screen"].column,

  22185.   .ui.column.grid > [class*="one wide large screen"].column {

  22186.     width: 6.25% !important;

  22187.   }

  22188. 

  22189.   .ui.grid > .row > [class*="two wide large screen"].column,

  22190.   .ui.grid > .column.row > [class*="two wide large screen"].column,

  22191.   .ui.grid > [class*="two wide large screen"].column,

  22192.   .ui.column.grid > [class*="two wide large screen"].column {

  22193.     width: 12.5% !important;

  22194.   }

  22195. 

  22196.   .ui.grid > .row > [class*="three wide large screen"].column,

  22197.   .ui.grid > .column.row > [class*="three wide large screen"].column,

  22198.   .ui.grid > [class*="three wide large screen"].column,

  22199.   .ui.column.grid > [class*="three wide large screen"].column {

  22200.     width: 18.75% !important;

  22201.   }

  22202. 

  22203.   .ui.grid > .row > [class*="four wide large screen"].column,

  22204.   .ui.grid > .column.row > [class*="four wide large screen"].column,

  22205.   .ui.grid > [class*="four wide large screen"].column,

  22206.   .ui.column.grid > [class*="four wide large screen"].column {

  22207.     width: 25% !important;

  22208.   }

  22209. 

  22210.   .ui.grid > .row > [class*="five wide large screen"].column,

  22211.   .ui.grid > .column.row > [class*="five wide large screen"].column,

  22212.   .ui.grid > [class*="five wide large screen"].column,

  22213.   .ui.column.grid > [class*="five wide large screen"].column {

  22214.     width: 31.25% !important;

  22215.   }

  22216. 

  22217.   .ui.grid > .row > [class*="six wide large screen"].column,

  22218.   .ui.grid > .column.row > [class*="six wide large screen"].column,

  22219.   .ui.grid > [class*="six wide large screen"].column,

  22220.   .ui.column.grid > [class*="six wide large screen"].column {

  22221.     width: 37.5% !important;

  22222.   }

  22223. 

  22224.   .ui.grid > .row > [class*="seven wide large screen"].column,

  22225.   .ui.grid > .column.row > [class*="seven wide large screen"].column,

  22226.   .ui.grid > [class*="seven wide large screen"].column,

  22227.   .ui.column.grid > [class*="seven wide large screen"].column {

  22228.     width: 43.75% !important;

  22229.   }

  22230. 

  22231.   .ui.grid > .row > [class*="eight wide large screen"].column,

  22232.   .ui.grid > .column.row > [class*="eight wide large screen"].column,

  22233.   .ui.grid > [class*="eight wide large screen"].column,

  22234.   .ui.column.grid > [class*="eight wide large screen"].column {

  22235.     width: 50% !important;

  22236.   }

  22237. 

  22238.   .ui.grid > .row > [class*="nine wide large screen"].column,

  22239.   .ui.grid > .column.row > [class*="nine wide large screen"].column,

  22240.   .ui.grid > [class*="nine wide large screen"].column,

  22241.   .ui.column.grid > [class*="nine wide large screen"].column {

  22242.     width: 56.25% !important;

  22243.   }

  22244. 

  22245.   .ui.grid > .row > [class*="ten wide large screen"].column,

  22246.   .ui.grid > .column.row > [class*="ten wide large screen"].column,

  22247.   .ui.grid > [class*="ten wide large screen"].column,

  22248.   .ui.column.grid > [class*="ten wide large screen"].column {

  22249.     width: 62.5% !important;

  22250.   }

  22251. 

  22252.   .ui.grid > .row > [class*="eleven wide large screen"].column,

  22253.   .ui.grid > .column.row > [class*="eleven wide large screen"].column,

  22254.   .ui.grid > [class*="eleven wide large screen"].column,

  22255.   .ui.column.grid > [class*="eleven wide large screen"].column {

  22256.     width: 68.75% !important;

  22257.   }

  22258. 

  22259.   .ui.grid > .row > [class*="twelve wide large screen"].column,

  22260.   .ui.grid > .column.row > [class*="twelve wide large screen"].column,

  22261.   .ui.grid > [class*="twelve wide large screen"].column,

  22262.   .ui.column.grid > [class*="twelve wide large screen"].column {

  22263.     width: 75% !important;

  22264.   }

  22265. 

  22266.   .ui.grid > .row > [class*="thirteen wide large screen"].column,

  22267.   .ui.grid > .column.row > [class*="thirteen wide large screen"].column,

  22268.   .ui.grid > [class*="thirteen wide large screen"].column,

  22269.   .ui.column.grid > [class*="thirteen wide large screen"].column {

  22270.     width: 81.25% !important;

  22271.   }

  22272. 

  22273.   .ui.grid > .row > [class*="fourteen wide large screen"].column,

  22274.   .ui.grid > .column.row > [class*="fourteen wide large screen"].column,

  22275.   .ui.grid > [class*="fourteen wide large screen"].column,

  22276.   .ui.column.grid > [class*="fourteen wide large screen"].column {

  22277.     width: 87.5% !important;

  22278.   }

  22279. 

  22280.   .ui.grid > .row > [class*="fifteen wide large screen"].column,

  22281.   .ui.grid > .column.row > [class*="fifteen wide large screen"].column,

  22282.   .ui.grid > [class*="fifteen wide large screen"].column,

  22283.   .ui.column.grid > [class*="fifteen wide large screen"].column {

  22284.     width: 93.75% !important;

  22285.   }

  22286. 

  22287.   .ui.grid > .row > [class*="sixteen wide large screen"].column,

  22288.   .ui.grid > .column.row > [class*="sixteen wide large screen"].column,

  22289.   .ui.grid > [class*="sixteen wide large screen"].column,

  22290.   .ui.column.grid > [class*="sixteen wide large screen"].column {

  22291.     width: 100% !important;

  22292.   }

  22293. }

  22294. 

  22295. /* Widescreen Sizing Combinations */

  22296. 

  22297. @media only screen and (min-width: 1920px) {

  22298.   .ui.grid > .row > [class*="one wide widescreen"].column,

  22299.   .ui.grid > .column.row > [class*="one wide widescreen"].column,

  22300.   .ui.grid > [class*="one wide widescreen"].column,

  22301.   .ui.column.grid > [class*="one wide widescreen"].column {

  22302.     width: 6.25% !important;

  22303.   }

  22304. 

  22305.   .ui.grid > .row > [class*="two wide widescreen"].column,

  22306.   .ui.grid > .column.row > [class*="two wide widescreen"].column,

  22307.   .ui.grid > [class*="two wide widescreen"].column,

  22308.   .ui.column.grid > [class*="two wide widescreen"].column {

  22309.     width: 12.5% !important;

  22310.   }

  22311. 

  22312.   .ui.grid > .row > [class*="three wide widescreen"].column,

  22313.   .ui.grid > .column.row > [class*="three wide widescreen"].column,

  22314.   .ui.grid > [class*="three wide widescreen"].column,

  22315.   .ui.column.grid > [class*="three wide widescreen"].column {

  22316.     width: 18.75% !important;

  22317.   }

  22318. 

  22319.   .ui.grid > .row > [class*="four wide widescreen"].column,

  22320.   .ui.grid > .column.row > [class*="four wide widescreen"].column,

  22321.   .ui.grid > [class*="four wide widescreen"].column,

  22322.   .ui.column.grid > [class*="four wide widescreen"].column {

  22323.     width: 25% !important;

  22324.   }

  22325. 

  22326.   .ui.grid > .row > [class*="five wide widescreen"].column,

  22327.   .ui.grid > .column.row > [class*="five wide widescreen"].column,

  22328.   .ui.grid > [class*="five wide widescreen"].column,

  22329.   .ui.column.grid > [class*="five wide widescreen"].column {

  22330.     width: 31.25% !important;

  22331.   }

  22332. 

  22333.   .ui.grid > .row > [class*="six wide widescreen"].column,

  22334.   .ui.grid > .column.row > [class*="six wide widescreen"].column,

  22335.   .ui.grid > [class*="six wide widescreen"].column,

  22336.   .ui.column.grid > [class*="six wide widescreen"].column {

  22337.     width: 37.5% !important;

  22338.   }

  22339. 

  22340.   .ui.grid > .row > [class*="seven wide widescreen"].column,

  22341.   .ui.grid > .column.row > [class*="seven wide widescreen"].column,

  22342.   .ui.grid > [class*="seven wide widescreen"].column,

  22343.   .ui.column.grid > [class*="seven wide widescreen"].column {

  22344.     width: 43.75% !important;

  22345.   }

  22346. 

  22347.   .ui.grid > .row > [class*="eight wide widescreen"].column,

  22348.   .ui.grid > .column.row > [class*="eight wide widescreen"].column,

  22349.   .ui.grid > [class*="eight wide widescreen"].column,

  22350.   .ui.column.grid > [class*="eight wide widescreen"].column {

  22351.     width: 50% !important;

  22352.   }

  22353. 

  22354.   .ui.grid > .row > [class*="nine wide widescreen"].column,

  22355.   .ui.grid > .column.row > [class*="nine wide widescreen"].column,

  22356.   .ui.grid > [class*="nine wide widescreen"].column,

  22357.   .ui.column.grid > [class*="nine wide widescreen"].column {

  22358.     width: 56.25% !important;

  22359.   }

  22360. 

  22361.   .ui.grid > .row > [class*="ten wide widescreen"].column,

  22362.   .ui.grid > .column.row > [class*="ten wide widescreen"].column,

  22363.   .ui.grid > [class*="ten wide widescreen"].column,

  22364.   .ui.column.grid > [class*="ten wide widescreen"].column {

  22365.     width: 62.5% !important;

  22366.   }

  22367. 

  22368.   .ui.grid > .row > [class*="eleven wide widescreen"].column,

  22369.   .ui.grid > .column.row > [class*="eleven wide widescreen"].column,

  22370.   .ui.grid > [class*="eleven wide widescreen"].column,

  22371.   .ui.column.grid > [class*="eleven wide widescreen"].column {

  22372.     width: 68.75% !important;

  22373.   }

  22374. 

  22375.   .ui.grid > .row > [class*="twelve wide widescreen"].column,

  22376.   .ui.grid > .column.row > [class*="twelve wide widescreen"].column,

  22377.   .ui.grid > [class*="twelve wide widescreen"].column,

  22378.   .ui.column.grid > [class*="twelve wide widescreen"].column {

  22379.     width: 75% !important;

  22380.   }

  22381. 

  22382.   .ui.grid > .row > [class*="thirteen wide widescreen"].column,

  22383.   .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,

  22384.   .ui.grid > [class*="thirteen wide widescreen"].column,

  22385.   .ui.column.grid > [class*="thirteen wide widescreen"].column {

  22386.     width: 81.25% !important;

  22387.   }

  22388. 

  22389.   .ui.grid > .row > [class*="fourteen wide widescreen"].column,

  22390.   .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,

  22391.   .ui.grid > [class*="fourteen wide widescreen"].column,

  22392.   .ui.column.grid > [class*="fourteen wide widescreen"].column {

  22393.     width: 87.5% !important;

  22394.   }

  22395. 

  22396.   .ui.grid > .row > [class*="fifteen wide widescreen"].column,

  22397.   .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,

  22398.   .ui.grid > [class*="fifteen wide widescreen"].column,

  22399.   .ui.column.grid > [class*="fifteen wide widescreen"].column {

  22400.     width: 93.75% !important;

  22401.   }

  22402. 

  22403.   .ui.grid > .row > [class*="sixteen wide widescreen"].column,

  22404.   .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,

  22405.   .ui.grid > [class*="sixteen wide widescreen"].column,

  22406.   .ui.column.grid > [class*="sixteen wide widescreen"].column {

  22407.     width: 100% !important;

  22408.   }

  22409. }

  22410. 

  22411. /*----------------------

  22412.         Centered

  22413. -----------------------*/

  22414. 

  22415. .ui.centered.grid,

  22416. .ui.centered.grid > .row,

  22417. .ui.grid > .centered.row {

  22418.   text-align: center;

  22419.   -webkit-box-pack: center;

  22420.   -ms-flex-pack: center;

  22421.   justify-content: center;

  22422. }

  22423. 

  22424. .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),

  22425. .ui.centered.grid > .row > .column:not(.aligned):not(.justified),

  22426. .ui.grid .centered.row > .column:not(.aligned):not(.justified) {

  22427.   text-align: left;

  22428. }

  22429. 

  22430. .ui.grid > .centered.column,

  22431. .ui.grid > .row > .centered.column {

  22432.   display: block;

  22433.   margin-left: auto;

  22434.   margin-right: auto;

  22435. }

  22436. 

  22437. /*----------------------

  22438.         Relaxed

  22439. -----------------------*/

  22440. 

  22441. .ui.relaxed.grid > .column:not(.row),

  22442. .ui.relaxed.grid > .row > .column,

  22443. .ui.grid > .relaxed.row > .column {

  22444.   padding-left: 1.5rem;

  22445.   padding-right: 1.5rem;

  22446. }

  22447. 

  22448. .ui[class*="very relaxed"].grid > .column:not(.row),

  22449. .ui[class*="very relaxed"].grid > .row > .column,

  22450. .ui.grid > [class*="very relaxed"].row > .column {

  22451.   padding-left: 2.5rem;

  22452.   padding-right: 2.5rem;

  22453. }

  22454. 

  22455. /* Coupling with UI Divider */

  22456. 

  22457. .ui.relaxed.grid .row + .ui.divider,

  22458. .ui.grid .relaxed.row + .ui.divider {

  22459.   margin-left: 1.5rem;

  22460.   margin-right: 1.5rem;

  22461. }

  22462. 

  22463. .ui[class*="very relaxed"].grid .row + .ui.divider,

  22464. .ui.grid [class*="very relaxed"].row + .ui.divider {

  22465.   margin-left: 2.5rem;

  22466.   margin-right: 2.5rem;

  22467. }

  22468. 

  22469. /*----------------------

  22470.         Padded

  22471. -----------------------*/

  22472. 

  22473. .ui.padded.grid:not(.vertically):not(.horizontally) {

  22474.   margin: 0em !important;

  22475. }

  22476. 

  22477. [class*="horizontally padded"].ui.grid {

  22478.   margin-left: 0em !important;

  22479.   margin-right: 0em !important;

  22480. }

  22481. 

  22482. [class*="vertically padded"].ui.grid {

  22483.   margin-top: 0em !important;

  22484.   margin-bottom: 0em !important;

  22485. }

  22486. 

  22487. /*----------------------

  22488.        "Floated"

  22489. -----------------------*/

  22490. 

  22491. .ui.grid [class*="left floated"].column {

  22492.   margin-right: auto;

  22493. }

  22494. 

  22495. .ui.grid [class*="right floated"].column {

  22496.   margin-left: auto;

  22497. }

  22498. 

  22499. /*----------------------

  22500.         Divided

  22501. -----------------------*/

  22502. 

  22503. .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),

  22504. .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {

  22505.   -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  22506.   box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  22507. }

  22508. 

  22509. /* Swap from padding to margin on columns to have dividers align */

  22510. 

  22511. .ui[class*="vertically divided"].grid > .column:not(.row),

  22512. .ui[class*="vertically divided"].grid > .row > .column {

  22513.   margin-top: 1rem;

  22514.   margin-bottom: 1rem;

  22515.   padding-top: 0rem;

  22516.   padding-bottom: 0rem;

  22517. }

  22518. 

  22519. .ui[class*="vertically divided"].grid > .row {

  22520.   margin-top: 0em;

  22521.   margin-bottom: 0em;

  22522. }

  22523. 

  22524. /* No divider on first column on row */

  22525. 

  22526. .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,

  22527. .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

  22528.   -webkit-box-shadow: none;

  22529.   box-shadow: none;

  22530. }

  22531. 

  22532. /* No space on top of first row */

  22533. 

  22534. .ui[class*="vertically divided"].grid > .row:first-child > .column {

  22535.   margin-top: 0em;

  22536. }

  22537. 

  22538. /* Divided Row */

  22539. 

  22540. .ui.grid > .divided.row > .column {

  22541.   -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  22542.   box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  22543. }

  22544. 

  22545. .ui.grid > .divided.row > .column:first-child {

  22546.   -webkit-box-shadow: none;

  22547.   box-shadow: none;

  22548. }

  22549. 

  22550. /* Vertically Divided */

  22551. 

  22552. .ui[class*="vertically divided"].grid > .row {

  22553.   position: relative;

  22554. }

  22555. 

  22556. .ui[class*="vertically divided"].grid > .row:before {

  22557.   position: absolute;

  22558.   content: "";

  22559.   top: 0em;

  22560.   left: 0px;

  22561.   width: calc(100% -  2rem );

  22562.   height: 1px;

  22563.   margin: 0% 1rem;

  22564.   -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);

  22565.   box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);

  22566. }

  22567. 

  22568. /* Padded Horizontally Divided */

  22569. 

  22570. [class*="horizontally padded"].ui.divided.grid,

  22571. .ui.padded.divided.grid:not(.vertically):not(.horizontally) {

  22572.   width: 100%;

  22573. }

  22574. 

  22575. /* First Row Vertically Divided */

  22576. 

  22577. .ui[class*="vertically divided"].grid > .row:first-child:before {

  22578.   -webkit-box-shadow: none;

  22579.   box-shadow: none;

  22580. }

  22581. 

  22582. /* Inverted Divided */

  22583. 

  22584. .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),

  22585. .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {

  22586.   -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);

  22587.   box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);

  22588. }

  22589. 

  22590. .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,

  22591. .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

  22592.   -webkit-box-shadow: none;

  22593.   box-shadow: none;

  22594. }

  22595. 

  22596. .ui.inverted[class*="vertically divided"].grid > .row:before {

  22597.   -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);

  22598.   box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);

  22599. }

  22600. 

  22601. /* Relaxed */

  22602. 

  22603. .ui.relaxed[class*="vertically divided"].grid > .row:before {

  22604.   margin-left: 1.5rem;

  22605.   margin-right: 1.5rem;

  22606.   width: calc(100% -  3rem );

  22607. }

  22608. 

  22609. .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {

  22610.   margin-left: 5rem;

  22611.   margin-right: 5rem;

  22612.   width: calc(100% -  5rem );

  22613. }

  22614. 

  22615. /*----------------------

  22616.          Celled

  22617. -----------------------*/

  22618. 

  22619. .ui.celled.grid {

  22620.   width: 100%;

  22621.   margin: 1em 0em;

  22622.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5;

  22623.   box-shadow: 0px 0px 0px 1px #D4D4D5;

  22624. }

  22625. 

  22626. .ui.celled.grid > .row {

  22627.   width: 100% !important;

  22628.   margin: 0em;

  22629.   padding: 0em;

  22630.   -webkit-box-shadow: 0px -1px 0px 0px #D4D4D5;

  22631.   box-shadow: 0px -1px 0px 0px #D4D4D5;

  22632. }

  22633. 

  22634. .ui.celled.grid > .column:not(.row),

  22635. .ui.celled.grid > .row > .column {

  22636.   -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;

  22637.   box-shadow: -1px 0px 0px 0px #D4D4D5;

  22638. }

  22639. 

  22640. .ui.celled.grid > .column:first-child,

  22641. .ui.celled.grid > .row > .column:first-child {

  22642.   -webkit-box-shadow: none;

  22643.   box-shadow: none;

  22644. }

  22645. 

  22646. .ui.celled.grid > .column:not(.row),

  22647. .ui.celled.grid > .row > .column {

  22648.   padding: 1em;

  22649. }

  22650. 

  22651. .ui.relaxed.celled.grid > .column:not(.row),

  22652. .ui.relaxed.celled.grid > .row > .column {

  22653.   padding: 1.5em;

  22654. }

  22655. 

  22656. .ui[class*="very relaxed"].celled.grid > .column:not(.row),

  22657. .ui[class*="very relaxed"].celled.grid > .row > .column {

  22658.   padding: 2em;

  22659. }

  22660. 

  22661. /* Internally Celled */

  22662. 

  22663. .ui[class*="internally celled"].grid {

  22664.   -webkit-box-shadow: none;

  22665.   box-shadow: none;

  22666.   margin: 0em;

  22667. }

  22668. 

  22669. .ui[class*="internally celled"].grid > .row:first-child {

  22670.   -webkit-box-shadow: none;

  22671.   box-shadow: none;

  22672. }

  22673. 

  22674. .ui[class*="internally celled"].grid > .row > .column:first-child {

  22675.   -webkit-box-shadow: none;

  22676.   box-shadow: none;

  22677. }

  22678. 

  22679. /*----------------------

  22680.    Vertically Aligned

  22681. -----------------------*/

  22682. 

  22683. /* Top Aligned */

  22684. 

  22685. .ui[class*="top aligned"].grid > .column:not(.row),

  22686. .ui[class*="top aligned"].grid > .row > .column,

  22687. .ui.grid > [class*="top aligned"].row > .column,

  22688. .ui.grid > [class*="top aligned"].column:not(.row),

  22689. .ui.grid > .row > [class*="top aligned"].column {

  22690.   -webkit-box-orient: vertical;

  22691.   -webkit-box-direction: normal;

  22692.   -ms-flex-direction: column;

  22693.   flex-direction: column;

  22694.   vertical-align: top;

  22695.   -ms-flex-item-align: start !important;

  22696.   align-self: flex-start !important;

  22697. }

  22698. 

  22699. /* Middle Aligned */

  22700. 

  22701. .ui[class*="middle aligned"].grid > .column:not(.row),

  22702. .ui[class*="middle aligned"].grid > .row > .column,

  22703. .ui.grid > [class*="middle aligned"].row > .column,

  22704. .ui.grid > [class*="middle aligned"].column:not(.row),

  22705. .ui.grid > .row > [class*="middle aligned"].column {

  22706.   -webkit-box-orient: vertical;

  22707.   -webkit-box-direction: normal;

  22708.   -ms-flex-direction: column;

  22709.   flex-direction: column;

  22710.   vertical-align: middle;

  22711.   -ms-flex-item-align: center !important;

  22712.   align-self: center !important;

  22713. }

  22714. 

  22715. /* Bottom Aligned */

  22716. 

  22717. .ui[class*="bottom aligned"].grid > .column:not(.row),

  22718. .ui[class*="bottom aligned"].grid > .row > .column,

  22719. .ui.grid > [class*="bottom aligned"].row > .column,

  22720. .ui.grid > [class*="bottom aligned"].column:not(.row),

  22721. .ui.grid > .row > [class*="bottom aligned"].column {

  22722.   -webkit-box-orient: vertical;

  22723.   -webkit-box-direction: normal;

  22724.   -ms-flex-direction: column;

  22725.   flex-direction: column;

  22726.   vertical-align: bottom;

  22727.   -ms-flex-item-align: end !important;

  22728.   align-self: flex-end !important;

  22729. }

  22730. 

  22731. /* Stretched */

  22732. 

  22733. .ui.stretched.grid > .row > .column,

  22734. .ui.stretched.grid > .column,

  22735. .ui.grid > .stretched.row > .column,

  22736. .ui.grid > .stretched.column:not(.row),

  22737. .ui.grid > .row > .stretched.column {

  22738.   display: -webkit-inline-box !important;

  22739.   display: -ms-inline-flexbox !important;

  22740.   display: inline-flex !important;

  22741.   -ms-flex-item-align: stretch;

  22742.   align-self: stretch;

  22743.   -webkit-box-orient: vertical;

  22744.   -webkit-box-direction: normal;

  22745.   -ms-flex-direction: column;

  22746.   flex-direction: column;

  22747. }

  22748. 

  22749. .ui.stretched.grid > .row > .column > *,

  22750. .ui.stretched.grid > .column > *,

  22751. .ui.grid > .stretched.row > .column > *,

  22752. .ui.grid > .stretched.column:not(.row) > *,

  22753. .ui.grid > .row > .stretched.column > * {

  22754.   -webkit-box-flex: 1;

  22755.   -ms-flex-positive: 1;

  22756.   flex-grow: 1;

  22757. }

  22758. 

  22759. /*----------------------

  22760.   Horizontally Centered

  22761. -----------------------*/

  22762. 

  22763. /* Left Aligned */

  22764. 

  22765. .ui[class*="left aligned"].grid > .column,

  22766. .ui[class*="left aligned"].grid > .row > .column,

  22767. .ui.grid > [class*="left aligned"].row > .column,

  22768. .ui.grid > [class*="left aligned"].column.column,

  22769. .ui.grid > .row > [class*="left aligned"].column.column {

  22770.   text-align: left;

  22771.   -ms-flex-item-align: inherit;

  22772.   align-self: inherit;

  22773. }

  22774. 

  22775. /* Center Aligned */

  22776. 

  22777. .ui[class*="center aligned"].grid > .column,

  22778. .ui[class*="center aligned"].grid > .row > .column,

  22779. .ui.grid > [class*="center aligned"].row > .column,

  22780. .ui.grid > [class*="center aligned"].column.column,

  22781. .ui.grid > .row > [class*="center aligned"].column.column {

  22782.   text-align: center;

  22783.   -ms-flex-item-align: inherit;

  22784.   align-self: inherit;

  22785. }

  22786. 

  22787. .ui[class*="center aligned"].grid {

  22788.   -webkit-box-pack: center;

  22789.   -ms-flex-pack: center;

  22790.   justify-content: center;

  22791. }

  22792. 

  22793. /* Right Aligned */

  22794. 

  22795. .ui[class*="right aligned"].grid > .column,

  22796. .ui[class*="right aligned"].grid > .row > .column,

  22797. .ui.grid > [class*="right aligned"].row > .column,

  22798. .ui.grid > [class*="right aligned"].column.column,

  22799. .ui.grid > .row > [class*="right aligned"].column.column {

  22800.   text-align: right;

  22801.   -ms-flex-item-align: inherit;

  22802.   align-self: inherit;

  22803. }

  22804. 

  22805. /* Justified */

  22806. 

  22807. .ui.justified.grid > .column,

  22808. .ui.justified.grid > .row > .column,

  22809. .ui.grid > .justified.row > .column,

  22810. .ui.grid > .justified.column.column,

  22811. .ui.grid > .row > .justified.column.column {

  22812.   text-align: justify;

  22813.   -webkit-hyphens: auto;

  22814.   -ms-hyphens: auto;

  22815.   hyphens: auto;

  22816. }

  22817. 

  22818. /*----------------------

  22819.          Colored

  22820. -----------------------*/

  22821. 

  22822. .ui.grid > .row > .red.column,

  22823. .ui.grid > .row > .orange.column,

  22824. .ui.grid > .row > .yellow.column,

  22825. .ui.grid > .row > .olive.column,

  22826. .ui.grid > .row > .green.column,

  22827. .ui.grid > .row > .teal.column,

  22828. .ui.grid > .row > .blue.column,

  22829. .ui.grid > .row > .violet.column,

  22830. .ui.grid > .row > .purple.column,

  22831. .ui.grid > .row > .pink.column,

  22832. .ui.grid > .row > .brown.column,

  22833. .ui.grid > .row > .grey.column,

  22834. .ui.grid > .row > .black.column {

  22835.   margin-top: -1rem;

  22836.   margin-bottom: -1rem;

  22837.   padding-top: 1rem;

  22838.   padding-bottom: 1rem;

  22839. }

  22840. 

  22841. /* Red */

  22842. 

  22843. .ui.grid > .red.row,

  22844. .ui.grid > .red.column,

  22845. .ui.grid > .row > .red.column {

  22846.   background-color: #DB2828 !important;

  22847.   color: #FFFFFF;

  22848. }

  22849. 

  22850. /* Orange */

  22851. 

  22852. .ui.grid > .orange.row,

  22853. .ui.grid > .orange.column,

  22854. .ui.grid > .row > .orange.column {

  22855.   background-color: #F2711C !important;

  22856.   color: #FFFFFF;

  22857. }

  22858. 

  22859. /* Yellow */

  22860. 

  22861. .ui.grid > .yellow.row,

  22862. .ui.grid > .yellow.column,

  22863. .ui.grid > .row > .yellow.column {

  22864.   background-color: #FBBD08 !important;

  22865.   color: #FFFFFF;

  22866. }

  22867. 

  22868. /* Olive */

  22869. 

  22870. .ui.grid > .olive.row,

  22871. .ui.grid > .olive.column,

  22872. .ui.grid > .row > .olive.column {

  22873.   background-color: #B5CC18 !important;

  22874.   color: #FFFFFF;

  22875. }

  22876. 

  22877. /* Green */

  22878. 

  22879. .ui.grid > .green.row,

  22880. .ui.grid > .green.column,

  22881. .ui.grid > .row > .green.column {

  22882.   background-color: #21BA45 !important;

  22883.   color: #FFFFFF;

  22884. }

  22885. 

  22886. /* Teal */

  22887. 

  22888. .ui.grid > .teal.row,

  22889. .ui.grid > .teal.column,

  22890. .ui.grid > .row > .teal.column {

  22891.   background-color: #00B5AD !important;

  22892.   color: #FFFFFF;

  22893. }

  22894. 

  22895. /* Blue */

  22896. 

  22897. .ui.grid > .blue.row,

  22898. .ui.grid > .blue.column,

  22899. .ui.grid > .row > .blue.column {

  22900.   background-color: #2185D0 !important;

  22901.   color: #FFFFFF;

  22902. }

  22903. 

  22904. /* Violet */

  22905. 

  22906. .ui.grid > .violet.row,

  22907. .ui.grid > .violet.column,

  22908. .ui.grid > .row > .violet.column {

  22909.   background-color: #6435C9 !important;

  22910.   color: #FFFFFF;

  22911. }

  22912. 

  22913. /* Purple */

  22914. 

  22915. .ui.grid > .purple.row,

  22916. .ui.grid > .purple.column,

  22917. .ui.grid > .row > .purple.column {

  22918.   background-color: #A333C8 !important;

  22919.   color: #FFFFFF;

  22920. }

  22921. 

  22922. /* Pink */

  22923. 

  22924. .ui.grid > .pink.row,

  22925. .ui.grid > .pink.column,

  22926. .ui.grid > .row > .pink.column {

  22927.   background-color: #E03997 !important;

  22928.   color: #FFFFFF;

  22929. }

  22930. 

  22931. /* Brown */

  22932. 

  22933. .ui.grid > .brown.row,

  22934. .ui.grid > .brown.column,

  22935. .ui.grid > .row > .brown.column {

  22936.   background-color: #A5673F !important;

  22937.   color: #FFFFFF;

  22938. }

  22939. 

  22940. /* Grey */

  22941. 

  22942. .ui.grid > .grey.row,

  22943. .ui.grid > .grey.column,

  22944. .ui.grid > .row > .grey.column {

  22945.   background-color: #767676 !important;

  22946.   color: #FFFFFF;

  22947. }

  22948. 

  22949. /* Black */

  22950. 

  22951. .ui.grid > .black.row,

  22952. .ui.grid > .black.column,

  22953. .ui.grid > .row > .black.column {

  22954.   background-color: #1B1C1D !important;

  22955.   color: #FFFFFF;

  22956. }

  22957. 

  22958. /*----------------------

  22959.       Equal Width

  22960. -----------------------*/

  22961. 

  22962. .ui[class*="equal width"].grid > .column:not(.row),

  22963. .ui[class*="equal width"].grid > .row > .column,

  22964. .ui.grid > [class*="equal width"].row > .column {

  22965.   display: inline-block;

  22966.   -webkit-box-flex: 1;

  22967.   -ms-flex-positive: 1;

  22968.   flex-grow: 1;

  22969. }

  22970. 

  22971. .ui[class*="equal width"].grid > .wide.column,

  22972. .ui[class*="equal width"].grid > .row > .wide.column,

  22973. .ui.grid > [class*="equal width"].row > .wide.column {

  22974.   -webkit-box-flex: 0;

  22975.   -ms-flex-positive: 0;

  22976.   flex-grow: 0;

  22977. }

  22978. 

  22979. /*----------------------

  22980.         Reverse

  22981. -----------------------*/

  22982. 

  22983. /* Mobile */

  22984. 

  22985. @media only screen and (max-width: 767px) {

  22986.   .ui[class*="mobile reversed"].grid,

  22987.   .ui[class*="mobile reversed"].grid > .row,

  22988.   .ui.grid > [class*="mobile reversed"].row {

  22989.     -webkit-box-orient: horizontal;

  22990.     -webkit-box-direction: reverse;

  22991.     -ms-flex-direction: row-reverse;

  22992.     flex-direction: row-reverse;

  22993.   }

  22994. 

  22995.   .ui[class*="mobile vertically reversed"].grid,

  22996.   .ui.stackable[class*="mobile reversed"] {

  22997.     -webkit-box-orient: vertical;

  22998.     -webkit-box-direction: reverse;

  22999.     -ms-flex-direction: column-reverse;

  23000.     flex-direction: column-reverse;

  23001.   }

  23002. 

  23003.   /* Divided Reversed */

  23004. 

  23005.   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,

  23006.   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

  23007.     -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  23008.     box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  23009.   }

  23010. 

  23011.   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,

  23012.   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {

  23013.     -webkit-box-shadow: none;

  23014.     box-shadow: none;

  23015.   }

  23016. 

  23017.   /* Vertically Divided Reversed */

  23018. 

  23019.   .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {

  23020.     -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);

  23021.     box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);

  23022.   }

  23023. 

  23024.   .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {

  23025.     -webkit-box-shadow: none;

  23026.     box-shadow: none;

  23027.   }

  23028. 

  23029.   /* Celled Reversed */

  23030. 

  23031.   .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {

  23032.     -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;

  23033.     box-shadow: -1px 0px 0px 0px #D4D4D5;

  23034.   }

  23035. 

  23036.   .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {

  23037.     -webkit-box-shadow: none;

  23038.     box-shadow: none;

  23039.   }

  23040. }

  23041. 

  23042. /* Tablet */

  23043. 

  23044. @media only screen and (min-width: 768px) and (max-width: 991px) {

  23045.   .ui[class*="tablet reversed"].grid,

  23046.   .ui[class*="tablet reversed"].grid > .row,

  23047.   .ui.grid > [class*="tablet reversed"].row {

  23048.     -webkit-box-orient: horizontal;

  23049.     -webkit-box-direction: reverse;

  23050.     -ms-flex-direction: row-reverse;

  23051.     flex-direction: row-reverse;

  23052.   }

  23053. 

  23054.   .ui[class*="tablet vertically reversed"].grid {

  23055.     -webkit-box-orient: vertical;

  23056.     -webkit-box-direction: reverse;

  23057.     -ms-flex-direction: column-reverse;

  23058.     flex-direction: column-reverse;

  23059.   }

  23060. 

  23061.   /* Divided Reversed */

  23062. 

  23063.   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,

  23064.   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

  23065.     -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  23066.     box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  23067.   }

  23068. 

  23069.   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,

  23070.   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {

  23071.     -webkit-box-shadow: none;

  23072.     box-shadow: none;

  23073.   }

  23074. 

  23075.   /* Vertically Divided Reversed */

  23076. 

  23077.   .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {

  23078.     -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);

  23079.     box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);

  23080.   }

  23081. 

  23082.   .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {

  23083.     -webkit-box-shadow: none;

  23084.     box-shadow: none;

  23085.   }

  23086. 

  23087.   /* Celled Reversed */

  23088. 

  23089.   .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {

  23090.     -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;

  23091.     box-shadow: -1px 0px 0px 0px #D4D4D5;

  23092.   }

  23093. 

  23094.   .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {

  23095.     -webkit-box-shadow: none;

  23096.     box-shadow: none;

  23097.   }

  23098. }

  23099. 

  23100. /* Computer */

  23101. 

  23102. @media only screen and (min-width: 992px) {

  23103.   .ui[class*="computer reversed"].grid,

  23104.   .ui[class*="computer reversed"].grid > .row,

  23105.   .ui.grid > [class*="computer reversed"].row {

  23106.     -webkit-box-orient: horizontal;

  23107.     -webkit-box-direction: reverse;

  23108.     -ms-flex-direction: row-reverse;

  23109.     flex-direction: row-reverse;

  23110.   }

  23111. 

  23112.   .ui[class*="computer vertically reversed"].grid {

  23113.     -webkit-box-orient: vertical;

  23114.     -webkit-box-direction: reverse;

  23115.     -ms-flex-direction: column-reverse;

  23116.     flex-direction: column-reverse;

  23117.   }

  23118. 

  23119.   /* Divided Reversed */

  23120. 

  23121.   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,

  23122.   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

  23123.     -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  23124.     box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);

  23125.   }

  23126. 

  23127.   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,

  23128.   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {

  23129.     -webkit-box-shadow: none;

  23130.     box-shadow: none;

  23131.   }

  23132. 

  23133.   /* Vertically Divided Reversed */

  23134. 

  23135.   .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {

  23136.     -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);

  23137.     box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);

  23138.   }

  23139. 

  23140.   .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {

  23141.     -webkit-box-shadow: none;

  23142.     box-shadow: none;

  23143.   }

  23144. 

  23145.   /* Celled Reversed */

  23146. 

  23147.   .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {

  23148.     -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;

  23149.     box-shadow: -1px 0px 0px 0px #D4D4D5;

  23150.   }

  23151. 

  23152.   .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {

  23153.     -webkit-box-shadow: none;

  23154.     box-shadow: none;

  23155.   }

  23156. }

  23157. 

  23158. /*-------------------

  23159.       Doubling

  23160. --------------------*/

  23161. 

  23162. /* Tablet Only */

  23163. 

  23164. @media only screen and (min-width: 768px) and (max-width: 991px) {

  23165.   .ui.doubling.grid {

  23166.     width: auto;

  23167.   }

  23168. 

  23169.   .ui.grid > .doubling.row,

  23170.   .ui.doubling.grid > .row {

  23171.     margin: 0em !important;

  23172.     padding: 0em !important;

  23173.   }

  23174. 

  23175.   .ui.grid > .doubling.row > .column,

  23176.   .ui.doubling.grid > .row > .column {

  23177.     display: inline-block !important;

  23178.     padding-top: 1rem !important;

  23179.     padding-bottom: 1rem !important;

  23180.     -webkit-box-shadow: none !important;

  23181.     box-shadow: none !important;

  23182.     margin: 0em;

  23183.   }

  23184. 

  23185.   .ui[class*="two column"].doubling.grid > .row > .column,

  23186.   .ui[class*="two column"].doubling.grid > .column:not(.row),

  23187.   .ui.grid > [class*="two column"].doubling.row.row > .column {

  23188.     width: 100% !important;

  23189.   }

  23190. 

  23191.   .ui[class*="three column"].doubling.grid > .row > .column,

  23192.   .ui[class*="three column"].doubling.grid > .column:not(.row),

  23193.   .ui.grid > [class*="three column"].doubling.row.row > .column {

  23194.     width: 50% !important;

  23195.   }

  23196. 

  23197.   .ui[class*="four column"].doubling.grid > .row > .column,

  23198.   .ui[class*="four column"].doubling.grid > .column:not(.row),

  23199.   .ui.grid > [class*="four column"].doubling.row.row > .column {

  23200.     width: 50% !important;

  23201.   }

  23202. 

  23203.   .ui[class*="five column"].doubling.grid > .row > .column,

  23204.   .ui[class*="five column"].doubling.grid > .column:not(.row),

  23205.   .ui.grid > [class*="five column"].doubling.row.row > .column {

  23206.     width: 33.33333333% !important;

  23207.   }

  23208. 

  23209.   .ui[class*="six column"].doubling.grid > .row > .column,

  23210.   .ui[class*="six column"].doubling.grid > .column:not(.row),

  23211.   .ui.grid > [class*="six column"].doubling.row.row > .column {

  23212.     width: 33.33333333% !important;

  23213.   }

  23214. 

  23215.   .ui[class*="seven column"].doubling.grid > .row > .column,

  23216.   .ui[class*="seven column"].doubling.grid > .column:not(.row),

  23217.   .ui.grid > [class*="seven column"].doubling.row.row > .column {

  23218.     width: 33.33333333% !important;

  23219.   }

  23220. 

  23221.   .ui[class*="eight column"].doubling.grid > .row > .column,

  23222.   .ui[class*="eight column"].doubling.grid > .column:not(.row),

  23223.   .ui.grid > [class*="eight column"].doubling.row.row > .column {

  23224.     width: 25% !important;

  23225.   }

  23226. 

  23227.   .ui[class*="nine column"].doubling.grid > .row > .column,

  23228.   .ui[class*="nine column"].doubling.grid > .column:not(.row),

  23229.   .ui.grid > [class*="nine column"].doubling.row.row > .column {

  23230.     width: 25% !important;

  23231.   }

  23232. 

  23233.   .ui[class*="ten column"].doubling.grid > .row > .column,

  23234.   .ui[class*="ten column"].doubling.grid > .column:not(.row),

  23235.   .ui.grid > [class*="ten column"].doubling.row.row > .column {

  23236.     width: 20% !important;

  23237.   }

  23238. 

  23239.   .ui[class*="eleven column"].doubling.grid > .row > .column,

  23240.   .ui[class*="eleven column"].doubling.grid > .column:not(.row),

  23241.   .ui.grid > [class*="eleven column"].doubling.row.row > .column {

  23242.     width: 20% !important;

  23243.   }

  23244. 

  23245.   .ui[class*="twelve column"].doubling.grid > .row > .column,

  23246.   .ui[class*="twelve column"].doubling.grid > .column:not(.row),

  23247.   .ui.grid > [class*="twelve column"].doubling.row.row > .column {

  23248.     width: 16.66666667% !important;

  23249.   }

  23250. 

  23251.   .ui[class*="thirteen column"].doubling.grid > .row > .column,

  23252.   .ui[class*="thirteen column"].doubling.grid > .column:not(.row),

  23253.   .ui.grid > [class*="thirteen column"].doubling.row.row > .column {

  23254.     width: 16.66666667% !important;

  23255.   }

  23256. 

  23257.   .ui[class*="fourteen column"].doubling.grid > .row > .column,

  23258.   .ui[class*="fourteen column"].doubling.grid > .column:not(.row),

  23259.   .ui.grid > [class*="fourteen column"].doubling.row.row > .column {

  23260.     width: 14.28571429% !important;

  23261.   }

  23262. 

  23263.   .ui[class*="fifteen column"].doubling.grid > .row > .column,

  23264.   .ui[class*="fifteen column"].doubling.grid > .column:not(.row),

  23265.   .ui.grid > [class*="fifteen column"].doubling.row.row > .column {

  23266.     width: 14.28571429% !important;

  23267.   }

  23268. 

  23269.   .ui[class*="sixteen column"].doubling.grid > .row > .column,

  23270.   .ui[class*="sixteen column"].doubling.grid > .column:not(.row),

  23271.   .ui.grid > [class*="sixteen column"].doubling.row.row > .column {

  23272.     width: 12.5% !important;

  23273.   }

  23274. }

  23275. 

  23276. /* Mobile Only */

  23277. 

  23278. @media only screen and (max-width: 767px) {

  23279.   .ui.grid > .doubling.row,

  23280.   .ui.doubling.grid > .row {

  23281.     margin: 0em !important;

  23282.     padding: 0em !important;

  23283.   }

  23284. 

  23285.   .ui.grid > .doubling.row > .column,

  23286.   .ui.doubling.grid > .row > .column {

  23287.     padding-top: 1rem !important;

  23288.     padding-bottom: 1rem !important;

  23289.     margin: 0em !important;

  23290.     -webkit-box-shadow: none !important;

  23291.     box-shadow: none !important;

  23292.   }

  23293. 

  23294.   .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,

  23295.   .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),

  23296.   .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {

  23297.     width: 100% !important;

  23298.   }

  23299. 

  23300.   .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,

  23301.   .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),

  23302.   .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {

  23303.     width: 50% !important;

  23304.   }

  23305. 

  23306.   .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,

  23307.   .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),

  23308.   .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {

  23309.     width: 50% !important;

  23310.   }

  23311. 

  23312.   .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,

  23313.   .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),

  23314.   .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {

  23315.     width: 50% !important;

  23316.   }

  23317. 

  23318.   .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,

  23319.   .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),

  23320.   .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {

  23321.     width: 50% !important;

  23322.   }

  23323. 

  23324.   .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,

  23325.   .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),

  23326.   .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {

  23327.     width: 50% !important;

  23328.   }

  23329. 

  23330.   .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,

  23331.   .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),

  23332.   .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {

  23333.     width: 50% !important;

  23334.   }

  23335. 

  23336.   .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,

  23337.   .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),

  23338.   .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {

  23339.     width: 33.33333333% !important;

  23340.   }

  23341. 

  23342.   .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,

  23343.   .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),

  23344.   .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {

  23345.     width: 33.33333333% !important;

  23346.   }

  23347. 

  23348.   .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,

  23349.   .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),

  23350.   .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {

  23351.     width: 33.33333333% !important;

  23352.   }

  23353. 

  23354.   .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,

  23355.   .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),

  23356.   .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {

  23357.     width: 33.33333333% !important;

  23358.   }

  23359. 

  23360.   .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,

  23361.   .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),

  23362.   .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {

  23363.     width: 33.33333333% !important;

  23364.   }

  23365. 

  23366.   .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,

  23367.   .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),

  23368.   .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {

  23369.     width: 25% !important;

  23370.   }

  23371. 

  23372.   .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,

  23373.   .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),

  23374.   .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {

  23375.     width: 25% !important;

  23376.   }

  23377. 

  23378.   .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,

  23379.   .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),

  23380.   .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {

  23381.     width: 25% !important;

  23382.   }

  23383. }

  23384. 

  23385. /*-------------------

  23386.       Stackable

  23387. --------------------*/

  23388. 

  23389. @media only screen and (max-width: 767px) {

  23390.   .ui.stackable.grid {

  23391.     width: auto;

  23392.     margin-left: 0em !important;

  23393.     margin-right: 0em !important;

  23394.   }

  23395. 

  23396.   .ui.stackable.grid > .row > .wide.column,

  23397.   .ui.stackable.grid > .wide.column,

  23398.   .ui.stackable.grid > .column.grid > .column,

  23399.   .ui.stackable.grid > .column.row > .column,

  23400.   .ui.stackable.grid > .row > .column,

  23401.   .ui.stackable.grid > .column:not(.row),

  23402.   .ui.grid > .stackable.stackable.row > .column {

  23403.     width: 100% !important;

  23404.     margin: 0em 0em !important;

  23405.     -webkit-box-shadow: none !important;

  23406.     box-shadow: none !important;

  23407.     padding: 1rem 1rem !important;

  23408.   }

  23409. 

  23410.   .ui.stackable.grid:not(.vertically) > .row {

  23411.     margin: 0em;

  23412.     padding: 0em;

  23413.   }

  23414. 

  23415.   /* Coupling */

  23416. 

  23417.   .ui.container > .ui.stackable.grid > .column,

  23418.   .ui.container > .ui.stackable.grid > .row > .column {

  23419.     padding-left: 0em !important;

  23420.     padding-right: 0em !important;

  23421.   }

  23422. 

  23423.   /* Don't pad inside segment or nested grid */

  23424. 

  23425.   .ui.grid .ui.stackable.grid,

  23426.   .ui.segment:not(.vertical) .ui.stackable.page.grid {

  23427.     margin-left: -1rem !important;

  23428.     margin-right: -1rem !important;

  23429.   }

  23430. 

  23431.   /* Divided Stackable */

  23432. 

  23433.   .ui.stackable.divided.grid > .row:first-child > .column:first-child,

  23434.   .ui.stackable.celled.grid > .row:first-child > .column:first-child,

  23435.   .ui.stackable.divided.grid > .column:not(.row):first-child,

  23436.   .ui.stackable.celled.grid > .column:not(.row):first-child {

  23437.     border-top: none !important;

  23438.   }

  23439. 

  23440.   .ui.inverted.stackable.celled.grid > .column:not(.row),

  23441.   .ui.inverted.stackable.divided.grid > .column:not(.row),

  23442.   .ui.inverted.stackable.celled.grid > .row > .column,

  23443.   .ui.inverted.stackable.divided.grid > .row > .column {

  23444.     border-top: 1px solid rgba(255, 255, 255, 0.1);

  23445.   }

  23446. 

  23447.   .ui.stackable.celled.grid > .column:not(.row),

  23448.   .ui.stackable.divided:not(.vertically).grid > .column:not(.row),

  23449.   .ui.stackable.celled.grid > .row > .column,

  23450.   .ui.stackable.divided:not(.vertically).grid > .row > .column {

  23451.     border-top: 1px solid rgba(34, 36, 38, 0.15);

  23452.     -webkit-box-shadow: none !important;

  23453.     box-shadow: none !important;

  23454.     padding-top: 2rem !important;

  23455.     padding-bottom: 2rem !important;

  23456.   }

  23457. 

  23458.   .ui.stackable.celled.grid > .row {

  23459.     -webkit-box-shadow: none !important;

  23460.     box-shadow: none !important;

  23461.   }

  23462. 

  23463.   .ui.stackable.divided:not(.vertically).grid > .column:not(.row),

  23464.   .ui.stackable.divided:not(.vertically).grid > .row > .column {

  23465.     padding-left: 0em !important;

  23466.     padding-right: 0em !important;

  23467.   }

  23468. }

  23469. 

  23470. /*----------------------

  23471.      Only (Device)

  23472. -----------------------*/

  23473. 

  23474. /* These include arbitrary class repetitions for forced specificity */

  23475. 

  23476. /* Mobile Only Hide */

  23477. 

  23478. @media only screen and (max-width: 767px) {

  23479.   .ui[class*="tablet only"].grid.grid.grid:not(.mobile),

  23480.   .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),

  23481.   .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),

  23482.   .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {

  23483.     display: none !important;

  23484.   }

  23485. 

  23486.   .ui[class*="computer only"].grid.grid.grid:not(.mobile),

  23487.   .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),

  23488.   .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),

  23489.   .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {

  23490.     display: none !important;

  23491.   }

  23492. 

  23493.   .ui[class*="large screen only"].grid.grid.grid:not(.mobile),

  23494.   .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),

  23495.   .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),

  23496.   .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {

  23497.     display: none !important;

  23498.   }

  23499. 

  23500.   .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),

  23501.   .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),

  23502.   .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),

  23503.   .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {

  23504.     display: none !important;

  23505.   }

  23506. }

  23507. 

  23508. /* Tablet Only Hide */

  23509. 

  23510. @media only screen and (min-width: 768px) and (max-width: 991px) {

  23511.   .ui[class*="mobile only"].grid.grid.grid:not(.tablet),

  23512.   .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),

  23513.   .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),

  23514.   .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {

  23515.     display: none !important;

  23516.   }

  23517. 

  23518.   .ui[class*="computer only"].grid.grid.grid:not(.tablet),

  23519.   .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),

  23520.   .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),

  23521.   .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {

  23522.     display: none !important;

  23523.   }

  23524. 

  23525.   .ui[class*="large screen only"].grid.grid.grid:not(.mobile),

  23526.   .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),

  23527.   .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),

  23528.   .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {

  23529.     display: none !important;

  23530.   }

  23531. 

  23532.   .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),

  23533.   .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),

  23534.   .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),

  23535.   .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {

  23536.     display: none !important;

  23537.   }

  23538. }

  23539. 

  23540. /* Computer Only Hide */

  23541. 

  23542. @media only screen and (min-width: 992px) and (max-width: 1199px) {

  23543.   .ui[class*="mobile only"].grid.grid.grid:not(.computer),

  23544.   .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),

  23545.   .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),

  23546.   .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {

  23547.     display: none !important;

  23548.   }

  23549. 

  23550.   .ui[class*="tablet only"].grid.grid.grid:not(.computer),

  23551.   .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),

  23552.   .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),

  23553.   .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {

  23554.     display: none !important;

  23555.   }

  23556. 

  23557.   .ui[class*="large screen only"].grid.grid.grid:not(.mobile),

  23558.   .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),

  23559.   .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),

  23560.   .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {

  23561.     display: none !important;

  23562.   }

  23563. 

  23564.   .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),

  23565.   .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),

  23566.   .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),

  23567.   .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {

  23568.     display: none !important;

  23569.   }

  23570. }

  23571. 

  23572. /* Large Screen Only Hide */

  23573. 

  23574. @media only screen and (min-width: 1200px) and (max-width: 1919px) {

  23575.   .ui[class*="mobile only"].grid.grid.grid:not(.computer),

  23576.   .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),

  23577.   .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),

  23578.   .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {

  23579.     display: none !important;

  23580.   }

  23581. 

  23582.   .ui[class*="tablet only"].grid.grid.grid:not(.computer),

  23583.   .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),

  23584.   .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),

  23585.   .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {

  23586.     display: none !important;

  23587.   }

  23588. 

  23589.   .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),

  23590.   .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),

  23591.   .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),

  23592.   .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {

  23593.     display: none !important;

  23594.   }

  23595. }

  23596. 

  23597. /* Widescreen Only Hide */

  23598. 

  23599. @media only screen and (min-width: 1920px) {

  23600.   .ui[class*="mobile only"].grid.grid.grid:not(.computer),

  23601.   .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),

  23602.   .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),

  23603.   .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {

  23604.     display: none !important;

  23605.   }

  23606. 

  23607.   .ui[class*="tablet only"].grid.grid.grid:not(.computer),

  23608.   .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),

  23609.   .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),

  23610.   .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {

  23611.     display: none !important;

  23612.   }

  23613. }

  23614. 

  23615. /*******************************

  23616.          Theme Overrides

  23617. *******************************/

  23618. 

  23619. /*******************************

  23620.          Site Overrides

  23621. *******************************/

  23622. /*

  23623.  * # Semantic - Menu

  23624.  * http://github.com/semantic-org/semantic-ui/

  23625.  *

  23626.  *

  23627.  * Copyright 2015 Contributor

  23628.  * Released under the MIT license

  23629.  * http://opensource.org/licenses/MIT

  23630.  *

  23631.  */

  23632. 

  23633. /*******************************

  23634.             Standard

  23635. *******************************/

  23636. 

  23637. /*--------------

  23638.       Menu

  23639. ---------------*/

  23640. 

  23641. .ui.menu {

  23642.   display: -webkit-box;

  23643.   display: -ms-flexbox;

  23644.   display: flex;

  23645.   margin: 1rem 0em;

  23646.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  23647.   background: #FFFFFF;

  23648.   font-weight: normal;

  23649.   border: 1px solid rgba(34, 36, 38, 0.15);

  23650.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  23651.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  23652.   border-radius: 0.28571429rem;

  23653.   min-height: 2.85714286em;

  23654. }

  23655. 

  23656. .ui.menu:after {

  23657.   content: '';

  23658.   display: block;

  23659.   height: 0px;

  23660.   clear: both;

  23661.   visibility: hidden;

  23662. }

  23663. 

  23664. .ui.menu:first-child {

  23665.   margin-top: 0rem;

  23666. }

  23667. 

  23668. .ui.menu:last-child {

  23669.   margin-bottom: 0rem;

  23670. }

  23671. 

  23672. /*--------------

  23673.     Sub-Menu

  23674. ---------------*/

  23675. 

  23676. .ui.menu .menu {

  23677.   margin: 0em;

  23678. }

  23679. 

  23680. .ui.menu:not(.vertical) > .menu {

  23681.   display: -webkit-box;

  23682.   display: -ms-flexbox;

  23683.   display: flex;

  23684. }

  23685. 

  23686. /*--------------

  23687.       Item

  23688. ---------------*/

  23689. 

  23690. .ui.menu:not(.vertical) .item {

  23691.   display: -webkit-box;

  23692.   display: -ms-flexbox;

  23693.   display: flex;

  23694.   -webkit-box-align: center;

  23695.   -ms-flex-align: center;

  23696.   align-items: center;

  23697. }

  23698. 

  23699. .ui.menu .item {

  23700.   position: relative;

  23701.   vertical-align: middle;

  23702.   line-height: 1;

  23703.   text-decoration: none;

  23704.   -webkit-tap-highlight-color: transparent;

  23705.   -webkit-box-flex: 0;

  23706.   -ms-flex: 0 0 auto;

  23707.   flex: 0 0 auto;

  23708.   -webkit-user-select: none;

  23709.   -moz-user-select: none;

  23710.   -ms-user-select: none;

  23711.   user-select: none;

  23712.   background: none;

  23713.   padding: 0.92857143em 1.14285714em;

  23714.   text-transform: none;

  23715.   color: rgba(0, 0, 0, 0.87);

  23716.   font-weight: normal;

  23717.   -webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;

  23718.   transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;

  23719.   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;

  23720.   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;

  23721. }

  23722. 

  23723. .ui.menu > .item:first-child {

  23724.   border-radius: 0.28571429rem 0px 0px 0.28571429rem;

  23725. }

  23726. 

  23727. /* Border */

  23728. 

  23729. .ui.menu .item:before {

  23730.   position: absolute;

  23731.   content: '';

  23732.   top: 0%;

  23733.   right: 0px;

  23734.   height: 100%;

  23735.   width: 1px;

  23736.   background: rgba(34, 36, 38, 0.1);

  23737. }

  23738. 

  23739. /*--------------

  23740.   Text Content

  23741. ---------------*/

  23742. 

  23743. .ui.menu .text.item > *,

  23744. .ui.menu .item > a:not(.ui),

  23745. .ui.menu .item > p:only-child {

  23746.   -webkit-user-select: text;

  23747.   -moz-user-select: text;

  23748.   -ms-user-select: text;

  23749.   user-select: text;

  23750.   line-height: 1.3;

  23751. }

  23752. 

  23753. .ui.menu .item > p:first-child {

  23754.   margin-top: 0;

  23755. }

  23756. 

  23757. .ui.menu .item > p:last-child {

  23758.   margin-bottom: 0;

  23759. }

  23760. 

  23761. /*--------------

  23762.       Icons

  23763. ---------------*/

  23764. 

  23765. .ui.menu .item > i.icon {

  23766.   opacity: 0.9;

  23767.   float: none;

  23768.   margin: 0em 0.35714286em 0em 0em;

  23769. }

  23770. 

  23771. /*--------------

  23772.      Button

  23773. ---------------*/

  23774. 

  23775. .ui.menu:not(.vertical) .item > .button {

  23776.   position: relative;

  23777.   top: 0em;

  23778.   margin: -0.5em 0em;

  23779.   padding-bottom: 0.78571429em;

  23780.   padding-top: 0.78571429em;

  23781.   font-size: 1em;

  23782. }

  23783. 

  23784. /*----------------

  23785.  Grid / Container

  23786. -----------------*/

  23787. 

  23788. .ui.menu > .grid,

  23789. .ui.menu > .container {

  23790.   display: -webkit-box;

  23791.   display: -ms-flexbox;

  23792.   display: flex;

  23793.   -webkit-box-align: inherit;

  23794.   -ms-flex-align: inherit;

  23795.   align-items: inherit;

  23796.   -webkit-box-orient: inherit;

  23797.   -webkit-box-direction: inherit;

  23798.   -ms-flex-direction: inherit;

  23799.   flex-direction: inherit;

  23800. }

  23801. 

  23802. /*--------------

  23803.      Inputs

  23804. ---------------*/

  23805. 

  23806. .ui.menu .item > .input {

  23807.   width: 100%;

  23808. }

  23809. 

  23810. .ui.menu:not(.vertical) .item > .input {

  23811.   position: relative;

  23812.   top: 0em;

  23813.   margin: -0.5em 0em;

  23814. }

  23815. 

  23816. .ui.menu .item > .input input {

  23817.   font-size: 1em;

  23818.   padding-top: 0.57142857em;

  23819.   padding-bottom: 0.57142857em;

  23820. }

  23821. 

  23822. /*--------------

  23823.      Header

  23824. ---------------*/

  23825. 

  23826. .ui.menu .header.item,

  23827. .ui.vertical.menu .header.item {

  23828.   margin: 0em;

  23829.   background: '';

  23830.   text-transform: normal;

  23831.   font-weight: bold;

  23832. }

  23833. 

  23834. .ui.vertical.menu .item > .header:not(.ui) {

  23835.   margin: 0em 0em 0.5em;

  23836.   font-size: 1em;

  23837.   font-weight: bold;

  23838. }

  23839. 

  23840. /*--------------

  23841.     Dropdowns

  23842. ---------------*/

  23843. 

  23844. /* Dropdown Icon */

  23845. 

  23846. .ui.menu .item > i.dropdown.icon {

  23847.   padding: 0em;

  23848.   float: right;

  23849.   margin: 0em 0em 0em 1em;

  23850. }

  23851. 

  23852. /* Menu */

  23853. 

  23854. .ui.menu .dropdown.item .menu {

  23855.   min-width: calc(100% - 1px);

  23856.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  23857.   background: #FFFFFF;

  23858.   margin: 0em 0px 0px;

  23859.   -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);

  23860.   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);

  23861.   -webkit-box-orient: vertical !important;

  23862.   -webkit-box-direction: normal !important;

  23863.   -ms-flex-direction: column !important;

  23864.   flex-direction: column !important;

  23865. }

  23866. 

  23867. /* Menu Items */

  23868. 

  23869. .ui.menu .ui.dropdown .menu > .item {

  23870.   margin: 0;

  23871.   text-align: left;

  23872.   font-size: 1em !important;

  23873.   padding: 0.78571429em 1.14285714em !important;

  23874.   background: transparent !important;

  23875.   color: rgba(0, 0, 0, 0.87) !important;

  23876.   text-transform: none !important;

  23877.   font-weight: normal !important;

  23878.   -webkit-box-shadow: none !important;

  23879.   box-shadow: none !important;

  23880.   -webkit-transition: none !important;

  23881.   transition: none !important;

  23882. }

  23883. 

  23884. .ui.menu .ui.dropdown .menu > .item:hover {

  23885.   background: rgba(0, 0, 0, 0.05) !important;

  23886.   color: rgba(0, 0, 0, 0.95) !important;

  23887. }

  23888. 

  23889. .ui.menu .ui.dropdown .menu > .selected.item {

  23890.   background: rgba(0, 0, 0, 0.05) !important;

  23891.   color: rgba(0, 0, 0, 0.95) !important;

  23892. }

  23893. 

  23894. .ui.menu .ui.dropdown .menu > .active.item {

  23895.   background: rgba(0, 0, 0, 0.03) !important;

  23896.   font-weight: bold !important;

  23897.   color: rgba(0, 0, 0, 0.95) !important;

  23898. }

  23899. 

  23900. .ui.menu .ui.dropdown.item .menu .item:not(.filtered) {

  23901.   display: block;

  23902. }

  23903. 

  23904. .ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {

  23905.   display: inline-block;

  23906.   font-size: 1em !important;

  23907.   float: none;

  23908.   margin: 0em 0.75em 0em 0em !important;

  23909. }

  23910. 

  23911. /* Secondary */

  23912. 

  23913. .ui.secondary.menu .dropdown.item > .menu,

  23914. .ui.text.menu .dropdown.item > .menu {

  23915.   border-radius: 0.28571429rem;

  23916.   margin-top: 0.35714286em;

  23917. }

  23918. 

  23919. /* Pointing */

  23920. 

  23921. .ui.menu .pointing.dropdown.item .menu {

  23922.   margin-top: 0.75em;

  23923. }

  23924. 

  23925. /* Inverted */

  23926. 

  23927. .ui.inverted.menu .search.dropdown.item > .search,

  23928. .ui.inverted.menu .search.dropdown.item > .text {

  23929.   color: rgba(255, 255, 255, 0.9);

  23930. }

  23931. 

  23932. /* Vertical */

  23933. 

  23934. .ui.vertical.menu .dropdown.item > .icon {

  23935.   float: right;

  23936.   content: "\f0da";

  23937.   margin-left: 1em;

  23938. }

  23939. 

  23940. .ui.vertical.menu .dropdown.item .menu {

  23941.   left: 100%;

  23942.   min-width: 0;

  23943.   margin: 0em 0em 0em 0em;

  23944.   -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);

  23945.   box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);

  23946.   border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem;

  23947. }

  23948. 

  23949. .ui.vertical.menu .dropdown.item.upward .menu {

  23950.   bottom: 0;

  23951. }

  23952. 

  23953. .ui.vertical.menu .dropdown.item:not(.upward) .menu {

  23954.   top: 0;

  23955. }

  23956. 

  23957. .ui.vertical.menu .active.dropdown.item {

  23958.   border-top-right-radius: 0em;

  23959.   border-bottom-right-radius: 0em;

  23960. }

  23961. 

  23962. .ui.vertical.menu .dropdown.active.item {

  23963.   -webkit-box-shadow: none;

  23964.   box-shadow: none;

  23965. }

  23966. 

  23967. /* Evenly Divided */

  23968. 

  23969. .ui.item.menu .dropdown .menu .item {

  23970.   width: 100%;

  23971. }

  23972. 

  23973. /*--------------

  23974.      Labels

  23975. ---------------*/

  23976. 

  23977. .ui.menu .item > .label {

  23978.   background: #999999;

  23979.   color: #FFFFFF;

  23980.   margin-left: 1em;

  23981.   padding: 0.3em 0.78571429em;

  23982. }

  23983. 

  23984. .ui.vertical.menu .item > .label {

  23985.   background: #999999;

  23986.   color: #FFFFFF;

  23987.   margin-top: -0.15em;

  23988.   margin-bottom: -0.15em;

  23989.   padding: 0.3em 0.78571429em;

  23990. }

  23991. 

  23992. .ui.menu .item > .floating.label {

  23993.   padding: 0.3em 0.78571429em;

  23994. }

  23995. 

  23996. /*--------------

  23997.      Images

  23998. ---------------*/

  23999. 

  24000. .ui.menu .item > img:not(.ui) {

  24001.   display: inline-block;

  24002.   vertical-align: middle;

  24003.   margin: -0.3em 0em;

  24004.   width: 2.5em;

  24005. }

  24006. 

  24007. .ui.vertical.menu .item > img:not(.ui):only-child {

  24008.   display: block;

  24009.   max-width: 100%;

  24010.   width: auto;

  24011. }

  24012. 

  24013. /*******************************

  24014.           Coupling

  24015. *******************************/

  24016. 

  24017. /*--------------

  24018.      List

  24019. ---------------*/

  24020. 

  24021. /* Menu divider shouldnt apply */

  24022. 

  24023. .ui.menu .list .item:before {

  24024.   background: none !important;

  24025. }

  24026. 

  24027. /*--------------

  24028.      Sidebar

  24029. ---------------*/

  24030. 

  24031. /* Show vertical dividers below last */

  24032. 

  24033. .ui.vertical.sidebar.menu > .item:first-child:before {

  24034.   display: block !important;

  24035. }

  24036. 

  24037. .ui.vertical.sidebar.menu > .item::before {

  24038.   top: auto;

  24039.   bottom: 0px;

  24040. }

  24041. 

  24042. /*--------------

  24043.     Container

  24044. ---------------*/

  24045. 

  24046. @media only screen and (max-width: 767px) {

  24047.   .ui.menu > .ui.container {

  24048.     width: 100% !important;

  24049.     margin-left: 0em !important;

  24050.     margin-right: 0em !important;

  24051.   }

  24052. }

  24053. 

  24054. @media only screen and (min-width: 768px) {

  24055.   .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {

  24056.     border-left: 1px solid rgba(34, 36, 38, 0.1);

  24057.   }

  24058. }

  24059. 

  24060. /*******************************

  24061.              States

  24062. *******************************/

  24063. 

  24064. /*--------------

  24065.       Hover

  24066. ---------------*/

  24067. 

  24068. .ui.link.menu .item:hover,

  24069. .ui.menu .dropdown.item:hover,

  24070. .ui.menu .link.item:hover,

  24071. .ui.menu a.item:hover {

  24072.   cursor: pointer;

  24073.   background: rgba(0, 0, 0, 0.03);

  24074.   color: rgba(0, 0, 0, 0.95);

  24075. }

  24076. 

  24077. /*--------------

  24078.      Pressed

  24079. ---------------*/

  24080. 

  24081. .ui.link.menu .item:active,

  24082. .ui.menu .link.item:active,

  24083. .ui.menu a.item:active {

  24084.   background: rgba(0, 0, 0, 0.03);

  24085.   color: rgba(0, 0, 0, 0.95);

  24086. }

  24087. 

  24088. /*--------------

  24089.      Active

  24090. ---------------*/

  24091. 

  24092. .ui.menu .active.item {

  24093.   background: rgba(0, 0, 0, 0.05);

  24094.   color: rgba(0, 0, 0, 0.95);

  24095.   font-weight: normal;

  24096.   -webkit-box-shadow: none;

  24097.   box-shadow: none;

  24098. }

  24099. 

  24100. .ui.menu .active.item > i.icon {

  24101.   opacity: 1;

  24102. }

  24103. 

  24104. /*--------------

  24105.   Active Hover

  24106. ---------------*/

  24107. 

  24108. .ui.menu .active.item:hover,

  24109. .ui.vertical.menu .active.item:hover {

  24110.   background-color: rgba(0, 0, 0, 0.05);

  24111.   color: rgba(0, 0, 0, 0.95);

  24112. }

  24113. 

  24114. /*--------------

  24115.      Disabled

  24116. ---------------*/

  24117. 

  24118. .ui.menu .item.disabled,

  24119. .ui.menu .item.disabled:hover {

  24120.   cursor: default !important;

  24121.   background-color: transparent !important;

  24122.   color: rgba(40, 40, 40, 0.3) !important;

  24123. }

  24124. 

  24125. /*******************************

  24126.              Types

  24127. *******************************/

  24128. 

  24129. /*------------------

  24130. Floated Menu / Item

  24131. -------------------*/

  24132. 

  24133. /* Left Floated */

  24134. 

  24135. .ui.menu:not(.vertical) .left.item,

  24136. .ui.menu:not(.vertical) :not(.dropdown) > .left.menu {

  24137.   display: -webkit-box;

  24138.   display: -ms-flexbox;

  24139.   display: flex;

  24140.   margin-right: auto !important;

  24141. }

  24142. 

  24143. /* Right Floated */

  24144. 

  24145. .ui.menu:not(.vertical) .right.item,

  24146. .ui.menu:not(.vertical) .right.menu {

  24147.   display: -webkit-box;

  24148.   display: -ms-flexbox;

  24149.   display: flex;

  24150.   margin-left: auto !important;

  24151. }

  24152. 

  24153. /* Swapped Borders */

  24154. 

  24155. .ui.menu .right.item::before,

  24156. .ui.menu .right.menu > .item::before {

  24157.   right: auto;

  24158.   left: 0;

  24159. }

  24160. 

  24161. /*--------------

  24162.     Vertical

  24163. ---------------*/

  24164. 

  24165. .ui.vertical.menu {

  24166.   display: block;

  24167.   -webkit-box-orient: vertical;

  24168.   -webkit-box-direction: normal;

  24169.   -ms-flex-direction: column;

  24170.   flex-direction: column;

  24171.   background: #FFFFFF;

  24172.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  24173.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  24174. }

  24175. 

  24176. /*--- Item ---*/

  24177. 

  24178. .ui.vertical.menu .item {

  24179.   display: block;

  24180.   background: none;

  24181.   border-top: none;

  24182.   border-right: none;

  24183. }

  24184. 

  24185. .ui.vertical.menu > .item:first-child {

  24186.   border-radius: 0.28571429rem 0.28571429rem 0px 0px;

  24187. }

  24188. 

  24189. .ui.vertical.menu > .item:last-child {

  24190.   border-radius: 0px 0px 0.28571429rem 0.28571429rem;

  24191. }

  24192. 

  24193. /*--- Label ---*/

  24194. 

  24195. .ui.vertical.menu .item > .label {

  24196.   float: right;

  24197.   text-align: center;

  24198. }

  24199. 

  24200. /*--- Icon ---*/

  24201. 

  24202. .ui.vertical.menu .item > i.icon {

  24203.   width: 1.18em;

  24204.   float: right;

  24205.   margin: 0em 0em 0em 0.5em;

  24206. }

  24207. 

  24208. .ui.vertical.menu .item > .label + i.icon {

  24209.   float: none;

  24210.   margin: 0em 0.5em 0em 0em;

  24211. }

  24212. 

  24213. /*--- Border ---*/

  24214. 

  24215. .ui.vertical.menu .item:before {

  24216.   position: absolute;

  24217.   content: '';

  24218.   top: 0%;

  24219.   left: 0px;

  24220.   width: 100%;

  24221.   height: 1px;

  24222.   background: rgba(34, 36, 38, 0.1);

  24223. }

  24224. 

  24225. .ui.vertical.menu .item:first-child:before {

  24226.   display: none !important;

  24227. }

  24228. 

  24229. /*--- Sub Menu ---*/

  24230. 

  24231. .ui.vertical.menu .item > .menu {

  24232.   margin: 0.5em -1.14285714em 0em;

  24233. }

  24234. 

  24235. .ui.vertical.menu .menu .item {

  24236.   background: none;

  24237.   padding: 0.5em 1.33333333em;

  24238.   font-size: 0.85714286em;

  24239.   color: rgba(0, 0, 0, 0.5);

  24240. }

  24241. 

  24242. .ui.vertical.menu .item .menu a.item:hover,

  24243. .ui.vertical.menu .item .menu .link.item:hover {

  24244.   color: rgba(0, 0, 0, 0.85);

  24245. }

  24246. 

  24247. .ui.vertical.menu .menu .item:before {

  24248.   display: none;

  24249. }

  24250. 

  24251. /* Vertical Active */

  24252. 

  24253. .ui.vertical.menu .active.item {

  24254.   background: rgba(0, 0, 0, 0.05);

  24255.   border-radius: 0em;

  24256.   -webkit-box-shadow: none;

  24257.   box-shadow: none;

  24258. }

  24259. 

  24260. .ui.vertical.menu > .active.item:first-child {

  24261.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  24262. }

  24263. 

  24264. .ui.vertical.menu > .active.item:last-child {

  24265.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  24266. }

  24267. 

  24268. .ui.vertical.menu > .active.item:only-child {

  24269.   border-radius: 0.28571429rem;

  24270. }

  24271. 

  24272. .ui.vertical.menu .active.item .menu .active.item {

  24273.   border-left: none;

  24274. }

  24275. 

  24276. .ui.vertical.menu .item .menu .active.item {

  24277.   background-color: transparent;

  24278.   font-weight: bold;

  24279.   color: rgba(0, 0, 0, 0.95);

  24280. }

  24281. 

  24282. /*--------------

  24283.      Tabular

  24284. ---------------*/

  24285. 

  24286. .ui.tabular.menu {

  24287.   border-radius: 0em;

  24288.   -webkit-box-shadow: none !important;

  24289.   box-shadow: none !important;

  24290.   border: none;

  24291.   background: none transparent;

  24292.   border-bottom: 1px solid #D4D4D5;

  24293. }

  24294. 

  24295. .ui.tabular.fluid.menu {

  24296.   width: calc(100% +  2px ) !important;

  24297. }

  24298. 

  24299. .ui.tabular.menu .item {

  24300.   background: transparent;

  24301.   border-bottom: none;

  24302.   border-left: 1px solid transparent;

  24303.   border-right: 1px solid transparent;

  24304.   border-top: 2px solid transparent;

  24305.   padding: 0.92857143em 1.42857143em;

  24306.   color: rgba(0, 0, 0, 0.87);

  24307. }

  24308. 

  24309. .ui.tabular.menu .item:before {

  24310.   display: none;

  24311. }

  24312. 

  24313. /* Hover */

  24314. 

  24315. .ui.tabular.menu .item:hover {

  24316.   background-color: transparent;

  24317.   color: rgba(0, 0, 0, 0.8);

  24318. }

  24319. 

  24320. /* Active */

  24321. 

  24322. .ui.tabular.menu .active.item {

  24323.   background: none #FFFFFF;

  24324.   color: rgba(0, 0, 0, 0.95);

  24325.   border-top-width: 1px;

  24326.   border-color: #D4D4D5;

  24327.   font-weight: bold;

  24328.   margin-bottom: -1px;

  24329.   -webkit-box-shadow: none;

  24330.   box-shadow: none;

  24331.   border-radius: 0.28571429rem 0.28571429rem 0px 0px !important;

  24332. }

  24333. 

  24334. /* Coupling with segment for attachment */

  24335. 

  24336. .ui.tabular.menu + .attached:not(.top).segment,

  24337. .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {

  24338.   border-top: none;

  24339.   margin-left: 0px;

  24340.   margin-top: 0px;

  24341.   margin-right: 0px;

  24342.   width: 100%;

  24343. }

  24344. 

  24345. .top.attached.segment + .ui.bottom.tabular.menu {

  24346.   position: relative;

  24347.   width: calc(100% +  2px );

  24348.   left: -1px;

  24349. }

  24350. 

  24351. /* Bottom Vertical Tabular */

  24352. 

  24353. .ui.bottom.tabular.menu {

  24354.   background: none transparent;

  24355.   border-radius: 0em;

  24356.   -webkit-box-shadow: none !important;

  24357.   box-shadow: none !important;

  24358.   border-bottom: none;

  24359.   border-top: 1px solid #D4D4D5;

  24360. }

  24361. 

  24362. .ui.bottom.tabular.menu .item {

  24363.   background: none;

  24364.   border-left: 1px solid transparent;

  24365.   border-right: 1px solid transparent;

  24366.   border-bottom: 1px solid transparent;

  24367.   border-top: none;

  24368. }

  24369. 

  24370. .ui.bottom.tabular.menu .active.item {

  24371.   background: none #FFFFFF;

  24372.   color: rgba(0, 0, 0, 0.95);

  24373.   border-color: #D4D4D5;

  24374.   margin: -1px 0px 0px 0px;

  24375.   border-radius: 0px 0px 0.28571429rem 0.28571429rem !important;

  24376. }

  24377. 

  24378. /* Vertical Tabular (Left) */

  24379. 

  24380. .ui.vertical.tabular.menu {

  24381.   background: none transparent;

  24382.   border-radius: 0em;

  24383.   -webkit-box-shadow: none !important;

  24384.   box-shadow: none !important;

  24385.   border-bottom: none;

  24386.   border-right: 1px solid #D4D4D5;

  24387. }

  24388. 

  24389. .ui.vertical.tabular.menu .item {

  24390.   background: none;

  24391.   border-left: 1px solid transparent;

  24392.   border-bottom: 1px solid transparent;

  24393.   border-top: 1px solid transparent;

  24394.   border-right: none;

  24395. }

  24396. 

  24397. .ui.vertical.tabular.menu .active.item {

  24398.   background: none #FFFFFF;

  24399.   color: rgba(0, 0, 0, 0.95);

  24400.   border-color: #D4D4D5;

  24401.   margin: 0px -1px 0px 0px;

  24402.   border-radius: 0.28571429rem 0px 0px 0.28571429rem !important;

  24403. }

  24404. 

  24405. /* Vertical Right Tabular */

  24406. 

  24407. .ui.vertical.right.tabular.menu {

  24408.   background: none transparent;

  24409.   border-radius: 0em;

  24410.   -webkit-box-shadow: none !important;

  24411.   box-shadow: none !important;

  24412.   border-bottom: none;

  24413.   border-right: none;

  24414.   border-left: 1px solid #D4D4D5;

  24415. }

  24416. 

  24417. .ui.vertical.right.tabular.menu .item {

  24418.   background: none;

  24419.   border-right: 1px solid transparent;

  24420.   border-bottom: 1px solid transparent;

  24421.   border-top: 1px solid transparent;

  24422.   border-left: none;

  24423. }

  24424. 

  24425. .ui.vertical.right.tabular.menu .active.item {

  24426.   background: none #FFFFFF;

  24427.   color: rgba(0, 0, 0, 0.95);

  24428.   border-color: #D4D4D5;

  24429.   margin: 0px 0px 0px -1px;

  24430.   border-radius: 0px 0.28571429rem 0.28571429rem 0px !important;

  24431. }

  24432. 

  24433. /* Dropdown */

  24434. 

  24435. .ui.tabular.menu .active.dropdown.item {

  24436.   margin-bottom: 0px;

  24437.   border-left: 1px solid transparent;

  24438.   border-right: 1px solid transparent;

  24439.   border-top: 2px solid transparent;

  24440.   border-bottom: none;

  24441. }

  24442. 

  24443. /*--------------

  24444.    Pagination

  24445. ---------------*/

  24446. 

  24447. .ui.pagination.menu {

  24448.   margin: 0em;

  24449.   display: -webkit-inline-box;

  24450.   display: -ms-inline-flexbox;

  24451.   display: inline-flex;

  24452.   vertical-align: middle;

  24453. }

  24454. 

  24455. .ui.pagination.menu .item:last-child {

  24456.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  24457. }

  24458. 

  24459. .ui.compact.menu .item:last-child {

  24460.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  24461. }

  24462. 

  24463. .ui.pagination.menu .item:last-child:before {

  24464.   display: none;

  24465. }

  24466. 

  24467. .ui.pagination.menu .item {

  24468.   min-width: 3em;

  24469.   text-align: center;

  24470. }

  24471. 

  24472. .ui.pagination.menu .icon.item i.icon {

  24473.   vertical-align: top;

  24474. }

  24475. 

  24476. /* Active */

  24477. 

  24478. .ui.pagination.menu .active.item {

  24479.   border-top: none;

  24480.   padding-top: 0.92857143em;

  24481.   background-color: rgba(0, 0, 0, 0.05);

  24482.   color: rgba(0, 0, 0, 0.95);

  24483.   -webkit-box-shadow: none;

  24484.   box-shadow: none;

  24485. }

  24486. 

  24487. /*--------------

  24488.    Secondary

  24489. ---------------*/

  24490. 

  24491. .ui.secondary.menu {

  24492.   background: none;

  24493.   margin-left: -0.35714286em;

  24494.   margin-right: -0.35714286em;

  24495.   border-radius: 0em;

  24496.   border: none;

  24497.   -webkit-box-shadow: none;

  24498.   box-shadow: none;

  24499. }

  24500. 

  24501. /* Item */

  24502. 

  24503. .ui.secondary.menu .item {

  24504.   -ms-flex-item-align: center;

  24505.   align-self: center;

  24506.   -webkit-box-shadow: none;

  24507.   box-shadow: none;

  24508.   border: none;

  24509.   padding: 0.78571429em 0.92857143em;

  24510.   margin: 0em 0.35714286em;

  24511.   background: none;

  24512.   -webkit-transition: color 0.1s ease;

  24513.   transition: color 0.1s ease;

  24514.   border-radius: 0.28571429rem;

  24515. }

  24516. 

  24517. /* No Divider */

  24518. 

  24519. .ui.secondary.menu .item:before {

  24520.   display: none !important;

  24521. }

  24522. 

  24523. /* Header */

  24524. 

  24525. .ui.secondary.menu .header.item {

  24526.   border-radius: 0em;

  24527.   border-right: none;

  24528.   background: none transparent;

  24529. }

  24530. 

  24531. /* Image */

  24532. 

  24533. .ui.secondary.menu .item > img:not(.ui) {

  24534.   margin: 0em;

  24535. }

  24536. 

  24537. /* Hover */

  24538. 

  24539. .ui.secondary.menu .dropdown.item:hover,

  24540. .ui.secondary.menu .link.item:hover,

  24541. .ui.secondary.menu a.item:hover {

  24542.   background: rgba(0, 0, 0, 0.05);

  24543.   color: rgba(0, 0, 0, 0.95);

  24544. }

  24545. 

  24546. /* Active */

  24547. 

  24548. .ui.secondary.menu .active.item {

  24549.   -webkit-box-shadow: none;

  24550.   box-shadow: none;

  24551.   background: rgba(0, 0, 0, 0.05);

  24552.   color: rgba(0, 0, 0, 0.95);

  24553.   border-radius: 0.28571429rem;

  24554. }

  24555. 

  24556. /* Active Hover */

  24557. 

  24558. .ui.secondary.menu .active.item:hover {

  24559.   -webkit-box-shadow: none;

  24560.   box-shadow: none;

  24561.   background: rgba(0, 0, 0, 0.05);

  24562.   color: rgba(0, 0, 0, 0.95);

  24563. }

  24564. 

  24565. /* Inverted */

  24566. 

  24567. .ui.secondary.inverted.menu .link.item,

  24568. .ui.secondary.inverted.menu a.item {

  24569.   color: rgba(255, 255, 255, 0.7) !important;

  24570. }

  24571. 

  24572. .ui.secondary.inverted.menu .dropdown.item:hover,

  24573. .ui.secondary.inverted.menu .link.item:hover,

  24574. .ui.secondary.inverted.menu a.item:hover {

  24575.   background: rgba(255, 255, 255, 0.08);

  24576.   color: #ffffff !important;

  24577. }

  24578. 

  24579. .ui.secondary.inverted.menu .active.item {

  24580.   background: rgba(255, 255, 255, 0.15);

  24581.   color: #ffffff !important;

  24582. }

  24583. 

  24584. /* Fix item margins */

  24585. 

  24586. .ui.secondary.item.menu {

  24587.   margin-left: 0em;

  24588.   margin-right: 0em;

  24589. }

  24590. 

  24591. .ui.secondary.item.menu .item:last-child {

  24592.   margin-right: 0em;

  24593. }

  24594. 

  24595. .ui.secondary.attached.menu {

  24596.   -webkit-box-shadow: none;

  24597.   box-shadow: none;

  24598. }

  24599. 

  24600. /* Sub Menu */

  24601. 

  24602. .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {

  24603.   margin: 0em -0.92857143em;

  24604. }

  24605. 

  24606. .ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {

  24607.   margin: 0em;

  24608.   padding: 0.5em 1.33333333em;

  24609. }

  24610. 

  24611. /*---------------------

  24612.    Secondary Vertical

  24613. -----------------------*/

  24614. 

  24615. .ui.secondary.vertical.menu > .item {

  24616.   border: none;

  24617.   margin: 0em 0em 0.35714286em;

  24618.   border-radius: 0.28571429rem !important;

  24619. }

  24620. 

  24621. .ui.secondary.vertical.menu > .header.item {

  24622.   border-radius: 0em;

  24623. }

  24624. 

  24625. /* Sub Menu */

  24626. 

  24627. .ui.vertical.secondary.menu .item > .menu .item {

  24628.   background-color: transparent;

  24629. }

  24630. 

  24631. /* Inverted */

  24632. 

  24633. .ui.secondary.inverted.menu {

  24634.   background-color: transparent;

  24635. }

  24636. 

  24637. /*---------------------

  24638.    Secondary Pointing

  24639. -----------------------*/

  24640. 

  24641. .ui.secondary.pointing.menu {

  24642.   margin-left: 0em;

  24643.   margin-right: 0em;

  24644.   border-bottom: 2px solid rgba(34, 36, 38, 0.15);

  24645. }

  24646. 

  24647. .ui.secondary.pointing.menu .item {

  24648.   border-bottom-color: transparent;

  24649.   border-bottom-style: solid;

  24650.   border-radius: 0em;

  24651.   -ms-flex-item-align: end;

  24652.   align-self: flex-end;

  24653.   margin: 0em 0em -2px;

  24654.   padding: 0.85714286em 1.14285714em;

  24655.   border-bottom-width: 2px;

  24656.   -webkit-transition: color 0.1s ease;

  24657.   transition: color 0.1s ease;

  24658. }

  24659. 

  24660. /* Item Types */

  24661. 

  24662. .ui.secondary.pointing.menu .header.item {

  24663.   color: rgba(0, 0, 0, 0.85) !important;

  24664. }

  24665. 

  24666. .ui.secondary.pointing.menu .text.item {

  24667.   -webkit-box-shadow: none !important;

  24668.   box-shadow: none !important;

  24669. }

  24670. 

  24671. .ui.secondary.pointing.menu .item:after {

  24672.   display: none;

  24673. }

  24674. 

  24675. /* Hover */

  24676. 

  24677. .ui.secondary.pointing.menu .dropdown.item:hover,

  24678. .ui.secondary.pointing.menu .link.item:hover,

  24679. .ui.secondary.pointing.menu a.item:hover {

  24680.   background-color: transparent;

  24681.   color: rgba(0, 0, 0, 0.87);

  24682. }

  24683. 

  24684. /* Pressed */

  24685. 

  24686. .ui.secondary.pointing.menu .dropdown.item:active,

  24687. .ui.secondary.pointing.menu .link.item:active,

  24688. .ui.secondary.pointing.menu a.item:active {

  24689.   background-color: transparent;

  24690.   border-color: rgba(34, 36, 38, 0.15);

  24691. }

  24692. 

  24693. /* Active */

  24694. 

  24695. .ui.secondary.pointing.menu .active.item {

  24696.   background-color: transparent;

  24697.   -webkit-box-shadow: none;

  24698.   box-shadow: none;

  24699.   border-color: #1B1C1D;

  24700.   font-weight: bold;

  24701.   color: rgba(0, 0, 0, 0.95);

  24702. }

  24703. 

  24704. /* Active Hover */

  24705. 

  24706. .ui.secondary.pointing.menu .active.item:hover {

  24707.   border-color: #1B1C1D;

  24708.   color: rgba(0, 0, 0, 0.95);

  24709. }

  24710. 

  24711. /* Active Dropdown */

  24712. 

  24713. .ui.secondary.pointing.menu .active.dropdown.item {

  24714.   border-color: transparent;

  24715. }

  24716. 

  24717. /* Vertical Pointing */

  24718. 

  24719. .ui.secondary.vertical.pointing.menu {

  24720.   border-bottom-width: 0px;

  24721.   border-right-width: 2px;

  24722.   border-right-style: solid;

  24723.   border-right-color: rgba(34, 36, 38, 0.15);

  24724. }

  24725. 

  24726. .ui.secondary.vertical.pointing.menu .item {

  24727.   border-bottom: none;

  24728.   border-right-style: solid;

  24729.   border-right-color: transparent;

  24730.   border-radius: 0em !important;

  24731.   margin: 0em -2px 0em 0em;

  24732.   border-right-width: 2px;

  24733. }

  24734. 

  24735. /* Vertical Active */

  24736. 

  24737. .ui.secondary.vertical.pointing.menu .active.item {

  24738.   border-color: #1B1C1D;

  24739. }

  24740. 

  24741. /* Inverted */

  24742. 

  24743. .ui.secondary.inverted.pointing.menu {

  24744.   border-color: rgba(255, 255, 255, 0.1);

  24745. }

  24746. 

  24747. .ui.secondary.inverted.pointing.menu {

  24748.   border-width: 2px;

  24749.   border-color: rgba(34, 36, 38, 0.15);

  24750. }

  24751. 

  24752. .ui.secondary.inverted.pointing.menu .item {

  24753.   color: rgba(255, 255, 255, 0.9);

  24754. }

  24755. 

  24756. .ui.secondary.inverted.pointing.menu .header.item {

  24757.   color: #FFFFFF !important;

  24758. }

  24759. 

  24760. /* Hover */

  24761. 

  24762. .ui.secondary.inverted.pointing.menu .link.item:hover,

  24763. .ui.secondary.inverted.pointing.menu a.item:hover {

  24764.   color: rgba(0, 0, 0, 0.95);

  24765. }

  24766. 

  24767. /* Active */

  24768. 

  24769. .ui.secondary.inverted.pointing.menu .active.item {

  24770.   border-color: #FFFFFF;

  24771.   color: #ffffff;

  24772. }

  24773. 

  24774. /*--------------

  24775.     Text Menu

  24776. ---------------*/

  24777. 

  24778. .ui.text.menu {

  24779.   background: none transparent;

  24780.   border-radius: 0px;

  24781.   -webkit-box-shadow: none;

  24782.   box-shadow: none;

  24783.   border: none;

  24784.   margin: 1em -0.5em;

  24785. }

  24786. 

  24787. .ui.text.menu .item {

  24788.   border-radius: 0px;

  24789.   -webkit-box-shadow: none;

  24790.   box-shadow: none;

  24791.   -ms-flex-item-align: center;

  24792.   align-self: center;

  24793.   margin: 0em 0em;

  24794.   padding: 0.35714286em 0.5em;

  24795.   font-weight: normal;

  24796.   color: rgba(0, 0, 0, 0.6);

  24797.   -webkit-transition: opacity 0.1s ease;

  24798.   transition: opacity 0.1s ease;

  24799. }

  24800. 

  24801. /* Border */

  24802. 

  24803. .ui.text.menu .item:before,

  24804. .ui.text.menu .menu .item:before {

  24805.   display: none !important;

  24806. }

  24807. 

  24808. /* Header */

  24809. 

  24810. .ui.text.menu .header.item {

  24811.   background-color: transparent;

  24812.   opacity: 1;

  24813.   color: rgba(0, 0, 0, 0.85);

  24814.   font-size: 0.92857143em;

  24815.   text-transform: uppercase;

  24816.   font-weight: bold;

  24817. }

  24818. 

  24819. /* Image */

  24820. 

  24821. .ui.text.menu .item > img:not(.ui) {

  24822.   margin: 0em;

  24823. }

  24824. 

  24825. /*--- fluid text ---*/

  24826. 

  24827. .ui.text.item.menu .item {

  24828.   margin: 0em;

  24829. }

  24830. 

  24831. /*--- vertical text ---*/

  24832. 

  24833. .ui.vertical.text.menu {

  24834.   margin: 1em 0em;

  24835. }

  24836. 

  24837. .ui.vertical.text.menu:first-child {

  24838.   margin-top: 0rem;

  24839. }

  24840. 

  24841. .ui.vertical.text.menu:last-child {

  24842.   margin-bottom: 0rem;

  24843. }

  24844. 

  24845. .ui.vertical.text.menu .item {

  24846.   margin: 0.57142857em 0em;

  24847.   padding-left: 0em;

  24848.   padding-right: 0em;

  24849. }

  24850. 

  24851. .ui.vertical.text.menu .item > i.icon {

  24852.   float: none;

  24853.   margin: 0em 0.35714286em 0em 0em;

  24854. }

  24855. 

  24856. .ui.vertical.text.menu .header.item {

  24857.   margin: 0.57142857em 0em 0.71428571em;

  24858. }

  24859. 

  24860. /* Vertical Sub Menu */

  24861. 

  24862. .ui.vertical.text.menu .item:not(.dropdown) > .menu {

  24863.   margin: 0em;

  24864. }

  24865. 

  24866. .ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {

  24867.   margin: 0em;

  24868.   padding: 0.5em 0em;

  24869. }

  24870. 

  24871. /*--- hover ---*/

  24872. 

  24873. .ui.text.menu .item:hover {

  24874.   opacity: 1;

  24875.   background-color: transparent;

  24876. }

  24877. 

  24878. /*--- active ---*/

  24879. 

  24880. .ui.text.menu .active.item {

  24881.   background-color: transparent;

  24882.   border: none;

  24883.   -webkit-box-shadow: none;

  24884.   box-shadow: none;

  24885.   font-weight: normal;

  24886.   color: rgba(0, 0, 0, 0.95);

  24887. }

  24888. 

  24889. /*--- active hover ---*/

  24890. 

  24891. .ui.text.menu .active.item:hover {

  24892.   background-color: transparent;

  24893. }

  24894. 

  24895. /* Disable Bariations */

  24896. 

  24897. .ui.text.pointing.menu .active.item:after {

  24898.   -webkit-box-shadow: none;

  24899.   box-shadow: none;

  24900. }

  24901. 

  24902. .ui.text.attached.menu {

  24903.   -webkit-box-shadow: none;

  24904.   box-shadow: none;

  24905. }

  24906. 

  24907. /* Inverted */

  24908. 

  24909. .ui.inverted.text.menu,

  24910. .ui.inverted.text.menu .item,

  24911. .ui.inverted.text.menu .item:hover,

  24912. .ui.inverted.text.menu .active.item {

  24913.   background-color: transparent !important;

  24914. }

  24915. 

  24916. /* Fluid */

  24917. 

  24918. .ui.fluid.text.menu {

  24919.   margin-left: 0em;

  24920.   margin-right: 0em;

  24921. }

  24922. 

  24923. /*--------------

  24924.     Icon Only

  24925. ---------------*/

  24926. 

  24927. /* Vertical Menu */

  24928. 

  24929. .ui.vertical.icon.menu {

  24930.   display: inline-block;

  24931.   width: auto;

  24932. }

  24933. 

  24934. /* Item */

  24935. 

  24936. .ui.icon.menu .item {

  24937.   height: auto;

  24938.   text-align: center;

  24939.   color: #1B1C1D;

  24940. }

  24941. 

  24942. /* Icon */

  24943. 

  24944. .ui.icon.menu .item > .icon:not(.dropdown) {

  24945.   margin: 0;

  24946.   opacity: 1;

  24947. }

  24948. 

  24949. /* Icon Gylph */

  24950. 

  24951. .ui.icon.menu .icon:before {

  24952.   opacity: 1;

  24953. }

  24954. 

  24955. /* (x) Item Icon */

  24956. 

  24957. .ui.menu .icon.item > .icon {

  24958.   width: auto;

  24959.   margin: 0em auto;

  24960. }

  24961. 

  24962. /* Vertical Icon */

  24963. 

  24964. .ui.vertical.icon.menu .item > .icon:not(.dropdown) {

  24965.   display: block;

  24966.   opacity: 1;

  24967.   margin: 0em auto;

  24968.   float: none;

  24969. }

  24970. 

  24971. /* Inverted */

  24972. 

  24973. .ui.inverted.icon.menu .item {

  24974.   color: #FFFFFF;

  24975. }

  24976. 

  24977. /*--------------

  24978.    Labeled Icon

  24979. ---------------*/

  24980. 

  24981. /* Menu */

  24982. 

  24983. .ui.labeled.icon.menu {

  24984.   text-align: center;

  24985. }

  24986. 

  24987. /* Item */

  24988. 

  24989. .ui.labeled.icon.menu .item {

  24990.   min-width: 6em;

  24991.   -webkit-box-orient: vertical;

  24992.   -webkit-box-direction: normal;

  24993.   -ms-flex-direction: column;

  24994.   flex-direction: column;

  24995. }

  24996. 

  24997. /* Icon */

  24998. 

  24999. .ui.labeled.icon.menu .item > .icon:not(.dropdown) {

  25000.   height: 1em;

  25001.   display: block;

  25002.   font-size: 1.71428571em !important;

  25003.   margin: 0em auto 0.5rem !important;

  25004. }

  25005. 

  25006. /* Fluid */

  25007. 

  25008. .ui.fluid.labeled.icon.menu > .item {

  25009.   min-width: 0em;

  25010. }

  25011. 

  25012. /*******************************

  25013.            Variations

  25014. *******************************/

  25015. 

  25016. /*--------------

  25017.     Stackable

  25018. ---------------*/

  25019. 

  25020. @media only screen and (max-width: 767px) {

  25021.   .ui.stackable.menu {

  25022.     -webkit-box-orient: vertical;

  25023.     -webkit-box-direction: normal;

  25024.     -ms-flex-direction: column;

  25025.     flex-direction: column;

  25026.   }

  25027. 

  25028.   .ui.stackable.menu .item {

  25029.     width: 100% !important;

  25030.   }

  25031. 

  25032.   .ui.stackable.menu .item:before {

  25033.     position: absolute;

  25034.     content: '';

  25035.     top: auto;

  25036.     bottom: 0px;

  25037.     left: 0px;

  25038.     width: 100%;

  25039.     height: 1px;

  25040.     background: rgba(34, 36, 38, 0.1);

  25041.   }

  25042. 

  25043.   .ui.stackable.menu .left.menu,

  25044.   .ui.stackable.menu .left.item {

  25045.     margin-right: 0 !important;

  25046.   }

  25047. 

  25048.   .ui.stackable.menu .right.menu,

  25049.   .ui.stackable.menu .right.item {

  25050.     margin-left: 0 !important;

  25051.   }

  25052. 

  25053.   .ui.stackable.menu .right.menu,

  25054.   .ui.stackable.menu .left.menu {

  25055.     -webkit-box-orient: vertical;

  25056.     -webkit-box-direction: normal;

  25057.     -ms-flex-direction: column;

  25058.     flex-direction: column;

  25059.   }

  25060. }

  25061. 

  25062. /*--------------

  25063.      Colors

  25064. ---------------*/

  25065. 

  25066. /*--- Standard Colors  ---*/

  25067. 

  25068. .ui.menu .red.active.item,

  25069. .ui.red.menu .active.item {

  25070.   border-color: #DB2828 !important;

  25071.   color: #DB2828 !important;

  25072. }

  25073. 

  25074. .ui.menu .orange.active.item,

  25075. .ui.orange.menu .active.item {

  25076.   border-color: #F2711C !important;

  25077.   color: #F2711C !important;

  25078. }

  25079. 

  25080. .ui.menu .yellow.active.item,

  25081. .ui.yellow.menu .active.item {

  25082.   border-color: #FBBD08 !important;

  25083.   color: #FBBD08 !important;

  25084. }

  25085. 

  25086. .ui.menu .olive.active.item,

  25087. .ui.olive.menu .active.item {

  25088.   border-color: #B5CC18 !important;

  25089.   color: #B5CC18 !important;

  25090. }

  25091. 

  25092. .ui.menu .green.active.item,

  25093. .ui.green.menu .active.item {

  25094.   border-color: #21BA45 !important;

  25095.   color: #21BA45 !important;

  25096. }

  25097. 

  25098. .ui.menu .teal.active.item,

  25099. .ui.teal.menu .active.item {

  25100.   border-color: #00B5AD !important;

  25101.   color: #00B5AD !important;

  25102. }

  25103. 

  25104. .ui.menu .blue.active.item,

  25105. .ui.blue.menu .active.item {

  25106.   border-color: #2185D0 !important;

  25107.   color: #2185D0 !important;

  25108. }

  25109. 

  25110. .ui.menu .violet.active.item,

  25111. .ui.violet.menu .active.item {

  25112.   border-color: #6435C9 !important;

  25113.   color: #6435C9 !important;

  25114. }

  25115. 

  25116. .ui.menu .purple.active.item,

  25117. .ui.purple.menu .active.item {

  25118.   border-color: #A333C8 !important;

  25119.   color: #A333C8 !important;

  25120. }

  25121. 

  25122. .ui.menu .pink.active.item,

  25123. .ui.pink.menu .active.item {

  25124.   border-color: #E03997 !important;

  25125.   color: #E03997 !important;

  25126. }

  25127. 

  25128. .ui.menu .brown.active.item,

  25129. .ui.brown.menu .active.item {

  25130.   border-color: #A5673F !important;

  25131.   color: #A5673F !important;

  25132. }

  25133. 

  25134. .ui.menu .grey.active.item,

  25135. .ui.grey.menu .active.item {

  25136.   border-color: #767676 !important;

  25137.   color: #767676 !important;

  25138. }

  25139. 

  25140. /*--------------

  25141.     Inverted

  25142. ---------------*/

  25143. 

  25144. .ui.inverted.menu {

  25145.   border: 0px solid transparent;

  25146.   background: #1B1C1D;

  25147.   -webkit-box-shadow: none;

  25148.   box-shadow: none;

  25149. }

  25150. 

  25151. /* Menu Item */

  25152. 

  25153. .ui.inverted.menu .item,

  25154. .ui.inverted.menu .item > a:not(.ui) {

  25155.   background: transparent;

  25156.   color: rgba(255, 255, 255, 0.9);

  25157. }

  25158. 

  25159. .ui.inverted.menu .item.menu {

  25160.   background: transparent;

  25161. }

  25162. 

  25163. /*--- Border ---*/

  25164. 

  25165. .ui.inverted.menu .item:before {

  25166.   background: rgba(255, 255, 255, 0.08);

  25167. }

  25168. 

  25169. .ui.vertical.inverted.menu .item:before {

  25170.   background: rgba(255, 255, 255, 0.08);

  25171. }

  25172. 

  25173. /* Sub Menu */

  25174. 

  25175. .ui.vertical.inverted.menu .menu .item,

  25176. .ui.vertical.inverted.menu .menu .item a:not(.ui) {

  25177.   color: rgba(255, 255, 255, 0.5);

  25178. }

  25179. 

  25180. /* Header */

  25181. 

  25182. .ui.inverted.menu .header.item {

  25183.   margin: 0em;

  25184.   background: transparent;

  25185.   -webkit-box-shadow: none;

  25186.   box-shadow: none;

  25187. }

  25188. 

  25189. /* Disabled */

  25190. 

  25191. .ui.inverted.menu .item.disabled,

  25192. .ui.inverted.menu .item.disabled:hover {

  25193.   color: rgba(225, 225, 225, 0.3);

  25194. }

  25195. 

  25196. /*--- Hover ---*/

  25197. 

  25198. .ui.link.inverted.menu .item:hover,

  25199. .ui.inverted.menu .dropdown.item:hover,

  25200. .ui.inverted.menu .link.item:hover,

  25201. .ui.inverted.menu a.item:hover {

  25202.   background: rgba(255, 255, 255, 0.08);

  25203.   color: #ffffff;

  25204. }

  25205. 

  25206. .ui.vertical.inverted.menu .item .menu a.item:hover,

  25207. .ui.vertical.inverted.menu .item .menu .link.item:hover {

  25208.   background: transparent;

  25209.   color: #ffffff;

  25210. }

  25211. 

  25212. /*--- Pressed ---*/

  25213. 

  25214. .ui.inverted.menu a.item:active,

  25215. .ui.inverted.menu .link.item:active {

  25216.   background: rgba(255, 255, 255, 0.08);

  25217.   color: #ffffff;

  25218. }

  25219. 

  25220. /*--- Active ---*/

  25221. 

  25222. .ui.inverted.menu .active.item {

  25223.   background: rgba(255, 255, 255, 0.15);

  25224.   color: #ffffff !important;

  25225. }

  25226. 

  25227. .ui.inverted.vertical.menu .item .menu .active.item {

  25228.   background: transparent;

  25229.   color: #FFFFFF;

  25230. }

  25231. 

  25232. .ui.inverted.pointing.menu .active.item:after {

  25233.   background: #3D3E3F !important;

  25234.   margin: 0em !important;

  25235.   -webkit-box-shadow: none !important;

  25236.   box-shadow: none !important;

  25237.   border: none !important;

  25238. }

  25239. 

  25240. /*--- Active Hover ---*/

  25241. 

  25242. .ui.inverted.menu .active.item:hover {

  25243.   background: rgba(255, 255, 255, 0.15);

  25244.   color: #FFFFFF !important;

  25245. }

  25246. 

  25247. .ui.inverted.pointing.menu .active.item:hover:after {

  25248.   background: #3D3E3F !important;

  25249. }

  25250. 

  25251. /*--------------

  25252.      Floated

  25253. ---------------*/

  25254. 

  25255. .ui.floated.menu {

  25256.   float: left;

  25257.   margin: 0rem 0.5rem 0rem 0rem;

  25258. }

  25259. 

  25260. .ui.floated.menu .item:last-child:before {

  25261.   display: none;

  25262. }

  25263. 

  25264. .ui.right.floated.menu {

  25265.   float: right;

  25266.   margin: 0rem 0rem 0rem 0.5rem;

  25267. }

  25268. 

  25269. /*--------------

  25270.     Inverted

  25271. ---------------*/

  25272. 

  25273. /* Red */

  25274. 

  25275. .ui.inverted.menu .red.active.item,

  25276. .ui.inverted.red.menu {

  25277.   background-color: #DB2828;

  25278. }

  25279. 

  25280. .ui.inverted.red.menu .item:before {

  25281.   background-color: rgba(34, 36, 38, 0.1);

  25282. }

  25283. 

  25284. .ui.inverted.red.menu .active.item {

  25285.   background-color: rgba(0, 0, 0, 0.1) !important;

  25286. }

  25287. 

  25288. /* Orange */

  25289. 

  25290. .ui.inverted.menu .orange.active.item,

  25291. .ui.inverted.orange.menu {

  25292.   background-color: #F2711C;

  25293. }

  25294. 

  25295. .ui.inverted.orange.menu .item:before {

  25296.   background-color: rgba(34, 36, 38, 0.1);

  25297. }

  25298. 

  25299. .ui.inverted.orange.menu .active.item {

  25300.   background-color: rgba(0, 0, 0, 0.1) !important;

  25301. }

  25302. 

  25303. /* Yellow */

  25304. 

  25305. .ui.inverted.menu .yellow.active.item,

  25306. .ui.inverted.yellow.menu {

  25307.   background-color: #FBBD08;

  25308. }

  25309. 

  25310. .ui.inverted.yellow.menu .item:before {

  25311.   background-color: rgba(34, 36, 38, 0.1);

  25312. }

  25313. 

  25314. .ui.inverted.yellow.menu .active.item {

  25315.   background-color: rgba(0, 0, 0, 0.1) !important;

  25316. }

  25317. 

  25318. /* Olive */

  25319. 

  25320. .ui.inverted.menu .olive.active.item,

  25321. .ui.inverted.olive.menu {

  25322.   background-color: #B5CC18;

  25323. }

  25324. 

  25325. .ui.inverted.olive.menu .item:before {

  25326.   background-color: rgba(34, 36, 38, 0.1);

  25327. }

  25328. 

  25329. .ui.inverted.olive.menu .active.item {

  25330.   background-color: rgba(0, 0, 0, 0.1) !important;

  25331. }

  25332. 

  25333. /* Green */

  25334. 

  25335. .ui.inverted.menu .green.active.item,

  25336. .ui.inverted.green.menu {

  25337.   background-color: #21BA45;

  25338. }

  25339. 

  25340. .ui.inverted.green.menu .item:before {

  25341.   background-color: rgba(34, 36, 38, 0.1);

  25342. }

  25343. 

  25344. .ui.inverted.green.menu .active.item {

  25345.   background-color: rgba(0, 0, 0, 0.1) !important;

  25346. }

  25347. 

  25348. /* Teal */

  25349. 

  25350. .ui.inverted.menu .teal.active.item,

  25351. .ui.inverted.teal.menu {

  25352.   background-color: #00B5AD;

  25353. }

  25354. 

  25355. .ui.inverted.teal.menu .item:before {

  25356.   background-color: rgba(34, 36, 38, 0.1);

  25357. }

  25358. 

  25359. .ui.inverted.teal.menu .active.item {

  25360.   background-color: rgba(0, 0, 0, 0.1) !important;

  25361. }

  25362. 

  25363. /* Blue */

  25364. 

  25365. .ui.inverted.menu .blue.active.item,

  25366. .ui.inverted.blue.menu {

  25367.   background-color: #2185D0;

  25368. }

  25369. 

  25370. .ui.inverted.blue.menu .item:before {

  25371.   background-color: rgba(34, 36, 38, 0.1);

  25372. }

  25373. 

  25374. .ui.inverted.blue.menu .active.item {

  25375.   background-color: rgba(0, 0, 0, 0.1) !important;

  25376. }

  25377. 

  25378. /* Violet */

  25379. 

  25380. .ui.inverted.menu .violet.active.item,

  25381. .ui.inverted.violet.menu {

  25382.   background-color: #6435C9;

  25383. }

  25384. 

  25385. .ui.inverted.violet.menu .item:before {

  25386.   background-color: rgba(34, 36, 38, 0.1);

  25387. }

  25388. 

  25389. .ui.inverted.violet.menu .active.item {

  25390.   background-color: rgba(0, 0, 0, 0.1) !important;

  25391. }

  25392. 

  25393. /* Purple */

  25394. 

  25395. .ui.inverted.menu .purple.active.item,

  25396. .ui.inverted.purple.menu {

  25397.   background-color: #A333C8;

  25398. }

  25399. 

  25400. .ui.inverted.purple.menu .item:before {

  25401.   background-color: rgba(34, 36, 38, 0.1);

  25402. }

  25403. 

  25404. .ui.inverted.purple.menu .active.item {

  25405.   background-color: rgba(0, 0, 0, 0.1) !important;

  25406. }

  25407. 

  25408. /* Pink */

  25409. 

  25410. .ui.inverted.menu .pink.active.item,

  25411. .ui.inverted.pink.menu {

  25412.   background-color: #E03997;

  25413. }

  25414. 

  25415. .ui.inverted.pink.menu .item:before {

  25416.   background-color: rgba(34, 36, 38, 0.1);

  25417. }

  25418. 

  25419. .ui.inverted.pink.menu .active.item {

  25420.   background-color: rgba(0, 0, 0, 0.1) !important;

  25421. }

  25422. 

  25423. /* Brown */

  25424. 

  25425. .ui.inverted.menu .brown.active.item,

  25426. .ui.inverted.brown.menu {

  25427.   background-color: #A5673F;

  25428. }

  25429. 

  25430. .ui.inverted.brown.menu .item:before {

  25431.   background-color: rgba(34, 36, 38, 0.1);

  25432. }

  25433. 

  25434. .ui.inverted.brown.menu .active.item {

  25435.   background-color: rgba(0, 0, 0, 0.1) !important;

  25436. }

  25437. 

  25438. /* Grey */

  25439. 

  25440. .ui.inverted.menu .grey.active.item,

  25441. .ui.inverted.grey.menu {

  25442.   background-color: #767676;

  25443. }

  25444. 

  25445. .ui.inverted.grey.menu .item:before {

  25446.   background-color: rgba(34, 36, 38, 0.1);

  25447. }

  25448. 

  25449. .ui.inverted.grey.menu .active.item {

  25450.   background-color: rgba(0, 0, 0, 0.1) !important;

  25451. }

  25452. 

  25453. /*--------------

  25454.      Fitted

  25455. ---------------*/

  25456. 

  25457. .ui.fitted.menu .item,

  25458. .ui.fitted.menu .item .menu .item,

  25459. .ui.menu .fitted.item {

  25460.   padding: 0em;

  25461. }

  25462. 

  25463. .ui.horizontally.fitted.menu .item,

  25464. .ui.horizontally.fitted.menu .item .menu .item,

  25465. .ui.menu .horizontally.fitted.item {

  25466.   padding-top: 0.92857143em;

  25467.   padding-bottom: 0.92857143em;

  25468. }

  25469. 

  25470. .ui.vertically.fitted.menu .item,

  25471. .ui.vertically.fitted.menu .item .menu .item,

  25472. .ui.menu .vertically.fitted.item {

  25473.   padding-left: 1.14285714em;

  25474.   padding-right: 1.14285714em;

  25475. }

  25476. 

  25477. /*--------------

  25478.    Borderless

  25479. ---------------*/

  25480. 

  25481. .ui.borderless.menu .item:before,

  25482. .ui.borderless.menu .item .menu .item:before,

  25483. .ui.menu .borderless.item:before {

  25484.   background: none !important;

  25485. }

  25486. 

  25487. /*-------------------

  25488.        Compact

  25489. --------------------*/

  25490. 

  25491. .ui.compact.menu {

  25492.   display: -webkit-inline-box;

  25493.   display: -ms-inline-flexbox;

  25494.   display: inline-flex;

  25495.   margin: 0em;

  25496.   vertical-align: middle;

  25497. }

  25498. 

  25499. .ui.compact.vertical.menu {

  25500.   display: inline-block;

  25501. }

  25502. 

  25503. .ui.compact.menu .item:last-child {

  25504.   border-radius: 0em 0.28571429rem 0.28571429rem 0em;

  25505. }

  25506. 

  25507. .ui.compact.menu .item:last-child:before {

  25508.   display: none;

  25509. }

  25510. 

  25511. .ui.compact.vertical.menu {

  25512.   width: auto !important;

  25513. }

  25514. 

  25515. .ui.compact.vertical.menu .item:last-child::before {

  25516.   display: block;

  25517. }

  25518. 

  25519. /*-------------------

  25520.         Fluid

  25521. --------------------*/

  25522. 

  25523. .ui.menu.fluid,

  25524. .ui.vertical.menu.fluid {

  25525.   width: 100% !important;

  25526. }

  25527. 

  25528. /*-------------------

  25529.       Evenly Sized

  25530. --------------------*/

  25531. 

  25532. .ui.item.menu,

  25533. .ui.item.menu .item {

  25534.   width: 100%;

  25535.   padding-left: 0em !important;

  25536.   padding-right: 0em !important;

  25537.   margin-left: 0em !important;

  25538.   margin-right: 0em !important;

  25539.   text-align: center;

  25540.   -webkit-box-pack: center;

  25541.   -ms-flex-pack: center;

  25542.   justify-content: center;

  25543. }

  25544. 

  25545. .ui.attached.item.menu {

  25546.   margin: 0em -1px !important;

  25547. }

  25548. 

  25549. .ui.item.menu .item:last-child:before {

  25550.   display: none;

  25551. }

  25552. 

  25553. .ui.menu.two.item .item {

  25554.   width: 50%;

  25555. }

  25556. 

  25557. .ui.menu.three.item .item {

  25558.   width: 33.333%;

  25559. }

  25560. 

  25561. .ui.menu.four.item .item {

  25562.   width: 25%;

  25563. }

  25564. 

  25565. .ui.menu.five.item .item {

  25566.   width: 20%;

  25567. }

  25568. 

  25569. .ui.menu.six.item .item {

  25570.   width: 16.666%;

  25571. }

  25572. 

  25573. .ui.menu.seven.item .item {

  25574.   width: 14.285%;

  25575. }

  25576. 

  25577. .ui.menu.eight.item .item {

  25578.   width: 12.500%;

  25579. }

  25580. 

  25581. .ui.menu.nine.item .item {

  25582.   width: 11.11%;

  25583. }

  25584. 

  25585. .ui.menu.ten.item .item {

  25586.   width: 10.0%;

  25587. }

  25588. 

  25589. .ui.menu.eleven.item .item {

  25590.   width: 9.09%;

  25591. }

  25592. 

  25593. .ui.menu.twelve.item .item {

  25594.   width: 8.333%;

  25595. }

  25596. 

  25597. /*--------------

  25598.      Fixed

  25599. ---------------*/

  25600. 

  25601. .ui.menu.fixed {

  25602.   position: fixed;

  25603.   z-index: 101;

  25604.   margin: 0em;

  25605.   width: 100%;

  25606. }

  25607. 

  25608. .ui.menu.fixed,

  25609. .ui.menu.fixed .item:first-child,

  25610. .ui.menu.fixed .item:last-child {

  25611.   border-radius: 0px !important;

  25612. }

  25613. 

  25614. .ui.fixed.menu,

  25615. .ui[class*="top fixed"].menu {

  25616.   top: 0px;

  25617.   left: 0px;

  25618.   right: auto;

  25619.   bottom: auto;

  25620. }

  25621. 

  25622. .ui[class*="top fixed"].menu {

  25623.   border-top: none;

  25624.   border-left: none;

  25625.   border-right: none;

  25626. }

  25627. 

  25628. .ui[class*="right fixed"].menu {

  25629.   border-top: none;

  25630.   border-bottom: none;

  25631.   border-right: none;

  25632.   top: 0px;

  25633.   right: 0px;

  25634.   left: auto;

  25635.   bottom: auto;

  25636.   width: auto;

  25637.   height: 100%;

  25638. }

  25639. 

  25640. .ui[class*="bottom fixed"].menu {

  25641.   border-bottom: none;

  25642.   border-left: none;

  25643.   border-right: none;

  25644.   bottom: 0px;

  25645.   left: 0px;

  25646.   top: auto;

  25647.   right: auto;

  25648. }

  25649. 

  25650. .ui[class*="left fixed"].menu {

  25651.   border-top: none;

  25652.   border-bottom: none;

  25653.   border-left: none;

  25654.   top: 0px;

  25655.   left: 0px;

  25656.   right: auto;

  25657.   bottom: auto;

  25658.   width: auto;

  25659.   height: 100%;

  25660. }

  25661. 

  25662. /* Coupling with Grid */

  25663. 

  25664. .ui.fixed.menu + .ui.grid {

  25665.   padding-top: 2.75rem;

  25666. }

  25667. 

  25668. /*-------------------

  25669.        Pointing

  25670. --------------------*/

  25671. 

  25672. .ui.pointing.menu .item:after {

  25673.   visibility: hidden;

  25674.   position: absolute;

  25675.   content: '';

  25676.   top: 100%;

  25677.   left: 50%;

  25678.   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  25679.   transform: translateX(-50%) translateY(-50%) rotate(45deg);

  25680.   background: none;

  25681.   margin: 0.5px 0em 0em;

  25682.   width: 0.57142857em;

  25683.   height: 0.57142857em;

  25684.   border: none;

  25685.   border-bottom: 1px solid #D4D4D5;

  25686.   border-right: 1px solid #D4D4D5;

  25687.   z-index: 2;

  25688.   -webkit-transition: background 0.1s ease;

  25689.   transition: background 0.1s ease;

  25690. }

  25691. 

  25692. .ui.vertical.pointing.menu .item:after {

  25693.   position: absolute;

  25694.   top: 50%;

  25695.   right: 0%;

  25696.   bottom: auto;

  25697.   left: auto;

  25698.   -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);

  25699.   transform: translateX(50%) translateY(-50%) rotate(45deg);

  25700.   margin: 0em -0.5px 0em 0em;

  25701.   border: none;

  25702.   border-top: 1px solid #D4D4D5;

  25703.   border-right: 1px solid #D4D4D5;

  25704. }

  25705. 

  25706. /* Active */

  25707. 

  25708. .ui.pointing.menu .active.item:after {

  25709.   visibility: visible;

  25710. }

  25711. 

  25712. .ui.pointing.menu .active.dropdown.item:after {

  25713.   visibility: hidden;

  25714. }

  25715. 

  25716. /* Don't double up pointers */

  25717. 

  25718. .ui.pointing.menu .dropdown.active.item:after,

  25719. .ui.pointing.menu .active.item .menu .active.item:after {

  25720.   display: none;

  25721. }

  25722. 

  25723. /* Colors */

  25724. 

  25725. .ui.pointing.menu .active.item:hover:after {

  25726.   background-color: #F2F2F2;

  25727. }

  25728. 

  25729. .ui.pointing.menu .active.item:after {

  25730.   background-color: #F2F2F2;

  25731. }

  25732. 

  25733. .ui.pointing.menu .active.item:hover:after {

  25734.   background-color: #F2F2F2;

  25735. }

  25736. 

  25737. .ui.vertical.pointing.menu .active.item:hover:after {

  25738.   background-color: #F2F2F2;

  25739. }

  25740. 

  25741. .ui.vertical.pointing.menu .active.item:after {

  25742.   background-color: #F2F2F2;

  25743. }

  25744. 

  25745. .ui.vertical.pointing.menu .menu .active.item:after {

  25746.   background-color: #FFFFFF;

  25747. }

  25748. 

  25749. /*--------------

  25750.     Attached

  25751. ---------------*/

  25752. 

  25753. /* Middle */

  25754. 

  25755. .ui.attached.menu {

  25756.   top: 0px;

  25757.   bottom: 0px;

  25758.   border-radius: 0px;

  25759.   margin: 0em -1px;

  25760.   width: calc(100% +  2px );

  25761.   max-width: calc(100% +  2px );

  25762.   -webkit-box-shadow: none;

  25763.   box-shadow: none;

  25764. }

  25765. 

  25766. .ui.attached + .ui.attached.menu:not(.top) {

  25767.   border-top: none;

  25768. }

  25769. 

  25770. /* Top */

  25771. 

  25772. .ui[class*="top attached"].menu {

  25773.   bottom: 0px;

  25774.   margin-bottom: 0em;

  25775.   top: 0px;

  25776.   margin-top: 1rem;

  25777.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  25778. }

  25779. 

  25780. .ui.menu[class*="top attached"]:first-child {

  25781.   margin-top: 0em;

  25782. }

  25783. 

  25784. /* Bottom */

  25785. 

  25786. .ui[class*="bottom attached"].menu {

  25787.   bottom: 0px;

  25788.   margin-top: 0em;

  25789.   top: 0px;

  25790.   margin-bottom: 1rem;

  25791.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;

  25792.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;

  25793.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  25794. }

  25795. 

  25796. .ui[class*="bottom attached"].menu:last-child {

  25797.   margin-bottom: 0em;

  25798. }

  25799. 

  25800. /* Attached Menu Item */

  25801. 

  25802. .ui.top.attached.menu > .item:first-child {

  25803.   border-radius: 0.28571429rem 0em 0em 0em;

  25804. }

  25805. 

  25806. .ui.bottom.attached.menu > .item:first-child {

  25807.   border-radius: 0em 0em 0em 0.28571429rem;

  25808. }

  25809. 

  25810. /* Tabular Attached */

  25811. 

  25812. .ui.attached.menu:not(.tabular) {

  25813.   border: 1px solid #D4D4D5;

  25814. }

  25815. 

  25816. .ui.attached.inverted.menu {

  25817.   border: none;

  25818. }

  25819. 

  25820. .ui.attached.tabular.menu {

  25821.   margin-left: 0;

  25822.   margin-right: 0;

  25823.   width: 100%;

  25824. }

  25825. 

  25826. /*--------------

  25827.      Sizes

  25828. ---------------*/

  25829. 

  25830. /* Mini */

  25831. 

  25832. .ui.mini.menu {

  25833.   font-size: 0.78571429rem;

  25834. }

  25835. 

  25836. .ui.mini.vertical.menu {

  25837.   width: 9rem;

  25838. }

  25839. 

  25840. /* Tiny */

  25841. 

  25842. .ui.tiny.menu {

  25843.   font-size: 0.85714286rem;

  25844. }

  25845. 

  25846. .ui.tiny.vertical.menu {

  25847.   width: 11rem;

  25848. }

  25849. 

  25850. /* Small */

  25851. 

  25852. .ui.small.menu {

  25853.   font-size: 0.92857143rem;

  25854. }

  25855. 

  25856. .ui.small.vertical.menu {

  25857.   width: 13rem;

  25858. }

  25859. 

  25860. /* Medium */

  25861. 

  25862. .ui.menu {

  25863.   font-size: 1rem;

  25864. }

  25865. 

  25866. .ui.vertical.menu {

  25867.   width: 15rem;

  25868. }

  25869. 

  25870. /* Large */

  25871. 

  25872. .ui.large.menu {

  25873.   font-size: 1.07142857rem;

  25874. }

  25875. 

  25876. .ui.large.vertical.menu {

  25877.   width: 18rem;

  25878. }

  25879. 

  25880. /* Huge */

  25881. 

  25882. .ui.huge.menu {

  25883.   font-size: 1.21428571rem;

  25884. }

  25885. 

  25886. .ui.huge.vertical.menu {

  25887.   width: 22rem;

  25888. }

  25889. 

  25890. /* Big */

  25891. 

  25892. .ui.big.menu {

  25893.   font-size: 1.14285714rem;

  25894. }

  25895. 

  25896. .ui.big.vertical.menu {

  25897.   width: 20rem;

  25898. }

  25899. 

  25900. /* Massive */

  25901. 

  25902. .ui.massive.menu {

  25903.   font-size: 1.28571429rem;

  25904. }

  25905. 

  25906. .ui.massive.vertical.menu {

  25907.   width: 25rem;

  25908. }

  25909. 

  25910. /*******************************

  25911.          Theme Overrides

  25912. *******************************/

  25913. 

  25914. /*******************************

  25915.          Site Overrides

  25916. *******************************/

  25917. /*!

  25918.  * # Semantic UI 2.4.0 - Message

  25919.  * http://github.com/semantic-org/semantic-ui/

  25920.  *

  25921.  *

  25922.  * Released under the MIT license

  25923.  * http://opensource.org/licenses/MIT

  25924.  *

  25925.  */

  25926. 

  25927. /*******************************

  25928.             Message

  25929. *******************************/

  25930. 

  25931. .ui.message {

  25932.   position: relative;

  25933.   min-height: 1em;

  25934.   margin: 1em 0em;

  25935.   background: #F8F8F9;

  25936.   padding: 1em 1.5em;

  25937.   line-height: 1.4285em;

  25938.   color: rgba(0, 0, 0, 0.87);

  25939.   -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;

  25940.   transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;

  25941.   transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;

  25942.   transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;

  25943.   border-radius: 0.28571429rem;

  25944.   -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  25945.   box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  25946. }

  25947. 

  25948. .ui.message:first-child {

  25949.   margin-top: 0em;

  25950. }

  25951. 

  25952. .ui.message:last-child {

  25953.   margin-bottom: 0em;

  25954. }

  25955. 

  25956. /*--------------

  25957.      Content

  25958. ---------------*/

  25959. 

  25960. /* Header */

  25961. 

  25962. .ui.message .header {

  25963.   display: block;

  25964.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  25965.   font-weight: bold;

  25966.   margin: -0.14285714em 0em 0rem 0em;

  25967. }

  25968. 

  25969. /* Default font size */

  25970. 

  25971. .ui.message .header:not(.ui) {

  25972.   font-size: 1.14285714em;

  25973. }

  25974. 

  25975. /* Paragraph */

  25976. 

  25977. .ui.message p {

  25978.   opacity: 0.85;

  25979.   margin: 0.75em 0em;

  25980. }

  25981. 

  25982. .ui.message p:first-child {

  25983.   margin-top: 0em;

  25984. }

  25985. 

  25986. .ui.message p:last-child {

  25987.   margin-bottom: 0em;

  25988. }

  25989. 

  25990. .ui.message .header + p {

  25991.   margin-top: 0.25em;

  25992. }

  25993. 

  25994. /* List */

  25995. 

  25996. .ui.message .list:not(.ui) {

  25997.   text-align: left;

  25998.   padding: 0em;

  25999.   opacity: 0.85;

  26000.   list-style-position: inside;

  26001.   margin: 0.5em 0em 0em;

  26002. }

  26003. 

  26004. .ui.message .list:not(.ui):first-child {

  26005.   margin-top: 0em;

  26006. }

  26007. 

  26008. .ui.message .list:not(.ui):last-child {

  26009.   margin-bottom: 0em;

  26010. }

  26011. 

  26012. .ui.message .list:not(.ui) li {

  26013.   position: relative;

  26014.   list-style-type: none;

  26015.   margin: 0em 0em 0.3em 1em;

  26016.   padding: 0em;

  26017. }

  26018. 

  26019. .ui.message .list:not(.ui) li:before {

  26020.   position: absolute;

  26021.   content: '•';

  26022.   left: -1em;

  26023.   height: 100%;

  26024.   vertical-align: baseline;

  26025. }

  26026. 

  26027. .ui.message .list:not(.ui) li:last-child {

  26028.   margin-bottom: 0em;

  26029. }

  26030. 

  26031. /* Icon */

  26032. 

  26033. .ui.message > .icon {

  26034.   margin-right: 0.6em;

  26035. }

  26036. 

  26037. /* Close Icon */

  26038. 

  26039. .ui.message > .close.icon {

  26040.   cursor: pointer;

  26041.   position: absolute;

  26042.   margin: 0em;

  26043.   top: 0.78575em;

  26044.   right: 0.5em;

  26045.   opacity: 0.7;

  26046.   -webkit-transition: opacity 0.1s ease;

  26047.   transition: opacity 0.1s ease;

  26048. }

  26049. 

  26050. .ui.message > .close.icon:hover {

  26051.   opacity: 1;

  26052. }

  26053. 

  26054. /* First / Last Element */

  26055. 

  26056. .ui.message > :first-child {

  26057.   margin-top: 0em;

  26058. }

  26059. 

  26060. .ui.message > :last-child {

  26061.   margin-bottom: 0em;

  26062. }

  26063. 

  26064. /*******************************

  26065.             Coupling

  26066. *******************************/

  26067. 

  26068. .ui.dropdown .menu > .message {

  26069.   margin: 0px -1px;

  26070. }

  26071. 

  26072. /*******************************

  26073.             States

  26074. *******************************/

  26075. 

  26076. /*--------------

  26077.     Visible

  26078. ---------------*/

  26079. 

  26080. .ui.visible.visible.visible.visible.message {

  26081.   display: block;

  26082. }

  26083. 

  26084. .ui.icon.visible.visible.visible.visible.message {

  26085.   display: -webkit-box;

  26086.   display: -ms-flexbox;

  26087.   display: flex;

  26088. }

  26089. 

  26090. /*--------------

  26091.      Hidden

  26092. ---------------*/

  26093. 

  26094. .ui.hidden.hidden.hidden.hidden.message {

  26095.   display: none;

  26096. }

  26097. 

  26098. /*******************************

  26099.             Variations

  26100. *******************************/

  26101. 

  26102. /*--------------

  26103.     Compact

  26104. ---------------*/

  26105. 

  26106. .ui.compact.message {

  26107.   display: inline-block;

  26108. }

  26109. 

  26110. .ui.compact.icon.message {

  26111.   display: -webkit-inline-box;

  26112.   display: -ms-inline-flexbox;

  26113.   display: inline-flex;

  26114. }

  26115. 

  26116. /*--------------

  26117.     Attached

  26118. ---------------*/

  26119. 

  26120. .ui.attached.message {

  26121.   margin-bottom: -1px;

  26122.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  26123.   -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;

  26124.   box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;

  26125.   margin-left: -1px;

  26126.   margin-right: -1px;

  26127. }

  26128. 

  26129. .ui.attached + .ui.attached.message:not(.top):not(.bottom) {

  26130.   margin-top: -1px;

  26131.   border-radius: 0em;

  26132. }

  26133. 

  26134. .ui.bottom.attached.message {

  26135.   margin-top: -1px;

  26136.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  26137.   -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  26138.   box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);

  26139. }

  26140. 

  26141. .ui.bottom.attached.message:not(:last-child) {

  26142.   margin-bottom: 1em;

  26143. }

  26144. 

  26145. .ui.attached.icon.message {

  26146.   width: auto;

  26147. }

  26148. 

  26149. /*--------------

  26150.       Icon

  26151. ---------------*/

  26152. 

  26153. .ui.icon.message {

  26154.   display: -webkit-box;

  26155.   display: -ms-flexbox;

  26156.   display: flex;

  26157.   width: 100%;

  26158.   -webkit-box-align: center;

  26159.   -ms-flex-align: center;

  26160.   align-items: center;

  26161. }

  26162. 

  26163. .ui.icon.message > .icon:not(.close) {

  26164.   display: block;

  26165.   -webkit-box-flex: 0;

  26166.   -ms-flex: 0 0 auto;

  26167.   flex: 0 0 auto;

  26168.   width: auto;

  26169.   line-height: 1;

  26170.   vertical-align: middle;

  26171.   font-size: 3em;

  26172.   opacity: 0.8;

  26173. }

  26174. 

  26175. .ui.icon.message > .content {

  26176.   display: block;

  26177.   -webkit-box-flex: 1;

  26178.   -ms-flex: 1 1 auto;

  26179.   flex: 1 1 auto;

  26180.   vertical-align: middle;

  26181. }

  26182. 

  26183. .ui.icon.message .icon:not(.close) + .content {

  26184.   padding-left: 0rem;

  26185. }

  26186. 

  26187. .ui.icon.message .circular.icon {

  26188.   width: 1em;

  26189. }

  26190. 

  26191. /*--------------

  26192.     Floating

  26193. ---------------*/

  26194. 

  26195. .ui.floating.message {

  26196.   -webkit-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);

  26197.   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);

  26198. }

  26199. 

  26200. /*--------------

  26201.      Colors

  26202. ---------------*/

  26203. 

  26204. .ui.black.message {

  26205.   background-color: #1B1C1D;

  26206.   color: rgba(255, 255, 255, 0.9);

  26207. }

  26208. 

  26209. /*--------------

  26210.      Types

  26211. ---------------*/

  26212. 

  26213. /* Positive */

  26214. 

  26215. .ui.positive.message {

  26216.   background-color: #FCFFF5;

  26217.   color: #2C662D;

  26218. }

  26219. 

  26220. .ui.positive.message,

  26221. .ui.attached.positive.message {

  26222.   -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26223.   box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26224. }

  26225. 

  26226. .ui.positive.message .header {

  26227.   color: #1A531B;

  26228. }

  26229. 

  26230. /* Negative */

  26231. 

  26232. .ui.negative.message {

  26233.   background-color: #FFF6F6;

  26234.   color: #9F3A38;

  26235. }

  26236. 

  26237. .ui.negative.message,

  26238. .ui.attached.negative.message {

  26239.   -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26240.   box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26241. }

  26242. 

  26243. .ui.negative.message .header {

  26244.   color: #912D2B;

  26245. }

  26246. 

  26247. /* Info */

  26248. 

  26249. .ui.info.message {

  26250.   background-color: #F8FFFF;

  26251.   color: #276F86;

  26252. }

  26253. 

  26254. .ui.info.message,

  26255. .ui.attached.info.message {

  26256.   -webkit-box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26257.   box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26258. }

  26259. 

  26260. .ui.info.message .header {

  26261.   color: #0E566C;

  26262. }

  26263. 

  26264. /* Warning */

  26265. 

  26266. .ui.warning.message {

  26267.   background-color: #FFFAF3;

  26268.   color: #573A08;

  26269. }

  26270. 

  26271. .ui.warning.message,

  26272. .ui.attached.warning.message {

  26273.   -webkit-box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26274.   box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26275. }

  26276. 

  26277. .ui.warning.message .header {

  26278.   color: #794B02;

  26279. }

  26280. 

  26281. /* Error */

  26282. 

  26283. .ui.error.message {

  26284.   background-color: #FFF6F6;

  26285.   color: #9F3A38;

  26286. }

  26287. 

  26288. .ui.error.message,

  26289. .ui.attached.error.message {

  26290.   -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26291.   box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26292. }

  26293. 

  26294. .ui.error.message .header {

  26295.   color: #912D2B;

  26296. }

  26297. 

  26298. /* Success */

  26299. 

  26300. .ui.success.message {

  26301.   background-color: #FCFFF5;

  26302.   color: #2C662D;

  26303. }

  26304. 

  26305. .ui.success.message,

  26306. .ui.attached.success.message {

  26307.   -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26308.   box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26309. }

  26310. 

  26311. .ui.success.message .header {

  26312.   color: #1A531B;

  26313. }

  26314. 

  26315. /* Colors */

  26316. 

  26317. .ui.inverted.message,

  26318. .ui.black.message {

  26319.   background-color: #1B1C1D;

  26320.   color: rgba(255, 255, 255, 0.9);

  26321. }

  26322. 

  26323. .ui.red.message {

  26324.   background-color: #FFE8E6;

  26325.   color: #DB2828;

  26326.   -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26327.   box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26328. }

  26329. 

  26330. .ui.red.message .header {

  26331.   color: #c82121;

  26332. }

  26333. 

  26334. .ui.orange.message {

  26335.   background-color: #FFEDDE;

  26336.   color: #F2711C;

  26337.   -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26338.   box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26339. }

  26340. 

  26341. .ui.orange.message .header {

  26342.   color: #e7640d;

  26343. }

  26344. 

  26345. .ui.yellow.message {

  26346.   background-color: #FFF8DB;

  26347.   color: #B58105;

  26348.   -webkit-box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26349.   box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26350. }

  26351. 

  26352. .ui.yellow.message .header {

  26353.   color: #9c6f04;

  26354. }

  26355. 

  26356. .ui.olive.message {

  26357.   background-color: #FBFDEF;

  26358.   color: #8ABC1E;

  26359.   -webkit-box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26360.   box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26361. }

  26362. 

  26363. .ui.olive.message .header {

  26364.   color: #7aa61a;

  26365. }

  26366. 

  26367. .ui.green.message {

  26368.   background-color: #E5F9E7;

  26369.   color: #1EBC30;

  26370.   -webkit-box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26371.   box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26372. }

  26373. 

  26374. .ui.green.message .header {

  26375.   color: #1aa62a;

  26376. }

  26377. 

  26378. .ui.teal.message {

  26379.   background-color: #E1F7F7;

  26380.   color: #10A3A3;

  26381.   -webkit-box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26382.   box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26383. }

  26384. 

  26385. .ui.teal.message .header {

  26386.   color: #0e8c8c;

  26387. }

  26388. 

  26389. .ui.blue.message {

  26390.   background-color: #DFF0FF;

  26391.   color: #2185D0;

  26392.   -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26393.   box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26394. }

  26395. 

  26396. .ui.blue.message .header {

  26397.   color: #1e77ba;

  26398. }

  26399. 

  26400. .ui.violet.message {

  26401.   background-color: #EAE7FF;

  26402.   color: #6435C9;

  26403.   -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26404.   box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26405. }

  26406. 

  26407. .ui.violet.message .header {

  26408.   color: #5a30b5;

  26409. }

  26410. 

  26411. .ui.purple.message {

  26412.   background-color: #F6E7FF;

  26413.   color: #A333C8;

  26414.   -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26415.   box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26416. }

  26417. 

  26418. .ui.purple.message .header {

  26419.   color: #922eb4;

  26420. }

  26421. 

  26422. .ui.pink.message {

  26423.   background-color: #FFE3FB;

  26424.   color: #E03997;

  26425.   -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26426.   box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26427. }

  26428. 

  26429. .ui.pink.message .header {

  26430.   color: #dd238b;

  26431. }

  26432. 

  26433. .ui.brown.message {

  26434.   background-color: #F1E2D3;

  26435.   color: #A5673F;

  26436.   -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26437.   box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);

  26438. }

  26439. 

  26440. .ui.brown.message .header {

  26441.   color: #935b38;

  26442. }

  26443. 

  26444. /*--------------

  26445.      Sizes

  26446. ---------------*/

  26447. 

  26448. .ui.mini.message {

  26449.   font-size: 0.78571429em;

  26450. }

  26451. 

  26452. .ui.tiny.message {

  26453.   font-size: 0.85714286em;

  26454. }

  26455. 

  26456. .ui.small.message {

  26457.   font-size: 0.92857143em;

  26458. }

  26459. 

  26460. .ui.message {

  26461.   font-size: 1em;

  26462. }

  26463. 

  26464. .ui.large.message {

  26465.   font-size: 1.14285714em;

  26466. }

  26467. 

  26468. .ui.big.message {

  26469.   font-size: 1.28571429em;

  26470. }

  26471. 

  26472. .ui.huge.message {

  26473.   font-size: 1.42857143em;

  26474. }

  26475. 

  26476. .ui.massive.message {

  26477.   font-size: 1.71428571em;

  26478. }

  26479. 

  26480. /*******************************

  26481.          Theme Overrides

  26482. *******************************/

  26483. 

  26484. /*******************************

  26485.         Site Overrides

  26486. *******************************/

  26487. /*!

  26488.  * # Semantic UI 2.4.0 - Table

  26489.  * http://github.com/semantic-org/semantic-ui/

  26490.  *

  26491.  *

  26492.  * Released under the MIT license

  26493.  * http://opensource.org/licenses/MIT

  26494.  *

  26495.  */

  26496. 

  26497. /*******************************

  26498.              Table

  26499. *******************************/

  26500. 

  26501. /* Prototype */

  26502. 

  26503. .ui.table {

  26504.   width: 100%;

  26505.   background: #FFFFFF;

  26506.   margin: 1em 0em;

  26507.   border: 1px solid rgba(34, 36, 38, 0.15);

  26508.   -webkit-box-shadow: none;

  26509.   box-shadow: none;

  26510.   border-radius: 0.28571429rem;

  26511.   text-align: left;

  26512.   color: rgba(0, 0, 0, 0.87);

  26513.   border-collapse: separate;

  26514.   border-spacing: 0px;

  26515. }

  26516. 

  26517. .ui.table:first-child {

  26518.   margin-top: 0em;

  26519. }

  26520. 

  26521. .ui.table:last-child {

  26522.   margin-bottom: 0em;

  26523. }

  26524. 

  26525. /*******************************

  26526.              Parts

  26527. *******************************/

  26528. 

  26529. /* Table Content */

  26530. 

  26531. .ui.table th,

  26532. .ui.table td {

  26533.   -webkit-transition: background 0.1s ease, color 0.1s ease;

  26534.   transition: background 0.1s ease, color 0.1s ease;

  26535. }

  26536. 

  26537. /* Headers */

  26538. 

  26539. .ui.table thead {

  26540.   -webkit-box-shadow: none;

  26541.   box-shadow: none;

  26542. }

  26543. 

  26544. .ui.table thead th {

  26545.   cursor: auto;

  26546.   background: #F9FAFB;

  26547.   text-align: inherit;

  26548.   color: rgba(0, 0, 0, 0.87);

  26549.   padding: 0.92857143em 0.78571429em;

  26550.   vertical-align: inherit;

  26551.   font-style: none;

  26552.   font-weight: bold;

  26553.   text-transform: none;

  26554.   border-bottom: 1px solid rgba(34, 36, 38, 0.1);

  26555.   border-left: none;

  26556. }

  26557. 

  26558. .ui.table thead tr > th:first-child {

  26559.   border-left: none;

  26560. }

  26561. 

  26562. .ui.table thead tr:first-child > th:first-child {

  26563.   border-radius: 0.28571429rem 0em 0em 0em;

  26564. }

  26565. 

  26566. .ui.table thead tr:first-child > th:last-child {

  26567.   border-radius: 0em 0.28571429rem 0em 0em;

  26568. }

  26569. 

  26570. .ui.table thead tr:first-child > th:only-child {

  26571.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  26572. }

  26573. 

  26574. /* Footer */

  26575. 

  26576. .ui.table tfoot {

  26577.   -webkit-box-shadow: none;

  26578.   box-shadow: none;

  26579. }

  26580. 

  26581. .ui.table tfoot th {

  26582.   cursor: auto;

  26583.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  26584.   background: #F9FAFB;

  26585.   text-align: inherit;

  26586.   color: rgba(0, 0, 0, 0.87);

  26587.   padding: 0.78571429em 0.78571429em;

  26588.   vertical-align: middle;

  26589.   font-style: normal;

  26590.   font-weight: normal;

  26591.   text-transform: none;

  26592. }

  26593. 

  26594. .ui.table tfoot tr > th:first-child {

  26595.   border-left: none;

  26596. }

  26597. 

  26598. .ui.table tfoot tr:first-child > th:first-child {

  26599.   border-radius: 0em 0em 0em 0.28571429rem;

  26600. }

  26601. 

  26602. .ui.table tfoot tr:first-child > th:last-child {

  26603.   border-radius: 0em 0em 0.28571429rem 0em;

  26604. }

  26605. 

  26606. .ui.table tfoot tr:first-child > th:only-child {

  26607.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  26608. }

  26609. 

  26610. /* Table Row */

  26611. 

  26612. .ui.table tr td {

  26613.   border-top: 1px solid rgba(34, 36, 38, 0.1);

  26614. }

  26615. 

  26616. .ui.table tr:first-child td {

  26617.   border-top: none;

  26618. }

  26619. 

  26620. /* Repeated tbody */

  26621. 

  26622. .ui.table tbody + tbody tr:first-child td {

  26623.   border-top: 1px solid rgba(34, 36, 38, 0.1);

  26624. }

  26625. 

  26626. /* Table Cells */

  26627. 

  26628. .ui.table td {

  26629.   padding: 0.78571429em 0.78571429em;

  26630.   text-align: inherit;

  26631. }

  26632. 

  26633. /* Icons */

  26634. 

  26635. .ui.table > .icon {

  26636.   vertical-align: baseline;

  26637. }

  26638. 

  26639. .ui.table > .icon:only-child {

  26640.   margin: 0em;

  26641. }

  26642. 

  26643. /* Table Segment */

  26644. 

  26645. .ui.table.segment {

  26646.   padding: 0em;

  26647. }

  26648. 

  26649. .ui.table.segment:after {

  26650.   display: none;

  26651. }

  26652. 

  26653. .ui.table.segment.stacked:after {

  26654.   display: block;

  26655. }

  26656. 

  26657. /* Responsive */

  26658. 

  26659. @media only screen and (max-width: 767px) {

  26660.   .ui.table:not(.unstackable) {

  26661.     width: 100%;

  26662.   }

  26663. 

  26664.   .ui.table:not(.unstackable) tbody,

  26665.   .ui.table:not(.unstackable) tr,

  26666.   .ui.table:not(.unstackable) tr > th,

  26667.   .ui.table:not(.unstackable) tr > td {

  26668.     width: auto !important;

  26669.     display: block !important;

  26670.   }

  26671. 

  26672.   .ui.table:not(.unstackable) {

  26673.     padding: 0em;

  26674.   }

  26675. 

  26676.   .ui.table:not(.unstackable) thead {

  26677.     display: block;

  26678.   }

  26679. 

  26680.   .ui.table:not(.unstackable) tfoot {

  26681.     display: block;

  26682.   }

  26683. 

  26684.   .ui.table:not(.unstackable) tr {

  26685.     padding-top: 1em;

  26686.     padding-bottom: 1em;

  26687.     -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;

  26688.     box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;

  26689.   }

  26690. 

  26691.   .ui.table:not(.unstackable) tr > th,

  26692.   .ui.table:not(.unstackable) tr > td {

  26693.     background: none;

  26694.     border: none !important;

  26695.     padding: 0.25em 0.75em !important;

  26696.     -webkit-box-shadow: none !important;

  26697.     box-shadow: none !important;

  26698.   }

  26699. 

  26700.   .ui.table:not(.unstackable) th:first-child,

  26701.   .ui.table:not(.unstackable) td:first-child {

  26702.     font-weight: bold;

  26703.   }

  26704. 

  26705.   /* Definition Table */

  26706. 

  26707.   .ui.definition.table:not(.unstackable) thead th:first-child {

  26708.     -webkit-box-shadow: none !important;

  26709.     box-shadow: none !important;

  26710.   }

  26711. }

  26712. 

  26713. /*******************************

  26714.             Coupling

  26715. *******************************/

  26716. 

  26717. /* UI Image */

  26718. 

  26719. .ui.table th .image,

  26720. .ui.table th .image img,

  26721. .ui.table td .image,

  26722. .ui.table td .image img {

  26723.   max-width: none;

  26724. }

  26725. 

  26726. /*******************************

  26727.              Types

  26728. *******************************/

  26729. 

  26730. /*--------------

  26731.     Complex

  26732. ---------------*/

  26733. 

  26734. .ui.structured.table {

  26735.   border-collapse: collapse;

  26736. }

  26737. 

  26738. .ui.structured.table thead th {

  26739.   border-left: none;

  26740.   border-right: none;

  26741. }

  26742. 

  26743. .ui.structured.sortable.table thead th {

  26744.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  26745.   border-right: 1px solid rgba(34, 36, 38, 0.15);

  26746. }

  26747. 

  26748. .ui.structured.basic.table th {

  26749.   border-left: none;

  26750.   border-right: none;

  26751. }

  26752. 

  26753. .ui.structured.celled.table tr th,

  26754. .ui.structured.celled.table tr td {

  26755.   border-left: 1px solid rgba(34, 36, 38, 0.1);

  26756.   border-right: 1px solid rgba(34, 36, 38, 0.1);

  26757. }

  26758. 

  26759. /*--------------

  26760.    Definition

  26761. ---------------*/

  26762. 

  26763. .ui.definition.table thead:not(.full-width) th:first-child {

  26764.   pointer-events: none;

  26765.   background: transparent;

  26766.   font-weight: normal;

  26767.   color: rgba(0, 0, 0, 0.4);

  26768.   -webkit-box-shadow: -1px -1px 0px 1px #FFFFFF;

  26769.   box-shadow: -1px -1px 0px 1px #FFFFFF;

  26770. }

  26771. 

  26772. .ui.definition.table tfoot:not(.full-width) th:first-child {

  26773.   pointer-events: none;

  26774.   background: transparent;

  26775.   font-weight: rgba(0, 0, 0, 0.4);

  26776.   color: normal;

  26777.   -webkit-box-shadow: 1px 1px 0px 1px #FFFFFF;

  26778.   box-shadow: 1px 1px 0px 1px #FFFFFF;

  26779. }

  26780. 

  26781. /* Remove Border */

  26782. 

  26783. .ui.celled.definition.table thead:not(.full-width) th:first-child {

  26784.   -webkit-box-shadow: 0px -1px 0px 1px #FFFFFF;

  26785.   box-shadow: 0px -1px 0px 1px #FFFFFF;

  26786. }

  26787. 

  26788. .ui.celled.definition.table tfoot:not(.full-width) th:first-child {

  26789.   -webkit-box-shadow: 0px 1px 0px 1px #FFFFFF;

  26790.   box-shadow: 0px 1px 0px 1px #FFFFFF;

  26791. }

  26792. 

  26793. /* Highlight Defining Column */

  26794. 

  26795. .ui.definition.table tr td:first-child:not(.ignored),

  26796. .ui.definition.table tr td.definition {

  26797.   background: rgba(0, 0, 0, 0.03);

  26798.   font-weight: bold;

  26799.   color: rgba(0, 0, 0, 0.95);

  26800.   text-transform: '';

  26801.   -webkit-box-shadow: '';

  26802.   box-shadow: '';

  26803.   text-align: '';

  26804.   font-size: 1em;

  26805.   padding-left: '';

  26806.   padding-right: '';

  26807. }

  26808. 

  26809. /* Fix 2nd Column */

  26810. 

  26811. .ui.definition.table thead:not(.full-width) th:nth-child(2) {

  26812.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  26813. }

  26814. 

  26815. .ui.definition.table tfoot:not(.full-width) th:nth-child(2) {

  26816.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  26817. }

  26818. 

  26819. .ui.definition.table td:nth-child(2) {

  26820.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  26821. }

  26822. 

  26823. /*******************************

  26824.              States

  26825. *******************************/

  26826. 

  26827. /*--------------

  26828.     Positive

  26829. ---------------*/

  26830. 

  26831. .ui.table tr.positive,

  26832. .ui.table td.positive {

  26833.   -webkit-box-shadow: 0px 0px 0px #A3C293 inset;

  26834.   box-shadow: 0px 0px 0px #A3C293 inset;

  26835. }

  26836. 

  26837. .ui.table tr.positive,

  26838. .ui.table td.positive {

  26839.   background: #FCFFF5 !important;

  26840.   color: #2C662D !important;

  26841. }

  26842. 

  26843. /*--------------

  26844.      Negative

  26845. ---------------*/

  26846. 

  26847. .ui.table tr.negative,

  26848. .ui.table td.negative {

  26849.   -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset;

  26850.   box-shadow: 0px 0px 0px #E0B4B4 inset;

  26851. }

  26852. 

  26853. .ui.table tr.negative,

  26854. .ui.table td.negative {

  26855.   background: #FFF6F6 !important;

  26856.   color: #9F3A38 !important;

  26857. }

  26858. 

  26859. /*--------------

  26860.       Error

  26861. ---------------*/

  26862. 

  26863. .ui.table tr.error,

  26864. .ui.table td.error {

  26865.   -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset;

  26866.   box-shadow: 0px 0px 0px #E0B4B4 inset;

  26867. }

  26868. 

  26869. .ui.table tr.error,

  26870. .ui.table td.error {

  26871.   background: #FFF6F6 !important;

  26872.   color: #9F3A38 !important;

  26873. }

  26874. 

  26875. /*--------------

  26876.      Warning

  26877. ---------------*/

  26878. 

  26879. .ui.table tr.warning,

  26880. .ui.table td.warning {

  26881.   -webkit-box-shadow: 0px 0px 0px #C9BA9B inset;

  26882.   box-shadow: 0px 0px 0px #C9BA9B inset;

  26883. }

  26884. 

  26885. .ui.table tr.warning,

  26886. .ui.table td.warning {

  26887.   background: #FFFAF3 !important;

  26888.   color: #573A08 !important;

  26889. }

  26890. 

  26891. /*--------------

  26892.      Active

  26893. ---------------*/

  26894. 

  26895. .ui.table tr.active,

  26896. .ui.table td.active {

  26897.   -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;

  26898.   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;

  26899. }

  26900. 

  26901. .ui.table tr.active,

  26902. .ui.table td.active {

  26903.   background: #E0E0E0 !important;

  26904.   color: rgba(0, 0, 0, 0.87) !important;

  26905. }

  26906. 

  26907. /*--------------

  26908.      Disabled

  26909. ---------------*/

  26910. 

  26911. .ui.table tr.disabled td,

  26912. .ui.table tr td.disabled,

  26913. .ui.table tr.disabled:hover,

  26914. .ui.table tr:hover td.disabled {

  26915.   pointer-events: none;

  26916.   color: rgba(40, 40, 40, 0.3);

  26917. }

  26918. 

  26919. /*******************************

  26920.           Variations

  26921. *******************************/

  26922. 

  26923. /*--------------

  26924.     Stackable

  26925. ---------------*/

  26926. 

  26927. @media only screen and (max-width: 991px) {

  26928.   .ui[class*="tablet stackable"].table,

  26929.   .ui[class*="tablet stackable"].table tbody,

  26930.   .ui[class*="tablet stackable"].table tr,

  26931.   .ui[class*="tablet stackable"].table tr > th,

  26932.   .ui[class*="tablet stackable"].table tr > td {

  26933.     width: 100% !important;

  26934.     display: block !important;

  26935.   }

  26936. 

  26937.   .ui[class*="tablet stackable"].table {

  26938.     padding: 0em;

  26939.   }

  26940. 

  26941.   .ui[class*="tablet stackable"].table thead {

  26942.     display: block;

  26943.   }

  26944. 

  26945.   .ui[class*="tablet stackable"].table tfoot {

  26946.     display: block;

  26947.   }

  26948. 

  26949.   .ui[class*="tablet stackable"].table tr {

  26950.     padding-top: 1em;

  26951.     padding-bottom: 1em;

  26952.     -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;

  26953.     box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;

  26954.   }

  26955. 

  26956.   .ui[class*="tablet stackable"].table tr > th,

  26957.   .ui[class*="tablet stackable"].table tr > td {

  26958.     background: none;

  26959.     border: none !important;

  26960.     padding: 0.25em 0.75em;

  26961.     -webkit-box-shadow: none !important;

  26962.     box-shadow: none !important;

  26963.   }

  26964. 

  26965.   /* Definition Table */

  26966. 

  26967.   .ui.definition[class*="tablet stackable"].table thead th:first-child {

  26968.     -webkit-box-shadow: none !important;

  26969.     box-shadow: none !important;

  26970.   }

  26971. }

  26972. 

  26973. /*--------------

  26974.  Text Alignment

  26975. ---------------*/

  26976. 

  26977. .ui.table[class*="left aligned"],

  26978. .ui.table [class*="left aligned"] {

  26979.   text-align: left;

  26980. }

  26981. 

  26982. .ui.table[class*="center aligned"],

  26983. .ui.table [class*="center aligned"] {

  26984.   text-align: center;

  26985. }

  26986. 

  26987. .ui.table[class*="right aligned"],

  26988. .ui.table [class*="right aligned"] {

  26989.   text-align: right;

  26990. }

  26991. 

  26992. /*------------------

  26993.  Vertical Alignment

  26994. ------------------*/

  26995. 

  26996. .ui.table[class*="top aligned"],

  26997. .ui.table [class*="top aligned"] {

  26998.   vertical-align: top;

  26999. }

  27000. 

  27001. .ui.table[class*="middle aligned"],

  27002. .ui.table [class*="middle aligned"] {

  27003.   vertical-align: middle;

  27004. }

  27005. 

  27006. .ui.table[class*="bottom aligned"],

  27007. .ui.table [class*="bottom aligned"] {

  27008.   vertical-align: bottom;

  27009. }

  27010. 

  27011. /*--------------

  27012.     Collapsing

  27013. ---------------*/

  27014. 

  27015. .ui.table th.collapsing,

  27016. .ui.table td.collapsing {

  27017.   width: 1px;

  27018.   white-space: nowrap;

  27019. }

  27020. 

  27021. /*--------------

  27022.      Fixed

  27023. ---------------*/

  27024. 

  27025. .ui.fixed.table {

  27026.   table-layout: fixed;

  27027. }

  27028. 

  27029. .ui.fixed.table th,

  27030. .ui.fixed.table td {

  27031.   overflow: hidden;

  27032.   text-overflow: ellipsis;

  27033. }

  27034. 

  27035. /*--------------

  27036.    Selectable

  27037. ---------------*/

  27038. 

  27039. .ui.selectable.table tbody tr:hover,

  27040. .ui.table tbody tr td.selectable:hover {

  27041.   background: rgba(0, 0, 0, 0.05) !important;

  27042.   color: rgba(0, 0, 0, 0.95) !important;

  27043. }

  27044. 

  27045. .ui.selectable.inverted.table tbody tr:hover,

  27046. .ui.inverted.table tbody tr td.selectable:hover {

  27047.   background: rgba(255, 255, 255, 0.08) !important;

  27048.   color: #ffffff !important;

  27049. }

  27050. 

  27051. /* Selectable Cell Link */

  27052. 

  27053. .ui.table tbody tr td.selectable {

  27054.   padding: 0em;

  27055. }

  27056. 

  27057. .ui.table tbody tr td.selectable > a:not(.ui) {

  27058.   display: block;

  27059.   color: inherit;

  27060.   padding: 0.78571429em 0.78571429em;

  27061. }

  27062. 

  27063. /* Other States */

  27064. 

  27065. .ui.selectable.table tr.error:hover,

  27066. .ui.table tr td.selectable.error:hover,

  27067. .ui.selectable.table tr:hover td.error {

  27068.   background: #ffe7e7 !important;

  27069.   color: #943634 !important;

  27070. }

  27071. 

  27072. .ui.selectable.table tr.warning:hover,

  27073. .ui.table tr td.selectable.warning:hover,

  27074. .ui.selectable.table tr:hover td.warning {

  27075.   background: #fff4e4 !important;

  27076.   color: #493107 !important;

  27077. }

  27078. 

  27079. .ui.selectable.table tr.active:hover,

  27080. .ui.table tr td.selectable.active:hover,

  27081. .ui.selectable.table tr:hover td.active {

  27082.   background: #E0E0E0 !important;

  27083.   color: rgba(0, 0, 0, 0.87) !important;

  27084. }

  27085. 

  27086. .ui.selectable.table tr.positive:hover,

  27087. .ui.table tr td.selectable.positive:hover,

  27088. .ui.selectable.table tr:hover td.positive {

  27089.   background: #f7ffe6 !important;

  27090.   color: #275b28 !important;

  27091. }

  27092. 

  27093. .ui.selectable.table tr.negative:hover,

  27094. .ui.table tr td.selectable.negative:hover,

  27095. .ui.selectable.table tr:hover td.negative {

  27096.   background: #ffe7e7 !important;

  27097.   color: #943634 !important;

  27098. }

  27099. 

  27100. /*-------------------

  27101.       Attached

  27102. --------------------*/

  27103. 

  27104. /* Middle */

  27105. 

  27106. .ui.attached.table {

  27107.   top: 0px;

  27108.   bottom: 0px;

  27109.   border-radius: 0px;

  27110.   margin: 0em -1px;

  27111.   width: calc(100% +  2px );

  27112.   max-width: calc(100% +  2px );

  27113.   -webkit-box-shadow: none;

  27114.   box-shadow: none;

  27115.   border: 1px solid #D4D4D5;

  27116. }

  27117. 

  27118. .ui.attached + .ui.attached.table:not(.top) {

  27119.   border-top: none;

  27120. }

  27121. 

  27122. /* Top */

  27123. 

  27124. .ui[class*="top attached"].table {

  27125.   bottom: 0px;

  27126.   margin-bottom: 0em;

  27127.   top: 0px;

  27128.   margin-top: 1em;

  27129.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  27130. }

  27131. 

  27132. .ui.table[class*="top attached"]:first-child {

  27133.   margin-top: 0em;

  27134. }

  27135. 

  27136. /* Bottom */

  27137. 

  27138. .ui[class*="bottom attached"].table {

  27139.   bottom: 0px;

  27140.   margin-top: 0em;

  27141.   top: 0px;

  27142.   margin-bottom: 1em;

  27143.   -webkit-box-shadow: none, none;

  27144.   box-shadow: none, none;

  27145.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  27146. }

  27147. 

  27148. .ui[class*="bottom attached"].table:last-child {

  27149.   margin-bottom: 0em;

  27150. }

  27151. 

  27152. /*--------------

  27153.      Striped

  27154. ---------------*/

  27155. 

  27156. /* Table Striping */

  27157. 

  27158. .ui.striped.table > tr:nth-child(2n),

  27159. .ui.striped.table tbody tr:nth-child(2n) {

  27160.   background-color: rgba(0, 0, 50, 0.02);

  27161. }

  27162. 

  27163. /* Stripes */

  27164. 

  27165. .ui.inverted.striped.table > tr:nth-child(2n),

  27166. .ui.inverted.striped.table tbody tr:nth-child(2n) {

  27167.   background-color: rgba(255, 255, 255, 0.05);

  27168. }

  27169. 

  27170. /* Allow striped active hover */

  27171. 

  27172. .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {

  27173.   background: #EFEFEF !important;

  27174.   color: rgba(0, 0, 0, 0.95) !important;

  27175. }

  27176. 

  27177. /*--------------

  27178.    Single Line

  27179. ---------------*/

  27180. 

  27181. .ui.table[class*="single line"],

  27182. .ui.table [class*="single line"] {

  27183.   white-space: nowrap;

  27184. }

  27185. 

  27186. .ui.table[class*="single line"],

  27187. .ui.table [class*="single line"] {

  27188.   white-space: nowrap;

  27189. }

  27190. 

  27191. /*-------------------

  27192.        Colors

  27193. --------------------*/

  27194. 

  27195. /* Red */

  27196. 

  27197. .ui.red.table {

  27198.   border-top: 0.2em solid #DB2828;

  27199. }

  27200. 

  27201. .ui.inverted.red.table {

  27202.   background-color: #DB2828 !important;

  27203.   color: #FFFFFF !important;

  27204. }

  27205. 

  27206. /* Orange */

  27207. 

  27208. .ui.orange.table {

  27209.   border-top: 0.2em solid #F2711C;

  27210. }

  27211. 

  27212. .ui.inverted.orange.table {

  27213.   background-color: #F2711C !important;

  27214.   color: #FFFFFF !important;

  27215. }

  27216. 

  27217. /* Yellow */

  27218. 

  27219. .ui.yellow.table {

  27220.   border-top: 0.2em solid #FBBD08;

  27221. }

  27222. 

  27223. .ui.inverted.yellow.table {

  27224.   background-color: #FBBD08 !important;

  27225.   color: #FFFFFF !important;

  27226. }

  27227. 

  27228. /* Olive */

  27229. 

  27230. .ui.olive.table {

  27231.   border-top: 0.2em solid #B5CC18;

  27232. }

  27233. 

  27234. .ui.inverted.olive.table {

  27235.   background-color: #B5CC18 !important;

  27236.   color: #FFFFFF !important;

  27237. }

  27238. 

  27239. /* Green */

  27240. 

  27241. .ui.green.table {

  27242.   border-top: 0.2em solid #21BA45;

  27243. }

  27244. 

  27245. .ui.inverted.green.table {

  27246.   background-color: #21BA45 !important;

  27247.   color: #FFFFFF !important;

  27248. }

  27249. 

  27250. /* Teal */

  27251. 

  27252. .ui.teal.table {

  27253.   border-top: 0.2em solid #00B5AD;

  27254. }

  27255. 

  27256. .ui.inverted.teal.table {

  27257.   background-color: #00B5AD !important;

  27258.   color: #FFFFFF !important;

  27259. }

  27260. 

  27261. /* Blue */

  27262. 

  27263. .ui.blue.table {

  27264.   border-top: 0.2em solid #2185D0;

  27265. }

  27266. 

  27267. .ui.inverted.blue.table {

  27268.   background-color: #2185D0 !important;

  27269.   color: #FFFFFF !important;

  27270. }

  27271. 

  27272. /* Violet */

  27273. 

  27274. .ui.violet.table {

  27275.   border-top: 0.2em solid #6435C9;

  27276. }

  27277. 

  27278. .ui.inverted.violet.table {

  27279.   background-color: #6435C9 !important;

  27280.   color: #FFFFFF !important;

  27281. }

  27282. 

  27283. /* Purple */

  27284. 

  27285. .ui.purple.table {

  27286.   border-top: 0.2em solid #A333C8;

  27287. }

  27288. 

  27289. .ui.inverted.purple.table {

  27290.   background-color: #A333C8 !important;

  27291.   color: #FFFFFF !important;

  27292. }

  27293. 

  27294. /* Pink */

  27295. 

  27296. .ui.pink.table {

  27297.   border-top: 0.2em solid #E03997;

  27298. }

  27299. 

  27300. .ui.inverted.pink.table {

  27301.   background-color: #E03997 !important;

  27302.   color: #FFFFFF !important;

  27303. }

  27304. 

  27305. /* Brown */

  27306. 

  27307. .ui.brown.table {

  27308.   border-top: 0.2em solid #A5673F;

  27309. }

  27310. 

  27311. .ui.inverted.brown.table {

  27312.   background-color: #A5673F !important;

  27313.   color: #FFFFFF !important;

  27314. }

  27315. 

  27316. /* Grey */

  27317. 

  27318. .ui.grey.table {

  27319.   border-top: 0.2em solid #767676;

  27320. }

  27321. 

  27322. .ui.inverted.grey.table {

  27323.   background-color: #767676 !important;

  27324.   color: #FFFFFF !important;

  27325. }

  27326. 

  27327. /* Black */

  27328. 

  27329. .ui.black.table {

  27330.   border-top: 0.2em solid #1B1C1D;

  27331. }

  27332. 

  27333. .ui.inverted.black.table {

  27334.   background-color: #1B1C1D !important;

  27335.   color: #FFFFFF !important;

  27336. }

  27337. 

  27338. /*--------------

  27339.   Column Count

  27340. ---------------*/

  27341. 

  27342. /* Grid Based */

  27343. 

  27344. .ui.one.column.table td {

  27345.   width: 100%;

  27346. }

  27347. 

  27348. .ui.two.column.table td {

  27349.   width: 50%;

  27350. }

  27351. 

  27352. .ui.three.column.table td {

  27353.   width: 33.33333333%;

  27354. }

  27355. 

  27356. .ui.four.column.table td {

  27357.   width: 25%;

  27358. }

  27359. 

  27360. .ui.five.column.table td {

  27361.   width: 20%;

  27362. }

  27363. 

  27364. .ui.six.column.table td {

  27365.   width: 16.66666667%;

  27366. }

  27367. 

  27368. .ui.seven.column.table td {

  27369.   width: 14.28571429%;

  27370. }

  27371. 

  27372. .ui.eight.column.table td {

  27373.   width: 12.5%;

  27374. }

  27375. 

  27376. .ui.nine.column.table td {

  27377.   width: 11.11111111%;

  27378. }

  27379. 

  27380. .ui.ten.column.table td {

  27381.   width: 10%;

  27382. }

  27383. 

  27384. .ui.eleven.column.table td {

  27385.   width: 9.09090909%;

  27386. }

  27387. 

  27388. .ui.twelve.column.table td {

  27389.   width: 8.33333333%;

  27390. }

  27391. 

  27392. .ui.thirteen.column.table td {

  27393.   width: 7.69230769%;

  27394. }

  27395. 

  27396. .ui.fourteen.column.table td {

  27397.   width: 7.14285714%;

  27398. }

  27399. 

  27400. .ui.fifteen.column.table td {

  27401.   width: 6.66666667%;

  27402. }

  27403. 

  27404. .ui.sixteen.column.table td {

  27405.   width: 6.25%;

  27406. }

  27407. 

  27408. /* Column Width */

  27409. 

  27410. .ui.table th.one.wide,

  27411. .ui.table td.one.wide {

  27412.   width: 6.25%;

  27413. }

  27414. 

  27415. .ui.table th.two.wide,

  27416. .ui.table td.two.wide {

  27417.   width: 12.5%;

  27418. }

  27419. 

  27420. .ui.table th.three.wide,

  27421. .ui.table td.three.wide {

  27422.   width: 18.75%;

  27423. }

  27424. 

  27425. .ui.table th.four.wide,

  27426. .ui.table td.four.wide {

  27427.   width: 25%;

  27428. }

  27429. 

  27430. .ui.table th.five.wide,

  27431. .ui.table td.five.wide {

  27432.   width: 31.25%;

  27433. }

  27434. 

  27435. .ui.table th.six.wide,

  27436. .ui.table td.six.wide {

  27437.   width: 37.5%;

  27438. }

  27439. 

  27440. .ui.table th.seven.wide,

  27441. .ui.table td.seven.wide {

  27442.   width: 43.75%;

  27443. }

  27444. 

  27445. .ui.table th.eight.wide,

  27446. .ui.table td.eight.wide {

  27447.   width: 50%;

  27448. }

  27449. 

  27450. .ui.table th.nine.wide,

  27451. .ui.table td.nine.wide {

  27452.   width: 56.25%;

  27453. }

  27454. 

  27455. .ui.table th.ten.wide,

  27456. .ui.table td.ten.wide {

  27457.   width: 62.5%;

  27458. }

  27459. 

  27460. .ui.table th.eleven.wide,

  27461. .ui.table td.eleven.wide {

  27462.   width: 68.75%;

  27463. }

  27464. 

  27465. .ui.table th.twelve.wide,

  27466. .ui.table td.twelve.wide {

  27467.   width: 75%;

  27468. }

  27469. 

  27470. .ui.table th.thirteen.wide,

  27471. .ui.table td.thirteen.wide {

  27472.   width: 81.25%;

  27473. }

  27474. 

  27475. .ui.table th.fourteen.wide,

  27476. .ui.table td.fourteen.wide {

  27477.   width: 87.5%;

  27478. }

  27479. 

  27480. .ui.table th.fifteen.wide,

  27481. .ui.table td.fifteen.wide {

  27482.   width: 93.75%;

  27483. }

  27484. 

  27485. .ui.table th.sixteen.wide,

  27486. .ui.table td.sixteen.wide {

  27487.   width: 100%;

  27488. }

  27489. 

  27490. /*--------------

  27491.     Sortable

  27492. ---------------*/

  27493. 

  27494. .ui.sortable.table thead th {

  27495.   cursor: pointer;

  27496.   white-space: nowrap;

  27497.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  27498.   color: rgba(0, 0, 0, 0.87);

  27499. }

  27500. 

  27501. .ui.sortable.table thead th:first-child {

  27502.   border-left: none;

  27503. }

  27504. 

  27505. .ui.sortable.table thead th.sorted,

  27506. .ui.sortable.table thead th.sorted:hover {

  27507.   -webkit-user-select: none;

  27508.   -moz-user-select: none;

  27509.   -ms-user-select: none;

  27510.   user-select: none;

  27511. }

  27512. 

  27513. .ui.sortable.table thead th:after {

  27514.   display: none;

  27515.   font-style: normal;

  27516.   font-weight: normal;

  27517.   text-decoration: inherit;

  27518.   content: '';

  27519.   height: 1em;

  27520.   width: auto;

  27521.   opacity: 0.8;

  27522.   margin: 0em 0em 0em 0.5em;

  27523.   font-family: 'Icons';

  27524. }

  27525. 

  27526. .ui.sortable.table thead th.ascending:after {

  27527.   content: '\f0d8';

  27528. }

  27529. 

  27530. .ui.sortable.table thead th.descending:after {

  27531.   content: '\f0d7';

  27532. }

  27533. 

  27534. /* Hover */

  27535. 

  27536. .ui.sortable.table th.disabled:hover {

  27537.   cursor: auto;

  27538.   color: rgba(40, 40, 40, 0.3);

  27539. }

  27540. 

  27541. .ui.sortable.table thead th:hover {

  27542.   background: rgba(0, 0, 0, 0.05);

  27543.   color: rgba(0, 0, 0, 0.8);

  27544. }

  27545. 

  27546. /* Sorted */

  27547. 

  27548. .ui.sortable.table thead th.sorted {

  27549.   background: rgba(0, 0, 0, 0.05);

  27550.   color: rgba(0, 0, 0, 0.95);

  27551. }

  27552. 

  27553. .ui.sortable.table thead th.sorted:after {

  27554.   display: inline-block;

  27555. }

  27556. 

  27557. /* Sorted Hover */

  27558. 

  27559. .ui.sortable.table thead th.sorted:hover {

  27560.   background: rgba(0, 0, 0, 0.05);

  27561.   color: rgba(0, 0, 0, 0.95);

  27562. }

  27563. 

  27564. /* Inverted */

  27565. 

  27566. .ui.inverted.sortable.table thead th.sorted {

  27567.   background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));

  27568.   background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  27569.   background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  27570.   color: #ffffff;

  27571. }

  27572. 

  27573. .ui.inverted.sortable.table thead th:hover {

  27574.   background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));

  27575.   background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  27576.   background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  27577.   color: #ffffff;

  27578. }

  27579. 

  27580. .ui.inverted.sortable.table thead th {

  27581.   border-left-color: transparent;

  27582.   border-right-color: transparent;

  27583. }

  27584. 

  27585. /*--------------

  27586.     Inverted

  27587. ---------------*/

  27588. 

  27589. /* Text Color */

  27590. 

  27591. .ui.inverted.table {

  27592.   background: #333333;

  27593.   color: rgba(255, 255, 255, 0.9);

  27594.   border: none;

  27595. }

  27596. 

  27597. .ui.inverted.table th {

  27598.   background-color: rgba(0, 0, 0, 0.15);

  27599.   border-color: rgba(255, 255, 255, 0.1) !important;

  27600.   color: rgba(255, 255, 255, 0.9) !important;

  27601. }

  27602. 

  27603. .ui.inverted.table tr td {

  27604.   border-color: rgba(255, 255, 255, 0.1) !important;

  27605. }

  27606. 

  27607. .ui.inverted.table tr.disabled td,

  27608. .ui.inverted.table tr td.disabled,

  27609. .ui.inverted.table tr.disabled:hover td,

  27610. .ui.inverted.table tr:hover td.disabled {

  27611.   pointer-events: none;

  27612.   color: rgba(225, 225, 225, 0.3);

  27613. }

  27614. 

  27615. /* Definition */

  27616. 

  27617. .ui.inverted.definition.table tfoot:not(.full-width) th:first-child,

  27618. .ui.inverted.definition.table thead:not(.full-width) th:first-child {

  27619.   background: #FFFFFF;

  27620. }

  27621. 

  27622. .ui.inverted.definition.table tr td:first-child {

  27623.   background: rgba(255, 255, 255, 0.02);

  27624.   color: #ffffff;

  27625. }

  27626. 

  27627. /*--------------

  27628.    Collapsing

  27629. ---------------*/

  27630. 

  27631. .ui.collapsing.table {

  27632.   width: auto;

  27633. }

  27634. 

  27635. /*--------------

  27636.       Basic

  27637. ---------------*/

  27638. 

  27639. .ui.basic.table {

  27640.   background: transparent;

  27641.   border: 1px solid rgba(34, 36, 38, 0.15);

  27642.   -webkit-box-shadow: none;

  27643.   box-shadow: none;

  27644. }

  27645. 

  27646. .ui.basic.table thead,

  27647. .ui.basic.table tfoot {

  27648.   -webkit-box-shadow: none;

  27649.   box-shadow: none;

  27650. }

  27651. 

  27652. .ui.basic.table th {

  27653.   background: transparent;

  27654.   border-left: none;

  27655. }

  27656. 

  27657. .ui.basic.table tbody tr {

  27658.   border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  27659. }

  27660. 

  27661. .ui.basic.table td {

  27662.   background: transparent;

  27663. }

  27664. 

  27665. .ui.basic.striped.table tbody tr:nth-child(2n) {

  27666.   background-color: rgba(0, 0, 0, 0.05) !important;

  27667. }

  27668. 

  27669. /* Very Basic */

  27670. 

  27671. .ui[class*="very basic"].table {

  27672.   border: none;

  27673. }

  27674. 

  27675. .ui[class*="very basic"].table:not(.sortable):not(.striped) th,

  27676. .ui[class*="very basic"].table:not(.sortable):not(.striped) td {

  27677.   padding: '';

  27678. }

  27679. 

  27680. .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,

  27681. .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {

  27682.   padding-left: 0em;

  27683. }

  27684. 

  27685. .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,

  27686. .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {

  27687.   padding-right: 0em;

  27688. }

  27689. 

  27690. .ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {

  27691.   padding-top: 0em;

  27692. }

  27693. 

  27694. /*--------------

  27695.      Celled

  27696. ---------------*/

  27697. 

  27698. .ui.celled.table tr th,

  27699. .ui.celled.table tr td {

  27700.   border-left: 1px solid rgba(34, 36, 38, 0.1);

  27701. }

  27702. 

  27703. .ui.celled.table tr th:first-child,

  27704. .ui.celled.table tr td:first-child {

  27705.   border-left: none;

  27706. }

  27707. 

  27708. /*--------------

  27709.      Padded

  27710. ---------------*/

  27711. 

  27712. .ui.padded.table th {

  27713.   padding-left: 1em;

  27714.   padding-right: 1em;

  27715. }

  27716. 

  27717. .ui.padded.table th,

  27718. .ui.padded.table td {

  27719.   padding: 1em 1em;

  27720. }

  27721. 

  27722. /* Very */

  27723. 

  27724. .ui[class*="very padded"].table th {

  27725.   padding-left: 1.5em;

  27726.   padding-right: 1.5em;

  27727. }

  27728. 

  27729. .ui[class*="very padded"].table td {

  27730.   padding: 1.5em 1.5em;

  27731. }

  27732. 

  27733. /*--------------

  27734.      Compact

  27735. ---------------*/

  27736. 

  27737. .ui.compact.table th {

  27738.   padding-left: 0.7em;

  27739.   padding-right: 0.7em;

  27740. }

  27741. 

  27742. .ui.compact.table td {

  27743.   padding: 0.5em 0.7em;

  27744. }

  27745. 

  27746. /* Very */

  27747. 

  27748. .ui[class*="very compact"].table th {

  27749.   padding-left: 0.6em;

  27750.   padding-right: 0.6em;

  27751. }

  27752. 

  27753. .ui[class*="very compact"].table td {

  27754.   padding: 0.4em 0.6em;

  27755. }

  27756. 

  27757. /*--------------

  27758.       Sizes

  27759. ---------------*/

  27760. 

  27761. /* Small */

  27762. 

  27763. .ui.small.table {

  27764.   font-size: 0.9em;

  27765. }

  27766. 

  27767. /* Standard */

  27768. 

  27769. .ui.table {

  27770.   font-size: 1em;

  27771. }

  27772. 

  27773. /* Large */

  27774. 

  27775. .ui.large.table {

  27776.   font-size: 1.1em;

  27777. }

  27778. 

  27779. /*******************************

  27780.          Site Overrides

  27781. *******************************/

  27782. /*!

  27783.  * # Semantic UI 2.4.0 - Ad

  27784.  * http://github.com/semantic-org/semantic-ui/

  27785.  *

  27786.  *

  27787.  * Copyright 2013 Contributors

  27788.  * Released under the MIT license

  27789.  * http://opensource.org/licenses/MIT

  27790.  *

  27791.  */

  27792. 

  27793. /*******************************

  27794.          Advertisement

  27795. *******************************/

  27796. 

  27797. .ui.ad {

  27798.   display: block;

  27799.   overflow: hidden;

  27800.   margin: 1em 0em;

  27801. }

  27802. 

  27803. .ui.ad:first-child {

  27804.   margin: 0em;

  27805. }

  27806. 

  27807. .ui.ad:last-child {

  27808.   margin: 0em;

  27809. }

  27810. 

  27811. .ui.ad iframe {

  27812.   margin: 0em;

  27813.   padding: 0em;

  27814.   border: none;

  27815.   overflow: hidden;

  27816. }

  27817. 

  27818. /*--------------

  27819.      Common

  27820. ---------------*/

  27821. 

  27822. /* Leaderboard */

  27823. 

  27824. .ui.leaderboard.ad {

  27825.   width: 728px;

  27826.   height: 90px;

  27827. }

  27828. 

  27829. /* Medium Rectangle */

  27830. 

  27831. .ui[class*="medium rectangle"].ad {

  27832.   width: 300px;

  27833.   height: 250px;

  27834. }

  27835. 

  27836. /* Large Rectangle */

  27837. 

  27838. .ui[class*="large rectangle"].ad {

  27839.   width: 336px;

  27840.   height: 280px;

  27841. }

  27842. 

  27843. /* Half Page */

  27844. 

  27845. .ui[class*="half page"].ad {

  27846.   width: 300px;

  27847.   height: 600px;

  27848. }

  27849. 

  27850. /*--------------

  27851.      Square

  27852. ---------------*/

  27853. 

  27854. /* Square */

  27855. 

  27856. .ui.square.ad {

  27857.   width: 250px;

  27858.   height: 250px;

  27859. }

  27860. 

  27861. /* Small Square */

  27862. 

  27863. .ui[class*="small square"].ad {

  27864.   width: 200px;

  27865.   height: 200px;

  27866. }

  27867. 

  27868. /*--------------

  27869.     Rectangle

  27870. ---------------*/

  27871. 

  27872. /* Small Rectangle */

  27873. 

  27874. .ui[class*="small rectangle"].ad {

  27875.   width: 180px;

  27876.   height: 150px;

  27877. }

  27878. 

  27879. /* Vertical Rectangle */

  27880. 

  27881. .ui[class*="vertical rectangle"].ad {

  27882.   width: 240px;

  27883.   height: 400px;

  27884. }

  27885. 

  27886. /*--------------

  27887.      Button

  27888. ---------------*/

  27889. 

  27890. .ui.button.ad {

  27891.   width: 120px;

  27892.   height: 90px;

  27893. }

  27894. 

  27895. .ui[class*="square button"].ad {

  27896.   width: 125px;

  27897.   height: 125px;

  27898. }

  27899. 

  27900. .ui[class*="small button"].ad {

  27901.   width: 120px;

  27902.   height: 60px;

  27903. }

  27904. 

  27905. /*--------------

  27906.    Skyscrapers

  27907. ---------------*/

  27908. 

  27909. /* Skyscraper */

  27910. 

  27911. .ui.skyscraper.ad {

  27912.   width: 120px;

  27913.   height: 600px;

  27914. }

  27915. 

  27916. /* Wide Skyscraper */

  27917. 

  27918. .ui[class*="wide skyscraper"].ad {

  27919.   width: 160px;

  27920. }

  27921. 

  27922. /*--------------

  27923.      Banners

  27924. ---------------*/

  27925. 

  27926. /* Banner */

  27927. 

  27928. .ui.banner.ad {

  27929.   width: 468px;

  27930.   height: 60px;

  27931. }

  27932. 

  27933. /* Vertical Banner */

  27934. 

  27935. .ui[class*="vertical banner"].ad {

  27936.   width: 120px;

  27937.   height: 240px;

  27938. }

  27939. 

  27940. /* Top Banner */

  27941. 

  27942. .ui[class*="top banner"].ad {

  27943.   width: 930px;

  27944.   height: 180px;

  27945. }

  27946. 

  27947. /* Half Banner */

  27948. 

  27949. .ui[class*="half banner"].ad {

  27950.   width: 234px;

  27951.   height: 60px;

  27952. }

  27953. 

  27954. /*--------------

  27955.     Boards

  27956. ---------------*/

  27957. 

  27958. /* Leaderboard */

  27959. 

  27960. .ui[class*="large leaderboard"].ad {

  27961.   width: 970px;

  27962.   height: 90px;

  27963. }

  27964. 

  27965. /* Billboard */

  27966. 

  27967. .ui.billboard.ad {

  27968.   width: 970px;

  27969.   height: 250px;

  27970. }

  27971. 

  27972. /*--------------

  27973.     Panorama

  27974. ---------------*/

  27975. 

  27976. /* Panorama */

  27977. 

  27978. .ui.panorama.ad {

  27979.   width: 980px;

  27980.   height: 120px;

  27981. }

  27982. 

  27983. /*--------------

  27984.      Netboard

  27985. ---------------*/

  27986. 

  27987. /* Netboard */

  27988. 

  27989. .ui.netboard.ad {

  27990.   width: 580px;

  27991.   height: 400px;

  27992. }

  27993. 

  27994. /*--------------

  27995.      Mobile

  27996. ---------------*/

  27997. 

  27998. /* Large Mobile Banner */

  27999. 

  28000. .ui[class*="large mobile banner"].ad {

  28001.   width: 320px;

  28002.   height: 100px;

  28003. }

  28004. 

  28005. /* Mobile Leaderboard */

  28006. 

  28007. .ui[class*="mobile leaderboard"].ad {

  28008.   width: 320px;

  28009.   height: 50px;

  28010. }

  28011. 

  28012. /*******************************

  28013.              Types

  28014. *******************************/

  28015. 

  28016. /* Mobile Sizes */

  28017. 

  28018. .ui.mobile.ad {

  28019.   display: none;

  28020. }

  28021. 

  28022. @media only screen and (max-width: 767px) {

  28023.   .ui.mobile.ad {

  28024.     display: block;

  28025.   }

  28026. }

  28027. 

  28028. /*******************************

  28029.            Variations

  28030. *******************************/

  28031. 

  28032. .ui.centered.ad {

  28033.   margin-left: auto;

  28034.   margin-right: auto;

  28035. }

  28036. 

  28037. .ui.test.ad {

  28038.   position: relative;

  28039.   background: #545454;

  28040. }

  28041. 

  28042. .ui.test.ad:after {

  28043.   position: absolute;

  28044.   top: 50%;

  28045.   left: 50%;

  28046.   width: 100%;

  28047.   text-align: center;

  28048.   -webkit-transform: translateX(-50%) translateY(-50%);

  28049.   transform: translateX(-50%) translateY(-50%);

  28050.   content: 'Ad';

  28051.   color: #FFFFFF;

  28052.   font-size: 1em;

  28053.   font-weight: bold;

  28054. }

  28055. 

  28056. .ui.mobile.test.ad:after {

  28057.   font-size: 0.85714286em;

  28058. }

  28059. 

  28060. .ui.test.ad[data-text]:after {

  28061.   content: attr(data-text);

  28062. }

  28063. 

  28064. /*******************************

  28065.          Theme Overrides

  28066. *******************************/

  28067. 

  28068. /*******************************

  28069.     User Variable Overrides

  28070. *******************************/

  28071. /*!

  28072.  * # Semantic UI 2.4.0 - Item

  28073.  * http://github.com/semantic-org/semantic-ui/

  28074.  *

  28075.  *

  28076.  * Released under the MIT license

  28077.  * http://opensource.org/licenses/MIT

  28078.  *

  28079.  */

  28080. 

  28081. /*******************************

  28082.             Standard

  28083. *******************************/

  28084. 

  28085. /*--------------

  28086.       Card

  28087. ---------------*/

  28088. 

  28089. .ui.cards > .card,

  28090. .ui.card {

  28091.   max-width: 100%;

  28092.   position: relative;

  28093.   display: -webkit-box;

  28094.   display: -ms-flexbox;

  28095.   display: flex;

  28096.   -webkit-box-orient: vertical;

  28097.   -webkit-box-direction: normal;

  28098.   -ms-flex-direction: column;

  28099.   flex-direction: column;

  28100.   width: 290px;

  28101.   min-height: 0px;

  28102.   background: #FFFFFF;

  28103.   padding: 0em;

  28104.   border: none;

  28105.   border-radius: 0.28571429rem;

  28106.   -webkit-box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;

  28107.   box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;

  28108.   -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;

  28109.   transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;

  28110.   transition: box-shadow 0.1s ease, transform 0.1s ease;

  28111.   transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;

  28112.   z-index: '';

  28113. }

  28114. 

  28115. .ui.card {

  28116.   margin: 1em 0em;

  28117. }

  28118. 

  28119. .ui.cards > .card a,

  28120. .ui.card a {

  28121.   cursor: pointer;

  28122. }

  28123. 

  28124. .ui.card:first-child {

  28125.   margin-top: 0em;

  28126. }

  28127. 

  28128. .ui.card:last-child {

  28129.   margin-bottom: 0em;

  28130. }

  28131. 

  28132. /*--------------

  28133.       Cards

  28134. ---------------*/

  28135. 

  28136. .ui.cards {

  28137.   display: -webkit-box;

  28138.   display: -ms-flexbox;

  28139.   display: flex;

  28140.   margin: -0.875em -0.5em;

  28141.   -ms-flex-wrap: wrap;

  28142.   flex-wrap: wrap;

  28143. }

  28144. 

  28145. .ui.cards > .card {

  28146.   display: -webkit-box;

  28147.   display: -ms-flexbox;

  28148.   display: flex;

  28149.   margin: 0.875em 0.5em;

  28150.   float: none;

  28151. }

  28152. 

  28153. /* Clearing */

  28154. 

  28155. .ui.cards:after,

  28156. .ui.card:after {

  28157.   display: block;

  28158.   content: ' ';

  28159.   height: 0px;

  28160.   clear: both;

  28161.   overflow: hidden;

  28162.   visibility: hidden;

  28163. }

  28164. 

  28165. /* Consecutive Card Groups Preserve Row Spacing */

  28166. 

  28167. .ui.cards ~ .ui.cards {

  28168.   margin-top: 0.875em;

  28169. }

  28170. 

  28171. /*--------------

  28172.   Rounded Edges

  28173. ---------------*/

  28174. 

  28175. .ui.cards > .card > :first-child,

  28176. .ui.card > :first-child {

  28177.   border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;

  28178.   border-top: none !important;

  28179. }

  28180. 

  28181. .ui.cards > .card > :last-child,

  28182. .ui.card > :last-child {

  28183.   border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;

  28184. }

  28185. 

  28186. .ui.cards > .card > :only-child,

  28187. .ui.card > :only-child {

  28188.   border-radius: 0.28571429rem !important;

  28189. }

  28190. 

  28191. /*--------------

  28192.      Images

  28193. ---------------*/

  28194. 

  28195. .ui.cards > .card > .image,

  28196. .ui.card > .image {

  28197.   position: relative;

  28198.   display: block;

  28199.   -webkit-box-flex: 0;

  28200.   -ms-flex: 0 0 auto;

  28201.   flex: 0 0 auto;

  28202.   padding: 0em;

  28203.   background: rgba(0, 0, 0, 0.05);

  28204. }

  28205. 

  28206. .ui.cards > .card > .image > img,

  28207. .ui.card > .image > img {

  28208.   display: block;

  28209.   width: 100%;

  28210.   height: auto;

  28211.   border-radius: inherit;

  28212. }

  28213. 

  28214. .ui.cards > .card > .image:not(.ui) > img,

  28215. .ui.card > .image:not(.ui) > img {

  28216.   border: none;

  28217. }

  28218. 

  28219. /*--------------

  28220.      Content

  28221. ---------------*/

  28222. 

  28223. .ui.cards > .card > .content,

  28224. .ui.card > .content {

  28225.   -webkit-box-flex: 1;

  28226.   -ms-flex-positive: 1;

  28227.   flex-grow: 1;

  28228.   border: none;

  28229.   border-top: 1px solid rgba(34, 36, 38, 0.1);

  28230.   background: none;

  28231.   margin: 0em;

  28232.   padding: 1em 1em;

  28233.   -webkit-box-shadow: none;

  28234.   box-shadow: none;

  28235.   font-size: 1em;

  28236.   border-radius: 0em;

  28237. }

  28238. 

  28239. .ui.cards > .card > .content:after,

  28240. .ui.card > .content:after {

  28241.   display: block;

  28242.   content: ' ';

  28243.   height: 0px;

  28244.   clear: both;

  28245.   overflow: hidden;

  28246.   visibility: hidden;

  28247. }

  28248. 

  28249. .ui.cards > .card > .content > .header,

  28250. .ui.card > .content > .header {

  28251.   display: block;

  28252.   margin: '';

  28253.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  28254.   color: rgba(0, 0, 0, 0.85);

  28255. }

  28256. 

  28257. /* Default Header Size */

  28258. 

  28259. .ui.cards > .card > .content > .header:not(.ui),

  28260. .ui.card > .content > .header:not(.ui) {

  28261.   font-weight: bold;

  28262.   font-size: 1.28571429em;

  28263.   margin-top: -0.21425em;

  28264.   line-height: 1.28571429em;

  28265. }

  28266. 

  28267. .ui.cards > .card > .content > .meta + .description,

  28268. .ui.cards > .card > .content > .header + .description,

  28269. .ui.card > .content > .meta + .description,

  28270. .ui.card > .content > .header + .description {

  28271.   margin-top: 0.5em;

  28272. }

  28273. 

  28274. /*----------------

  28275.  Floated Content

  28276. -----------------*/

  28277. 

  28278. .ui.cards > .card [class*="left floated"],

  28279. .ui.card [class*="left floated"] {

  28280.   float: left;

  28281. }

  28282. 

  28283. .ui.cards > .card [class*="right floated"],

  28284. .ui.card [class*="right floated"] {

  28285.   float: right;

  28286. }

  28287. 

  28288. /*--------------

  28289.      Aligned

  28290. ---------------*/

  28291. 

  28292. .ui.cards > .card [class*="left aligned"],

  28293. .ui.card [class*="left aligned"] {

  28294.   text-align: left;

  28295. }

  28296. 

  28297. .ui.cards > .card [class*="center aligned"],

  28298. .ui.card [class*="center aligned"] {

  28299.   text-align: center;

  28300. }

  28301. 

  28302. .ui.cards > .card [class*="right aligned"],

  28303. .ui.card [class*="right aligned"] {

  28304.   text-align: right;

  28305. }

  28306. 

  28307. /*--------------

  28308.   Content Image

  28309. ---------------*/

  28310. 

  28311. .ui.cards > .card .content img,

  28312. .ui.card .content img {

  28313.   display: inline-block;

  28314.   vertical-align: middle;

  28315.   width: '';

  28316. }

  28317. 

  28318. .ui.cards > .card img.avatar,

  28319. .ui.cards > .card .avatar img,

  28320. .ui.card img.avatar,

  28321. .ui.card .avatar img {

  28322.   width: 2em;

  28323.   height: 2em;

  28324.   border-radius: 500rem;

  28325. }

  28326. 

  28327. /*--------------

  28328.    Description

  28329. ---------------*/

  28330. 

  28331. .ui.cards > .card > .content > .description,

  28332. .ui.card > .content > .description {

  28333.   clear: both;

  28334.   color: rgba(0, 0, 0, 0.68);

  28335. }

  28336. 

  28337. /*--------------

  28338.     Paragraph

  28339. ---------------*/

  28340. 

  28341. .ui.cards > .card > .content p,

  28342. .ui.card > .content p {

  28343.   margin: 0em 0em 0.5em;

  28344. }

  28345. 

  28346. .ui.cards > .card > .content p:last-child,

  28347. .ui.card > .content p:last-child {

  28348.   margin-bottom: 0em;

  28349. }

  28350. 

  28351. /*--------------

  28352.       Meta

  28353. ---------------*/

  28354. 

  28355. .ui.cards > .card .meta,

  28356. .ui.card .meta {

  28357.   font-size: 1em;

  28358.   color: rgba(0, 0, 0, 0.4);

  28359. }

  28360. 

  28361. .ui.cards > .card .meta *,

  28362. .ui.card .meta * {

  28363.   margin-right: 0.3em;

  28364. }

  28365. 

  28366. .ui.cards > .card .meta :last-child,

  28367. .ui.card .meta :last-child {

  28368.   margin-right: 0em;

  28369. }

  28370. 

  28371. .ui.cards > .card .meta [class*="right floated"],

  28372. .ui.card .meta [class*="right floated"] {

  28373.   margin-right: 0em;

  28374.   margin-left: 0.3em;

  28375. }

  28376. 

  28377. /*--------------

  28378.       Links

  28379. ---------------*/

  28380. 

  28381. /* Generic */

  28382. 

  28383. .ui.cards > .card > .content a:not(.ui),

  28384. .ui.card > .content a:not(.ui) {

  28385.   color: '';

  28386.   -webkit-transition: color 0.1s ease;

  28387.   transition: color 0.1s ease;

  28388. }

  28389. 

  28390. .ui.cards > .card > .content a:not(.ui):hover,

  28391. .ui.card > .content a:not(.ui):hover {

  28392.   color: '';

  28393. }

  28394. 

  28395. /* Header */

  28396. 

  28397. .ui.cards > .card > .content > a.header,

  28398. .ui.card > .content > a.header {

  28399.   color: rgba(0, 0, 0, 0.85);

  28400. }

  28401. 

  28402. .ui.cards > .card > .content > a.header:hover,

  28403. .ui.card > .content > a.header:hover {

  28404.   color: #1e70bf;

  28405. }

  28406. 

  28407. /* Meta */

  28408. 

  28409. .ui.cards > .card .meta > a:not(.ui),

  28410. .ui.card .meta > a:not(.ui) {

  28411.   color: rgba(0, 0, 0, 0.4);

  28412. }

  28413. 

  28414. .ui.cards > .card .meta > a:not(.ui):hover,

  28415. .ui.card .meta > a:not(.ui):hover {

  28416.   color: rgba(0, 0, 0, 0.87);

  28417. }

  28418. 

  28419. /*--------------

  28420.      Buttons

  28421. ---------------*/

  28422. 

  28423. .ui.cards > .card > .buttons,

  28424. .ui.card > .buttons,

  28425. .ui.cards > .card > .button,

  28426. .ui.card > .button {

  28427.   margin: 0px -1px;

  28428.   width: calc(100% +  2px );

  28429. }

  28430. 

  28431. /*--------------

  28432.       Dimmer

  28433. ---------------*/

  28434. 

  28435. .ui.cards > .card .dimmer,

  28436. .ui.card .dimmer {

  28437.   background-color: '';

  28438.   z-index: 10;

  28439. }

  28440. 

  28441. /*--------------

  28442.      Labels

  28443. ---------------*/

  28444. 

  28445. /*-----Star----- */

  28446. 

  28447. /* Icon */

  28448. 

  28449. .ui.cards > .card > .content .star.icon,

  28450. .ui.card > .content .star.icon {

  28451.   cursor: pointer;

  28452.   opacity: 0.75;

  28453.   -webkit-transition: color 0.1s ease;

  28454.   transition: color 0.1s ease;

  28455. }

  28456. 

  28457. .ui.cards > .card > .content .star.icon:hover,

  28458. .ui.card > .content .star.icon:hover {

  28459.   opacity: 1;

  28460.   color: #FFB70A;

  28461. }

  28462. 

  28463. .ui.cards > .card > .content .active.star.icon,

  28464. .ui.card > .content .active.star.icon {

  28465.   color: #FFE623;

  28466. }

  28467. 

  28468. /*-----Like----- */

  28469. 

  28470. /* Icon */

  28471. 

  28472. .ui.cards > .card > .content .like.icon,

  28473. .ui.card > .content .like.icon {

  28474.   cursor: pointer;

  28475.   opacity: 0.75;

  28476.   -webkit-transition: color 0.1s ease;

  28477.   transition: color 0.1s ease;

  28478. }

  28479. 

  28480. .ui.cards > .card > .content .like.icon:hover,

  28481. .ui.card > .content .like.icon:hover {

  28482.   opacity: 1;

  28483.   color: #FF2733;

  28484. }

  28485. 

  28486. .ui.cards > .card > .content .active.like.icon,

  28487. .ui.card > .content .active.like.icon {

  28488.   color: #FF2733;

  28489. }

  28490. 

  28491. /*----------------

  28492.   Extra Content

  28493. -----------------*/

  28494. 

  28495. .ui.cards > .card > .extra,

  28496. .ui.card > .extra {

  28497.   max-width: 100%;

  28498.   min-height: 0em !important;

  28499.   -webkit-box-flex: 0;

  28500.   -ms-flex-positive: 0;

  28501.   flex-grow: 0;

  28502.   border-top: 1px solid rgba(0, 0, 0, 0.05) !important;

  28503.   position: static;

  28504.   background: none;

  28505.   width: auto;

  28506.   margin: 0em 0em;

  28507.   padding: 0.75em 1em;

  28508.   top: 0em;

  28509.   left: 0em;

  28510.   color: rgba(0, 0, 0, 0.4);

  28511.   -webkit-box-shadow: none;

  28512.   box-shadow: none;

  28513.   -webkit-transition: color 0.1s ease;

  28514.   transition: color 0.1s ease;

  28515. }

  28516. 

  28517. .ui.cards > .card > .extra a:not(.ui),

  28518. .ui.card > .extra a:not(.ui) {

  28519.   color: rgba(0, 0, 0, 0.4);

  28520. }

  28521. 

  28522. .ui.cards > .card > .extra a:not(.ui):hover,

  28523. .ui.card > .extra a:not(.ui):hover {

  28524.   color: #1e70bf;

  28525. }

  28526. 

  28527. /*******************************

  28528.            Variations

  28529. *******************************/

  28530. 

  28531. /*-------------------

  28532.        Raised

  28533. --------------------*/

  28534. 

  28535. .ui.raised.cards > .card,

  28536. .ui.raised.card {

  28537.   -webkit-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);

  28538.   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);

  28539. }

  28540. 

  28541. .ui.raised.cards a.card:hover,

  28542. .ui.link.cards .raised.card:hover,

  28543. a.ui.raised.card:hover,

  28544. .ui.link.raised.card:hover {

  28545.   -webkit-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);

  28546.   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);

  28547. }

  28548. 

  28549. .ui.raised.cards > .card,

  28550. .ui.raised.card {

  28551.   -webkit-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);

  28552.   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);

  28553. }

  28554. 

  28555. /*-------------------

  28556.        Centered

  28557. --------------------*/

  28558. 

  28559. .ui.centered.cards {

  28560.   -webkit-box-pack: center;

  28561.   -ms-flex-pack: center;

  28562.   justify-content: center;

  28563. }

  28564. 

  28565. .ui.centered.card {

  28566.   margin-left: auto;

  28567.   margin-right: auto;

  28568. }

  28569. 

  28570. /*-------------------

  28571.         Fluid

  28572. --------------------*/

  28573. 

  28574. .ui.fluid.card {

  28575.   width: 100%;

  28576.   max-width: 9999px;

  28577. }

  28578. 

  28579. /*-------------------

  28580.         Link

  28581. --------------------*/

  28582. 

  28583. .ui.cards a.card,

  28584. .ui.link.cards .card,

  28585. a.ui.card,

  28586. .ui.link.card {

  28587.   -webkit-transform: none;

  28588.   transform: none;

  28589. }

  28590. 

  28591. .ui.cards a.card:hover,

  28592. .ui.link.cards .card:hover,

  28593. a.ui.card:hover,

  28594. .ui.link.card:hover {

  28595.   cursor: pointer;

  28596.   z-index: 5;

  28597.   background: #FFFFFF;

  28598.   border: none;

  28599.   -webkit-box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;

  28600.   box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;

  28601.   -webkit-transform: translateY(-3px);

  28602.   transform: translateY(-3px);

  28603. }

  28604. 

  28605. /*-------------------

  28606.        Colors

  28607. --------------------*/

  28608. 

  28609. /* Red */

  28610. 

  28611. .ui.red.cards > .card,

  28612. .ui.cards > .red.card,

  28613. .ui.red.card {

  28614.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;

  28615.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;

  28616. }

  28617. 

  28618. .ui.red.cards > .card:hover,

  28619. .ui.cards > .red.card:hover,

  28620. .ui.red.card:hover {

  28621.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;

  28622.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;

  28623. }

  28624. 

  28625. /* Orange */

  28626. 

  28627. .ui.orange.cards > .card,

  28628. .ui.cards > .orange.card,

  28629. .ui.orange.card {

  28630.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;

  28631.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;

  28632. }

  28633. 

  28634. .ui.orange.cards > .card:hover,

  28635. .ui.cards > .orange.card:hover,

  28636. .ui.orange.card:hover {

  28637.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;

  28638.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;

  28639. }

  28640. 

  28641. /* Yellow */

  28642. 

  28643. .ui.yellow.cards > .card,

  28644. .ui.cards > .yellow.card,

  28645. .ui.yellow.card {

  28646.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;

  28647.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;

  28648. }

  28649. 

  28650. .ui.yellow.cards > .card:hover,

  28651. .ui.cards > .yellow.card:hover,

  28652. .ui.yellow.card:hover {

  28653.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;

  28654.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;

  28655. }

  28656. 

  28657. /* Olive */

  28658. 

  28659. .ui.olive.cards > .card,

  28660. .ui.cards > .olive.card,

  28661. .ui.olive.card {

  28662.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;

  28663.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;

  28664. }

  28665. 

  28666. .ui.olive.cards > .card:hover,

  28667. .ui.cards > .olive.card:hover,

  28668. .ui.olive.card:hover {

  28669.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;

  28670.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;

  28671. }

  28672. 

  28673. /* Green */

  28674. 

  28675. .ui.green.cards > .card,

  28676. .ui.cards > .green.card,

  28677. .ui.green.card {

  28678.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;

  28679.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;

  28680. }

  28681. 

  28682. .ui.green.cards > .card:hover,

  28683. .ui.cards > .green.card:hover,

  28684. .ui.green.card:hover {

  28685.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;

  28686.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;

  28687. }

  28688. 

  28689. /* Teal */

  28690. 

  28691. .ui.teal.cards > .card,

  28692. .ui.cards > .teal.card,

  28693. .ui.teal.card {

  28694.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;

  28695.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;

  28696. }

  28697. 

  28698. .ui.teal.cards > .card:hover,

  28699. .ui.cards > .teal.card:hover,

  28700. .ui.teal.card:hover {

  28701.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;

  28702.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;

  28703. }

  28704. 

  28705. /* Blue */

  28706. 

  28707. .ui.blue.cards > .card,

  28708. .ui.cards > .blue.card,

  28709. .ui.blue.card {

  28710.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;

  28711.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;

  28712. }

  28713. 

  28714. .ui.blue.cards > .card:hover,

  28715. .ui.cards > .blue.card:hover,

  28716. .ui.blue.card:hover {

  28717.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;

  28718.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;

  28719. }

  28720. 

  28721. /* Violet */

  28722. 

  28723. .ui.violet.cards > .card,

  28724. .ui.cards > .violet.card,

  28725. .ui.violet.card {

  28726.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;

  28727.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;

  28728. }

  28729. 

  28730. .ui.violet.cards > .card:hover,

  28731. .ui.cards > .violet.card:hover,

  28732. .ui.violet.card:hover {

  28733.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;

  28734.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;

  28735. }

  28736. 

  28737. /* Purple */

  28738. 

  28739. .ui.purple.cards > .card,

  28740. .ui.cards > .purple.card,

  28741. .ui.purple.card {

  28742.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;

  28743.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;

  28744. }

  28745. 

  28746. .ui.purple.cards > .card:hover,

  28747. .ui.cards > .purple.card:hover,

  28748. .ui.purple.card:hover {

  28749.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;

  28750.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;

  28751. }

  28752. 

  28753. /* Pink */

  28754. 

  28755. .ui.pink.cards > .card,

  28756. .ui.cards > .pink.card,

  28757. .ui.pink.card {

  28758.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;

  28759.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;

  28760. }

  28761. 

  28762. .ui.pink.cards > .card:hover,

  28763. .ui.cards > .pink.card:hover,

  28764. .ui.pink.card:hover {

  28765.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;

  28766.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;

  28767. }

  28768. 

  28769. /* Brown */

  28770. 

  28771. .ui.brown.cards > .card,

  28772. .ui.cards > .brown.card,

  28773. .ui.brown.card {

  28774.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;

  28775.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;

  28776. }

  28777. 

  28778. .ui.brown.cards > .card:hover,

  28779. .ui.cards > .brown.card:hover,

  28780. .ui.brown.card:hover {

  28781.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;

  28782.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;

  28783. }

  28784. 

  28785. /* Grey */

  28786. 

  28787. .ui.grey.cards > .card,

  28788. .ui.cards > .grey.card,

  28789. .ui.grey.card {

  28790.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;

  28791.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;

  28792. }

  28793. 

  28794. .ui.grey.cards > .card:hover,

  28795. .ui.cards > .grey.card:hover,

  28796. .ui.grey.card:hover {

  28797.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;

  28798.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;

  28799. }

  28800. 

  28801. /* Black */

  28802. 

  28803. .ui.black.cards > .card,

  28804. .ui.cards > .black.card,

  28805. .ui.black.card {

  28806.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;

  28807.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;

  28808. }

  28809. 

  28810. .ui.black.cards > .card:hover,

  28811. .ui.cards > .black.card:hover,

  28812. .ui.black.card:hover {

  28813.   -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;

  28814.   box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;

  28815. }

  28816. 

  28817. /*--------------

  28818.    Card Count

  28819. ---------------*/

  28820. 

  28821. .ui.one.cards {

  28822.   margin-left: 0em;

  28823.   margin-right: 0em;

  28824. }

  28825. 

  28826. .ui.one.cards > .card {

  28827.   width: 100%;

  28828. }

  28829. 

  28830. .ui.two.cards {

  28831.   margin-left: -1em;

  28832.   margin-right: -1em;

  28833. }

  28834. 

  28835. .ui.two.cards > .card {

  28836.   width: calc( 50%  -  2em );

  28837.   margin-left: 1em;

  28838.   margin-right: 1em;

  28839. }

  28840. 

  28841. .ui.three.cards {

  28842.   margin-left: -1em;

  28843.   margin-right: -1em;

  28844. }

  28845. 

  28846. .ui.three.cards > .card {

  28847.   width: calc( 33.33333333%  -  2em );

  28848.   margin-left: 1em;

  28849.   margin-right: 1em;

  28850. }

  28851. 

  28852. .ui.four.cards {

  28853.   margin-left: -0.75em;

  28854.   margin-right: -0.75em;

  28855. }

  28856. 

  28857. .ui.four.cards > .card {

  28858.   width: calc( 25%  -  1.5em );

  28859.   margin-left: 0.75em;

  28860.   margin-right: 0.75em;

  28861. }

  28862. 

  28863. .ui.five.cards {

  28864.   margin-left: -0.75em;

  28865.   margin-right: -0.75em;

  28866. }

  28867. 

  28868. .ui.five.cards > .card {

  28869.   width: calc( 20%  -  1.5em );

  28870.   margin-left: 0.75em;

  28871.   margin-right: 0.75em;

  28872. }

  28873. 

  28874. .ui.six.cards {

  28875.   margin-left: -0.75em;

  28876.   margin-right: -0.75em;

  28877. }

  28878. 

  28879. .ui.six.cards > .card {

  28880.   width: calc( 16.66666667%  -  1.5em );

  28881.   margin-left: 0.75em;

  28882.   margin-right: 0.75em;

  28883. }

  28884. 

  28885. .ui.seven.cards {

  28886.   margin-left: -0.5em;

  28887.   margin-right: -0.5em;

  28888. }

  28889. 

  28890. .ui.seven.cards > .card {

  28891.   width: calc( 14.28571429%  -  1em );

  28892.   margin-left: 0.5em;

  28893.   margin-right: 0.5em;

  28894. }

  28895. 

  28896. .ui.eight.cards {

  28897.   margin-left: -0.5em;

  28898.   margin-right: -0.5em;

  28899. }

  28900. 

  28901. .ui.eight.cards > .card {

  28902.   width: calc( 12.5%  -  1em );

  28903.   margin-left: 0.5em;

  28904.   margin-right: 0.5em;

  28905.   font-size: 11px;

  28906. }

  28907. 

  28908. .ui.nine.cards {

  28909.   margin-left: -0.5em;

  28910.   margin-right: -0.5em;

  28911. }

  28912. 

  28913. .ui.nine.cards > .card {

  28914.   width: calc( 11.11111111%  -  1em );

  28915.   margin-left: 0.5em;

  28916.   margin-right: 0.5em;

  28917.   font-size: 10px;

  28918. }

  28919. 

  28920. .ui.ten.cards {

  28921.   margin-left: -0.5em;

  28922.   margin-right: -0.5em;

  28923. }

  28924. 

  28925. .ui.ten.cards > .card {

  28926.   width: calc( 10%  -  1em );

  28927.   margin-left: 0.5em;

  28928.   margin-right: 0.5em;

  28929. }

  28930. 

  28931. /*-------------------

  28932.       Doubling

  28933. --------------------*/

  28934. 

  28935. /* Mobile Only */

  28936. 

  28937. @media only screen and (max-width: 767px) {

  28938.   .ui.two.doubling.cards {

  28939.     margin-left: 0em;

  28940.     margin-right: 0em;

  28941.   }

  28942. 

  28943.   .ui.two.doubling.cards > .card {

  28944.     width: 100%;

  28945.     margin-left: 0em;

  28946.     margin-right: 0em;

  28947.   }

  28948. 

  28949.   .ui.three.doubling.cards {

  28950.     margin-left: -1em;

  28951.     margin-right: -1em;

  28952.   }

  28953. 

  28954.   .ui.three.doubling.cards > .card {

  28955.     width: calc( 50%  -  2em );

  28956.     margin-left: 1em;

  28957.     margin-right: 1em;

  28958.   }

  28959. 

  28960.   .ui.four.doubling.cards {

  28961.     margin-left: -1em;

  28962.     margin-right: -1em;

  28963.   }

  28964. 

  28965.   .ui.four.doubling.cards > .card {

  28966.     width: calc( 50%  -  2em );

  28967.     margin-left: 1em;

  28968.     margin-right: 1em;

  28969.   }

  28970. 

  28971.   .ui.five.doubling.cards {

  28972.     margin-left: -1em;

  28973.     margin-right: -1em;

  28974.   }

  28975. 

  28976.   .ui.five.doubling.cards > .card {

  28977.     width: calc( 50%  -  2em );

  28978.     margin-left: 1em;

  28979.     margin-right: 1em;

  28980.   }

  28981. 

  28982.   .ui.six.doubling.cards {

  28983.     margin-left: -1em;

  28984.     margin-right: -1em;

  28985.   }

  28986. 

  28987.   .ui.six.doubling.cards > .card {

  28988.     width: calc( 50%  -  2em );

  28989.     margin-left: 1em;

  28990.     margin-right: 1em;

  28991.   }

  28992. 

  28993.   .ui.seven.doubling.cards {

  28994.     margin-left: -1em;

  28995.     margin-right: -1em;

  28996.   }

  28997. 

  28998.   .ui.seven.doubling.cards > .card {

  28999.     width: calc( 33.33333333%  -  2em );

  29000.     margin-left: 1em;

  29001.     margin-right: 1em;

  29002.   }

  29003. 

  29004.   .ui.eight.doubling.cards {

  29005.     margin-left: -1em;

  29006.     margin-right: -1em;

  29007.   }

  29008. 

  29009.   .ui.eight.doubling.cards > .card {

  29010.     width: calc( 33.33333333%  -  2em );

  29011.     margin-left: 1em;

  29012.     margin-right: 1em;

  29013.   }

  29014. 

  29015.   .ui.nine.doubling.cards {

  29016.     margin-left: -1em;

  29017.     margin-right: -1em;

  29018.   }

  29019. 

  29020.   .ui.nine.doubling.cards > .card {

  29021.     width: calc( 33.33333333%  -  2em );

  29022.     margin-left: 1em;

  29023.     margin-right: 1em;

  29024.   }

  29025. 

  29026.   .ui.ten.doubling.cards {

  29027.     margin-left: -1em;

  29028.     margin-right: -1em;

  29029.   }

  29030. 

  29031.   .ui.ten.doubling.cards > .card {

  29032.     width: calc( 33.33333333%  -  2em );

  29033.     margin-left: 1em;

  29034.     margin-right: 1em;

  29035.   }

  29036. }

  29037. 

  29038. /* Tablet Only */

  29039. 

  29040. @media only screen and (min-width: 768px) and (max-width: 991px) {

  29041.   .ui.two.doubling.cards {

  29042.     margin-left: 0em;

  29043.     margin-right: 0em;

  29044.   }

  29045. 

  29046.   .ui.two.doubling.cards > .card {

  29047.     width: 100%;

  29048.     margin-left: 0em;

  29049.     margin-right: 0em;

  29050.   }

  29051. 

  29052.   .ui.three.doubling.cards {

  29053.     margin-left: -1em;

  29054.     margin-right: -1em;

  29055.   }

  29056. 

  29057.   .ui.three.doubling.cards > .card {

  29058.     width: calc( 50%  -  2em );

  29059.     margin-left: 1em;

  29060.     margin-right: 1em;

  29061.   }

  29062. 

  29063.   .ui.four.doubling.cards {

  29064.     margin-left: -1em;

  29065.     margin-right: -1em;

  29066.   }

  29067. 

  29068.   .ui.four.doubling.cards > .card {

  29069.     width: calc( 50%  -  2em );

  29070.     margin-left: 1em;

  29071.     margin-right: 1em;

  29072.   }

  29073. 

  29074.   .ui.five.doubling.cards {

  29075.     margin-left: -1em;

  29076.     margin-right: -1em;

  29077.   }

  29078. 

  29079.   .ui.five.doubling.cards > .card {

  29080.     width: calc( 33.33333333%  -  2em );

  29081.     margin-left: 1em;

  29082.     margin-right: 1em;

  29083.   }

  29084. 

  29085.   .ui.six.doubling.cards {

  29086.     margin-left: -1em;

  29087.     margin-right: -1em;

  29088.   }

  29089. 

  29090.   .ui.six.doubling.cards > .card {

  29091.     width: calc( 33.33333333%  -  2em );

  29092.     margin-left: 1em;

  29093.     margin-right: 1em;

  29094.   }

  29095. 

  29096.   .ui.eight.doubling.cards {

  29097.     margin-left: -1em;

  29098.     margin-right: -1em;

  29099.   }

  29100. 

  29101.   .ui.eight.doubling.cards > .card {

  29102.     width: calc( 33.33333333%  -  2em );

  29103.     margin-left: 1em;

  29104.     margin-right: 1em;

  29105.   }

  29106. 

  29107.   .ui.eight.doubling.cards {

  29108.     margin-left: -0.75em;

  29109.     margin-right: -0.75em;

  29110.   }

  29111. 

  29112.   .ui.eight.doubling.cards > .card {

  29113.     width: calc( 25%  -  1.5em );

  29114.     margin-left: 0.75em;

  29115.     margin-right: 0.75em;

  29116.   }

  29117. 

  29118.   .ui.nine.doubling.cards {

  29119.     margin-left: -0.75em;

  29120.     margin-right: -0.75em;

  29121.   }

  29122. 

  29123.   .ui.nine.doubling.cards > .card {

  29124.     width: calc( 25%  -  1.5em );

  29125.     margin-left: 0.75em;

  29126.     margin-right: 0.75em;

  29127.   }

  29128. 

  29129.   .ui.ten.doubling.cards {

  29130.     margin-left: -0.75em;

  29131.     margin-right: -0.75em;

  29132.   }

  29133. 

  29134.   .ui.ten.doubling.cards > .card {

  29135.     width: calc( 20%  -  1.5em );

  29136.     margin-left: 0.75em;

  29137.     margin-right: 0.75em;

  29138.   }

  29139. }

  29140. 

  29141. /*-------------------

  29142.       Stackable

  29143. --------------------*/

  29144. 

  29145. @media only screen and (max-width: 767px) {

  29146.   .ui.stackable.cards {

  29147.     display: block !important;

  29148.   }

  29149. 

  29150.   .ui.stackable.cards .card:first-child {

  29151.     margin-top: 0em !important;

  29152.   }

  29153. 

  29154.   .ui.stackable.cards > .card {

  29155.     display: block !important;

  29156.     height: auto !important;

  29157.     margin: 1em 1em;

  29158.     padding: 0 !important;

  29159.     width: calc( 100%  -  2em ) !important;

  29160.   }

  29161. }

  29162. 

  29163. /*--------------

  29164.       Size

  29165. ---------------*/

  29166. 

  29167. .ui.cards > .card {

  29168.   font-size: 1em;

  29169. }

  29170. 

  29171. /*******************************

  29172.          Theme Overrides

  29173. *******************************/

  29174. 

  29175. /*******************************

  29176.     User Variable Overrides

  29177. *******************************/

  29178. /*!

  29179.  * # Semantic UI 2.4.0 - Comment

  29180.  * http://github.com/semantic-org/semantic-ui/

  29181.  *

  29182.  *

  29183.  * Released under the MIT license

  29184.  * http://opensource.org/licenses/MIT

  29185.  *

  29186.  */

  29187. 

  29188. /*******************************

  29189.             Standard

  29190. *******************************/

  29191. 

  29192. /*--------------

  29193.     Comments

  29194. ---------------*/

  29195. 

  29196. .ui.comments {

  29197.   margin: 1.5em 0em;

  29198.   max-width: 650px;

  29199. }

  29200. 

  29201. .ui.comments:first-child {

  29202.   margin-top: 0em;

  29203. }

  29204. 

  29205. .ui.comments:last-child {

  29206.   margin-bottom: 0em;

  29207. }

  29208. 

  29209. /*--------------

  29210.      Comment

  29211. ---------------*/

  29212. 

  29213. .ui.comments .comment {

  29214.   position: relative;

  29215.   background: none;

  29216.   margin: 0.5em 0em 0em;

  29217.   padding: 0.5em 0em 0em;

  29218.   border: none;

  29219.   border-top: none;

  29220.   line-height: 1.2;

  29221. }

  29222. 

  29223. .ui.comments .comment:first-child {

  29224.   margin-top: 0em;

  29225.   padding-top: 0em;

  29226. }

  29227. 

  29228. /*--------------------

  29229.     Nested Comments

  29230. ---------------------*/

  29231. 

  29232. .ui.comments .comment .comments {

  29233.   margin: 0em 0em 0.5em 0.5em;

  29234.   padding: 1em 0em 1em 1em;

  29235. }

  29236. 

  29237. .ui.comments .comment .comments:before {

  29238.   position: absolute;

  29239.   top: 0px;

  29240.   left: 0px;

  29241. }

  29242. 

  29243. .ui.comments .comment .comments .comment {

  29244.   border: none;

  29245.   border-top: none;

  29246.   background: none;

  29247. }

  29248. 

  29249. /*--------------

  29250.      Avatar

  29251. ---------------*/

  29252. 

  29253. .ui.comments .comment .avatar {

  29254.   display: block;

  29255.   width: 2.5em;

  29256.   height: auto;

  29257.   float: left;

  29258.   margin: 0.2em 0em 0em;

  29259. }

  29260. 

  29261. .ui.comments .comment img.avatar,

  29262. .ui.comments .comment .avatar img {

  29263.   display: block;

  29264.   margin: 0em auto;

  29265.   width: 100%;

  29266.   height: 100%;

  29267.   border-radius: 0.25rem;

  29268. }

  29269. 

  29270. /*--------------

  29271.      Content

  29272. ---------------*/

  29273. 

  29274. .ui.comments .comment > .content {

  29275.   display: block;

  29276. }

  29277. 

  29278. /* If there is an avatar move content over */

  29279. 

  29280. .ui.comments .comment > .avatar ~ .content {

  29281.   margin-left: 3.5em;

  29282. }

  29283. 

  29284. /*--------------

  29285.      Author

  29286. ---------------*/

  29287. 

  29288. .ui.comments .comment .author {

  29289.   font-size: 1em;

  29290.   color: rgba(0, 0, 0, 0.87);

  29291.   font-weight: bold;

  29292. }

  29293. 

  29294. .ui.comments .comment a.author {

  29295.   cursor: pointer;

  29296. }

  29297. 

  29298. .ui.comments .comment a.author:hover {

  29299.   color: #1e70bf;

  29300. }

  29301. 

  29302. /*--------------

  29303.      Metadata

  29304. ---------------*/

  29305. 

  29306. .ui.comments .comment .metadata {

  29307.   display: inline-block;

  29308.   margin-left: 0.5em;

  29309.   color: rgba(0, 0, 0, 0.4);

  29310.   font-size: 0.875em;

  29311. }

  29312. 

  29313. .ui.comments .comment .metadata > * {

  29314.   display: inline-block;

  29315.   margin: 0em 0.5em 0em 0em;

  29316. }

  29317. 

  29318. .ui.comments .comment .metadata > :last-child {

  29319.   margin-right: 0em;

  29320. }

  29321. 

  29322. /*--------------------

  29323.      Comment Text

  29324. ---------------------*/

  29325. 

  29326. .ui.comments .comment .text {

  29327.   margin: 0.25em 0em 0.5em;

  29328.   font-size: 1em;

  29329.   word-wrap: break-word;

  29330.   color: rgba(0, 0, 0, 0.87);

  29331.   line-height: 1.3;

  29332. }

  29333. 

  29334. /*--------------------

  29335.      User Actions

  29336. ---------------------*/

  29337. 

  29338. .ui.comments .comment .actions {

  29339.   font-size: 0.875em;

  29340. }

  29341. 

  29342. .ui.comments .comment .actions a {

  29343.   cursor: pointer;

  29344.   display: inline-block;

  29345.   margin: 0em 0.75em 0em 0em;

  29346.   color: rgba(0, 0, 0, 0.4);

  29347. }

  29348. 

  29349. .ui.comments .comment .actions a:last-child {

  29350.   margin-right: 0em;

  29351. }

  29352. 

  29353. .ui.comments .comment .actions a.active,

  29354. .ui.comments .comment .actions a:hover {

  29355.   color: rgba(0, 0, 0, 0.8);

  29356. }

  29357. 

  29358. /*--------------------

  29359.       Reply Form

  29360. ---------------------*/

  29361. 

  29362. .ui.comments > .reply.form {

  29363.   margin-top: 1em;

  29364. }

  29365. 

  29366. .ui.comments .comment .reply.form {

  29367.   width: 100%;

  29368.   margin-top: 1em;

  29369. }

  29370. 

  29371. .ui.comments .reply.form textarea {

  29372.   font-size: 1em;

  29373.   height: 12em;

  29374. }

  29375. 

  29376. /*******************************

  29377.             State

  29378. *******************************/

  29379. 

  29380. .ui.collapsed.comments,

  29381. .ui.comments .collapsed.comments,

  29382. .ui.comments .collapsed.comment {

  29383.   display: none;

  29384. }

  29385. 

  29386. /*******************************

  29387.            Variations

  29388. *******************************/

  29389. 

  29390. /*--------------------

  29391.         Threaded

  29392. ---------------------*/

  29393. 

  29394. .ui.threaded.comments .comment .comments {

  29395.   margin: -1.5em 0 -1em 1.25em;

  29396.   padding: 3em 0em 2em 2.25em;

  29397.   -webkit-box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);

  29398.   box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);

  29399. }

  29400. 

  29401. /*--------------------

  29402.         Minimal

  29403. ---------------------*/

  29404. 

  29405. .ui.minimal.comments .comment .actions {

  29406.   opacity: 0;

  29407.   position: absolute;

  29408.   top: 0px;

  29409.   right: 0px;

  29410.   left: auto;

  29411.   -webkit-transition: opacity 0.2s ease;

  29412.   transition: opacity 0.2s ease;

  29413.   -webkit-transition-delay: 0.1s;

  29414.   transition-delay: 0.1s;

  29415. }

  29416. 

  29417. .ui.minimal.comments .comment > .content:hover > .actions {

  29418.   opacity: 1;

  29419. }

  29420. 

  29421. /*-------------------

  29422.         Sizes

  29423. --------------------*/

  29424. 

  29425. .ui.mini.comments {

  29426.   font-size: 0.78571429rem;

  29427. }

  29428. 

  29429. .ui.tiny.comments {

  29430.   font-size: 0.85714286rem;

  29431. }

  29432. 

  29433. .ui.small.comments {

  29434.   font-size: 0.92857143rem;

  29435. }

  29436. 

  29437. .ui.comments {

  29438.   font-size: 1rem;

  29439. }

  29440. 

  29441. .ui.large.comments {

  29442.   font-size: 1.14285714rem;

  29443. }

  29444. 

  29445. .ui.big.comments {

  29446.   font-size: 1.28571429rem;

  29447. }

  29448. 

  29449. .ui.huge.comments {

  29450.   font-size: 1.42857143rem;

  29451. }

  29452. 

  29453. .ui.massive.comments {

  29454.   font-size: 1.71428571rem;

  29455. }

  29456. 

  29457. /*******************************

  29458.          Theme Overrides

  29459. *******************************/

  29460. 

  29461. /*******************************

  29462.     User Variable Overrides

  29463. *******************************/

  29464. /*!

  29465.  * # Semantic UI 2.4.0 - Feed

  29466.  * http://github.com/semantic-org/semantic-ui/

  29467.  *

  29468.  *

  29469.  * Released under the MIT license

  29470.  * http://opensource.org/licenses/MIT

  29471.  *

  29472.  */

  29473. 

  29474. /*******************************

  29475.          Activity Feed

  29476. *******************************/

  29477. 

  29478. .ui.feed {

  29479.   margin: 1em 0em;

  29480. }

  29481. 

  29482. .ui.feed:first-child {

  29483.   margin-top: 0em;

  29484. }

  29485. 

  29486. .ui.feed:last-child {

  29487.   margin-bottom: 0em;

  29488. }

  29489. 

  29490. /*******************************

  29491.             Content

  29492. *******************************/

  29493. 

  29494. /* Event */

  29495. 

  29496. .ui.feed > .event {

  29497.   display: -webkit-box;

  29498.   display: -ms-flexbox;

  29499.   display: flex;

  29500.   -webkit-box-orient: horizontal;

  29501.   -webkit-box-direction: normal;

  29502.   -ms-flex-direction: row;

  29503.   flex-direction: row;

  29504.   width: 100%;

  29505.   padding: 0.21428571rem 0em;

  29506.   margin: 0em;

  29507.   background: none;

  29508.   border-top: none;

  29509. }

  29510. 

  29511. .ui.feed > .event:first-child {

  29512.   border-top: 0px;

  29513.   padding-top: 0em;

  29514. }

  29515. 

  29516. .ui.feed > .event:last-child {

  29517.   padding-bottom: 0em;

  29518. }

  29519. 

  29520. /* Event Label */

  29521. 

  29522. .ui.feed > .event > .label {

  29523.   display: block;

  29524.   -webkit-box-flex: 0;

  29525.   -ms-flex: 0 0 auto;

  29526.   flex: 0 0 auto;

  29527.   width: 2.5em;

  29528.   height: auto;

  29529.   -ms-flex-item-align: stretch;

  29530.   align-self: stretch;

  29531.   text-align: left;

  29532. }

  29533. 

  29534. .ui.feed > .event > .label .icon {

  29535.   opacity: 1;

  29536.   font-size: 1.5em;

  29537.   width: 100%;

  29538.   padding: 0.25em;

  29539.   background: none;

  29540.   border: none;

  29541.   border-radius: none;

  29542.   color: rgba(0, 0, 0, 0.6);

  29543. }

  29544. 

  29545. .ui.feed > .event > .label img {

  29546.   width: 100%;

  29547.   height: auto;

  29548.   border-radius: 500rem;

  29549. }

  29550. 

  29551. .ui.feed > .event > .label + .content {

  29552.   margin: 0.5em 0em 0.35714286em 1.14285714em;

  29553. }

  29554. 

  29555. /*--------------

  29556.      Content

  29557. ---------------*/

  29558. 

  29559. /* Content */

  29560. 

  29561. .ui.feed > .event > .content {

  29562.   display: block;

  29563.   -webkit-box-flex: 1;

  29564.   -ms-flex: 1 1 auto;

  29565.   flex: 1 1 auto;

  29566.   -ms-flex-item-align: stretch;

  29567.   align-self: stretch;

  29568.   text-align: left;

  29569.   word-wrap: break-word;

  29570. }

  29571. 

  29572. .ui.feed > .event:last-child > .content {

  29573.   padding-bottom: 0em;

  29574. }

  29575. 

  29576. /* Link */

  29577. 

  29578. .ui.feed > .event > .content a {

  29579.   cursor: pointer;

  29580. }

  29581. 

  29582. /*--------------

  29583.       Date

  29584. ---------------*/

  29585. 

  29586. .ui.feed > .event > .content .date {

  29587.   margin: -0.5rem 0em 0em;

  29588.   padding: 0em;

  29589.   font-weight: normal;

  29590.   font-size: 1em;

  29591.   font-style: normal;

  29592.   color: rgba(0, 0, 0, 0.4);

  29593. }

  29594. 

  29595. /*--------------

  29596.      Summary

  29597. ---------------*/

  29598. 

  29599. .ui.feed > .event > .content .summary {

  29600.   margin: 0em;

  29601.   font-size: 1em;

  29602.   font-weight: bold;

  29603.   color: rgba(0, 0, 0, 0.87);

  29604. }

  29605. 

  29606. /* Summary Image */

  29607. 

  29608. .ui.feed > .event > .content .summary img {

  29609.   display: inline-block;

  29610.   width: auto;

  29611.   height: 10em;

  29612.   margin: -0.25em 0.25em 0em 0em;

  29613.   border-radius: 0.25em;

  29614.   vertical-align: middle;

  29615. }

  29616. 

  29617. /*--------------

  29618.       User

  29619. ---------------*/

  29620. 

  29621. .ui.feed > .event > .content .user {

  29622.   display: inline-block;

  29623.   font-weight: bold;

  29624.   margin-right: 0em;

  29625.   vertical-align: baseline;

  29626. }

  29627. 

  29628. .ui.feed > .event > .content .user img {

  29629.   margin: -0.25em 0.25em 0em 0em;

  29630.   width: auto;

  29631.   height: 10em;

  29632.   vertical-align: middle;

  29633. }

  29634. 

  29635. /*--------------

  29636.    Inline Date

  29637. ---------------*/

  29638. 

  29639. /* Date inside Summary */

  29640. 

  29641. .ui.feed > .event > .content .summary > .date {

  29642.   display: inline-block;

  29643.   float: none;

  29644.   font-weight: normal;

  29645.   font-size: 0.85714286em;

  29646.   font-style: normal;

  29647.   margin: 0em 0em 0em 0.5em;

  29648.   padding: 0em;

  29649.   color: rgba(0, 0, 0, 0.4);

  29650. }

  29651. 

  29652. /*--------------

  29653.   Extra Summary

  29654. ---------------*/

  29655. 

  29656. .ui.feed > .event > .content .extra {

  29657.   margin: 0.5em 0em 0em;

  29658.   background: none;

  29659.   padding: 0em;

  29660.   color: rgba(0, 0, 0, 0.87);

  29661. }

  29662. 

  29663. /* Images */

  29664. 

  29665. .ui.feed > .event > .content .extra.images img {

  29666.   display: inline-block;

  29667.   margin: 0em 0.25em 0em 0em;

  29668.   width: 6em;

  29669. }

  29670. 

  29671. /* Text */

  29672. 

  29673. .ui.feed > .event > .content .extra.text {

  29674.   padding: 0em;

  29675.   border-left: none;

  29676.   font-size: 1em;

  29677.   max-width: 500px;

  29678.   line-height: 1.4285em;

  29679. }

  29680. 

  29681. /*--------------

  29682.       Meta

  29683. ---------------*/

  29684. 

  29685. .ui.feed > .event > .content .meta {

  29686.   display: inline-block;

  29687.   font-size: 0.85714286em;

  29688.   margin: 0.5em 0em 0em;

  29689.   background: none;

  29690.   border: none;

  29691.   border-radius: 0;

  29692.   -webkit-box-shadow: none;

  29693.   box-shadow: none;

  29694.   padding: 0em;

  29695.   color: rgba(0, 0, 0, 0.6);

  29696. }

  29697. 

  29698. .ui.feed > .event > .content .meta > * {

  29699.   position: relative;

  29700.   margin-left: 0.75em;

  29701. }

  29702. 

  29703. .ui.feed > .event > .content .meta > *:after {

  29704.   content: '';

  29705.   color: rgba(0, 0, 0, 0.2);

  29706.   top: 0em;

  29707.   left: -1em;

  29708.   opacity: 1;

  29709.   position: absolute;

  29710.   vertical-align: top;

  29711. }

  29712. 

  29713. .ui.feed > .event > .content .meta .like {

  29714.   color: '';

  29715.   -webkit-transition: 0.2s color ease;

  29716.   transition: 0.2s color ease;

  29717. }

  29718. 

  29719. .ui.feed > .event > .content .meta .like:hover .icon {

  29720.   color: #FF2733;

  29721. }

  29722. 

  29723. .ui.feed > .event > .content .meta .active.like .icon {

  29724.   color: #EF404A;

  29725. }

  29726. 

  29727. /* First element */

  29728. 

  29729. .ui.feed > .event > .content .meta > :first-child {

  29730.   margin-left: 0em;

  29731. }

  29732. 

  29733. .ui.feed > .event > .content .meta > :first-child::after {

  29734.   display: none;

  29735. }

  29736. 

  29737. /* Action */

  29738. 

  29739. .ui.feed > .event > .content .meta a,

  29740. .ui.feed > .event > .content .meta > .icon {

  29741.   cursor: pointer;

  29742.   opacity: 1;

  29743.   color: rgba(0, 0, 0, 0.5);

  29744.   -webkit-transition: color 0.1s ease;

  29745.   transition: color 0.1s ease;

  29746. }

  29747. 

  29748. .ui.feed > .event > .content .meta a:hover,

  29749. .ui.feed > .event > .content .meta a:hover .icon,

  29750. .ui.feed > .event > .content .meta > .icon:hover {

  29751.   color: rgba(0, 0, 0, 0.95);

  29752. }

  29753. 

  29754. /*******************************

  29755.             Variations

  29756. *******************************/

  29757. 

  29758. .ui.small.feed {

  29759.   font-size: 0.92857143rem;

  29760. }

  29761. 

  29762. .ui.feed {

  29763.   font-size: 1rem;

  29764. }

  29765. 

  29766. .ui.large.feed {

  29767.   font-size: 1.14285714rem;

  29768. }

  29769. 

  29770. /*******************************

  29771.          Theme Overrides

  29772. *******************************/

  29773. 

  29774. /*******************************

  29775.     User Variable Overrides

  29776. *******************************/

  29777. /*!

  29778.  * # Semantic UI 2.4.0 - Item

  29779.  * http://github.com/semantic-org/semantic-ui/

  29780.  *

  29781.  *

  29782.  * Released under the MIT license

  29783.  * http://opensource.org/licenses/MIT

  29784.  *

  29785.  */

  29786. 

  29787. /*******************************

  29788.             Standard

  29789. *******************************/

  29790. 

  29791. /*--------------

  29792.       Item

  29793. ---------------*/

  29794. 

  29795. .ui.items > .item {

  29796.   display: -webkit-box;

  29797.   display: -ms-flexbox;

  29798.   display: flex;

  29799.   margin: 1em 0em;

  29800.   width: 100%;

  29801.   min-height: 0px;

  29802.   background: transparent;

  29803.   padding: 0em;

  29804.   border: none;

  29805.   border-radius: 0rem;

  29806.   -webkit-box-shadow: none;

  29807.   box-shadow: none;

  29808.   -webkit-transition: -webkit-box-shadow 0.1s ease;

  29809.   transition: -webkit-box-shadow 0.1s ease;

  29810.   transition: box-shadow 0.1s ease;

  29811.   transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;

  29812.   z-index: '';

  29813. }

  29814. 

  29815. .ui.items > .item a {

  29816.   cursor: pointer;

  29817. }

  29818. 

  29819. /*--------------

  29820.       Items

  29821. ---------------*/

  29822. 

  29823. .ui.items {

  29824.   margin: 1.5em 0em;

  29825. }

  29826. 

  29827. .ui.items:first-child {

  29828.   margin-top: 0em !important;

  29829. }

  29830. 

  29831. .ui.items:last-child {

  29832.   margin-bottom: 0em !important;

  29833. }

  29834. 

  29835. /*--------------

  29836.       Item

  29837. ---------------*/

  29838. 

  29839. .ui.items > .item:after {

  29840.   display: block;

  29841.   content: ' ';

  29842.   height: 0px;

  29843.   clear: both;

  29844.   overflow: hidden;

  29845.   visibility: hidden;

  29846. }

  29847. 

  29848. .ui.items > .item:first-child {

  29849.   margin-top: 0em;

  29850. }

  29851. 

  29852. .ui.items > .item:last-child {

  29853.   margin-bottom: 0em;

  29854. }

  29855. 

  29856. /*--------------

  29857.      Images

  29858. ---------------*/

  29859. 

  29860. .ui.items > .item > .image {

  29861.   position: relative;

  29862.   -webkit-box-flex: 0;

  29863.   -ms-flex: 0 0 auto;

  29864.   flex: 0 0 auto;

  29865.   display: block;

  29866.   float: none;

  29867.   margin: 0em;

  29868.   padding: 0em;

  29869.   max-height: '';

  29870.   -ms-flex-item-align: top;

  29871.   align-self: top;

  29872. }

  29873. 

  29874. .ui.items > .item > .image > img {

  29875.   display: block;

  29876.   width: 100%;

  29877.   height: auto;

  29878.   border-radius: 0.125rem;

  29879.   border: none;

  29880. }

  29881. 

  29882. .ui.items > .item > .image:only-child > img {

  29883.   border-radius: 0rem;

  29884. }

  29885. 

  29886. /*--------------

  29887.      Content

  29888. ---------------*/

  29889. 

  29890. .ui.items > .item > .content {

  29891.   display: block;

  29892.   -webkit-box-flex: 1;

  29893.   -ms-flex: 1 1 auto;

  29894.   flex: 1 1 auto;

  29895.   background: none;

  29896.   margin: 0em;

  29897.   padding: 0em;

  29898.   -webkit-box-shadow: none;

  29899.   box-shadow: none;

  29900.   font-size: 1em;

  29901.   border: none;

  29902.   border-radius: 0em;

  29903. }

  29904. 

  29905. .ui.items > .item > .content:after {

  29906.   display: block;

  29907.   content: ' ';

  29908.   height: 0px;

  29909.   clear: both;

  29910.   overflow: hidden;

  29911.   visibility: hidden;

  29912. }

  29913. 

  29914. .ui.items > .item > .image + .content {

  29915.   min-width: 0;

  29916.   width: auto;

  29917.   display: block;

  29918.   margin-left: 0em;

  29919.   -ms-flex-item-align: top;

  29920.   align-self: top;

  29921.   padding-left: 1.5em;

  29922. }

  29923. 

  29924. .ui.items > .item > .content > .header {

  29925.   display: inline-block;

  29926.   margin: -0.21425em 0em 0em;

  29927.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  29928.   font-weight: bold;

  29929.   color: rgba(0, 0, 0, 0.85);

  29930. }

  29931. 

  29932. /* Default Header Size */

  29933. 

  29934. .ui.items > .item > .content > .header:not(.ui) {

  29935.   font-size: 1.28571429em;

  29936. }

  29937. 

  29938. /*--------------

  29939.      Floated

  29940. ---------------*/

  29941. 

  29942. .ui.items > .item [class*="left floated"] {

  29943.   float: left;

  29944. }

  29945. 

  29946. .ui.items > .item [class*="right floated"] {

  29947.   float: right;

  29948. }

  29949. 

  29950. /*--------------

  29951.   Content Image

  29952. ---------------*/

  29953. 

  29954. .ui.items > .item .content img {

  29955.   -ms-flex-item-align: middle;

  29956.   align-self: middle;

  29957.   width: '';

  29958. }

  29959. 

  29960. .ui.items > .item img.avatar,

  29961. .ui.items > .item .avatar img {

  29962.   width: '';

  29963.   height: '';

  29964.   border-radius: 500rem;

  29965. }

  29966. 

  29967. /*--------------

  29968.    Description

  29969. ---------------*/

  29970. 

  29971. .ui.items > .item > .content > .description {

  29972.   margin-top: 0.6em;

  29973.   max-width: auto;

  29974.   font-size: 1em;

  29975.   line-height: 1.4285em;

  29976.   color: rgba(0, 0, 0, 0.87);

  29977. }

  29978. 

  29979. /*--------------

  29980.     Paragraph

  29981. ---------------*/

  29982. 

  29983. .ui.items > .item > .content p {

  29984.   margin: 0em 0em 0.5em;

  29985. }

  29986. 

  29987. .ui.items > .item > .content p:last-child {

  29988.   margin-bottom: 0em;

  29989. }

  29990. 

  29991. /*--------------

  29992.       Meta

  29993. ---------------*/

  29994. 

  29995. .ui.items > .item .meta {

  29996.   margin: 0.5em 0em 0.5em;

  29997.   font-size: 1em;

  29998.   line-height: 1em;

  29999.   color: rgba(0, 0, 0, 0.6);

  30000. }

  30001. 

  30002. .ui.items > .item .meta * {

  30003.   margin-right: 0.3em;

  30004. }

  30005. 

  30006. .ui.items > .item .meta :last-child {

  30007.   margin-right: 0em;

  30008. }

  30009. 

  30010. .ui.items > .item .meta [class*="right floated"] {

  30011.   margin-right: 0em;

  30012.   margin-left: 0.3em;

  30013. }

  30014. 

  30015. /*--------------

  30016.       Links

  30017. ---------------*/

  30018. 

  30019. /* Generic */

  30020. 

  30021. .ui.items > .item > .content a:not(.ui) {

  30022.   color: '';

  30023.   -webkit-transition: color 0.1s ease;

  30024.   transition: color 0.1s ease;

  30025. }

  30026. 

  30027. .ui.items > .item > .content a:not(.ui):hover {

  30028.   color: '';

  30029. }

  30030. 

  30031. /* Header */

  30032. 

  30033. .ui.items > .item > .content > a.header {

  30034.   color: rgba(0, 0, 0, 0.85);

  30035. }

  30036. 

  30037. .ui.items > .item > .content > a.header:hover {

  30038.   color: #1e70bf;

  30039. }

  30040. 

  30041. /* Meta */

  30042. 

  30043. .ui.items > .item .meta > a:not(.ui) {

  30044.   color: rgba(0, 0, 0, 0.4);

  30045. }

  30046. 

  30047. .ui.items > .item .meta > a:not(.ui):hover {

  30048.   color: rgba(0, 0, 0, 0.87);

  30049. }

  30050. 

  30051. /*--------------

  30052.      Labels

  30053. ---------------*/

  30054. 

  30055. /*-----Star----- */

  30056. 

  30057. /* Icon */

  30058. 

  30059. .ui.items > .item > .content .favorite.icon {

  30060.   cursor: pointer;

  30061.   opacity: 0.75;

  30062.   -webkit-transition: color 0.1s ease;

  30063.   transition: color 0.1s ease;

  30064. }

  30065. 

  30066. .ui.items > .item > .content .favorite.icon:hover {

  30067.   opacity: 1;

  30068.   color: #FFB70A;

  30069. }

  30070. 

  30071. .ui.items > .item > .content .active.favorite.icon {

  30072.   color: #FFE623;

  30073. }

  30074. 

  30075. /*-----Like----- */

  30076. 

  30077. /* Icon */

  30078. 

  30079. .ui.items > .item > .content .like.icon {

  30080.   cursor: pointer;

  30081.   opacity: 0.75;

  30082.   -webkit-transition: color 0.1s ease;

  30083.   transition: color 0.1s ease;

  30084. }

  30085. 

  30086. .ui.items > .item > .content .like.icon:hover {

  30087.   opacity: 1;

  30088.   color: #FF2733;

  30089. }

  30090. 

  30091. .ui.items > .item > .content .active.like.icon {

  30092.   color: #FF2733;

  30093. }

  30094. 

  30095. /*----------------

  30096.   Extra Content

  30097. -----------------*/

  30098. 

  30099. .ui.items > .item .extra {

  30100.   display: block;

  30101.   position: relative;

  30102.   background: none;

  30103.   margin: 0.5rem 0em 0em;

  30104.   width: 100%;

  30105.   padding: 0em 0em 0em;

  30106.   top: 0em;

  30107.   left: 0em;

  30108.   color: rgba(0, 0, 0, 0.4);

  30109.   -webkit-box-shadow: none;

  30110.   box-shadow: none;

  30111.   -webkit-transition: color 0.1s ease;

  30112.   transition: color 0.1s ease;

  30113.   border-top: none;

  30114. }

  30115. 

  30116. .ui.items > .item .extra > * {

  30117.   margin: 0.25rem 0.5rem 0.25rem 0em;

  30118. }

  30119. 

  30120. .ui.items > .item .extra > [class*="right floated"] {

  30121.   margin: 0.25rem 0em 0.25rem 0.5rem;

  30122. }

  30123. 

  30124. .ui.items > .item .extra:after {

  30125.   display: block;

  30126.   content: ' ';

  30127.   height: 0px;

  30128.   clear: both;

  30129.   overflow: hidden;

  30130.   visibility: hidden;

  30131. }

  30132. 

  30133. /*******************************

  30134.           Responsive

  30135. *******************************/

  30136. 

  30137. /* Default Image Width */

  30138. 

  30139. .ui.items > .item > .image:not(.ui) {

  30140.   width: 175px;

  30141. }

  30142. 

  30143. /* Tablet Only */

  30144. 

  30145. @media only screen and (min-width: 768px) and (max-width: 991px) {

  30146.   .ui.items > .item {

  30147.     margin: 1em 0em;

  30148.   }

  30149. 

  30150.   .ui.items > .item > .image:not(.ui) {

  30151.     width: 150px;

  30152.   }

  30153. 

  30154.   .ui.items > .item > .image + .content {

  30155.     display: block;

  30156.     padding: 0em 0em 0em 1em;

  30157.   }

  30158. }

  30159. 

  30160. /* Mobile Only */

  30161. 

  30162. @media only screen and (max-width: 767px) {

  30163.   .ui.items:not(.unstackable) > .item {

  30164.     -webkit-box-orient: vertical;

  30165.     -webkit-box-direction: normal;

  30166.     -ms-flex-direction: column;

  30167.     flex-direction: column;

  30168.     margin: 2em 0em;

  30169.   }

  30170. 

  30171.   .ui.items:not(.unstackable) > .item > .image {

  30172.     display: block;

  30173.     margin-left: auto;

  30174.     margin-right: auto;

  30175.   }

  30176. 

  30177.   .ui.items:not(.unstackable) > .item > .image,

  30178.   .ui.items:not(.unstackable) > .item > .image > img {

  30179.     max-width: 100% !important;

  30180.     width: auto !important;

  30181.     max-height: 250px !important;

  30182.   }

  30183. 

  30184.   .ui.items:not(.unstackable) > .item > .image + .content {

  30185.     display: block;

  30186.     padding: 1.5em 0em 0em;

  30187.   }

  30188. }

  30189. 

  30190. /*******************************

  30191.            Variations

  30192. *******************************/

  30193. 

  30194. /*-------------------

  30195.        Aligned

  30196. --------------------*/

  30197. 

  30198. .ui.items > .item > .image + [class*="top aligned"].content {

  30199.   -ms-flex-item-align: start;

  30200.   align-self: flex-start;

  30201. }

  30202. 

  30203. .ui.items > .item > .image + [class*="middle aligned"].content {

  30204.   -ms-flex-item-align: center;

  30205.   align-self: center;

  30206. }

  30207. 

  30208. .ui.items > .item > .image + [class*="bottom aligned"].content {

  30209.   -ms-flex-item-align: end;

  30210.   align-self: flex-end;

  30211. }

  30212. 

  30213. /*--------------

  30214.      Relaxed

  30215. ---------------*/

  30216. 

  30217. .ui.relaxed.items > .item {

  30218.   margin: 1.5em 0em;

  30219. }

  30220. 

  30221. .ui[class*="very relaxed"].items > .item {

  30222.   margin: 2em 0em;

  30223. }

  30224. 

  30225. /*-------------------

  30226.       Divided

  30227. --------------------*/

  30228. 

  30229. .ui.divided.items > .item {

  30230.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  30231.   margin: 0em;

  30232.   padding: 1em 0em;

  30233. }

  30234. 

  30235. .ui.divided.items > .item:first-child {

  30236.   border-top: none;

  30237.   margin-top: 0em !important;

  30238.   padding-top: 0em !important;

  30239. }

  30240. 

  30241. .ui.divided.items > .item:last-child {

  30242.   margin-bottom: 0em !important;

  30243.   padding-bottom: 0em !important;

  30244. }

  30245. 

  30246. /* Relaxed Divided */

  30247. 

  30248. .ui.relaxed.divided.items > .item {

  30249.   margin: 0em;

  30250.   padding: 1.5em 0em;

  30251. }

  30252. 

  30253. .ui[class*="very relaxed"].divided.items > .item {

  30254.   margin: 0em;

  30255.   padding: 2em 0em;

  30256. }

  30257. 

  30258. /*-------------------

  30259.         Link

  30260. --------------------*/

  30261. 

  30262. .ui.items a.item:hover,

  30263. .ui.link.items > .item:hover {

  30264.   cursor: pointer;

  30265. }

  30266. 

  30267. .ui.items a.item:hover .content .header,

  30268. .ui.link.items > .item:hover .content .header {

  30269.   color: #1e70bf;

  30270. }

  30271. 

  30272. /*--------------

  30273.       Size

  30274. ---------------*/

  30275. 

  30276. .ui.items > .item {

  30277.   font-size: 1em;

  30278. }

  30279. 

  30280. /*---------------

  30281.    Unstackable

  30282. ----------------*/

  30283. 

  30284. @media only screen and (max-width: 767px) {

  30285.   .ui.unstackable.items > .item > .image,

  30286.   .ui.unstackable.items > .item > .image > img {

  30287.     width: 125px !important;

  30288.   }

  30289. }

  30290. 

  30291. /*******************************

  30292.          Theme Overrides

  30293. *******************************/

  30294. 

  30295. /*******************************

  30296.     User Variable Overrides

  30297. *******************************/

  30298. /*!

  30299.  * # Semantic UI 2.4.0 - Statistic

  30300.  * http://github.com/semantic-org/semantic-ui/

  30301.  *

  30302.  *

  30303.  * Released under the MIT license

  30304.  * http://opensource.org/licenses/MIT

  30305.  *

  30306.  */

  30307. 

  30308. /*******************************

  30309.            Statistic

  30310. *******************************/

  30311. 

  30312. /* Standalone */

  30313. 

  30314. .ui.statistic {

  30315.   display: -webkit-inline-box;

  30316.   display: -ms-inline-flexbox;

  30317.   display: inline-flex;

  30318.   -webkit-box-orient: vertical;

  30319.   -webkit-box-direction: normal;

  30320.   -ms-flex-direction: column;

  30321.   flex-direction: column;

  30322.   margin: 1em 0em;

  30323.   max-width: auto;

  30324. }

  30325. 

  30326. .ui.statistic + .ui.statistic {

  30327.   margin: 0em 0em 0em 1.5em;

  30328. }

  30329. 

  30330. .ui.statistic:first-child {

  30331.   margin-top: 0em;

  30332. }

  30333. 

  30334. .ui.statistic:last-child {

  30335.   margin-bottom: 0em;

  30336. }

  30337. 

  30338. /*******************************

  30339.             Group

  30340. *******************************/

  30341. 

  30342. /* Grouped */

  30343. 

  30344. .ui.statistics {

  30345.   display: -webkit-box;

  30346.   display: -ms-flexbox;

  30347.   display: flex;

  30348.   -webkit-box-align: start;

  30349.   -ms-flex-align: start;

  30350.   align-items: flex-start;

  30351.   -ms-flex-wrap: wrap;

  30352.   flex-wrap: wrap;

  30353. }

  30354. 

  30355. .ui.statistics > .statistic {

  30356.   display: -webkit-inline-box;

  30357.   display: -ms-inline-flexbox;

  30358.   display: inline-flex;

  30359.   -webkit-box-flex: 0;

  30360.   -ms-flex: 0 1 auto;

  30361.   flex: 0 1 auto;

  30362.   -webkit-box-orient: vertical;

  30363.   -webkit-box-direction: normal;

  30364.   -ms-flex-direction: column;

  30365.   flex-direction: column;

  30366.   margin: 0em 1.5em 1em;

  30367.   max-width: auto;

  30368. }

  30369. 

  30370. .ui.statistics {

  30371.   display: -webkit-box;

  30372.   display: -ms-flexbox;

  30373.   display: flex;

  30374.   margin: 1em -1.5em -1em;

  30375. }

  30376. 

  30377. /* Clearing */

  30378. 

  30379. .ui.statistics:after {

  30380.   display: block;

  30381.   content: ' ';

  30382.   height: 0px;

  30383.   clear: both;

  30384.   overflow: hidden;

  30385.   visibility: hidden;

  30386. }

  30387. 

  30388. .ui.statistics:first-child {

  30389.   margin-top: 0em;

  30390. }

  30391. 

  30392. /*******************************

  30393.             Content

  30394. *******************************/

  30395. 

  30396. /*--------------

  30397.       Value

  30398. ---------------*/

  30399. 

  30400. .ui.statistics .statistic > .value,

  30401. .ui.statistic > .value {

  30402.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  30403.   font-size: 4rem;

  30404.   font-weight: normal;

  30405.   line-height: 1em;

  30406.   color: #1B1C1D;

  30407.   text-transform: uppercase;

  30408.   text-align: center;

  30409. }

  30410. 

  30411. /*--------------

  30412.      Label

  30413. ---------------*/

  30414. 

  30415. .ui.statistics .statistic > .label,

  30416. .ui.statistic > .label {

  30417.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  30418.   font-size: 1em;

  30419.   font-weight: bold;

  30420.   color: rgba(0, 0, 0, 0.87);

  30421.   text-transform: uppercase;

  30422.   text-align: center;

  30423. }

  30424. 

  30425. /* Top Label */

  30426. 

  30427. .ui.statistics .statistic > .label ~ .value,

  30428. .ui.statistic > .label ~ .value {

  30429.   margin-top: 0rem;

  30430. }

  30431. 

  30432. /* Bottom Label */

  30433. 

  30434. .ui.statistics .statistic > .value ~ .label,

  30435. .ui.statistic > .value ~ .label {

  30436.   margin-top: 0rem;

  30437. }

  30438. 

  30439. /*******************************

  30440.              Types

  30441. *******************************/

  30442. 

  30443. /*--------------

  30444.    Icon Value

  30445. ---------------*/

  30446. 

  30447. .ui.statistics .statistic > .value .icon,

  30448. .ui.statistic > .value .icon {

  30449.   opacity: 1;

  30450.   width: auto;

  30451.   margin: 0em;

  30452. }

  30453. 

  30454. /*--------------

  30455.    Text Value

  30456. ---------------*/

  30457. 

  30458. .ui.statistics .statistic > .text.value,

  30459. .ui.statistic > .text.value {

  30460.   line-height: 1em;

  30461.   min-height: 2em;

  30462.   font-weight: bold;

  30463.   text-align: center;

  30464. }

  30465. 

  30466. .ui.statistics .statistic > .text.value + .label,

  30467. .ui.statistic > .text.value + .label {

  30468.   text-align: center;

  30469. }

  30470. 

  30471. /*--------------

  30472.    Image Value

  30473. ---------------*/

  30474. 

  30475. .ui.statistics .statistic > .value img,

  30476. .ui.statistic > .value img {

  30477.   max-height: 3rem;

  30478.   vertical-align: baseline;

  30479. }

  30480. 

  30481. /*******************************

  30482.             Variations

  30483. *******************************/

  30484. 

  30485. /*--------------

  30486.       Count

  30487. ---------------*/

  30488. 

  30489. .ui.ten.statistics {

  30490.   margin: 0em 0em -1em;

  30491. }

  30492. 

  30493. .ui.ten.statistics .statistic {

  30494.   min-width: 10%;

  30495.   margin: 0em 0em 1em;

  30496. }

  30497. 

  30498. .ui.nine.statistics {

  30499.   margin: 0em 0em -1em;

  30500. }

  30501. 

  30502. .ui.nine.statistics .statistic {

  30503.   min-width: 11.11111111%;

  30504.   margin: 0em 0em 1em;

  30505. }

  30506. 

  30507. .ui.eight.statistics {

  30508.   margin: 0em 0em -1em;

  30509. }

  30510. 

  30511. .ui.eight.statistics .statistic {

  30512.   min-width: 12.5%;

  30513.   margin: 0em 0em 1em;

  30514. }

  30515. 

  30516. .ui.seven.statistics {

  30517.   margin: 0em 0em -1em;

  30518. }

  30519. 

  30520. .ui.seven.statistics .statistic {

  30521.   min-width: 14.28571429%;

  30522.   margin: 0em 0em 1em;

  30523. }

  30524. 

  30525. .ui.six.statistics {

  30526.   margin: 0em 0em -1em;

  30527. }

  30528. 

  30529. .ui.six.statistics .statistic {

  30530.   min-width: 16.66666667%;

  30531.   margin: 0em 0em 1em;

  30532. }

  30533. 

  30534. .ui.five.statistics {

  30535.   margin: 0em 0em -1em;

  30536. }

  30537. 

  30538. .ui.five.statistics .statistic {

  30539.   min-width: 20%;

  30540.   margin: 0em 0em 1em;

  30541. }

  30542. 

  30543. .ui.four.statistics {

  30544.   margin: 0em 0em -1em;

  30545. }

  30546. 

  30547. .ui.four.statistics .statistic {

  30548.   min-width: 25%;

  30549.   margin: 0em 0em 1em;

  30550. }

  30551. 

  30552. .ui.three.statistics {

  30553.   margin: 0em 0em -1em;

  30554. }

  30555. 

  30556. .ui.three.statistics .statistic {

  30557.   min-width: 33.33333333%;

  30558.   margin: 0em 0em 1em;

  30559. }

  30560. 

  30561. .ui.two.statistics {

  30562.   margin: 0em 0em -1em;

  30563. }

  30564. 

  30565. .ui.two.statistics .statistic {

  30566.   min-width: 50%;

  30567.   margin: 0em 0em 1em;

  30568. }

  30569. 

  30570. .ui.one.statistics {

  30571.   margin: 0em 0em -1em;

  30572. }

  30573. 

  30574. .ui.one.statistics .statistic {

  30575.   min-width: 100%;

  30576.   margin: 0em 0em 1em;

  30577. }

  30578. 

  30579. /*--------------

  30580.    Horizontal

  30581. ---------------*/

  30582. 

  30583. .ui.horizontal.statistic {

  30584.   -webkit-box-orient: horizontal;

  30585.   -webkit-box-direction: normal;

  30586.   -ms-flex-direction: row;

  30587.   flex-direction: row;

  30588.   -webkit-box-align: center;

  30589.   -ms-flex-align: center;

  30590.   align-items: center;

  30591. }

  30592. 

  30593. .ui.horizontal.statistics {

  30594.   -webkit-box-orient: vertical;

  30595.   -webkit-box-direction: normal;

  30596.   -ms-flex-direction: column;

  30597.   flex-direction: column;

  30598.   margin: 0em;

  30599.   max-width: none;

  30600. }

  30601. 

  30602. .ui.horizontal.statistics .statistic {

  30603.   -webkit-box-orient: horizontal;

  30604.   -webkit-box-direction: normal;

  30605.   -ms-flex-direction: row;

  30606.   flex-direction: row;

  30607.   -webkit-box-align: center;

  30608.   -ms-flex-align: center;

  30609.   align-items: center;

  30610.   max-width: none;

  30611.   margin: 1em 0em;

  30612. }

  30613. 

  30614. .ui.horizontal.statistic > .text.value,

  30615. .ui.horizontal.statistics > .statistic > .text.value {

  30616.   min-height: 0em !important;

  30617. }

  30618. 

  30619. .ui.horizontal.statistics .statistic > .value .icon,

  30620. .ui.horizontal.statistic > .value .icon {

  30621.   width: 1.18em;

  30622. }

  30623. 

  30624. .ui.horizontal.statistics .statistic > .value,

  30625. .ui.horizontal.statistic > .value {

  30626.   display: inline-block;

  30627.   vertical-align: middle;

  30628. }

  30629. 

  30630. .ui.horizontal.statistics .statistic > .label,

  30631. .ui.horizontal.statistic > .label {

  30632.   display: inline-block;

  30633.   vertical-align: middle;

  30634.   margin: 0em 0em 0em 0.75em;

  30635. }

  30636. 

  30637. /*--------------

  30638.      Colors

  30639. ---------------*/

  30640. 

  30641. .ui.red.statistics .statistic > .value,

  30642. .ui.statistics .red.statistic > .value,

  30643. .ui.red.statistic > .value {

  30644.   color: #DB2828;

  30645. }

  30646. 

  30647. .ui.orange.statistics .statistic > .value,

  30648. .ui.statistics .orange.statistic > .value,

  30649. .ui.orange.statistic > .value {

  30650.   color: #F2711C;

  30651. }

  30652. 

  30653. .ui.yellow.statistics .statistic > .value,

  30654. .ui.statistics .yellow.statistic > .value,

  30655. .ui.yellow.statistic > .value {

  30656.   color: #FBBD08;

  30657. }

  30658. 

  30659. .ui.olive.statistics .statistic > .value,

  30660. .ui.statistics .olive.statistic > .value,

  30661. .ui.olive.statistic > .value {

  30662.   color: #B5CC18;

  30663. }

  30664. 

  30665. .ui.green.statistics .statistic > .value,

  30666. .ui.statistics .green.statistic > .value,

  30667. .ui.green.statistic > .value {

  30668.   color: #21BA45;

  30669. }

  30670. 

  30671. .ui.teal.statistics .statistic > .value,

  30672. .ui.statistics .teal.statistic > .value,

  30673. .ui.teal.statistic > .value {

  30674.   color: #00B5AD;

  30675. }

  30676. 

  30677. .ui.blue.statistics .statistic > .value,

  30678. .ui.statistics .blue.statistic > .value,

  30679. .ui.blue.statistic > .value {

  30680.   color: #2185D0;

  30681. }

  30682. 

  30683. .ui.violet.statistics .statistic > .value,

  30684. .ui.statistics .violet.statistic > .value,

  30685. .ui.violet.statistic > .value {

  30686.   color: #6435C9;

  30687. }

  30688. 

  30689. .ui.purple.statistics .statistic > .value,

  30690. .ui.statistics .purple.statistic > .value,

  30691. .ui.purple.statistic > .value {

  30692.   color: #A333C8;

  30693. }

  30694. 

  30695. .ui.pink.statistics .statistic > .value,

  30696. .ui.statistics .pink.statistic > .value,

  30697. .ui.pink.statistic > .value {

  30698.   color: #E03997;

  30699. }

  30700. 

  30701. .ui.brown.statistics .statistic > .value,

  30702. .ui.statistics .brown.statistic > .value,

  30703. .ui.brown.statistic > .value {

  30704.   color: #A5673F;

  30705. }

  30706. 

  30707. .ui.grey.statistics .statistic > .value,

  30708. .ui.statistics .grey.statistic > .value,

  30709. .ui.grey.statistic > .value {

  30710.   color: #767676;

  30711. }

  30712. 

  30713. /*--------------

  30714.     Inverted

  30715. ---------------*/

  30716. 

  30717. .ui.inverted.statistics .statistic > .value,

  30718. .ui.inverted.statistic .value {

  30719.   color: #FFFFFF;

  30720. }

  30721. 

  30722. .ui.inverted.statistics .statistic > .label,

  30723. .ui.inverted.statistic .label {

  30724.   color: rgba(255, 255, 255, 0.9);

  30725. }

  30726. 

  30727. .ui.inverted.red.statistics .statistic > .value,

  30728. .ui.statistics .inverted.red.statistic > .value,

  30729. .ui.inverted.red.statistic > .value {

  30730.   color: #FF695E;

  30731. }

  30732. 

  30733. .ui.inverted.orange.statistics .statistic > .value,

  30734. .ui.statistics .inverted.orange.statistic > .value,

  30735. .ui.inverted.orange.statistic > .value {

  30736.   color: #FF851B;

  30737. }

  30738. 

  30739. .ui.inverted.yellow.statistics .statistic > .value,

  30740. .ui.statistics .inverted.yellow.statistic > .value,

  30741. .ui.inverted.yellow.statistic > .value {

  30742.   color: #FFE21F;

  30743. }

  30744. 

  30745. .ui.inverted.olive.statistics .statistic > .value,

  30746. .ui.statistics .inverted.olive.statistic > .value,

  30747. .ui.inverted.olive.statistic > .value {

  30748.   color: #D9E778;

  30749. }

  30750. 

  30751. .ui.inverted.green.statistics .statistic > .value,

  30752. .ui.statistics .inverted.green.statistic > .value,

  30753. .ui.inverted.green.statistic > .value {

  30754.   color: #2ECC40;

  30755. }

  30756. 

  30757. .ui.inverted.teal.statistics .statistic > .value,

  30758. .ui.statistics .inverted.teal.statistic > .value,

  30759. .ui.inverted.teal.statistic > .value {

  30760.   color: #6DFFFF;

  30761. }

  30762. 

  30763. .ui.inverted.blue.statistics .statistic > .value,

  30764. .ui.statistics .inverted.blue.statistic > .value,

  30765. .ui.inverted.blue.statistic > .value {

  30766.   color: #54C8FF;

  30767. }

  30768. 

  30769. .ui.inverted.violet.statistics .statistic > .value,

  30770. .ui.statistics .inverted.violet.statistic > .value,

  30771. .ui.inverted.violet.statistic > .value {

  30772.   color: #A291FB;

  30773. }

  30774. 

  30775. .ui.inverted.purple.statistics .statistic > .value,

  30776. .ui.statistics .inverted.purple.statistic > .value,

  30777. .ui.inverted.purple.statistic > .value {

  30778.   color: #DC73FF;

  30779. }

  30780. 

  30781. .ui.inverted.pink.statistics .statistic > .value,

  30782. .ui.statistics .inverted.pink.statistic > .value,

  30783. .ui.inverted.pink.statistic > .value {

  30784.   color: #FF8EDF;

  30785. }

  30786. 

  30787. .ui.inverted.brown.statistics .statistic > .value,

  30788. .ui.statistics .inverted.brown.statistic > .value,

  30789. .ui.inverted.brown.statistic > .value {

  30790.   color: #D67C1C;

  30791. }

  30792. 

  30793. .ui.inverted.grey.statistics .statistic > .value,

  30794. .ui.statistics .inverted.grey.statistic > .value,

  30795. .ui.inverted.grey.statistic > .value {

  30796.   color: #DCDDDE;

  30797. }

  30798. 

  30799. /*--------------

  30800.     Floated

  30801. ---------------*/

  30802. 

  30803. .ui[class*="left floated"].statistic {

  30804.   float: left;

  30805.   margin: 0em 2em 1em 0em;

  30806. }

  30807. 

  30808. .ui[class*="right floated"].statistic {

  30809.   float: right;

  30810.   margin: 0em 0em 1em 2em;

  30811. }

  30812. 

  30813. .ui.floated.statistic:last-child {

  30814.   margin-bottom: 0em;

  30815. }

  30816. 

  30817. /*--------------

  30818.      Sizes

  30819. ---------------*/

  30820. 

  30821. /* Mini */

  30822. 

  30823. .ui.mini.statistics .statistic > .value,

  30824. .ui.mini.statistic > .value {

  30825.   font-size: 1.5rem !important;

  30826. }

  30827. 

  30828. .ui.mini.horizontal.statistics .statistic > .value,

  30829. .ui.mini.horizontal.statistic > .value {

  30830.   font-size: 1.5rem !important;

  30831. }

  30832. 

  30833. .ui.mini.statistics .statistic > .text.value,

  30834. .ui.mini.statistic > .text.value {

  30835.   font-size: 1rem !important;

  30836. }

  30837. 

  30838. /* Tiny */

  30839. 

  30840. .ui.tiny.statistics .statistic > .value,

  30841. .ui.tiny.statistic > .value {

  30842.   font-size: 2rem !important;

  30843. }

  30844. 

  30845. .ui.tiny.horizontal.statistics .statistic > .value,

  30846. .ui.tiny.horizontal.statistic > .value {

  30847.   font-size: 2rem !important;

  30848. }

  30849. 

  30850. .ui.tiny.statistics .statistic > .text.value,

  30851. .ui.tiny.statistic > .text.value {

  30852.   font-size: 1rem !important;

  30853. }

  30854. 

  30855. /* Small */

  30856. 

  30857. .ui.small.statistics .statistic > .value,

  30858. .ui.small.statistic > .value {

  30859.   font-size: 3rem !important;

  30860. }

  30861. 

  30862. .ui.small.horizontal.statistics .statistic > .value,

  30863. .ui.small.horizontal.statistic > .value {

  30864.   font-size: 2rem !important;

  30865. }

  30866. 

  30867. .ui.small.statistics .statistic > .text.value,

  30868. .ui.small.statistic > .text.value {

  30869.   font-size: 1rem !important;

  30870. }

  30871. 

  30872. /* Medium */

  30873. 

  30874. .ui.statistics .statistic > .value,

  30875. .ui.statistic > .value {

  30876.   font-size: 4rem !important;

  30877. }

  30878. 

  30879. .ui.horizontal.statistics .statistic > .value,

  30880. .ui.horizontal.statistic > .value {

  30881.   font-size: 3rem !important;

  30882. }

  30883. 

  30884. .ui.statistics .statistic > .text.value,

  30885. .ui.statistic > .text.value {

  30886.   font-size: 2rem !important;

  30887. }

  30888. 

  30889. /* Large */

  30890. 

  30891. .ui.large.statistics .statistic > .value,

  30892. .ui.large.statistic > .value {

  30893.   font-size: 5rem !important;

  30894. }

  30895. 

  30896. .ui.large.horizontal.statistics .statistic > .value,

  30897. .ui.large.horizontal.statistic > .value {

  30898.   font-size: 4rem !important;

  30899. }

  30900. 

  30901. .ui.large.statistics .statistic > .text.value,

  30902. .ui.large.statistic > .text.value {

  30903.   font-size: 2.5rem !important;

  30904. }

  30905. 

  30906. /* Huge */

  30907. 

  30908. .ui.huge.statistics .statistic > .value,

  30909. .ui.huge.statistic > .value {

  30910.   font-size: 6rem !important;

  30911. }

  30912. 

  30913. .ui.huge.horizontal.statistics .statistic > .value,

  30914. .ui.huge.horizontal.statistic > .value {

  30915.   font-size: 5rem !important;

  30916. }

  30917. 

  30918. .ui.huge.statistics .statistic > .text.value,

  30919. .ui.huge.statistic > .text.value {

  30920.   font-size: 2.5rem !important;

  30921. }

  30922. 

  30923. /*******************************

  30924.          Theme Overrides

  30925. *******************************/

  30926. 

  30927. /*******************************

  30928.     User Variable Overrides

  30929. *******************************/

  30930. /*!

  30931.  * # Semantic UI 2.4.0 - Accordion

  30932.  * http://github.com/semantic-org/semantic-ui/

  30933.  *

  30934.  *

  30935.  * Released under the MIT license

  30936.  * http://opensource.org/licenses/MIT

  30937.  *

  30938.  */

  30939. 

  30940. /*******************************

  30941.             Accordion

  30942. *******************************/

  30943. 

  30944. .ui.accordion,

  30945. .ui.accordion .accordion {

  30946.   max-width: 100%;

  30947. }

  30948. 

  30949. .ui.accordion .accordion {

  30950.   margin: 1em 0em 0em;

  30951.   padding: 0em;

  30952. }

  30953. 

  30954. /* Title */

  30955. 

  30956. .ui.accordion .title,

  30957. .ui.accordion .accordion .title {

  30958.   cursor: pointer;

  30959. }

  30960. 

  30961. /* Default Styling */

  30962. 

  30963. .ui.accordion .title:not(.ui) {

  30964.   padding: 0.5em 0em;

  30965.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  30966.   font-size: 1em;

  30967.   color: rgba(0, 0, 0, 0.87);

  30968. }

  30969. 

  30970. /* Content */

  30971. 

  30972. .ui.accordion .title ~ .content,

  30973. .ui.accordion .accordion .title ~ .content {

  30974.   display: none;

  30975. }

  30976. 

  30977. /* Default Styling */

  30978. 

  30979. .ui.accordion:not(.styled) .title ~ .content:not(.ui),

  30980. .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {

  30981.   margin: '';

  30982.   padding: 0.5em 0em 1em;

  30983. }

  30984. 

  30985. .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {

  30986.   padding-bottom: 0em;

  30987. }

  30988. 

  30989. /* Arrow */

  30990. 

  30991. .ui.accordion .title .dropdown.icon,

  30992. .ui.accordion .accordion .title .dropdown.icon {

  30993.   display: inline-block;

  30994.   float: none;

  30995.   opacity: 1;

  30996.   width: 1.25em;

  30997.   height: 1em;

  30998.   margin: 0em 0.25rem 0em 0rem;

  30999.   padding: 0em;

  31000.   font-size: 1em;

  31001.   -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;

  31002.   transition: opacity 0.1s ease, -webkit-transform 0.1s ease;

  31003.   transition: transform 0.1s ease, opacity 0.1s ease;

  31004.   transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;

  31005.   vertical-align: baseline;

  31006.   -webkit-transform: none;

  31007.   transform: none;

  31008. }

  31009. 

  31010. /*--------------

  31011.     Coupling

  31012. ---------------*/

  31013. 

  31014. /* Menu */

  31015. 

  31016. .ui.accordion.menu .item .title {

  31017.   display: block;

  31018.   padding: 0em;

  31019. }

  31020. 

  31021. .ui.accordion.menu .item .title > .dropdown.icon {

  31022.   float: right;

  31023.   margin: 0.21425em 0em 0em 1em;

  31024.   -webkit-transform: rotate(180deg);

  31025.   transform: rotate(180deg);

  31026. }

  31027. 

  31028. /* Header */

  31029. 

  31030. .ui.accordion .ui.header .dropdown.icon {

  31031.   font-size: 1em;

  31032.   margin: 0em 0.25rem 0em 0rem;

  31033. }

  31034. 

  31035. /*******************************

  31036.             States

  31037. *******************************/

  31038. 

  31039. .ui.accordion .active.title .dropdown.icon,

  31040. .ui.accordion .accordion .active.title .dropdown.icon {

  31041.   -webkit-transform: rotate(90deg);

  31042.   transform: rotate(90deg);

  31043. }

  31044. 

  31045. .ui.accordion.menu .item .active.title > .dropdown.icon {

  31046.   -webkit-transform: rotate(90deg);

  31047.   transform: rotate(90deg);

  31048. }

  31049. 

  31050. /*******************************

  31051.             Types

  31052. *******************************/

  31053. 

  31054. /*--------------

  31055.      Styled

  31056. ---------------*/

  31057. 

  31058. .ui.styled.accordion {

  31059.   width: 600px;

  31060. }

  31061. 

  31062. .ui.styled.accordion,

  31063. .ui.styled.accordion .accordion {

  31064.   border-radius: 0.28571429rem;

  31065.   background: #FFFFFF;

  31066.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);

  31067.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);

  31068. }

  31069. 

  31070. .ui.styled.accordion .title,

  31071. .ui.styled.accordion .accordion .title {

  31072.   margin: 0em;

  31073.   padding: 0.75em 1em;

  31074.   color: rgba(0, 0, 0, 0.4);

  31075.   font-weight: bold;

  31076.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  31077.   -webkit-transition: background 0.1s ease, color 0.1s ease;

  31078.   transition: background 0.1s ease, color 0.1s ease;

  31079. }

  31080. 

  31081. .ui.styled.accordion > .title:first-child,

  31082. .ui.styled.accordion .accordion .title:first-child {

  31083.   border-top: none;

  31084. }

  31085. 

  31086. /* Content */

  31087. 

  31088. .ui.styled.accordion .content,

  31089. .ui.styled.accordion .accordion .content {

  31090.   margin: 0em;

  31091.   padding: 0.5em 1em 1.5em;

  31092. }

  31093. 

  31094. .ui.styled.accordion .accordion .content {

  31095.   padding: 0em;

  31096.   padding: 0.5em 1em 1.5em;

  31097. }

  31098. 

  31099. /* Hover */

  31100. 

  31101. .ui.styled.accordion .title:hover,

  31102. .ui.styled.accordion .active.title,

  31103. .ui.styled.accordion .accordion .title:hover,

  31104. .ui.styled.accordion .accordion .active.title {

  31105.   background: transparent;

  31106.   color: rgba(0, 0, 0, 0.87);

  31107. }

  31108. 

  31109. .ui.styled.accordion .accordion .title:hover,

  31110. .ui.styled.accordion .accordion .active.title {

  31111.   background: transparent;

  31112.   color: rgba(0, 0, 0, 0.87);

  31113. }

  31114. 

  31115. /* Active */

  31116. 

  31117. .ui.styled.accordion .active.title {

  31118.   background: transparent;

  31119.   color: rgba(0, 0, 0, 0.95);

  31120. }

  31121. 

  31122. .ui.styled.accordion .accordion .active.title {

  31123.   background: transparent;

  31124.   color: rgba(0, 0, 0, 0.95);

  31125. }

  31126. 

  31127. /*******************************

  31128.             States

  31129. *******************************/

  31130. 

  31131. /*--------------

  31132.      Active

  31133. ---------------*/

  31134. 

  31135. .ui.accordion .active.content,

  31136. .ui.accordion .accordion .active.content {

  31137.   display: block;

  31138. }

  31139. 

  31140. /*******************************

  31141.            Variations

  31142. *******************************/

  31143. 

  31144. /*--------------

  31145.      Fluid

  31146. ---------------*/

  31147. 

  31148. .ui.fluid.accordion,

  31149. .ui.fluid.accordion .accordion {

  31150.   width: 100%;

  31151. }

  31152. 

  31153. /*--------------

  31154.      Inverted

  31155. ---------------*/

  31156. 

  31157. .ui.inverted.accordion .title:not(.ui) {

  31158.   color: rgba(255, 255, 255, 0.9);

  31159. }

  31160. 

  31161. /*******************************

  31162.          Theme Overrides

  31163. *******************************/

  31164. 

  31165. @font-face {

  31166.   font-family: 'Accordion';

  31167.   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');

  31168.   font-weight: normal;

  31169.   font-style: normal;

  31170. }

  31171. 

  31172. /* Dropdown Icon */

  31173. 

  31174. .ui.accordion .title .dropdown.icon,

  31175. .ui.accordion .accordion .title .dropdown.icon {

  31176.   font-family: Accordion;

  31177.   line-height: 1;

  31178.   -webkit-backface-visibility: hidden;

  31179.   backface-visibility: hidden;

  31180.   font-weight: normal;

  31181.   font-style: normal;

  31182.   text-align: center;

  31183. }

  31184. 

  31185. .ui.accordion .title .dropdown.icon:before,

  31186. .ui.accordion .accordion .title .dropdown.icon:before {

  31187.   content: '\f0da' ;

  31188. }

  31189. 

  31190. /*******************************

  31191.         User Overrides

  31192. *******************************/

  31193. /*!

  31194.  * # Semantic UI 2.4.0 - Checkbox

  31195.  * http://github.com/semantic-org/semantic-ui/

  31196.  *

  31197.  *

  31198.  * Released under the MIT license

  31199.  * http://opensource.org/licenses/MIT

  31200.  *

  31201.  */

  31202. 

  31203. /*******************************

  31204.            Checkbox

  31205. *******************************/

  31206. 

  31207. /*--------------

  31208.     Content

  31209. ---------------*/

  31210. 

  31211. .ui.checkbox {

  31212.   position: relative;

  31213.   display: inline-block;

  31214.   -webkit-backface-visibility: hidden;

  31215.   backface-visibility: hidden;

  31216.   outline: none;

  31217.   vertical-align: baseline;

  31218.   font-style: normal;

  31219.   min-height: 17px;

  31220.   font-size: 1rem;

  31221.   line-height: 17px;

  31222.   min-width: 17px;

  31223. }

  31224. 

  31225. /* HTML Checkbox */

  31226. 

  31227. .ui.checkbox input[type="checkbox"],

  31228. .ui.checkbox input[type="radio"] {

  31229.   cursor: pointer;

  31230.   position: absolute;

  31231.   top: 0px;

  31232.   left: 0px;

  31233.   opacity: 0 !important;

  31234.   outline: none;

  31235.   z-index: 3;

  31236.   width: 17px;

  31237.   height: 17px;

  31238. }

  31239. 

  31240. /*--------------

  31241.       Box

  31242. ---------------*/

  31243. 

  31244. .ui.checkbox .box,

  31245. .ui.checkbox label {

  31246.   cursor: auto;

  31247.   position: relative;

  31248.   display: block;

  31249.   padding-left: 1.85714em;

  31250.   outline: none;

  31251.   font-size: 1em;

  31252. }

  31253. 

  31254. .ui.checkbox .box:before,

  31255. .ui.checkbox label:before {

  31256.   position: absolute;

  31257.   top: 0px;

  31258.   left: 0px;

  31259.   width: 17px;

  31260.   height: 17px;

  31261.   content: '';

  31262.   background: #FFFFFF;

  31263.   border-radius: 0.21428571rem;

  31264.   -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;

  31265.   transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;

  31266.   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;

  31267.   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;

  31268.   border: 1px solid #D4D4D5;

  31269. }

  31270. 

  31271. /*--------------

  31272.     Checkmark

  31273. ---------------*/

  31274. 

  31275. .ui.checkbox .box:after,

  31276. .ui.checkbox label:after {

  31277.   position: absolute;

  31278.   font-size: 14px;

  31279.   top: 0px;

  31280.   left: 0px;

  31281.   width: 17px;

  31282.   height: 17px;

  31283.   text-align: center;

  31284.   opacity: 0;

  31285.   color: rgba(0, 0, 0, 0.87);

  31286.   -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;

  31287.   transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;

  31288.   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;

  31289.   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;

  31290. }

  31291. 

  31292. /*--------------

  31293.       Label

  31294. ---------------*/

  31295. 

  31296. /* Inside */

  31297. 

  31298. .ui.checkbox label,

  31299. .ui.checkbox + label {

  31300.   color: rgba(0, 0, 0, 0.87);

  31301.   -webkit-transition: color 0.1s ease;

  31302.   transition: color 0.1s ease;

  31303. }

  31304. 

  31305. /* Outside */

  31306. 

  31307. .ui.checkbox + label {

  31308.   vertical-align: middle;

  31309. }

  31310. 

  31311. /*******************************

  31312.            States

  31313. *******************************/

  31314. 

  31315. /*--------------

  31316.       Hover

  31317. ---------------*/

  31318. 

  31319. .ui.checkbox .box:hover::before,

  31320. .ui.checkbox label:hover::before {

  31321.   background: #FFFFFF;

  31322.   border-color: rgba(34, 36, 38, 0.35);

  31323. }

  31324. 

  31325. .ui.checkbox label:hover,

  31326. .ui.checkbox + label:hover {

  31327.   color: rgba(0, 0, 0, 0.8);

  31328. }

  31329. 

  31330. /*--------------

  31331.       Down

  31332. ---------------*/

  31333. 

  31334. .ui.checkbox .box:active::before,

  31335. .ui.checkbox label:active::before {

  31336.   background: #F9FAFB;

  31337.   border-color: rgba(34, 36, 38, 0.35);

  31338. }

  31339. 

  31340. .ui.checkbox .box:active::after,

  31341. .ui.checkbox label:active::after {

  31342.   color: rgba(0, 0, 0, 0.95);

  31343. }

  31344. 

  31345. .ui.checkbox input:active ~ label {

  31346.   color: rgba(0, 0, 0, 0.95);

  31347. }

  31348. 

  31349. /*--------------

  31350.      Focus

  31351. ---------------*/

  31352. 

  31353. .ui.checkbox input:focus ~ .box:before,

  31354. .ui.checkbox input:focus ~ label:before {

  31355.   background: #FFFFFF;

  31356.   border-color: #96C8DA;

  31357. }

  31358. 

  31359. .ui.checkbox input:focus ~ .box:after,

  31360. .ui.checkbox input:focus ~ label:after {

  31361.   color: rgba(0, 0, 0, 0.95);

  31362. }

  31363. 

  31364. .ui.checkbox input:focus ~ label {

  31365.   color: rgba(0, 0, 0, 0.95);

  31366. }

  31367. 

  31368. /*--------------

  31369.      Active

  31370. ---------------*/

  31371. 

  31372. .ui.checkbox input:checked ~ .box:before,

  31373. .ui.checkbox input:checked ~ label:before {

  31374.   background: #FFFFFF;

  31375.   border-color: rgba(34, 36, 38, 0.35);

  31376. }

  31377. 

  31378. .ui.checkbox input:checked ~ .box:after,

  31379. .ui.checkbox input:checked ~ label:after {

  31380.   opacity: 1;

  31381.   color: rgba(0, 0, 0, 0.95);

  31382. }

  31383. 

  31384. /*--------------

  31385.   Indeterminate

  31386. ---------------*/

  31387. 

  31388. .ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,

  31389. .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {

  31390.   background: #FFFFFF;

  31391.   border-color: rgba(34, 36, 38, 0.35);

  31392. }

  31393. 

  31394. .ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,

  31395. .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {

  31396.   opacity: 1;

  31397.   color: rgba(0, 0, 0, 0.95);

  31398. }

  31399. 

  31400. /*--------------

  31401.   Active Focus

  31402. ---------------*/

  31403. 

  31404. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,

  31405. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,

  31406. .ui.checkbox input:checked:focus ~ .box:before,

  31407. .ui.checkbox input:checked:focus ~ label:before {

  31408.   background: #FFFFFF;

  31409.   border-color: #96C8DA;

  31410. }

  31411. 

  31412. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,

  31413. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,

  31414. .ui.checkbox input:checked:focus ~ .box:after,

  31415. .ui.checkbox input:checked:focus ~ label:after {

  31416.   color: rgba(0, 0, 0, 0.95);

  31417. }

  31418. 

  31419. /*--------------

  31420.     Read-Only

  31421. ---------------*/

  31422. 

  31423. .ui.read-only.checkbox,

  31424. .ui.read-only.checkbox label {

  31425.   cursor: default;

  31426. }

  31427. 

  31428. /*--------------

  31429.      Disabled

  31430. ---------------*/

  31431. 

  31432. .ui.disabled.checkbox .box:after,

  31433. .ui.disabled.checkbox label,

  31434. .ui.checkbox input[disabled] ~ .box:after,

  31435. .ui.checkbox input[disabled] ~ label {

  31436.   cursor: default !important;

  31437.   opacity: 0.5;

  31438.   color: #000000;

  31439. }

  31440. 

  31441. /*--------------

  31442.      Hidden

  31443. ---------------*/

  31444. 

  31445. /* Initialized checkbox moves input below element

  31446.  to prevent manually triggering */

  31447. 

  31448. .ui.checkbox input.hidden {

  31449.   z-index: -1;

  31450. }

  31451. 

  31452. /* Selectable Label */

  31453. 

  31454. .ui.checkbox input.hidden + label {

  31455.   cursor: pointer;

  31456.   -webkit-user-select: none;

  31457.   -moz-user-select: none;

  31458.   -ms-user-select: none;

  31459.   user-select: none;

  31460. }

  31461. 

  31462. /*******************************

  31463.              Types

  31464. *******************************/

  31465. 

  31466. /*--------------

  31467.      Radio

  31468. ---------------*/

  31469. 

  31470. .ui.radio.checkbox {

  31471.   min-height: 15px;

  31472. }

  31473. 

  31474. .ui.radio.checkbox .box,

  31475. .ui.radio.checkbox label {

  31476.   padding-left: 1.85714em;

  31477. }

  31478. 

  31479. /* Box */

  31480. 

  31481. .ui.radio.checkbox .box:before,

  31482. .ui.radio.checkbox label:before {

  31483.   content: '';

  31484.   -webkit-transform: none;

  31485.   transform: none;

  31486.   width: 15px;

  31487.   height: 15px;

  31488.   border-radius: 500rem;

  31489.   top: 1px;

  31490.   left: 0px;

  31491. }

  31492. 

  31493. /* Bullet */

  31494. 

  31495. .ui.radio.checkbox .box:after,

  31496. .ui.radio.checkbox label:after {

  31497.   border: none;

  31498.   content: '' !important;

  31499.   width: 15px;

  31500.   height: 15px;

  31501.   line-height: 15px;

  31502. }

  31503. 

  31504. /* Radio Checkbox */

  31505. 

  31506. .ui.radio.checkbox .box:after,

  31507. .ui.radio.checkbox label:after {

  31508.   top: 1px;

  31509.   left: 0px;

  31510.   width: 15px;

  31511.   height: 15px;

  31512.   border-radius: 500rem;

  31513.   -webkit-transform: scale(0.46666667);

  31514.   transform: scale(0.46666667);

  31515.   background-color: rgba(0, 0, 0, 0.87);

  31516. }

  31517. 

  31518. /* Focus */

  31519. 

  31520. .ui.radio.checkbox input:focus ~ .box:before,

  31521. .ui.radio.checkbox input:focus ~ label:before {

  31522.   background-color: #FFFFFF;

  31523. }

  31524. 

  31525. .ui.radio.checkbox input:focus ~ .box:after,

  31526. .ui.radio.checkbox input:focus ~ label:after {

  31527.   background-color: rgba(0, 0, 0, 0.95);

  31528. }

  31529. 

  31530. /* Indeterminate */

  31531. 

  31532. .ui.radio.checkbox input:indeterminate ~ .box:after,

  31533. .ui.radio.checkbox input:indeterminate ~ label:after {

  31534.   opacity: 0;

  31535. }

  31536. 

  31537. /* Active */

  31538. 

  31539. .ui.radio.checkbox input:checked ~ .box:before,

  31540. .ui.radio.checkbox input:checked ~ label:before {

  31541.   background-color: #FFFFFF;

  31542. }

  31543. 

  31544. .ui.radio.checkbox input:checked ~ .box:after,

  31545. .ui.radio.checkbox input:checked ~ label:after {

  31546.   background-color: rgba(0, 0, 0, 0.95);

  31547. }

  31548. 

  31549. /* Active Focus */

  31550. 

  31551. .ui.radio.checkbox input:focus:checked ~ .box:before,

  31552. .ui.radio.checkbox input:focus:checked ~ label:before {

  31553.   background-color: #FFFFFF;

  31554. }

  31555. 

  31556. .ui.radio.checkbox input:focus:checked ~ .box:after,

  31557. .ui.radio.checkbox input:focus:checked ~ label:after {

  31558.   background-color: rgba(0, 0, 0, 0.95);

  31559. }

  31560. 

  31561. /*--------------

  31562.      Slider

  31563. ---------------*/

  31564. 

  31565. .ui.slider.checkbox {

  31566.   min-height: 1.25rem;

  31567. }

  31568. 

  31569. /* Input */

  31570. 

  31571. .ui.slider.checkbox input {

  31572.   width: 3.5rem;

  31573.   height: 1.25rem;

  31574. }

  31575. 

  31576. /* Label */

  31577. 

  31578. .ui.slider.checkbox .box,

  31579. .ui.slider.checkbox label {

  31580.   padding-left: 4.5rem;

  31581.   line-height: 1rem;

  31582.   color: rgba(0, 0, 0, 0.4);

  31583. }

  31584. 

  31585. /* Line */

  31586. 

  31587. .ui.slider.checkbox .box:before,

  31588. .ui.slider.checkbox label:before {

  31589.   display: block;

  31590.   position: absolute;

  31591.   content: '';

  31592.   border: none !important;

  31593.   left: 0em;

  31594.   z-index: 1;

  31595.   top: 0.4rem;

  31596.   background-color: rgba(0, 0, 0, 0.05);

  31597.   width: 3.5rem;

  31598.   height: 0.21428571rem;

  31599.   -webkit-transform: none;

  31600.   transform: none;

  31601.   border-radius: 500rem;

  31602.   -webkit-transition: background 0.3s ease;

  31603.   transition: background 0.3s ease;

  31604. }

  31605. 

  31606. /* Handle */

  31607. 

  31608. .ui.slider.checkbox .box:after,

  31609. .ui.slider.checkbox label:after {

  31610.   background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));

  31611.   background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  31612.   background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  31613.   position: absolute;

  31614.   content: '' !important;

  31615.   opacity: 1;

  31616.   z-index: 2;

  31617.   border: none;

  31618.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  31619.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  31620.   width: 1.5rem;

  31621.   height: 1.5rem;

  31622.   top: -0.25rem;

  31623.   left: 0em;

  31624.   -webkit-transform: none;

  31625.   transform: none;

  31626.   border-radius: 500rem;

  31627.   -webkit-transition: left 0.3s ease;

  31628.   transition: left 0.3s ease;

  31629. }

  31630. 

  31631. /* Focus */

  31632. 

  31633. .ui.slider.checkbox input:focus ~ .box:before,

  31634. .ui.slider.checkbox input:focus ~ label:before {

  31635.   background-color: rgba(0, 0, 0, 0.15);

  31636.   border: none;

  31637. }

  31638. 

  31639. /* Hover */

  31640. 

  31641. .ui.slider.checkbox .box:hover,

  31642. .ui.slider.checkbox label:hover {

  31643.   color: rgba(0, 0, 0, 0.8);

  31644. }

  31645. 

  31646. .ui.slider.checkbox .box:hover::before,

  31647. .ui.slider.checkbox label:hover::before {

  31648.   background: rgba(0, 0, 0, 0.15);

  31649. }

  31650. 

  31651. /* Active */

  31652. 

  31653. .ui.slider.checkbox input:checked ~ .box,

  31654. .ui.slider.checkbox input:checked ~ label {

  31655.   color: rgba(0, 0, 0, 0.95) !important;

  31656. }

  31657. 

  31658. .ui.slider.checkbox input:checked ~ .box:before,

  31659. .ui.slider.checkbox input:checked ~ label:before {

  31660.   background-color: #545454 !important;

  31661. }

  31662. 

  31663. .ui.slider.checkbox input:checked ~ .box:after,

  31664. .ui.slider.checkbox input:checked ~ label:after {

  31665.   left: 2rem;

  31666. }

  31667. 

  31668. /* Active Focus */

  31669. 

  31670. .ui.slider.checkbox input:focus:checked ~ .box,

  31671. .ui.slider.checkbox input:focus:checked ~ label {

  31672.   color: rgba(0, 0, 0, 0.95) !important;

  31673. }

  31674. 

  31675. .ui.slider.checkbox input:focus:checked ~ .box:before,

  31676. .ui.slider.checkbox input:focus:checked ~ label:before {

  31677.   background-color: #000000 !important;

  31678. }

  31679. 

  31680. /*--------------

  31681.      Toggle

  31682. ---------------*/

  31683. 

  31684. .ui.toggle.checkbox {

  31685.   min-height: 1.5rem;

  31686. }

  31687. 

  31688. /* Input */

  31689. 

  31690. .ui.toggle.checkbox input {

  31691.   width: 3.5rem;

  31692.   height: 1.5rem;

  31693. }

  31694. 

  31695. /* Label */

  31696. 

  31697. .ui.toggle.checkbox .box,

  31698. .ui.toggle.checkbox label {

  31699.   min-height: 1.5rem;

  31700.   padding-left: 4.5rem;

  31701.   color: rgba(0, 0, 0, 0.87);

  31702. }

  31703. 

  31704. .ui.toggle.checkbox label {

  31705.   padding-top: 0.15em;

  31706. }

  31707. 

  31708. /* Switch */

  31709. 

  31710. .ui.toggle.checkbox .box:before,

  31711. .ui.toggle.checkbox label:before {

  31712.   display: block;

  31713.   position: absolute;

  31714.   content: '';

  31715.   z-index: 1;

  31716.   -webkit-transform: none;

  31717.   transform: none;

  31718.   border: none;

  31719.   top: 0rem;

  31720.   background: rgba(0, 0, 0, 0.05);

  31721.   -webkit-box-shadow: none;

  31722.   box-shadow: none;

  31723.   width: 3.5rem;

  31724.   height: 1.5rem;

  31725.   border-radius: 500rem;

  31726. }

  31727. 

  31728. /* Handle */

  31729. 

  31730. .ui.toggle.checkbox .box:after,

  31731. .ui.toggle.checkbox label:after {

  31732.   background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));

  31733.   background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  31734.   background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));

  31735.   position: absolute;

  31736.   content: '' !important;

  31737.   opacity: 1;

  31738.   z-index: 2;

  31739.   border: none;

  31740.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  31741.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  31742.   width: 1.5rem;

  31743.   height: 1.5rem;

  31744.   top: 0rem;

  31745.   left: 0em;

  31746.   border-radius: 500rem;

  31747.   -webkit-transition: background 0.3s ease, left 0.3s ease;

  31748.   transition: background 0.3s ease, left 0.3s ease;

  31749. }

  31750. 

  31751. .ui.toggle.checkbox input ~ .box:after,

  31752. .ui.toggle.checkbox input ~ label:after {

  31753.   left: -0.05rem;

  31754.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  31755.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  31756. }

  31757. 

  31758. /* Focus */

  31759. 

  31760. .ui.toggle.checkbox input:focus ~ .box:before,

  31761. .ui.toggle.checkbox input:focus ~ label:before {

  31762.   background-color: rgba(0, 0, 0, 0.15);

  31763.   border: none;

  31764. }

  31765. 

  31766. /* Hover */

  31767. 

  31768. .ui.toggle.checkbox .box:hover::before,

  31769. .ui.toggle.checkbox label:hover::before {

  31770.   background-color: rgba(0, 0, 0, 0.15);

  31771.   border: none;

  31772. }

  31773. 

  31774. /* Active */

  31775. 

  31776. .ui.toggle.checkbox input:checked ~ .box,

  31777. .ui.toggle.checkbox input:checked ~ label {

  31778.   color: rgba(0, 0, 0, 0.95) !important;

  31779. }

  31780. 

  31781. .ui.toggle.checkbox input:checked ~ .box:before,

  31782. .ui.toggle.checkbox input:checked ~ label:before {

  31783.   background-color: #2185D0 !important;

  31784. }

  31785. 

  31786. .ui.toggle.checkbox input:checked ~ .box:after,

  31787. .ui.toggle.checkbox input:checked ~ label:after {

  31788.   left: 2.15rem;

  31789.   -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  31790.   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  31791. }

  31792. 

  31793. /* Active Focus */

  31794. 

  31795. .ui.toggle.checkbox input:focus:checked ~ .box,

  31796. .ui.toggle.checkbox input:focus:checked ~ label {

  31797.   color: rgba(0, 0, 0, 0.95) !important;

  31798. }

  31799. 

  31800. .ui.toggle.checkbox input:focus:checked ~ .box:before,

  31801. .ui.toggle.checkbox input:focus:checked ~ label:before {

  31802.   background-color: #0d71bb !important;

  31803. }

  31804. 

  31805. /*******************************

  31806.             Variations

  31807. *******************************/

  31808. 

  31809. /*--------------

  31810.      Fitted

  31811. ---------------*/

  31812. 

  31813. .ui.fitted.checkbox .box,

  31814. .ui.fitted.checkbox label {

  31815.   padding-left: 0em !important;

  31816. }

  31817. 

  31818. .ui.fitted.toggle.checkbox,

  31819. .ui.fitted.toggle.checkbox {

  31820.   width: 3.5rem;

  31821. }

  31822. 

  31823. .ui.fitted.slider.checkbox,

  31824. .ui.fitted.slider.checkbox {

  31825.   width: 3.5rem;

  31826. }

  31827. 

  31828. /*******************************

  31829.          Theme Overrides

  31830. *******************************/

  31831. 

  31832. @font-face {

  31833.   font-family: 'Checkbox';

  31834.   src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');

  31835. }

  31836. 

  31837. /* Checkmark */

  31838. 

  31839. .ui.checkbox label:after,

  31840. .ui.checkbox .box:after {

  31841.   font-family: 'Checkbox';

  31842. }

  31843. 

  31844. /* Checked */

  31845. 

  31846. .ui.checkbox input:checked ~ .box:after,

  31847. .ui.checkbox input:checked ~ label:after {

  31848.   content: '\e800';

  31849. }

  31850. 

  31851. /* Indeterminate */

  31852. 

  31853. .ui.checkbox input:indeterminate ~ .box:after,

  31854. .ui.checkbox input:indeterminate ~ label:after {

  31855.   font-size: 12px;

  31856.   content: '\e801';

  31857. }

  31858. 

  31859. /*  UTF Reference

  31860. .check:before { content: '\e800'; }

  31861. .dash:before  { content: '\e801'; }

  31862. .plus:before { content: '\e802'; }

  31863. */

  31864. 

  31865. /*******************************

  31866.          Site Overrides

  31867. *******************************/

  31868. /*!

  31869.  * # Semantic UI 2.4.0 - Dimmer

  31870.  * http://github.com/semantic-org/semantic-ui/

  31871.  *

  31872.  *

  31873.  * Released under the MIT license

  31874.  * http://opensource.org/licenses/MIT

  31875.  *

  31876.  */

  31877. 

  31878. /*******************************

  31879.             Dimmer

  31880. *******************************/

  31881. 

  31882. .dimmable:not(body) {

  31883.   position: relative;

  31884. }

  31885. 

  31886. .ui.dimmer {

  31887.   display: none;

  31888.   position: absolute;

  31889.   top: 0em !important;

  31890.   left: 0em !important;

  31891.   width: 100%;

  31892.   height: 100%;

  31893.   text-align: center;

  31894.   vertical-align: middle;

  31895.   padding: 1em;

  31896.   background-color: rgba(0, 0, 0, 0.85);

  31897.   opacity: 0;

  31898.   line-height: 1;

  31899.   -webkit-animation-fill-mode: both;

  31900.   animation-fill-mode: both;

  31901.   -webkit-animation-duration: 0.5s;

  31902.   animation-duration: 0.5s;

  31903.   -webkit-transition: background-color 0.5s linear;

  31904.   transition: background-color 0.5s linear;

  31905.   -webkit-box-orient: vertical;

  31906.   -webkit-box-direction: normal;

  31907.   -ms-flex-direction: column;

  31908.   flex-direction: column;

  31909.   -webkit-box-align: center;

  31910.   -ms-flex-align: center;

  31911.   align-items: center;

  31912.   -webkit-box-pack: center;

  31913.   -ms-flex-pack: center;

  31914.   justify-content: center;

  31915.   -webkit-user-select: none;

  31916.   -moz-user-select: none;

  31917.   -ms-user-select: none;

  31918.   user-select: none;

  31919.   will-change: opacity;

  31920.   z-index: 1000;

  31921. }

  31922. 

  31923. /* Dimmer Content */

  31924. 

  31925. .ui.dimmer > .content {

  31926.   -webkit-user-select: text;

  31927.   -moz-user-select: text;

  31928.   -ms-user-select: text;

  31929.   user-select: text;

  31930.   color: #FFFFFF;

  31931. }

  31932. 

  31933. /* Loose Coupling */

  31934. 

  31935. .ui.segment > .ui.dimmer {

  31936.   border-radius: inherit !important;

  31937. }

  31938. 

  31939. /* Scrollbars */

  31940. 

  31941. .ui.dimmer:not(.inverted)::-webkit-scrollbar-track {

  31942.   background: rgba(255, 255, 255, 0.1);

  31943. }

  31944. 

  31945. .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {

  31946.   background: rgba(255, 255, 255, 0.25);

  31947. }

  31948. 

  31949. .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {

  31950.   background: rgba(255, 255, 255, 0.15);

  31951. }

  31952. 

  31953. .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {

  31954.   background: rgba(255, 255, 255, 0.35);

  31955. }

  31956. 

  31957. /*******************************

  31958.             States

  31959. *******************************/

  31960. 

  31961. /* Animating */

  31962. 

  31963. .animating.dimmable:not(body),

  31964. .dimmed.dimmable:not(body) {

  31965.   overflow: hidden;

  31966. }

  31967. 

  31968. /* Animating / Active / Visible */

  31969. 

  31970. .dimmed.dimmable > .ui.animating.dimmer,

  31971. .dimmed.dimmable > .ui.visible.dimmer,

  31972. .ui.active.dimmer {

  31973.   display: -webkit-box;

  31974.   display: -ms-flexbox;

  31975.   display: flex;

  31976.   opacity: 1;

  31977. }

  31978. 

  31979. /* Disabled */

  31980. 

  31981. .ui.disabled.dimmer {

  31982.   width: 0 !important;

  31983.   height: 0 !important;

  31984. }

  31985. 

  31986. /*******************************

  31987.            Variations

  31988. *******************************/

  31989. 

  31990. /*--------------

  31991.     Legacy

  31992. ---------------*/

  31993. 

  31994. /* Animating / Active / Visible */

  31995. 

  31996. .dimmed.dimmable > .ui.animating.legacy.dimmer,

  31997. .dimmed.dimmable > .ui.visible.legacy.dimmer,

  31998. .ui.active.legacy.dimmer {

  31999.   display: block;

  32000. }

  32001. 

  32002. /*--------------

  32003.     Alignment

  32004. ---------------*/

  32005. 

  32006. .ui[class*="top aligned"].dimmer {

  32007.   -webkit-box-pack: start;

  32008.   -ms-flex-pack: start;

  32009.   justify-content: flex-start;

  32010. }

  32011. 

  32012. .ui[class*="bottom aligned"].dimmer {

  32013.   -webkit-box-pack: end;

  32014.   -ms-flex-pack: end;

  32015.   justify-content: flex-end;

  32016. }

  32017. 

  32018. /*--------------

  32019.       Page

  32020. ---------------*/

  32021. 

  32022. .ui.page.dimmer {

  32023.   position: fixed;

  32024.   -webkit-transform-style: '';

  32025.   transform-style: '';

  32026.   -webkit-perspective: 2000px;

  32027.   perspective: 2000px;

  32028.   -webkit-transform-origin: center center;

  32029.   transform-origin: center center;

  32030. }

  32031. 

  32032. body.animating.in.dimmable,

  32033. body.dimmed.dimmable {

  32034.   overflow: hidden;

  32035. }

  32036. 

  32037. body.dimmable > .dimmer {

  32038.   position: fixed;

  32039. }

  32040. 

  32041. /*--------------

  32042.     Blurring

  32043. ---------------*/

  32044. 

  32045. .blurring.dimmable > :not(.dimmer) {

  32046.   -webkit-filter: blur(0px) grayscale(0);

  32047.   filter: blur(0px) grayscale(0);

  32048.   -webkit-transition: 800ms -webkit-filter ease;

  32049.   transition: 800ms -webkit-filter ease;

  32050.   transition: 800ms filter ease;

  32051.   transition: 800ms filter ease, 800ms -webkit-filter ease;

  32052. }

  32053. 

  32054. .blurring.dimmed.dimmable > :not(.dimmer) {

  32055.   -webkit-filter: blur(5px) grayscale(0.7);

  32056.   filter: blur(5px) grayscale(0.7);

  32057. }

  32058. 

  32059. /* Dimmer Color */

  32060. 

  32061. .blurring.dimmable > .dimmer {

  32062.   background-color: rgba(0, 0, 0, 0.6);

  32063. }

  32064. 

  32065. .blurring.dimmable > .inverted.dimmer {

  32066.   background-color: rgba(255, 255, 255, 0.6);

  32067. }

  32068. 

  32069. /*--------------

  32070.     Aligned

  32071. ---------------*/

  32072. 

  32073. .ui.dimmer > .top.aligned.content > * {

  32074.   vertical-align: top;

  32075. }

  32076. 

  32077. .ui.dimmer > .bottom.aligned.content > * {

  32078.   vertical-align: bottom;

  32079. }

  32080. 

  32081. /*--------------

  32082.     Inverted

  32083. ---------------*/

  32084. 

  32085. .ui.inverted.dimmer {

  32086.   background-color: rgba(255, 255, 255, 0.85);

  32087. }

  32088. 

  32089. .ui.inverted.dimmer > .content > * {

  32090.   color: #FFFFFF;

  32091. }

  32092. 

  32093. /*--------------

  32094.      Simple

  32095. ---------------*/

  32096. 

  32097. /* Displays without javascript */

  32098. 

  32099. .ui.simple.dimmer {

  32100.   display: block;

  32101.   overflow: hidden;

  32102.   opacity: 1;

  32103.   width: 0%;

  32104.   height: 0%;

  32105.   z-index: -100;

  32106.   background-color: rgba(0, 0, 0, 0);

  32107. }

  32108. 

  32109. .dimmed.dimmable > .ui.simple.dimmer {

  32110.   overflow: visible;

  32111.   opacity: 1;

  32112.   width: 100%;

  32113.   height: 100%;

  32114.   background-color: rgba(0, 0, 0, 0.85);

  32115.   z-index: 1;

  32116. }

  32117. 

  32118. .ui.simple.inverted.dimmer {

  32119.   background-color: rgba(255, 255, 255, 0);

  32120. }

  32121. 

  32122. .dimmed.dimmable > .ui.simple.inverted.dimmer {

  32123.   background-color: rgba(255, 255, 255, 0.85);

  32124. }

  32125. 

  32126. /*******************************

  32127.          Theme Overrides

  32128. *******************************/

  32129. 

  32130. /*******************************

  32131.         User Overrides

  32132. *******************************/

  32133. /*!

  32134.  * # Semantic UI 2.4.0 - Dropdown

  32135.  * http://github.com/semantic-org/semantic-ui/

  32136.  *

  32137.  *

  32138.  * Released under the MIT license

  32139.  * http://opensource.org/licenses/MIT

  32140.  *

  32141.  */

  32142. 

  32143. /*******************************

  32144.             Dropdown

  32145. *******************************/

  32146. 

  32147. .ui.dropdown {

  32148.   cursor: pointer;

  32149.   position: relative;

  32150.   display: inline-block;

  32151.   outline: none;

  32152.   text-align: left;

  32153.   -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;

  32154.   transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;

  32155.   transition: box-shadow 0.1s ease, width 0.1s ease;

  32156.   transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;

  32157.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  32158. }

  32159. 

  32160. /*******************************

  32161.             Content

  32162. *******************************/

  32163. 

  32164. /*--------------

  32165.       Menu

  32166. ---------------*/

  32167. 

  32168. .ui.dropdown .menu {

  32169.   cursor: auto;

  32170.   position: absolute;

  32171.   display: none;

  32172.   outline: none;

  32173.   top: 100%;

  32174.   min-width: -webkit-max-content;

  32175.   min-width: -moz-max-content;

  32176.   min-width: max-content;

  32177.   margin: 0em;

  32178.   padding: 0em 0em;

  32179.   background: #FFFFFF;

  32180.   font-size: 1em;

  32181.   text-shadow: none;

  32182.   text-align: left;

  32183.   -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32184.   box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32185.   border: 1px solid rgba(34, 36, 38, 0.15);

  32186.   border-radius: 0.28571429rem;

  32187.   -webkit-transition: opacity 0.1s ease;

  32188.   transition: opacity 0.1s ease;

  32189.   z-index: 11;

  32190.   will-change: transform, opacity;

  32191. }

  32192. 

  32193. .ui.dropdown .menu > * {

  32194.   white-space: nowrap;

  32195. }

  32196. 

  32197. /*--------------

  32198.   Hidden Input

  32199. ---------------*/

  32200. 

  32201. .ui.dropdown > input:not(.search):first-child,

  32202. .ui.dropdown > select {

  32203.   display: none !important;

  32204. }

  32205. 

  32206. /*--------------

  32207.  Dropdown Icon

  32208. ---------------*/

  32209. 

  32210. .ui.dropdown > .dropdown.icon {

  32211.   position: relative;

  32212.   width: auto;

  32213.   font-size: 0.85714286em;

  32214.   margin: 0em 0em 0em 1em;

  32215. }

  32216. 

  32217. .ui.dropdown .menu > .item .dropdown.icon {

  32218.   width: auto;

  32219.   float: right;

  32220.   margin: 0em 0em 0em 1em;

  32221. }

  32222. 

  32223. .ui.dropdown .menu > .item .dropdown.icon + .text {

  32224.   margin-right: 1em;

  32225. }

  32226. 

  32227. /*--------------

  32228.       Text

  32229. ---------------*/

  32230. 

  32231. .ui.dropdown > .text {

  32232.   display: inline-block;

  32233.   -webkit-transition: none;

  32234.   transition: none;

  32235. }

  32236. 

  32237. /*--------------

  32238.     Menu Item

  32239. ---------------*/

  32240. 

  32241. .ui.dropdown .menu > .item {

  32242.   position: relative;

  32243.   cursor: pointer;

  32244.   display: block;

  32245.   border: none;

  32246.   height: auto;

  32247.   text-align: left;

  32248.   border-top: none;

  32249.   line-height: 1em;

  32250.   color: rgba(0, 0, 0, 0.87);

  32251.   padding: 0.78571429rem 1.14285714rem !important;

  32252.   font-size: 1rem;

  32253.   text-transform: none;

  32254.   font-weight: normal;

  32255.   -webkit-box-shadow: none;

  32256.   box-shadow: none;

  32257.   -webkit-touch-callout: none;

  32258. }

  32259. 

  32260. .ui.dropdown .menu > .item:first-child {

  32261.   border-top-width: 0px;

  32262. }

  32263. 

  32264. /*--------------

  32265.   Floated Content

  32266. ---------------*/

  32267. 

  32268. .ui.dropdown > .text > [class*="right floated"],

  32269. .ui.dropdown .menu .item > [class*="right floated"] {

  32270.   float: right !important;

  32271.   margin-right: 0em !important;

  32272.   margin-left: 1em !important;

  32273. }

  32274. 

  32275. .ui.dropdown > .text > [class*="left floated"],

  32276. .ui.dropdown .menu .item > [class*="left floated"] {

  32277.   float: left !important;

  32278.   margin-left: 0em !important;

  32279.   margin-right: 1em !important;

  32280. }

  32281. 

  32282. .ui.dropdown .menu .item > .icon.floated,

  32283. .ui.dropdown .menu .item > .flag.floated,

  32284. .ui.dropdown .menu .item > .image.floated,

  32285. .ui.dropdown .menu .item > img.floated {

  32286.   margin-top: 0em;

  32287. }

  32288. 

  32289. /*--------------

  32290.   Menu Divider

  32291. ---------------*/

  32292. 

  32293. .ui.dropdown .menu > .header {

  32294.   margin: 1rem 0rem 0.75rem;

  32295.   padding: 0em 1.14285714rem;

  32296.   color: rgba(0, 0, 0, 0.85);

  32297.   font-size: 0.78571429em;

  32298.   font-weight: bold;

  32299.   text-transform: uppercase;

  32300. }

  32301. 

  32302. .ui.dropdown .menu > .divider {

  32303.   border-top: 1px solid rgba(34, 36, 38, 0.1);

  32304.   height: 0em;

  32305.   margin: 0.5em 0em;

  32306. }

  32307. 

  32308. .ui.dropdown.dropdown .menu > .input {

  32309.   width: auto;

  32310.   display: -webkit-box;

  32311.   display: -ms-flexbox;

  32312.   display: flex;

  32313.   margin: 1.14285714rem 0.78571429rem;

  32314.   min-width: 10rem;

  32315. }

  32316. 

  32317. .ui.dropdown .menu > .header + .input {

  32318.   margin-top: 0em;

  32319. }

  32320. 

  32321. .ui.dropdown .menu > .input:not(.transparent) input {

  32322.   padding: 0.5em 1em;

  32323. }

  32324. 

  32325. .ui.dropdown .menu > .input:not(.transparent) .button,

  32326. .ui.dropdown .menu > .input:not(.transparent) .icon,

  32327. .ui.dropdown .menu > .input:not(.transparent) .label {

  32328.   padding-top: 0.5em;

  32329.   padding-bottom: 0.5em;

  32330. }

  32331. 

  32332. /*-----------------

  32333.   Item Description

  32334. -------------------*/

  32335. 

  32336. .ui.dropdown > .text > .description,

  32337. .ui.dropdown .menu > .item > .description {

  32338.   float: right;

  32339.   margin: 0em 0em 0em 1em;

  32340.   color: rgba(0, 0, 0, 0.4);

  32341. }

  32342. 

  32343. /*-----------------

  32344.        Message

  32345. -------------------*/

  32346. 

  32347. .ui.dropdown .menu > .message {

  32348.   padding: 0.78571429rem 1.14285714rem;

  32349.   font-weight: normal;

  32350. }

  32351. 

  32352. .ui.dropdown .menu > .message:not(.ui) {

  32353.   color: rgba(0, 0, 0, 0.4);

  32354. }

  32355. 

  32356. /*--------------

  32357.     Sub Menu

  32358. ---------------*/

  32359. 

  32360. .ui.dropdown .menu .menu {

  32361.   top: 0% !important;

  32362.   left: 100%;

  32363.   right: auto;

  32364.   margin: 0em 0em 0em -0.5em !important;

  32365.   border-radius: 0.28571429rem !important;

  32366.   z-index: 21 !important;

  32367. }

  32368. 

  32369. /* Hide Arrow */

  32370. 

  32371. .ui.dropdown .menu .menu:after {

  32372.   display: none;

  32373. }

  32374. 

  32375. /*--------------

  32376.    Sub Elements

  32377. ---------------*/

  32378. 

  32379. /* Icons / Flags / Labels / Image */

  32380. 

  32381. .ui.dropdown > .text > .icon,

  32382. .ui.dropdown > .text > .label,

  32383. .ui.dropdown > .text > .flag,

  32384. .ui.dropdown > .text > img,

  32385. .ui.dropdown > .text > .image {

  32386.   margin-top: 0em;

  32387. }

  32388. 

  32389. .ui.dropdown .menu > .item > .icon,

  32390. .ui.dropdown .menu > .item > .label,

  32391. .ui.dropdown .menu > .item > .flag,

  32392. .ui.dropdown .menu > .item > .image,

  32393. .ui.dropdown .menu > .item > img {

  32394.   margin-top: 0em;

  32395. }

  32396. 

  32397. .ui.dropdown > .text > .icon,

  32398. .ui.dropdown > .text > .label,

  32399. .ui.dropdown > .text > .flag,

  32400. .ui.dropdown > .text > img,

  32401. .ui.dropdown > .text > .image,

  32402. .ui.dropdown .menu > .item > .icon,

  32403. .ui.dropdown .menu > .item > .label,

  32404. .ui.dropdown .menu > .item > .flag,

  32405. .ui.dropdown .menu > .item > .image,

  32406. .ui.dropdown .menu > .item > img {

  32407.   margin-left: 0em;

  32408.   float: none;

  32409.   margin-right: 0.78571429rem;

  32410. }

  32411. 

  32412. /*--------------

  32413.      Image

  32414. ---------------*/

  32415. 

  32416. .ui.dropdown > .text > img,

  32417. .ui.dropdown > .text > .image,

  32418. .ui.dropdown .menu > .item > .image,

  32419. .ui.dropdown .menu > .item > img {

  32420.   display: inline-block;

  32421.   vertical-align: top;

  32422.   width: auto;

  32423.   margin-top: -0.5em;

  32424.   margin-bottom: -0.5em;

  32425.   max-height: 2em;

  32426. }

  32427. 

  32428. /*******************************

  32429.             Coupling

  32430. *******************************/

  32431. 

  32432. /*--------------

  32433.       Menu

  32434. ---------------*/

  32435. 

  32436. /* Remove Menu Item Divider */

  32437. 

  32438. .ui.dropdown .ui.menu > .item:before,

  32439. .ui.menu .ui.dropdown .menu > .item:before {

  32440.   display: none;

  32441. }

  32442. 

  32443. /* Prevent Menu Item Border */

  32444. 

  32445. .ui.menu .ui.dropdown .menu .active.item {

  32446.   border-left: none;

  32447. }

  32448. 

  32449. /* Automatically float dropdown menu right on last menu item */

  32450. 

  32451. .ui.menu .right.menu .dropdown:last-child .menu,

  32452. .ui.menu .right.dropdown.item .menu,

  32453. .ui.buttons > .ui.dropdown:last-child .menu {

  32454.   left: auto;

  32455.   right: 0em;

  32456. }

  32457. 

  32458. /*--------------

  32459.       Label

  32460. ---------------*/

  32461. 

  32462. /* Dropdown Menu */

  32463. 

  32464. .ui.label.dropdown .menu {

  32465.   min-width: 100%;

  32466. }

  32467. 

  32468. /*--------------

  32469.      Button

  32470. ---------------*/

  32471. 

  32472. /* No Margin On Icon Button */

  32473. 

  32474. .ui.dropdown.icon.button > .dropdown.icon {

  32475.   margin: 0em;

  32476. }

  32477. 

  32478. .ui.button.dropdown .menu {

  32479.   min-width: 100%;

  32480. }

  32481. 

  32482. /*******************************

  32483.               Types

  32484. *******************************/

  32485. 

  32486. /*--------------

  32487.     Selection

  32488. ---------------*/

  32489. 

  32490. /* Displays like a select box */

  32491. 

  32492. .ui.selection.dropdown {

  32493.   cursor: pointer;

  32494.   word-wrap: break-word;

  32495.   line-height: 1em;

  32496.   white-space: normal;

  32497.   outline: 0;

  32498.   -webkit-transform: rotateZ(0deg);

  32499.   transform: rotateZ(0deg);

  32500.   min-width: 14em;

  32501.   min-height: 2.71428571em;

  32502.   background: #FFFFFF;

  32503.   display: inline-block;

  32504.   padding: 0.78571429em 2.1em 0.78571429em 1em;

  32505.   color: rgba(0, 0, 0, 0.87);

  32506.   -webkit-box-shadow: none;

  32507.   box-shadow: none;

  32508.   border: 1px solid rgba(34, 36, 38, 0.15);

  32509.   border-radius: 0.28571429rem;

  32510.   -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;

  32511.   transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;

  32512.   transition: box-shadow 0.1s ease, width 0.1s ease;

  32513.   transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;

  32514. }

  32515. 

  32516. .ui.selection.dropdown.visible,

  32517. .ui.selection.dropdown.active {

  32518.   z-index: 10;

  32519. }

  32520. 

  32521. select.ui.dropdown {

  32522.   height: 38px;

  32523.   padding: 0.5em;

  32524.   border: 1px solid rgba(34, 36, 38, 0.15);

  32525.   visibility: visible;

  32526. }

  32527. 

  32528. .ui.selection.dropdown > .search.icon,

  32529. .ui.selection.dropdown > .delete.icon,

  32530. .ui.selection.dropdown > .dropdown.icon {

  32531.   cursor: pointer;

  32532.   position: absolute;

  32533.   width: auto;

  32534.   height: auto;

  32535.   line-height: 1.21428571em;

  32536.   top: 0.78571429em;

  32537.   right: 1em;

  32538.   z-index: 3;

  32539.   margin: -0.78571429em;

  32540.   padding: 0.91666667em;

  32541.   opacity: 0.8;

  32542.   -webkit-transition: opacity 0.1s ease;

  32543.   transition: opacity 0.1s ease;

  32544. }

  32545. 

  32546. /* Compact */

  32547. 

  32548. .ui.compact.selection.dropdown {

  32549.   min-width: 0px;

  32550. }

  32551. 

  32552. /*  Selection Menu */

  32553. 

  32554. .ui.selection.dropdown .menu {

  32555.   overflow-x: hidden;

  32556.   overflow-y: auto;

  32557.   -webkit-backface-visibility: hidden;

  32558.   backface-visibility: hidden;

  32559.   -webkit-overflow-scrolling: touch;

  32560.   border-top-width: 0px !important;

  32561.   width: auto;

  32562.   outline: none;

  32563.   margin: 0px -1px;

  32564.   min-width: calc(100% +  2px );

  32565.   width: calc(100% +  2px );

  32566.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  32567.   -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32568.   box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32569.   -webkit-transition: opacity 0.1s ease;

  32570.   transition: opacity 0.1s ease;

  32571. }

  32572. 

  32573. .ui.selection.dropdown .menu:after,

  32574. .ui.selection.dropdown .menu:before {

  32575.   display: none;

  32576. }

  32577. 

  32578. /*--------------

  32579.     Message

  32580. ---------------*/

  32581. 

  32582. .ui.selection.dropdown .menu > .message {

  32583.   padding: 0.78571429rem 1.14285714rem;

  32584. }

  32585. 

  32586. @media only screen and (max-width: 767px) {

  32587.   .ui.selection.dropdown .menu {

  32588.     max-height: 8.01428571rem;

  32589.   }

  32590. }

  32591. 

  32592. @media only screen and (min-width: 768px) {

  32593.   .ui.selection.dropdown .menu {

  32594.     max-height: 10.68571429rem;

  32595.   }

  32596. }

  32597. 

  32598. @media only screen and (min-width: 992px) {

  32599.   .ui.selection.dropdown .menu {

  32600.     max-height: 16.02857143rem;

  32601.   }

  32602. }

  32603. 

  32604. @media only screen and (min-width: 1920px) {

  32605.   .ui.selection.dropdown .menu {

  32606.     max-height: 21.37142857rem;

  32607.   }

  32608. }

  32609. 

  32610. /* Menu Item */

  32611. 

  32612. .ui.selection.dropdown .menu > .item {

  32613.   border-top: 1px solid #FAFAFA;

  32614.   padding: 0.78571429rem 1.14285714rem !important;

  32615.   white-space: normal;

  32616.   word-wrap: normal;

  32617. }

  32618. 

  32619. /* User Item */

  32620. 

  32621. .ui.selection.dropdown .menu > .hidden.addition.item {

  32622.   display: none;

  32623. }

  32624. 

  32625. /* Hover */

  32626. 

  32627. .ui.selection.dropdown:hover {

  32628.   border-color: rgba(34, 36, 38, 0.35);

  32629.   -webkit-box-shadow: none;

  32630.   box-shadow: none;

  32631. }

  32632. 

  32633. /* Active */

  32634. 

  32635. .ui.selection.active.dropdown {

  32636.   border-color: #96C8DA;

  32637.   -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32638.   box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32639. }

  32640. 

  32641. .ui.selection.active.dropdown .menu {

  32642.   border-color: #96C8DA;

  32643.   -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32644.   box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32645. }

  32646. 

  32647. /* Focus */

  32648. 

  32649. .ui.selection.dropdown:focus {

  32650.   border-color: #96C8DA;

  32651.   -webkit-box-shadow: none;

  32652.   box-shadow: none;

  32653. }

  32654. 

  32655. .ui.selection.dropdown:focus .menu {

  32656.   border-color: #96C8DA;

  32657.   -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32658.   box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32659. }

  32660. 

  32661. /* Visible */

  32662. 

  32663. .ui.selection.visible.dropdown > .text:not(.default) {

  32664.   font-weight: normal;

  32665.   color: rgba(0, 0, 0, 0.8);

  32666. }

  32667. 

  32668. /* Visible Hover */

  32669. 

  32670. .ui.selection.active.dropdown:hover {

  32671.   border-color: #96C8DA;

  32672.   -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32673.   box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32674. }

  32675. 

  32676. .ui.selection.active.dropdown:hover .menu {

  32677.   border-color: #96C8DA;

  32678.   -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32679.   box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);

  32680. }

  32681. 

  32682. /* Dropdown Icon */

  32683. 

  32684. .ui.active.selection.dropdown > .dropdown.icon,

  32685. .ui.visible.selection.dropdown > .dropdown.icon {

  32686.   opacity: '';

  32687.   z-index: 3;

  32688. }

  32689. 

  32690. /* Connecting Border */

  32691. 

  32692. .ui.active.selection.dropdown {

  32693.   border-bottom-left-radius: 0em !important;

  32694.   border-bottom-right-radius: 0em !important;

  32695. }

  32696. 

  32697. /* Empty Connecting Border */

  32698. 

  32699. .ui.active.empty.selection.dropdown {

  32700.   border-radius: 0.28571429rem !important;

  32701.   -webkit-box-shadow: none !important;

  32702.   box-shadow: none !important;

  32703. }

  32704. 

  32705. .ui.active.empty.selection.dropdown .menu {

  32706.   border: none !important;

  32707.   -webkit-box-shadow: none !important;

  32708.   box-shadow: none !important;

  32709. }

  32710. 

  32711. /*--------------

  32712.    Searchable

  32713. ---------------*/

  32714. 

  32715. /* Search Selection */

  32716. 

  32717. .ui.search.dropdown {

  32718.   min-width: '';

  32719. }

  32720. 

  32721. /* Search Dropdown */

  32722. 

  32723. .ui.search.dropdown > input.search {

  32724.   background: none transparent !important;

  32725.   border: none !important;

  32726.   -webkit-box-shadow: none !important;

  32727.   box-shadow: none !important;

  32728.   cursor: text;

  32729.   top: 0em;

  32730.   left: 1px;

  32731.   width: 100%;

  32732.   outline: none;

  32733.   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  32734.   padding: inherit;

  32735. }

  32736. 

  32737. /* Text Layering */

  32738. 

  32739. .ui.search.dropdown > input.search {

  32740.   position: absolute;

  32741.   z-index: 2;

  32742. }

  32743. 

  32744. .ui.search.dropdown > .text {

  32745.   cursor: text;

  32746.   position: relative;

  32747.   left: 1px;

  32748.   z-index: 3;

  32749. }

  32750. 

  32751. /* Search Selection */

  32752. 

  32753. .ui.search.selection.dropdown > input.search {

  32754.   line-height: 1.21428571em;

  32755.   padding: 0.67857143em 2.1em 0.67857143em 1em;

  32756. }

  32757. 

  32758. /* Used to size multi select input to character width */

  32759. 

  32760. .ui.search.selection.dropdown > span.sizer {

  32761.   line-height: 1.21428571em;

  32762.   padding: 0.67857143em 2.1em 0.67857143em 1em;

  32763.   display: none;

  32764.   white-space: pre;

  32765. }

  32766. 

  32767. /* Active/Visible Search */

  32768. 

  32769. .ui.search.dropdown.active > input.search,

  32770. .ui.search.dropdown.visible > input.search {

  32771.   cursor: auto;

  32772. }

  32773. 

  32774. .ui.search.dropdown.active > .text,

  32775. .ui.search.dropdown.visible > .text {

  32776.   pointer-events: none;

  32777. }

  32778. 

  32779. /* Filtered Text */

  32780. 

  32781. .ui.active.search.dropdown input.search:focus + .text .icon,

  32782. .ui.active.search.dropdown input.search:focus + .text .flag {

  32783.   opacity: 0.45;

  32784. }

  32785. 

  32786. .ui.active.search.dropdown input.search:focus + .text {

  32787.   color: rgba(115, 115, 115, 0.87) !important;

  32788. }

  32789. 

  32790. /* Search Menu */

  32791. 

  32792. .ui.search.dropdown .menu {

  32793.   overflow-x: hidden;

  32794.   overflow-y: auto;

  32795.   -webkit-backface-visibility: hidden;

  32796.   backface-visibility: hidden;

  32797.   -webkit-overflow-scrolling: touch;

  32798. }

  32799. 

  32800. @media only screen and (max-width: 767px) {

  32801.   .ui.search.dropdown .menu {

  32802.     max-height: 8.01428571rem;

  32803.   }

  32804. }

  32805. 

  32806. @media only screen and (min-width: 768px) {

  32807.   .ui.search.dropdown .menu {

  32808.     max-height: 10.68571429rem;

  32809.   }

  32810. }

  32811. 

  32812. @media only screen and (min-width: 992px) {

  32813.   .ui.search.dropdown .menu {

  32814.     max-height: 16.02857143rem;

  32815.   }

  32816. }

  32817. 

  32818. @media only screen and (min-width: 1920px) {

  32819.   .ui.search.dropdown .menu {

  32820.     max-height: 21.37142857rem;

  32821.   }

  32822. }

  32823. 

  32824. /*--------------

  32825.     Multiple

  32826. ---------------*/

  32827. 

  32828. /* Multiple Selection */

  32829. 

  32830. .ui.multiple.dropdown {

  32831.   padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;

  32832. }

  32833. 

  32834. .ui.multiple.dropdown .menu {

  32835.   cursor: auto;

  32836. }

  32837. 

  32838. /* Multiple Search Selection */

  32839. 

  32840. .ui.multiple.search.dropdown,

  32841. .ui.multiple.search.dropdown > input.search {

  32842.   cursor: text;

  32843. }

  32844. 

  32845. /* Selection Label */

  32846. 

  32847. .ui.multiple.dropdown > .label {

  32848.   -webkit-user-select: none;

  32849.   -moz-user-select: none;

  32850.   -ms-user-select: none;

  32851.   user-select: none;

  32852.   display: inline-block;

  32853.   vertical-align: top;

  32854.   white-space: normal;

  32855.   font-size: 1em;

  32856.   padding: 0.35714286em 0.78571429em;

  32857.   margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;

  32858.   -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  32859.   box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;

  32860. }

  32861. 

  32862. /* Dropdown Icon */

  32863. 

  32864. .ui.multiple.dropdown .dropdown.icon {

  32865.   margin: '';

  32866.   padding: '';

  32867. }

  32868. 

  32869. /* Text */

  32870. 

  32871. .ui.multiple.dropdown > .text {

  32872.   position: static;

  32873.   padding: 0;

  32874.   max-width: 100%;

  32875.   margin: 0.45238095em 0em 0.45238095em 0.64285714em;

  32876.   line-height: 1.21428571em;

  32877. }

  32878. 

  32879. .ui.multiple.dropdown > .label ~ input.search {

  32880.   margin-left: 0.14285714em !important;

  32881. }

  32882. 

  32883. .ui.multiple.dropdown > .label ~ .text {

  32884.   display: none;

  32885. }

  32886. 

  32887. /*-----------------

  32888.   Multiple Search

  32889. -----------------*/

  32890. 

  32891. /* Prompt Text */

  32892. 

  32893. .ui.multiple.search.dropdown > .text {

  32894.   display: inline-block;

  32895.   position: absolute;

  32896.   top: 0;

  32897.   left: 0;

  32898.   padding: inherit;

  32899.   margin: 0.45238095em 0em 0.45238095em 0.64285714em;

  32900.   line-height: 1.21428571em;

  32901. }

  32902. 

  32903. .ui.multiple.search.dropdown > .label ~ .text {

  32904.   display: none;

  32905. }

  32906. 

  32907. /* Search */

  32908. 

  32909. .ui.multiple.search.dropdown > input.search {

  32910.   position: static;

  32911.   padding: 0;

  32912.   max-width: 100%;

  32913.   margin: 0.45238095em 0em 0.45238095em 0.64285714em;

  32914.   width: 2.2em;

  32915.   line-height: 1.21428571em;

  32916. }

  32917. 

  32918. /*--------------

  32919.      Inline

  32920. ---------------*/

  32921. 

  32922. .ui.inline.dropdown {

  32923.   cursor: pointer;

  32924.   display: inline-block;

  32925.   color: inherit;

  32926. }

  32927. 

  32928. .ui.inline.dropdown .dropdown.icon {

  32929.   margin: 0em 0.21428571em 0em 0.21428571em;

  32930.   vertical-align: baseline;

  32931. }

  32932. 

  32933. .ui.inline.dropdown > .text {

  32934.   font-weight: bold;

  32935. }

  32936. 

  32937. .ui.inline.dropdown .menu {

  32938.   cursor: auto;

  32939.   margin-top: 0.21428571em;

  32940.   border-radius: 0.28571429rem;

  32941. }

  32942. 

  32943. /*******************************

  32944.             States

  32945. *******************************/

  32946. 

  32947. /*--------------------

  32948.         Active

  32949. ----------------------*/

  32950. 

  32951. /* Menu Item Active */

  32952. 

  32953. .ui.dropdown .menu .active.item {

  32954.   background: transparent;

  32955.   font-weight: bold;

  32956.   color: rgba(0, 0, 0, 0.95);

  32957.   -webkit-box-shadow: none;

  32958.   box-shadow: none;

  32959.   z-index: 12;

  32960. }

  32961. 

  32962. /*--------------------

  32963.         Hover

  32964. ----------------------*/

  32965. 

  32966. /* Menu Item Hover */

  32967. 

  32968. .ui.dropdown .menu > .item:hover {

  32969.   background: rgba(0, 0, 0, 0.05);

  32970.   color: rgba(0, 0, 0, 0.95);

  32971.   z-index: 13;

  32972. }

  32973. 

  32974. /*--------------------

  32975.        Loading

  32976. ---------------------*/

  32977. 

  32978. .ui.loading.dropdown > i.icon {

  32979.   height: 1em !important;

  32980. }

  32981. 

  32982. .ui.loading.selection.dropdown > i.icon {

  32983.   padding: 1.5em 1.28571429em !important;

  32984. }

  32985. 

  32986. .ui.loading.dropdown > i.icon:before {

  32987.   position: absolute;

  32988.   content: '';

  32989.   top: 50%;

  32990.   left: 50%;

  32991.   margin: -0.64285714em 0em 0em -0.64285714em;

  32992.   width: 1.28571429em;

  32993.   height: 1.28571429em;

  32994.   border-radius: 500rem;

  32995.   border: 0.2em solid rgba(0, 0, 0, 0.1);

  32996. }

  32997. 

  32998. .ui.loading.dropdown > i.icon:after {

  32999.   position: absolute;

  33000.   content: '';

  33001.   top: 50%;

  33002.   left: 50%;

  33003.   -webkit-box-shadow: 0px 0px 0px 1px transparent;

  33004.   box-shadow: 0px 0px 0px 1px transparent;

  33005.   margin: -0.64285714em 0em 0em -0.64285714em;

  33006.   width: 1.28571429em;

  33007.   height: 1.28571429em;

  33008.   -webkit-animation: dropdown-spin 0.6s linear;

  33009.   animation: dropdown-spin 0.6s linear;

  33010.   -webkit-animation-iteration-count: infinite;

  33011.   animation-iteration-count: infinite;

  33012.   border-radius: 500rem;

  33013.   border-color: #767676 transparent transparent;

  33014.   border-style: solid;

  33015.   border-width: 0.2em;

  33016. }

  33017. 

  33018. /* Coupling */

  33019. 

  33020. .ui.loading.dropdown.button > i.icon:before,

  33021. .ui.loading.dropdown.button > i.icon:after {

  33022.   display: none;

  33023. }

  33024. 

  33025. @-webkit-keyframes dropdown-spin {

  33026.   from {

  33027.     -webkit-transform: rotate(0deg);

  33028.     transform: rotate(0deg);

  33029.   }

  33030. 

  33031.   to {

  33032.     -webkit-transform: rotate(360deg);

  33033.     transform: rotate(360deg);

  33034.   }

  33035. }

  33036. 

  33037. @keyframes dropdown-spin {

  33038.   from {

  33039.     -webkit-transform: rotate(0deg);

  33040.     transform: rotate(0deg);

  33041.   }

  33042. 

  33043.   to {

  33044.     -webkit-transform: rotate(360deg);

  33045.     transform: rotate(360deg);

  33046.   }

  33047. }

  33048. 

  33049. /*--------------------

  33050.      Default Text

  33051. ----------------------*/

  33052. 

  33053. .ui.dropdown:not(.button) > .default.text,

  33054. .ui.default.dropdown:not(.button) > .text {

  33055.   color: rgba(191, 191, 191, 0.87);

  33056. }

  33057. 

  33058. .ui.dropdown:not(.button) > input:focus ~ .default.text,

  33059. .ui.default.dropdown:not(.button) > input:focus ~ .text {

  33060.   color: rgba(115, 115, 115, 0.87);

  33061. }

  33062. 

  33063. /*--------------------

  33064.         Loading

  33065. ----------------------*/

  33066. 

  33067. .ui.loading.dropdown > .text {

  33068.   -webkit-transition: none;

  33069.   transition: none;

  33070. }

  33071. 

  33072. /* Used To Check Position */

  33073. 

  33074. .ui.dropdown .loading.menu {

  33075.   display: block;

  33076.   visibility: hidden;

  33077.   z-index: -1;

  33078. }

  33079. 

  33080. .ui.dropdown > .loading.menu {

  33081.   left: 0px !important;

  33082.   right: auto !important;

  33083. }

  33084. 

  33085. .ui.dropdown > .menu .loading.menu {

  33086.   left: 100% !important;

  33087.   right: auto !important;

  33088. }

  33089. 

  33090. /*--------------------

  33091.     Keyboard Select

  33092. ----------------------*/

  33093. 

  33094. /* Selected Item */

  33095. 

  33096. .ui.dropdown.selected,

  33097. .ui.dropdown .menu .selected.item {

  33098.   background: rgba(0, 0, 0, 0.03);

  33099.   color: rgba(0, 0, 0, 0.95);

  33100. }

  33101. 

  33102. /*--------------------

  33103.     Search Filtered

  33104. ----------------------*/

  33105. 

  33106. /* Filtered Item */

  33107. 

  33108. .ui.dropdown > .filtered.text {

  33109.   visibility: hidden;

  33110. }

  33111. 

  33112. .ui.dropdown .filtered.item {

  33113.   display: none !important;

  33114. }

  33115. 

  33116. /*--------------------

  33117.         Error

  33118. ----------------------*/

  33119. 

  33120. .ui.dropdown.error,

  33121. .ui.dropdown.error > .text,

  33122. .ui.dropdown.error > .default.text {

  33123.   color: #9F3A38;

  33124. }

  33125. 

  33126. .ui.selection.dropdown.error {

  33127.   background: #FFF6F6;

  33128.   border-color: #E0B4B4;

  33129. }

  33130. 

  33131. .ui.selection.dropdown.error:hover {

  33132.   border-color: #E0B4B4;

  33133. }

  33134. 

  33135. .ui.dropdown.error > .menu,

  33136. .ui.dropdown.error > .menu .menu {

  33137.   border-color: #E0B4B4;

  33138. }

  33139. 

  33140. .ui.dropdown.error > .menu > .item {

  33141.   color: #9F3A38;

  33142. }

  33143. 

  33144. .ui.multiple.selection.error.dropdown > .label {

  33145.   border-color: #E0B4B4;

  33146. }

  33147. 

  33148. /* Item Hover */

  33149. 

  33150. .ui.dropdown.error > .menu > .item:hover {

  33151.   background-color: #FFF2F2;

  33152. }

  33153. 

  33154. /* Item Active */

  33155. 

  33156. .ui.dropdown.error > .menu .active.item {

  33157.   background-color: #FDCFCF;

  33158. }

  33159. 

  33160. /*--------------------

  33161.         Clear

  33162. ----------------------*/

  33163. 

  33164. .ui.dropdown > .clear.dropdown.icon {

  33165.   opacity: 0.8;

  33166.   -webkit-transition: opacity 0.1s ease;

  33167.   transition: opacity 0.1s ease;

  33168. }

  33169. 

  33170. .ui.dropdown > .clear.dropdown.icon:hover {

  33171.   opacity: 1;

  33172. }

  33173. 

  33174. /*--------------------

  33175.         Disabled

  33176. ----------------------*/

  33177. 

  33178. /* Disabled */

  33179. 

  33180. .ui.disabled.dropdown,

  33181. .ui.dropdown .menu > .disabled.item {

  33182.   cursor: default;

  33183.   pointer-events: none;

  33184.   opacity: 0.45;

  33185. }

  33186. 

  33187. /*******************************

  33188.            Variations

  33189. *******************************/

  33190. 

  33191. /*--------------

  33192.     Direction

  33193. ---------------*/

  33194. 

  33195. /* Flyout Direction */

  33196. 

  33197. .ui.dropdown .menu {

  33198.   left: 0px;

  33199. }

  33200. 

  33201. /* Default Side (Right) */

  33202. 

  33203. .ui.dropdown .right.menu > .menu,

  33204. .ui.dropdown .menu .right.menu {

  33205.   left: 100% !important;

  33206.   right: auto !important;

  33207.   border-radius: 0.28571429rem !important;

  33208. }

  33209. 

  33210. /* Leftward Opening Menu */

  33211. 

  33212. .ui.dropdown > .left.menu {

  33213.   left: auto !important;

  33214.   right: 0px !important;

  33215. }

  33216. 

  33217. .ui.dropdown > .left.menu .menu,

  33218. .ui.dropdown .menu .left.menu {

  33219.   left: auto;

  33220.   right: 100%;

  33221.   margin: 0em -0.5em 0em 0em !important;

  33222.   border-radius: 0.28571429rem !important;

  33223. }

  33224. 

  33225. .ui.dropdown .item .left.dropdown.icon,

  33226. .ui.dropdown .left.menu .item .dropdown.icon {

  33227.   width: auto;

  33228.   float: left;

  33229.   margin: 0em 0em 0em 0em;

  33230. }

  33231. 

  33232. .ui.dropdown .item .left.dropdown.icon,

  33233. .ui.dropdown .left.menu .item .dropdown.icon {

  33234.   width: auto;

  33235.   float: left;

  33236.   margin: 0em 0em 0em 0em;

  33237. }

  33238. 

  33239. .ui.dropdown .item .left.dropdown.icon + .text,

  33240. .ui.dropdown .left.menu .item .dropdown.icon + .text {

  33241.   margin-left: 1em;

  33242.   margin-right: 0em;

  33243. }

  33244. 

  33245. /*--------------

  33246.      Upward

  33247. ---------------*/

  33248. 

  33249. /* Upward Main Menu */

  33250. 

  33251. .ui.upward.dropdown > .menu {

  33252.   top: auto;

  33253.   bottom: 100%;

  33254.   -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);

  33255.   box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);

  33256.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  33257. }

  33258. 

  33259. /* Upward Sub Menu */

  33260. 

  33261. .ui.dropdown .upward.menu {

  33262.   top: auto !important;

  33263.   bottom: 0 !important;

  33264. }

  33265. 

  33266. /* Active Upward */

  33267. 

  33268. .ui.simple.upward.active.dropdown,

  33269. .ui.simple.upward.dropdown:hover {

  33270.   border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;

  33271. }

  33272. 

  33273. .ui.upward.dropdown.button:not(.pointing):not(.floating).active {

  33274.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  33275. }

  33276. 

  33277. /* Selection */

  33278. 

  33279. .ui.upward.selection.dropdown .menu {

  33280.   border-top-width: 1px !important;

  33281.   border-bottom-width: 0px !important;

  33282.   -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);

  33283.   box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);

  33284. }

  33285. 

  33286. .ui.upward.selection.dropdown:hover {

  33287.   -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);

  33288.   box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);

  33289. }

  33290. 

  33291. /* Active Upward */

  33292. 

  33293. .ui.active.upward.selection.dropdown {

  33294.   border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;

  33295. }

  33296. 

  33297. /* Visible Upward */

  33298. 

  33299. .ui.upward.selection.dropdown.visible {

  33300.   -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);

  33301.   box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);

  33302.   border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;

  33303. }

  33304. 

  33305. /* Visible Hover Upward */

  33306. 

  33307. .ui.upward.active.selection.dropdown:hover {

  33308.   -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);

  33309.   box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);

  33310. }

  33311. 

  33312. .ui.upward.active.selection.dropdown:hover .menu {

  33313.   -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);

  33314.   box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);

  33315. }

  33316. 

  33317. /*--------------

  33318.      Simple

  33319. ---------------*/

  33320. 

  33321. /*  Selection Menu */

  33322. 

  33323. .ui.scrolling.dropdown .menu,

  33324. .ui.dropdown .scrolling.menu {

  33325.   overflow-x: hidden;

  33326.   overflow-y: auto;

  33327. }

  33328. 

  33329. .ui.scrolling.dropdown .menu {

  33330.   overflow-x: hidden;

  33331.   overflow-y: auto;

  33332.   -webkit-backface-visibility: hidden;

  33333.   backface-visibility: hidden;

  33334.   -webkit-overflow-scrolling: touch;

  33335.   min-width: 100% !important;

  33336.   width: auto !important;

  33337. }

  33338. 

  33339. .ui.dropdown .scrolling.menu {

  33340.   position: static;

  33341.   overflow-y: auto;

  33342.   border: none;

  33343.   -webkit-box-shadow: none !important;

  33344.   box-shadow: none !important;

  33345.   border-radius: 0 !important;

  33346.   margin: 0 !important;

  33347.   min-width: 100% !important;

  33348.   width: auto !important;

  33349.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  33350. }

  33351. 

  33352. .ui.scrolling.dropdown .menu .item.item.item,

  33353. .ui.dropdown .scrolling.menu > .item.item.item {

  33354.   border-top: none;

  33355. }

  33356. 

  33357. .ui.scrolling.dropdown .menu .item:first-child,

  33358. .ui.dropdown .scrolling.menu .item:first-child {

  33359.   border-top: none;

  33360. }

  33361. 

  33362. .ui.dropdown > .animating.menu .scrolling.menu,

  33363. .ui.dropdown > .visible.menu .scrolling.menu {

  33364.   display: block;

  33365. }

  33366. 

  33367. /* Scrollbar in IE */

  33368. 

  33369. @media all and (-ms-high-contrast: none) {

  33370.   .ui.scrolling.dropdown .menu,

  33371.   .ui.dropdown .scrolling.menu {

  33372.     min-width: calc(100% -  17px );

  33373.   }

  33374. }

  33375. 

  33376. @media only screen and (max-width: 767px) {

  33377.   .ui.scrolling.dropdown .menu,

  33378.   .ui.dropdown .scrolling.menu {

  33379.     max-height: 10.28571429rem;

  33380.   }

  33381. }

  33382. 

  33383. @media only screen and (min-width: 768px) {

  33384.   .ui.scrolling.dropdown .menu,

  33385.   .ui.dropdown .scrolling.menu {

  33386.     max-height: 15.42857143rem;

  33387.   }

  33388. }

  33389. 

  33390. @media only screen and (min-width: 992px) {

  33391.   .ui.scrolling.dropdown .menu,

  33392.   .ui.dropdown .scrolling.menu {

  33393.     max-height: 20.57142857rem;

  33394.   }

  33395. }

  33396. 

  33397. @media only screen and (min-width: 1920px) {

  33398.   .ui.scrolling.dropdown .menu,

  33399.   .ui.dropdown .scrolling.menu {

  33400.     max-height: 20.57142857rem;

  33401.   }

  33402. }

  33403. 

  33404. /*--------------

  33405.      Simple

  33406. ---------------*/

  33407. 

  33408. /* Displays without javascript */

  33409. 

  33410. .ui.simple.dropdown .menu:before,

  33411. .ui.simple.dropdown .menu:after {

  33412.   display: none;

  33413. }

  33414. 

  33415. .ui.simple.dropdown .menu {

  33416.   position: absolute;

  33417.   display: block;

  33418.   overflow: hidden;

  33419.   top: -9999px !important;

  33420.   opacity: 0;

  33421.   width: 0;

  33422.   height: 0;

  33423.   -webkit-transition: opacity 0.1s ease;

  33424.   transition: opacity 0.1s ease;

  33425. }

  33426. 

  33427. .ui.simple.active.dropdown,

  33428. .ui.simple.dropdown:hover {

  33429.   border-bottom-left-radius: 0em !important;

  33430.   border-bottom-right-radius: 0em !important;

  33431. }

  33432. 

  33433. .ui.simple.active.dropdown > .menu,

  33434. .ui.simple.dropdown:hover > .menu {

  33435.   overflow: visible;

  33436.   width: auto;

  33437.   height: auto;

  33438.   top: 100% !important;

  33439.   opacity: 1;

  33440. }

  33441. 

  33442. .ui.simple.dropdown > .menu > .item:active > .menu,

  33443. .ui.simple.dropdown:hover > .menu > .item:hover > .menu {

  33444.   overflow: visible;

  33445.   width: auto;

  33446.   height: auto;

  33447.   top: 0% !important;

  33448.   left: 100% !important;

  33449.   opacity: 1;

  33450. }

  33451. 

  33452. .ui.simple.disabled.dropdown:hover .menu {

  33453.   display: none;

  33454.   height: 0px;

  33455.   width: 0px;

  33456.   overflow: hidden;

  33457. }

  33458. 

  33459. /* Visible */

  33460. 

  33461. .ui.simple.visible.dropdown > .menu {

  33462.   display: block;

  33463. }

  33464. 

  33465. /*--------------

  33466.       Fluid

  33467. ---------------*/

  33468. 

  33469. .ui.fluid.dropdown {

  33470.   display: block;

  33471.   width: 100%;

  33472.   min-width: 0em;

  33473. }

  33474. 

  33475. .ui.fluid.dropdown > .dropdown.icon {

  33476.   float: right;

  33477. }

  33478. 

  33479. /*--------------

  33480.     Floating

  33481. ---------------*/

  33482. 

  33483. .ui.floating.dropdown .menu {

  33484.   left: 0;

  33485.   right: auto;

  33486.   -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;

  33487.   box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;

  33488.   border-radius: 0.28571429rem !important;

  33489. }

  33490. 

  33491. .ui.floating.dropdown > .menu {

  33492.   margin-top: 0.5em !important;

  33493.   border-radius: 0.28571429rem !important;

  33494. }

  33495. 

  33496. /*--------------

  33497.      Pointing

  33498. ---------------*/

  33499. 

  33500. .ui.pointing.dropdown > .menu {

  33501.   top: 100%;

  33502.   margin-top: 0.78571429rem;

  33503.   border-radius: 0.28571429rem;

  33504. }

  33505. 

  33506. .ui.pointing.dropdown > .menu:after {

  33507.   display: block;

  33508.   position: absolute;

  33509.   pointer-events: none;

  33510.   content: '';

  33511.   visibility: visible;

  33512.   -webkit-transform: rotate(45deg);

  33513.   transform: rotate(45deg);

  33514.   width: 0.5em;

  33515.   height: 0.5em;

  33516.   -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);

  33517.   box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);

  33518.   background: #FFFFFF;

  33519.   z-index: 2;

  33520. }

  33521. 

  33522. .ui.pointing.dropdown > .menu:after {

  33523.   top: -0.25em;

  33524.   left: 50%;

  33525.   margin: 0em 0em 0em -0.25em;

  33526. }

  33527. 

  33528. /* Top Left Pointing */

  33529. 

  33530. .ui.top.left.pointing.dropdown > .menu {

  33531.   top: 100%;

  33532.   bottom: auto;

  33533.   left: 0%;

  33534.   right: auto;

  33535.   margin: 1em 0em 0em;

  33536. }

  33537. 

  33538. .ui.top.left.pointing.dropdown > .menu {

  33539.   top: 100%;

  33540.   bottom: auto;

  33541.   left: 0%;

  33542.   right: auto;

  33543.   margin: 1em 0em 0em;

  33544. }

  33545. 

  33546. .ui.top.left.pointing.dropdown > .menu:after {

  33547.   top: -0.25em;

  33548.   left: 1em;

  33549.   right: auto;

  33550.   margin: 0em;

  33551.   -webkit-transform: rotate(45deg);

  33552.   transform: rotate(45deg);

  33553. }

  33554. 

  33555. /* Top Right Pointing */

  33556. 

  33557. .ui.top.right.pointing.dropdown > .menu {

  33558.   top: 100%;

  33559.   bottom: auto;

  33560.   right: 0%;

  33561.   left: auto;

  33562.   margin: 1em 0em 0em;

  33563. }

  33564. 

  33565. .ui.top.pointing.dropdown > .left.menu:after,

  33566. .ui.top.right.pointing.dropdown > .menu:after {

  33567.   top: -0.25em;

  33568.   left: auto !important;

  33569.   right: 1em !important;

  33570.   margin: 0em;

  33571.   -webkit-transform: rotate(45deg);

  33572.   transform: rotate(45deg);

  33573. }

  33574. 

  33575. /* Left Pointing */

  33576. 

  33577. .ui.left.pointing.dropdown > .menu {

  33578.   top: 0%;

  33579.   left: 100%;

  33580.   right: auto;

  33581.   margin: 0em 0em 0em 1em;

  33582. }

  33583. 

  33584. .ui.left.pointing.dropdown > .menu:after {

  33585.   top: 1em;

  33586.   left: -0.25em;

  33587.   margin: 0em 0em 0em 0em;

  33588.   -webkit-transform: rotate(-45deg);

  33589.   transform: rotate(-45deg);

  33590. }

  33591. 

  33592. .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {

  33593.   left: auto !important;

  33594.   right: 100% !important;

  33595.   margin: 0em 1em 0em 0em;

  33596. }

  33597. 

  33598. .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {

  33599.   top: 1em;

  33600.   left: auto;

  33601.   right: -0.25em;

  33602.   margin: 0em 0em 0em 0em;

  33603.   -webkit-transform: rotate(135deg);

  33604.   transform: rotate(135deg);

  33605. }

  33606. 

  33607. /* Right Pointing */

  33608. 

  33609. .ui.right.pointing.dropdown > .menu {

  33610.   top: 0%;

  33611.   left: auto;

  33612.   right: 100%;

  33613.   margin: 0em 1em 0em 0em;

  33614. }

  33615. 

  33616. .ui.right.pointing.dropdown > .menu:after {

  33617.   top: 1em;

  33618.   left: auto;

  33619.   right: -0.25em;

  33620.   margin: 0em 0em 0em 0em;

  33621.   -webkit-transform: rotate(135deg);

  33622.   transform: rotate(135deg);

  33623. }

  33624. 

  33625. /* Bottom Pointing */

  33626. 

  33627. .ui.bottom.pointing.dropdown > .menu {

  33628.   top: auto;

  33629.   bottom: 100%;

  33630.   left: 0%;

  33631.   right: auto;

  33632.   margin: 0em 0em 1em;

  33633. }

  33634. 

  33635. .ui.bottom.pointing.dropdown > .menu:after {

  33636.   top: auto;

  33637.   bottom: -0.25em;

  33638.   right: auto;

  33639.   margin: 0em;

  33640.   -webkit-transform: rotate(-135deg);

  33641.   transform: rotate(-135deg);

  33642. }

  33643. 

  33644. /* Reverse Sub-Menu Direction */

  33645. 

  33646. .ui.bottom.pointing.dropdown > .menu .menu {

  33647.   top: auto !important;

  33648.   bottom: 0px !important;

  33649. }

  33650. 

  33651. /* Bottom Left */

  33652. 

  33653. .ui.bottom.left.pointing.dropdown > .menu {

  33654.   left: 0%;

  33655.   right: auto;

  33656. }

  33657. 

  33658. .ui.bottom.left.pointing.dropdown > .menu:after {

  33659.   left: 1em;

  33660.   right: auto;

  33661. }

  33662. 

  33663. /* Bottom Right */

  33664. 

  33665. .ui.bottom.right.pointing.dropdown > .menu {

  33666.   right: 0%;

  33667.   left: auto;

  33668. }

  33669. 

  33670. .ui.bottom.right.pointing.dropdown > .menu:after {

  33671.   left: auto;

  33672.   right: 1em;

  33673. }

  33674. 

  33675. /* Upward pointing */

  33676. 

  33677. .ui.pointing.upward.dropdown .menu,

  33678. .ui.top.pointing.upward.dropdown .menu {

  33679.   top: auto !important;

  33680.   bottom: 100% !important;

  33681.   margin: 0em 0em 0.78571429rem;

  33682.   border-radius: 0.28571429rem;

  33683. }

  33684. 

  33685. .ui.pointing.upward.dropdown .menu:after,

  33686. .ui.top.pointing.upward.dropdown .menu:after {

  33687.   top: 100% !important;

  33688.   bottom: auto !important;

  33689.   -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);

  33690.   box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);

  33691.   margin: -0.25em 0em 0em;

  33692. }

  33693. 

  33694. /* Right Pointing Upward */

  33695. 

  33696. .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {

  33697.   top: auto !important;

  33698.   bottom: 0 !important;

  33699.   margin: 0em 1em 0em 0em;

  33700. }

  33701. 

  33702. .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {

  33703.   top: auto !important;

  33704.   bottom: 0 !important;

  33705.   margin: 0em 0em 1em 0em;

  33706.   -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);

  33707.   box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);

  33708. }

  33709. 

  33710. /* Left Pointing Upward */

  33711. 

  33712. .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {

  33713.   top: auto !important;

  33714.   bottom: 0 !important;

  33715.   margin: 0em 0em 0em 1em;

  33716. }

  33717. 

  33718. .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {

  33719.   top: auto !important;

  33720.   bottom: 0 !important;

  33721.   margin: 0em 0em 1em 0em;

  33722.   -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);

  33723.   box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);

  33724. }

  33725. 

  33726. /*******************************

  33727.          Theme Overrides

  33728. *******************************/

  33729. 

  33730. /* Dropdown Carets */

  33731. 

  33732. @font-face {

  33733.   font-family: 'Dropdown';

  33734.   src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');

  33735.   font-weight: normal;

  33736.   font-style: normal;

  33737. }

  33738. 

  33739. .ui.dropdown > .dropdown.icon {

  33740.   font-family: 'Dropdown';

  33741.   line-height: 1;

  33742.   height: 1em;

  33743.   width: 1.23em;

  33744.   -webkit-backface-visibility: hidden;

  33745.   backface-visibility: hidden;

  33746.   font-weight: normal;

  33747.   font-style: normal;

  33748.   text-align: center;

  33749. }

  33750. 

  33751. .ui.dropdown > .dropdown.icon {

  33752.   width: auto;

  33753. }

  33754. 

  33755. .ui.dropdown > .dropdown.icon:before {

  33756.   content: '\f0d7';

  33757. }

  33758. 

  33759. /* Sub Menu */

  33760. 

  33761. .ui.dropdown .menu .item .dropdown.icon:before {

  33762.   content: '\f0da' ;

  33763. }

  33764. 

  33765. .ui.dropdown .item .left.dropdown.icon:before,

  33766. .ui.dropdown .left.menu .item .dropdown.icon:before {

  33767.   content: "\f0d9" ;

  33768. }

  33769. 

  33770. /* Vertical Menu Dropdown */

  33771. 

  33772. .ui.vertical.menu .dropdown.item > .dropdown.icon:before {

  33773.   content: "\f0da" ;

  33774. }

  33775. 

  33776. .ui.dropdown > .clear.icon:before {

  33777.   content: "\f00d";

  33778. }

  33779. 

  33780. /* Icons for Reference (Subsetted in 2.4.0)

  33781.   .dropdown.down:before { content: "\f0d7"; }

  33782.   .dropdown.up:before { content: "\f0d8"; }

  33783.   .dropdown.left:before { content: "\f0d9"; }

  33784.   .dropdown.right:before { content: "\f0da"; }

  33785.   .dropdown.close:before { content: "\f00d"; }

  33786. */

  33787. 

  33788. /*******************************

  33789.         User Overrides

  33790. *******************************/

  33791. /*!

  33792.  * # Semantic UI 2.4.0 - Video

  33793.  * http://github.com/semantic-org/semantic-ui/

  33794.  *

  33795.  *

  33796.  * Released under the MIT license

  33797.  * http://opensource.org/licenses/MIT

  33798.  *

  33799.  */

  33800. 

  33801. /*******************************

  33802.             Types

  33803. *******************************/

  33804. 

  33805. .ui.embed {

  33806.   position: relative;

  33807.   max-width: 100%;

  33808.   height: 0px;

  33809.   overflow: hidden;

  33810.   background: #DCDDDE;

  33811.   padding-bottom: 56.25%;

  33812. }

  33813. 

  33814. /*-----------------

  33815.   Embedded Content

  33816. ------------------*/

  33817. 

  33818. .ui.embed iframe,

  33819. .ui.embed embed,

  33820. .ui.embed object {

  33821.   position: absolute;

  33822.   border: none;

  33823.   width: 100%;

  33824.   height: 100%;

  33825.   top: 0px;

  33826.   left: 0px;

  33827.   margin: 0em;

  33828.   padding: 0em;

  33829. }

  33830. 

  33831. /*-----------------

  33832.       Embed

  33833. ------------------*/

  33834. 

  33835. .ui.embed > .embed {

  33836.   display: none;

  33837. }

  33838. 

  33839. /*--------------

  33840.    Placeholder

  33841. ---------------*/

  33842. 

  33843. .ui.embed > .placeholder {

  33844.   position: absolute;

  33845.   cursor: pointer;

  33846.   top: 0px;

  33847.   left: 0px;

  33848.   display: block;

  33849.   width: 100%;

  33850.   height: 100%;

  33851.   background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));

  33852. }

  33853. 

  33854. /*--------------

  33855.       Icon

  33856. ---------------*/

  33857. 

  33858. .ui.embed > .icon {

  33859.   cursor: pointer;

  33860.   position: absolute;

  33861.   top: 0px;

  33862.   left: 0px;

  33863.   width: 100%;

  33864.   height: 100%;

  33865.   z-index: 2;

  33866. }

  33867. 

  33868. .ui.embed > .icon:after {

  33869.   position: absolute;

  33870.   top: 0%;

  33871.   left: 0%;

  33872.   width: 100%;

  33873.   height: 100%;

  33874.   z-index: 3;

  33875.   content: '';

  33876.   background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));

  33877.   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));

  33878.   opacity: 0.5;

  33879.   -webkit-transition: opacity 0.5s ease;

  33880.   transition: opacity 0.5s ease;

  33881. }

  33882. 

  33883. .ui.embed > .icon:before {

  33884.   position: absolute;

  33885.   top: 50%;

  33886.   left: 50%;

  33887.   z-index: 4;

  33888.   -webkit-transform: translateX(-50%) translateY(-50%);

  33889.   transform: translateX(-50%) translateY(-50%);

  33890.   color: #FFFFFF;

  33891.   font-size: 6rem;

  33892.   text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);

  33893.   -webkit-transition: opacity 0.5s ease, color 0.5s ease;

  33894.   transition: opacity 0.5s ease, color 0.5s ease;

  33895.   z-index: 10;

  33896. }

  33897. 

  33898. /*******************************

  33899.             States

  33900. *******************************/

  33901. 

  33902. /*--------------

  33903.      Hover

  33904. ---------------*/

  33905. 

  33906. .ui.embed .icon:hover:after {

  33907.   background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));

  33908.   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));

  33909.   opacity: 1;

  33910. }

  33911. 

  33912. .ui.embed .icon:hover:before {

  33913.   color: #FFFFFF;

  33914. }

  33915. 

  33916. /*--------------

  33917.      Active

  33918. ---------------*/

  33919. 

  33920. .ui.active.embed > .icon,

  33921. .ui.active.embed > .placeholder {

  33922.   display: none;

  33923. }

  33924. 

  33925. .ui.active.embed > .embed {

  33926.   display: block;

  33927. }

  33928. 

  33929. /*******************************

  33930.         Video Overrides

  33931. *******************************/

  33932. 

  33933. /*******************************

  33934.          Site Overrides

  33935. *******************************/

  33936. 

  33937. /*******************************

  33938.           Variations

  33939. *******************************/

  33940. 

  33941. .ui.square.embed {

  33942.   padding-bottom: 100%;

  33943. }

  33944. 

  33945. .ui[class*="4:3"].embed {

  33946.   padding-bottom: 75%;

  33947. }

  33948. 

  33949. .ui[class*="16:9"].embed {

  33950.   padding-bottom: 56.25%;

  33951. }

  33952. 

  33953. .ui[class*="21:9"].embed {

  33954.   padding-bottom: 42.85714286%;

  33955. }

  33956. /*!

  33957.  * # Semantic UI 2.4.0 - Modal

  33958.  * http://github.com/semantic-org/semantic-ui/

  33959.  *

  33960.  *

  33961.  * Released under the MIT license

  33962.  * http://opensource.org/licenses/MIT

  33963.  *

  33964.  */

  33965. 

  33966. /*******************************

  33967.              Modal

  33968. *******************************/

  33969. 

  33970. .ui.modal {

  33971.   position: absolute;

  33972.   display: none;

  33973.   z-index: 1001;

  33974.   text-align: left;

  33975.   background: #FFFFFF;

  33976.   border: none;

  33977.   -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);

  33978.   box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);

  33979.   -webkit-transform-origin: 50% 25%;

  33980.   transform-origin: 50% 25%;

  33981.   -webkit-box-flex: 0;

  33982.   -ms-flex: 0 0 auto;

  33983.   flex: 0 0 auto;

  33984.   border-radius: 0.28571429rem;

  33985.   -webkit-user-select: text;

  33986.   -moz-user-select: text;

  33987.   -ms-user-select: text;

  33988.   user-select: text;

  33989.   will-change: top, left, margin, transform, opacity;

  33990. }

  33991. 

  33992. .ui.modal > :first-child:not(.icon),

  33993. .ui.modal > .icon:first-child + * {

  33994.   border-top-left-radius: 0.28571429rem;

  33995.   border-top-right-radius: 0.28571429rem;

  33996. }

  33997. 

  33998. .ui.modal > :last-child {

  33999.   border-bottom-left-radius: 0.28571429rem;

  34000.   border-bottom-right-radius: 0.28571429rem;

  34001. }

  34002. 

  34003. /*******************************

  34004.             Content

  34005. *******************************/

  34006. 

  34007. /*--------------

  34008.      Close

  34009. ---------------*/

  34010. 

  34011. .ui.modal > .close {

  34012.   cursor: pointer;

  34013.   position: absolute;

  34014.   top: -2.5rem;

  34015.   right: -2.5rem;

  34016.   z-index: 1;

  34017.   opacity: 0.8;

  34018.   font-size: 1.25em;

  34019.   color: #FFFFFF;

  34020.   width: 2.25rem;

  34021.   height: 2.25rem;

  34022.   padding: 0.625rem 0rem 0rem 0rem;

  34023. }

  34024. 

  34025. .ui.modal > .close:hover {

  34026.   opacity: 1;

  34027. }

  34028. 

  34029. /*--------------

  34030.      Header

  34031. ---------------*/

  34032. 

  34033. .ui.modal > .header {

  34034.   display: block;

  34035.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  34036.   background: #FFFFFF;

  34037.   margin: 0em;

  34038.   padding: 1.25rem 1.5rem;

  34039.   -webkit-box-shadow: none;

  34040.   box-shadow: none;

  34041.   color: rgba(0, 0, 0, 0.85);

  34042.   border-bottom: 1px solid rgba(34, 36, 38, 0.15);

  34043. }

  34044. 

  34045. .ui.modal > .header:not(.ui) {

  34046.   font-size: 1.42857143rem;

  34047.   line-height: 1.28571429em;

  34048.   font-weight: bold;

  34049. }

  34050. 

  34051. /*--------------

  34052.      Content

  34053. ---------------*/

  34054. 

  34055. .ui.modal > .content {

  34056.   display: block;

  34057.   width: 100%;

  34058.   font-size: 1em;

  34059.   line-height: 1.4;

  34060.   padding: 1.5rem;

  34061.   background: #FFFFFF;

  34062. }

  34063. 

  34064. .ui.modal > .image.content {

  34065.   display: -webkit-box;

  34066.   display: -ms-flexbox;

  34067.   display: flex;

  34068.   -webkit-box-orient: horizontal;

  34069.   -webkit-box-direction: normal;

  34070.   -ms-flex-direction: row;

  34071.   flex-direction: row;

  34072. }

  34073. 

  34074. /* Image */

  34075. 

  34076. .ui.modal > .content > .image {

  34077.   display: block;

  34078.   -webkit-box-flex: 0;

  34079.   -ms-flex: 0 1 auto;

  34080.   flex: 0 1 auto;

  34081.   width: '';

  34082.   -ms-flex-item-align: top;

  34083.   align-self: top;

  34084. }

  34085. 

  34086. .ui.modal > [class*="top aligned"] {

  34087.   -ms-flex-item-align: top;

  34088.   align-self: top;

  34089. }

  34090. 

  34091. .ui.modal > [class*="middle aligned"] {

  34092.   -ms-flex-item-align: middle;

  34093.   align-self: middle;

  34094. }

  34095. 

  34096. .ui.modal > [class*="stretched"] {

  34097.   -ms-flex-item-align: stretch;

  34098.   align-self: stretch;

  34099. }

  34100. 

  34101. /* Description */

  34102. 

  34103. .ui.modal > .content > .description {

  34104.   display: block;

  34105.   -webkit-box-flex: 1;

  34106.   -ms-flex: 1 0 auto;

  34107.   flex: 1 0 auto;

  34108.   min-width: 0px;

  34109.   -ms-flex-item-align: top;

  34110.   align-self: top;

  34111. }

  34112. 

  34113. .ui.modal > .content > .icon + .description,

  34114. .ui.modal > .content > .image + .description {

  34115.   -webkit-box-flex: 0;

  34116.   -ms-flex: 0 1 auto;

  34117.   flex: 0 1 auto;

  34118.   min-width: '';

  34119.   width: auto;

  34120.   padding-left: 2em;

  34121. }

  34122. 

  34123. /*rtl:ignore*/

  34124. 

  34125. .ui.modal > .content > .image > i.icon {

  34126.   margin: 0em;

  34127.   opacity: 1;

  34128.   width: auto;

  34129.   line-height: 1;

  34130.   font-size: 8rem;

  34131. }

  34132. 

  34133. /*--------------

  34134.      Actions

  34135. ---------------*/

  34136. 

  34137. .ui.modal > .actions {

  34138.   background: #F9FAFB;

  34139.   padding: 1rem 1rem;

  34140.   border-top: 1px solid rgba(34, 36, 38, 0.15);

  34141.   text-align: right;

  34142. }

  34143. 

  34144. .ui.modal .actions > .button {

  34145.   margin-left: 0.75em;

  34146. }

  34147. 

  34148. /*-------------------

  34149.        Responsive

  34150. --------------------*/

  34151. 

  34152. /* Modal Width */

  34153. 

  34154. @media only screen and (max-width: 767px) {

  34155.   .ui.modal {

  34156.     width: 95%;

  34157.     margin: 0em 0em 0em 0em;

  34158.   }

  34159. }

  34160. 

  34161. @media only screen and (min-width: 768px) {

  34162.   .ui.modal {

  34163.     width: 88%;

  34164.     margin: 0em 0em 0em 0em;

  34165.   }

  34166. }

  34167. 

  34168. @media only screen and (min-width: 992px) {

  34169.   .ui.modal {

  34170.     width: 850px;

  34171.     margin: 0em 0em 0em 0em;

  34172.   }

  34173. }

  34174. 

  34175. @media only screen and (min-width: 1200px) {

  34176.   .ui.modal {

  34177.     width: 900px;

  34178.     margin: 0em 0em 0em 0em;

  34179.   }

  34180. }

  34181. 

  34182. @media only screen and (min-width: 1920px) {

  34183.   .ui.modal {

  34184.     width: 950px;

  34185.     margin: 0em 0em 0em 0em;

  34186.   }

  34187. }

  34188. 

  34189. /* Tablet and Mobile */

  34190. 

  34191. @media only screen and (max-width: 991px) {

  34192.   .ui.modal > .header {

  34193.     padding-right: 2.25rem;

  34194.   }

  34195. 

  34196.   .ui.modal > .close {

  34197.     top: 1.0535rem;

  34198.     right: 1rem;

  34199.     color: rgba(0, 0, 0, 0.87);

  34200.   }

  34201. }

  34202. 

  34203. /* Mobile */

  34204. 

  34205. @media only screen and (max-width: 767px) {

  34206.   .ui.modal > .header {

  34207.     padding: 0.75rem 1rem !important;

  34208.     padding-right: 2.25rem !important;

  34209.   }

  34210. 

  34211.   .ui.modal > .content {

  34212.     display: block;

  34213.     padding: 1rem !important;

  34214.   }

  34215. 

  34216.   .ui.modal > .close {

  34217.     top: 0.5rem !important;

  34218.     right: 0.5rem !important;

  34219.   }

  34220. 

  34221.   /*rtl:ignore*/

  34222. 

  34223.   .ui.modal .image.content {

  34224.     -webkit-box-orient: vertical;

  34225.     -webkit-box-direction: normal;

  34226.     -ms-flex-direction: column;

  34227.     flex-direction: column;

  34228.   }

  34229. 

  34230.   .ui.modal .content > .image {

  34231.     display: block;

  34232.     max-width: 100%;

  34233.     margin: 0em auto !important;

  34234.     text-align: center;

  34235.     padding: 0rem 0rem 1rem !important;

  34236.   }

  34237. 

  34238.   .ui.modal > .content > .image > i.icon {

  34239.     font-size: 5rem;

  34240.     text-align: center;

  34241.   }

  34242. 

  34243.   /*rtl:ignore*/

  34244. 

  34245.   .ui.modal .content > .description {

  34246.     display: block;

  34247.     width: 100% !important;

  34248.     margin: 0em !important;

  34249.     padding: 1rem 0rem !important;

  34250.     -webkit-box-shadow: none;

  34251.     box-shadow: none;

  34252.   }

  34253. 

  34254.   /* Let Buttons Stack */

  34255. 

  34256.   .ui.modal > .actions {

  34257.     padding: 1rem 1rem 0rem !important;

  34258.   }

  34259. 

  34260.   .ui.modal .actions > .buttons,

  34261.   .ui.modal .actions > .button {

  34262.     margin-bottom: 1rem;

  34263.   }

  34264. }

  34265. 

  34266. /*--------------

  34267.     Coupling

  34268. ---------------*/

  34269. 

  34270. .ui.inverted.dimmer > .ui.modal {

  34271.   -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);

  34272.   box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);

  34273. }

  34274. 

  34275. /*******************************

  34276.              Types

  34277. *******************************/

  34278. 

  34279. .ui.basic.modal {

  34280.   background-color: transparent;

  34281.   border: none;

  34282.   border-radius: 0em;

  34283.   -webkit-box-shadow: none !important;

  34284.   box-shadow: none !important;

  34285.   color: #FFFFFF;

  34286. }

  34287. 

  34288. .ui.basic.modal > .header,

  34289. .ui.basic.modal > .content,

  34290. .ui.basic.modal > .actions {

  34291.   background-color: transparent;

  34292. }

  34293. 

  34294. .ui.basic.modal > .header {

  34295.   color: #FFFFFF;

  34296. }

  34297. 

  34298. .ui.basic.modal > .close {

  34299.   top: 1rem;

  34300.   right: 1.5rem;

  34301. }

  34302. 

  34303. .ui.inverted.dimmer > .basic.modal {

  34304.   color: rgba(0, 0, 0, 0.87);

  34305. }

  34306. 

  34307. .ui.inverted.dimmer > .ui.basic.modal > .header {

  34308.   color: rgba(0, 0, 0, 0.85);

  34309. }

  34310. 

  34311. /* Resort to margin positioning if legacy */

  34312. 

  34313. .ui.legacy.modal,

  34314. .ui.legacy.page.dimmer > .ui.modal {

  34315.   top: 50%;

  34316.   left: 50%;

  34317. }

  34318. 

  34319. .ui.legacy.page.dimmer > .ui.scrolling.modal,

  34320. .ui.page.dimmer > .ui.scrolling.legacy.modal,

  34321. .ui.top.aligned.legacy.page.dimmer > .ui.modal,

  34322. .ui.top.aligned.dimmer > .ui.legacy.modal {

  34323.   top: auto;

  34324. }

  34325. 

  34326. /* Tablet and Mobile */

  34327. 

  34328. @media only screen and (max-width: 991px) {

  34329.   .ui.basic.modal > .close {

  34330.     color: #FFFFFF;

  34331.   }

  34332. }

  34333. 

  34334. /*******************************

  34335.              States

  34336. *******************************/

  34337. 

  34338. .ui.loading.modal {

  34339.   display: block;

  34340.   visibility: hidden;

  34341.   z-index: -1;

  34342. }

  34343. 

  34344. .ui.active.modal {

  34345.   display: block;

  34346. }

  34347. 

  34348. /*******************************

  34349.            Variations

  34350. *******************************/

  34351. 

  34352. /*--------------

  34353.    Top Aligned

  34354. ---------------*/

  34355. 

  34356. /* Top Aligned Modal */

  34357. 

  34358. .modals.dimmer[class*="top aligned"] .modal {

  34359.   margin: 5vh auto;

  34360. }

  34361. 

  34362. @media only screen and (max-width: 767px) {

  34363.   .modals.dimmer[class*="top aligned"] .modal {

  34364.     margin: 1rem auto;

  34365.   }

  34366. }

  34367. 

  34368. /* Legacy Top Aligned */

  34369. 

  34370. .legacy.modals.dimmer[class*="top aligned"] {

  34371.   padding-top: 5vh;

  34372. }

  34373. 

  34374. @media only screen and (max-width: 767px) {

  34375.   .legacy.modals.dimmer[class*="top aligned"] {

  34376.     padding-top: 1rem;

  34377.   }

  34378. }

  34379. 

  34380. /*--------------

  34381.     Scrolling

  34382. ---------------*/

  34383. 

  34384. /* Scrolling Dimmer */

  34385. 

  34386. .scrolling.dimmable.dimmed {

  34387.   overflow: hidden;

  34388. }

  34389. 

  34390. .scrolling.dimmable > .dimmer {

  34391.   -webkit-box-pack: start;

  34392.   -ms-flex-pack: start;

  34393.   justify-content: flex-start;

  34394. }

  34395. 

  34396. .scrolling.dimmable.dimmed > .dimmer {

  34397.   overflow: auto;

  34398.   -webkit-overflow-scrolling: touch;

  34399. }

  34400. 

  34401. .scrolling.dimmable > .dimmer {

  34402.   position: fixed;

  34403. }

  34404. 

  34405. .modals.dimmer .ui.scrolling.modal {

  34406.   margin: 1rem auto;

  34407. }

  34408. 

  34409. /* Undetached Scrolling */

  34410. 

  34411. .scrolling.undetached.dimmable.dimmed {

  34412.   overflow: auto;

  34413.   -webkit-overflow-scrolling: touch;

  34414. }

  34415. 

  34416. .scrolling.undetached.dimmable.dimmed > .dimmer {

  34417.   overflow: hidden;

  34418. }

  34419. 

  34420. .scrolling.undetached.dimmable .ui.scrolling.modal {

  34421.   position: absolute;

  34422.   left: 50%;

  34423.   margin-top: 1rem !important;

  34424. }

  34425. 

  34426. /* Scrolling Content */

  34427. 

  34428. .ui.modal .scrolling.content {

  34429.   max-height: calc(70vh);

  34430.   overflow: auto;

  34431. }

  34432. 

  34433. /*--------------

  34434.    Full Screen

  34435. ---------------*/

  34436. 

  34437. .ui.fullscreen.modal {

  34438.   width: 95% !important;

  34439.   left: 0em !important;

  34440.   margin: 1em auto;

  34441. }

  34442. 

  34443. .ui.fullscreen.scrolling.modal {

  34444.   left: 0em !important;

  34445. }

  34446. 

  34447. .ui.fullscreen.modal > .header {

  34448.   padding-right: 2.25rem;

  34449. }

  34450. 

  34451. .ui.fullscreen.modal > .close {

  34452.   top: 1.0535rem;

  34453.   right: 1rem;

  34454.   color: rgba(0, 0, 0, 0.87);

  34455. }

  34456. 

  34457. /*--------------

  34458.       Size

  34459. ---------------*/

  34460. 

  34461. .ui.modal {

  34462.   font-size: 1rem;

  34463. }

  34464. 

  34465. /* Mini */

  34466. 

  34467. .ui.mini.modal > .header:not(.ui) {

  34468.   font-size: 1.3em;

  34469. }

  34470. 

  34471. /* Mini Modal Width */

  34472. 

  34473. @media only screen and (max-width: 767px) {

  34474.   .ui.mini.modal {

  34475.     width: 95%;

  34476.     margin: 0em 0em 0em 0em;

  34477.   }

  34478. }

  34479. 

  34480. @media only screen and (min-width: 768px) {

  34481.   .ui.mini.modal {

  34482.     width: 35.2%;

  34483.     margin: 0em 0em 0em 0em;

  34484.   }

  34485. }

  34486. 

  34487. @media only screen and (min-width: 992px) {

  34488.   .ui.mini.modal {

  34489.     width: 340px;

  34490.     margin: 0em 0em 0em 0em;

  34491.   }

  34492. }

  34493. 

  34494. @media only screen and (min-width: 1200px) {

  34495.   .ui.mini.modal {

  34496.     width: 360px;

  34497.     margin: 0em 0em 0em 0em;

  34498.   }

  34499. }

  34500. 

  34501. @media only screen and (min-width: 1920px) {

  34502.   .ui.mini.modal {

  34503.     width: 380px;

  34504.     margin: 0em 0em 0em 0em;

  34505.   }

  34506. }

  34507. 

  34508. /* mini */

  34509. 

  34510. .ui.small.modal > .header:not(.ui) {

  34511.   font-size: 1.3em;

  34512. }

  34513. 

  34514. /* Tiny Modal Width */

  34515. 

  34516. @media only screen and (max-width: 767px) {

  34517.   .ui.tiny.modal {

  34518.     width: 95%;

  34519.     margin: 0em 0em 0em 0em;

  34520.   }

  34521. }

  34522. 

  34523. @media only screen and (min-width: 768px) {

  34524.   .ui.tiny.modal {

  34525.     width: 52.8%;

  34526.     margin: 0em 0em 0em 0em;

  34527.   }

  34528. }

  34529. 

  34530. @media only screen and (min-width: 992px) {

  34531.   .ui.tiny.modal {

  34532.     width: 510px;

  34533.     margin: 0em 0em 0em 0em;

  34534.   }

  34535. }

  34536. 

  34537. @media only screen and (min-width: 1200px) {

  34538.   .ui.tiny.modal {

  34539.     width: 540px;

  34540.     margin: 0em 0em 0em 0em;

  34541.   }

  34542. }

  34543. 

  34544. @media only screen and (min-width: 1920px) {

  34545.   .ui.tiny.modal {

  34546.     width: 570px;

  34547.     margin: 0em 0em 0em 0em;

  34548.   }

  34549. }

  34550. 

  34551. /* Small */

  34552. 

  34553. .ui.small.modal > .header:not(.ui) {

  34554.   font-size: 1.3em;

  34555. }

  34556. 

  34557. /* Small Modal Width */

  34558. 

  34559. @media only screen and (max-width: 767px) {

  34560.   .ui.small.modal {

  34561.     width: 95%;

  34562.     margin: 0em 0em 0em 0em;

  34563.   }

  34564. }

  34565. 

  34566. @media only screen and (min-width: 768px) {

  34567.   .ui.small.modal {

  34568.     width: 70.4%;

  34569.     margin: 0em 0em 0em 0em;

  34570.   }

  34571. }

  34572. 

  34573. @media only screen and (min-width: 992px) {

  34574.   .ui.small.modal {

  34575.     width: 680px;

  34576.     margin: 0em 0em 0em 0em;

  34577.   }

  34578. }

  34579. 

  34580. @media only screen and (min-width: 1200px) {

  34581.   .ui.small.modal {

  34582.     width: 720px;

  34583.     margin: 0em 0em 0em 0em;

  34584.   }

  34585. }

  34586. 

  34587. @media only screen and (min-width: 1920px) {

  34588.   .ui.small.modal {

  34589.     width: 760px;

  34590.     margin: 0em 0em 0em 0em;

  34591.   }

  34592. }

  34593. 

  34594. /* Large Modal Width */

  34595. 

  34596. .ui.large.modal > .header {

  34597.   font-size: 1.6em;

  34598. }

  34599. 

  34600. @media only screen and (max-width: 767px) {

  34601.   .ui.large.modal {

  34602.     width: 95%;

  34603.     margin: 0em 0em 0em 0em;

  34604.   }

  34605. }

  34606. 

  34607. @media only screen and (min-width: 768px) {

  34608.   .ui.large.modal {

  34609.     width: 88%;

  34610.     margin: 0em 0em 0em 0em;

  34611.   }

  34612. }

  34613. 

  34614. @media only screen and (min-width: 992px) {

  34615.   .ui.large.modal {

  34616.     width: 1020px;

  34617.     margin: 0em 0em 0em 0em;

  34618.   }

  34619. }

  34620. 

  34621. @media only screen and (min-width: 1200px) {

  34622.   .ui.large.modal {

  34623.     width: 1080px;

  34624.     margin: 0em 0em 0em 0em;

  34625.   }

  34626. }

  34627. 

  34628. @media only screen and (min-width: 1920px) {

  34629.   .ui.large.modal {

  34630.     width: 1140px;

  34631.     margin: 0em 0em 0em 0em;

  34632.   }

  34633. }

  34634. 

  34635. /*******************************

  34636.          Theme Overrides

  34637. *******************************/

  34638. 

  34639. /*******************************

  34640.          Site Overrides

  34641. *******************************/

  34642. /*!

  34643.  * # Semantic UI 2.4.0 - Nag

  34644.  * http://github.com/semantic-org/semantic-ui/

  34645.  *

  34646.  *

  34647.  * Released under the MIT license

  34648.  * http://opensource.org/licenses/MIT

  34649.  *

  34650.  */

  34651. 

  34652. /*******************************

  34653.              Nag

  34654. *******************************/

  34655. 

  34656. .ui.nag {

  34657.   display: none;

  34658.   opacity: 0.95;

  34659.   position: relative;

  34660.   top: 0em;

  34661.   left: 0px;

  34662.   z-index: 999;

  34663.   min-height: 0em;

  34664.   width: 100%;

  34665.   margin: 0em;

  34666.   padding: 0.75em 1em;

  34667.   background: #555555;

  34668.   -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  34669.   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  34670.   font-size: 1rem;

  34671.   text-align: center;

  34672.   color: rgba(0, 0, 0, 0.87);

  34673.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  34674.   -webkit-transition: 0.2s background ease;

  34675.   transition: 0.2s background ease;

  34676. }

  34677. 

  34678. a.ui.nag {

  34679.   cursor: pointer;

  34680. }

  34681. 

  34682. .ui.nag > .title {

  34683.   display: inline-block;

  34684.   margin: 0em 0.5em;

  34685.   color: #FFFFFF;

  34686. }

  34687. 

  34688. .ui.nag > .close.icon {

  34689.   cursor: pointer;

  34690.   opacity: 0.4;

  34691.   position: absolute;

  34692.   top: 50%;

  34693.   right: 1em;

  34694.   font-size: 1em;

  34695.   margin: -0.5em 0em 0em;

  34696.   color: #FFFFFF;

  34697.   -webkit-transition: opacity 0.2s ease;

  34698.   transition: opacity 0.2s ease;

  34699. }

  34700. 

  34701. /*******************************

  34702.              States

  34703. *******************************/

  34704. 

  34705. /* Hover */

  34706. 

  34707. .ui.nag:hover {

  34708.   background: #555555;

  34709.   opacity: 1;

  34710. }

  34711. 

  34712. .ui.nag .close:hover {

  34713.   opacity: 1;

  34714. }

  34715. 

  34716. /*******************************

  34717.            Variations

  34718. *******************************/

  34719. 

  34720. /*--------------

  34721.      Static

  34722. ---------------*/

  34723. 

  34724. .ui.overlay.nag {

  34725.   position: absolute;

  34726.   display: block;

  34727. }

  34728. 

  34729. /*--------------

  34730.      Fixed

  34731. ---------------*/

  34732. 

  34733. .ui.fixed.nag {

  34734.   position: fixed;

  34735. }

  34736. 

  34737. /*--------------

  34738.      Bottom

  34739. ---------------*/

  34740. 

  34741. .ui.bottom.nags,

  34742. .ui.bottom.nag {

  34743.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  34744.   top: auto;

  34745.   bottom: 0em;

  34746. }

  34747. 

  34748. /*--------------

  34749.      White

  34750. ---------------*/

  34751. 

  34752. .ui.inverted.nags .nag,

  34753. .ui.inverted.nag {

  34754.   background-color: #F3F4F5;

  34755.   color: rgba(0, 0, 0, 0.85);

  34756. }

  34757. 

  34758. .ui.inverted.nags .nag .close,

  34759. .ui.inverted.nags .nag .title,

  34760. .ui.inverted.nag .close,

  34761. .ui.inverted.nag .title {

  34762.   color: rgba(0, 0, 0, 0.4);

  34763. }

  34764. 

  34765. /*******************************

  34766.            Groups

  34767. *******************************/

  34768. 

  34769. .ui.nags .nag {

  34770.   border-radius: 0em !important;

  34771. }

  34772. 

  34773. .ui.nags .nag:last-child {

  34774.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  34775. }

  34776. 

  34777. .ui.bottom.nags .nag:last-child {

  34778.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  34779. }

  34780. 

  34781. /*******************************

  34782.          Theme Overrides

  34783. *******************************/

  34784. 

  34785. /*******************************

  34786.         User Overrides

  34787. *******************************/

  34788. /*!

  34789.  * # Semantic UI 2.4.0 - Popup

  34790.  * http://github.com/semantic-org/semantic-ui/

  34791.  *

  34792.  *

  34793.  * Released under the MIT license

  34794.  * http://opensource.org/licenses/MIT

  34795.  *

  34796.  */

  34797. 

  34798. /*******************************

  34799.             Popup

  34800. *******************************/

  34801. 

  34802. .ui.popup {

  34803.   display: none;

  34804.   position: absolute;

  34805.   top: 0px;

  34806.   right: 0px;

  34807.   /* Fixes content being squished when inline (moz only) */

  34808.   min-width: -webkit-min-content;

  34809.   min-width: -moz-min-content;

  34810.   min-width: min-content;

  34811.   z-index: 1900;

  34812.   border: 1px solid #D4D4D5;

  34813.   line-height: 1.4285em;

  34814.   max-width: 250px;

  34815.   background: #FFFFFF;

  34816.   padding: 0.833em 1em;

  34817.   font-weight: normal;

  34818.   font-style: normal;

  34819.   color: rgba(0, 0, 0, 0.87);

  34820.   border-radius: 0.28571429rem;

  34821.   -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  34822.   box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  34823. }

  34824. 

  34825. .ui.popup > .header {

  34826.   padding: 0em;

  34827.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  34828.   font-size: 1.14285714em;

  34829.   line-height: 1.2;

  34830.   font-weight: bold;

  34831. }

  34832. 

  34833. .ui.popup > .header + .content {

  34834.   padding-top: 0.5em;

  34835. }

  34836. 

  34837. .ui.popup:before {

  34838.   position: absolute;

  34839.   content: '';

  34840.   width: 0.71428571em;

  34841.   height: 0.71428571em;

  34842.   background: #FFFFFF;

  34843.   -webkit-transform: rotate(45deg);

  34844.   transform: rotate(45deg);

  34845.   z-index: 2;

  34846.   -webkit-box-shadow: 1px 1px 0px 0px #bababc;

  34847.   box-shadow: 1px 1px 0px 0px #bababc;

  34848. }

  34849. 

  34850. /*******************************

  34851.             Types

  34852. *******************************/

  34853. 

  34854. /*--------------

  34855.     Tooltip

  34856. ---------------*/

  34857. 

  34858. /* Content */

  34859. 

  34860. [data-tooltip] {

  34861.   position: relative;

  34862. }

  34863. 

  34864. /* Arrow */

  34865. 

  34866. [data-tooltip]:before {

  34867.   pointer-events: none;

  34868.   position: absolute;

  34869.   content: '';

  34870.   font-size: 1rem;

  34871.   width: 0.71428571em;

  34872.   height: 0.71428571em;

  34873.   background: #FFFFFF;

  34874.   -webkit-transform: rotate(45deg);

  34875.   transform: rotate(45deg);

  34876.   z-index: 2;

  34877.   -webkit-box-shadow: 1px 1px 0px 0px #bababc;

  34878.   box-shadow: 1px 1px 0px 0px #bababc;

  34879. }

  34880. 

  34881. /* Popup */

  34882. 

  34883. [data-tooltip]:after {

  34884.   pointer-events: none;

  34885.   content: attr(data-tooltip);

  34886.   position: absolute;

  34887.   text-transform: none;

  34888.   text-align: left;

  34889.   white-space: nowrap;

  34890.   font-size: 1rem;

  34891.   border: 1px solid #D4D4D5;

  34892.   line-height: 1.4285em;

  34893.   max-width: none;

  34894.   background: #FFFFFF;

  34895.   padding: 0.833em 1em;

  34896.   font-weight: normal;

  34897.   font-style: normal;

  34898.   color: rgba(0, 0, 0, 0.87);

  34899.   border-radius: 0.28571429rem;

  34900.   -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  34901.   box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  34902.   z-index: 1;

  34903. }

  34904. 

  34905. /* Default Position (Top Center) */

  34906. 

  34907. [data-tooltip]:not([data-position]):before {

  34908.   top: auto;

  34909.   right: auto;

  34910.   bottom: 100%;

  34911.   left: 50%;

  34912.   background: #FFFFFF;

  34913.   margin-left: -0.07142857rem;

  34914.   margin-bottom: 0.14285714rem;

  34915. }

  34916. 

  34917. [data-tooltip]:not([data-position]):after {

  34918.   left: 50%;

  34919.   -webkit-transform: translateX(-50%);

  34920.   transform: translateX(-50%);

  34921.   bottom: 100%;

  34922.   margin-bottom: 0.5em;

  34923. }

  34924. 

  34925. /* Animation */

  34926. 

  34927. [data-tooltip]:before,

  34928. [data-tooltip]:after {

  34929.   pointer-events: none;

  34930.   visibility: hidden;

  34931. }

  34932. 

  34933. [data-tooltip]:before {

  34934.   opacity: 0;

  34935.   -webkit-transform: rotate(45deg) scale(0) !important;

  34936.   transform: rotate(45deg) scale(0) !important;

  34937.   -webkit-transform-origin: center top;

  34938.   transform-origin: center top;

  34939.   -webkit-transition: all 0.1s ease;

  34940.   transition: all 0.1s ease;

  34941. }

  34942. 

  34943. [data-tooltip]:after {

  34944.   opacity: 1;

  34945.   -webkit-transform-origin: center bottom;

  34946.   transform-origin: center bottom;

  34947.   -webkit-transition: all 0.1s ease;

  34948.   transition: all 0.1s ease;

  34949. }

  34950. 

  34951. [data-tooltip]:hover:before,

  34952. [data-tooltip]:hover:after {

  34953.   visibility: visible;

  34954.   pointer-events: auto;

  34955. }

  34956. 

  34957. [data-tooltip]:hover:before {

  34958.   -webkit-transform: rotate(45deg) scale(1) !important;

  34959.   transform: rotate(45deg) scale(1) !important;

  34960.   opacity: 1;

  34961. }

  34962. 

  34963. /* Animation Position */

  34964. 

  34965. [data-tooltip]:after,

  34966. [data-tooltip][data-position="top center"]:after,

  34967. [data-tooltip][data-position="bottom center"]:after {

  34968.   -webkit-transform: translateX(-50%) scale(0) !important;

  34969.   transform: translateX(-50%) scale(0) !important;

  34970. }

  34971. 

  34972. [data-tooltip]:hover:after,

  34973. [data-tooltip][data-position="bottom center"]:hover:after {

  34974.   -webkit-transform: translateX(-50%) scale(1) !important;

  34975.   transform: translateX(-50%) scale(1) !important;

  34976. }

  34977. 

  34978. [data-tooltip][data-position="left center"]:after,

  34979. [data-tooltip][data-position="right center"]:after {

  34980.   -webkit-transform: translateY(-50%) scale(0) !important;

  34981.   transform: translateY(-50%) scale(0) !important;

  34982. }

  34983. 

  34984. [data-tooltip][data-position="left center"]:hover:after,

  34985. [data-tooltip][data-position="right center"]:hover:after {

  34986.   -webkit-transform: translateY(-50%) scale(1) !important;

  34987.   transform: translateY(-50%) scale(1) !important;

  34988. }

  34989. 

  34990. [data-tooltip][data-position="top left"]:after,

  34991. [data-tooltip][data-position="top right"]:after,

  34992. [data-tooltip][data-position="bottom left"]:after,

  34993. [data-tooltip][data-position="bottom right"]:after {

  34994.   -webkit-transform: scale(0) !important;

  34995.   transform: scale(0) !important;

  34996. }

  34997. 

  34998. [data-tooltip][data-position="top left"]:hover:after,

  34999. [data-tooltip][data-position="top right"]:hover:after,

  35000. [data-tooltip][data-position="bottom left"]:hover:after,

  35001. [data-tooltip][data-position="bottom right"]:hover:after {

  35002.   -webkit-transform: scale(1) !important;

  35003.   transform: scale(1) !important;

  35004. }

  35005. 

  35006. /*--------------

  35007.     Inverted

  35008. ---------------*/

  35009. 

  35010. /* Arrow */

  35011. 

  35012. [data-tooltip][data-inverted]:before {

  35013.   -webkit-box-shadow: none !important;

  35014.   box-shadow: none !important;

  35015. }

  35016. 

  35017. /* Arrow Position */

  35018. 

  35019. [data-tooltip][data-inverted]:before {

  35020.   background: #1B1C1D;

  35021. }

  35022. 

  35023. /* Popup  */

  35024. 

  35025. [data-tooltip][data-inverted]:after {

  35026.   background: #1B1C1D;

  35027.   color: #FFFFFF;

  35028.   border: none;

  35029.   -webkit-box-shadow: none;

  35030.   box-shadow: none;

  35031. }

  35032. 

  35033. [data-tooltip][data-inverted]:after .header {

  35034.   background-color: none;

  35035.   color: #FFFFFF;

  35036. }

  35037. 

  35038. /*--------------

  35039.     Position

  35040. ---------------*/

  35041. 

  35042. /* Top Center */

  35043. 

  35044. [data-position="top center"][data-tooltip]:after {

  35045.   top: auto;

  35046.   right: auto;

  35047.   left: 50%;

  35048.   bottom: 100%;

  35049.   -webkit-transform: translateX(-50%);

  35050.   transform: translateX(-50%);

  35051.   margin-bottom: 0.5em;

  35052. }

  35053. 

  35054. [data-position="top center"][data-tooltip]:before {

  35055.   top: auto;

  35056.   right: auto;

  35057.   bottom: 100%;

  35058.   left: 50%;

  35059.   background: #FFFFFF;

  35060.   margin-left: -0.07142857rem;

  35061.   margin-bottom: 0.14285714rem;

  35062. }

  35063. 

  35064. /* Top Left */

  35065. 

  35066. [data-position="top left"][data-tooltip]:after {

  35067.   top: auto;

  35068.   right: auto;

  35069.   left: 0;

  35070.   bottom: 100%;

  35071.   margin-bottom: 0.5em;

  35072. }

  35073. 

  35074. [data-position="top left"][data-tooltip]:before {

  35075.   top: auto;

  35076.   right: auto;

  35077.   bottom: 100%;

  35078.   left: 1em;

  35079.   margin-left: -0.07142857rem;

  35080.   margin-bottom: 0.14285714rem;

  35081. }

  35082. 

  35083. /* Top Right */

  35084. 

  35085. [data-position="top right"][data-tooltip]:after {

  35086.   top: auto;

  35087.   left: auto;

  35088.   right: 0;

  35089.   bottom: 100%;

  35090.   margin-bottom: 0.5em;

  35091. }

  35092. 

  35093. [data-position="top right"][data-tooltip]:before {

  35094.   top: auto;

  35095.   left: auto;

  35096.   bottom: 100%;

  35097.   right: 1em;

  35098.   margin-left: -0.07142857rem;

  35099.   margin-bottom: 0.14285714rem;

  35100. }

  35101. 

  35102. /* Bottom Center */

  35103. 

  35104. [data-position="bottom center"][data-tooltip]:after {

  35105.   bottom: auto;

  35106.   right: auto;

  35107.   left: 50%;

  35108.   top: 100%;

  35109.   -webkit-transform: translateX(-50%);

  35110.   transform: translateX(-50%);

  35111.   margin-top: 0.5em;

  35112. }

  35113. 

  35114. [data-position="bottom center"][data-tooltip]:before {

  35115.   bottom: auto;

  35116.   right: auto;

  35117.   top: 100%;

  35118.   left: 50%;

  35119.   margin-left: -0.07142857rem;

  35120.   margin-top: 0.14285714rem;

  35121. }

  35122. 

  35123. /* Bottom Left */

  35124. 

  35125. [data-position="bottom left"][data-tooltip]:after {

  35126.   left: 0;

  35127.   top: 100%;

  35128.   margin-top: 0.5em;

  35129. }

  35130. 

  35131. [data-position="bottom left"][data-tooltip]:before {

  35132.   bottom: auto;

  35133.   right: auto;

  35134.   top: 100%;

  35135.   left: 1em;

  35136.   margin-left: -0.07142857rem;

  35137.   margin-top: 0.14285714rem;

  35138. }

  35139. 

  35140. /* Bottom Right */

  35141. 

  35142. [data-position="bottom right"][data-tooltip]:after {

  35143.   right: 0;

  35144.   top: 100%;

  35145.   margin-top: 0.5em;

  35146. }

  35147. 

  35148. [data-position="bottom right"][data-tooltip]:before {

  35149.   bottom: auto;

  35150.   left: auto;

  35151.   top: 100%;

  35152.   right: 1em;

  35153.   margin-left: -0.14285714rem;

  35154.   margin-top: 0.07142857rem;

  35155. }

  35156. 

  35157. /* Left Center */

  35158. 

  35159. [data-position="left center"][data-tooltip]:after {

  35160.   right: 100%;

  35161.   top: 50%;

  35162.   margin-right: 0.5em;

  35163.   -webkit-transform: translateY(-50%);

  35164.   transform: translateY(-50%);

  35165. }

  35166. 

  35167. [data-position="left center"][data-tooltip]:before {

  35168.   right: 100%;

  35169.   top: 50%;

  35170.   margin-top: -0.14285714rem;

  35171.   margin-right: -0.07142857rem;

  35172. }

  35173. 

  35174. /* Right Center */

  35175. 

  35176. [data-position="right center"][data-tooltip]:after {

  35177.   left: 100%;

  35178.   top: 50%;

  35179.   margin-left: 0.5em;

  35180.   -webkit-transform: translateY(-50%);

  35181.   transform: translateY(-50%);

  35182. }

  35183. 

  35184. [data-position="right center"][data-tooltip]:before {

  35185.   left: 100%;

  35186.   top: 50%;

  35187.   margin-top: -0.07142857rem;

  35188.   margin-left: 0.14285714rem;

  35189. }

  35190. 

  35191. /* Arrow */

  35192. 

  35193. [data-position~="bottom"][data-tooltip]:before {

  35194.   background: #FFFFFF;

  35195.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  35196.   box-shadow: -1px -1px 0px 0px #bababc;

  35197. }

  35198. 

  35199. [data-position="left center"][data-tooltip]:before {

  35200.   background: #FFFFFF;

  35201.   -webkit-box-shadow: 1px -1px 0px 0px #bababc;

  35202.   box-shadow: 1px -1px 0px 0px #bababc;

  35203. }

  35204. 

  35205. [data-position="right center"][data-tooltip]:before {

  35206.   background: #FFFFFF;

  35207.   -webkit-box-shadow: -1px 1px 0px 0px #bababc;

  35208.   box-shadow: -1px 1px 0px 0px #bababc;

  35209. }

  35210. 

  35211. [data-position~="top"][data-tooltip]:before {

  35212.   background: #FFFFFF;

  35213. }

  35214. 

  35215. /* Inverted Arrow Color */

  35216. 

  35217. [data-inverted][data-position~="bottom"][data-tooltip]:before {

  35218.   background: #1B1C1D;

  35219.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  35220.   box-shadow: -1px -1px 0px 0px #bababc;

  35221. }

  35222. 

  35223. [data-inverted][data-position="left center"][data-tooltip]:before {

  35224.   background: #1B1C1D;

  35225.   -webkit-box-shadow: 1px -1px 0px 0px #bababc;

  35226.   box-shadow: 1px -1px 0px 0px #bababc;

  35227. }

  35228. 

  35229. [data-inverted][data-position="right center"][data-tooltip]:before {

  35230.   background: #1B1C1D;

  35231.   -webkit-box-shadow: -1px 1px 0px 0px #bababc;

  35232.   box-shadow: -1px 1px 0px 0px #bababc;

  35233. }

  35234. 

  35235. [data-inverted][data-position~="top"][data-tooltip]:before {

  35236.   background: #1B1C1D;

  35237. }

  35238. 

  35239. [data-position~="bottom"][data-tooltip]:before {

  35240.   -webkit-transform-origin: center bottom;

  35241.   transform-origin: center bottom;

  35242. }

  35243. 

  35244. [data-position~="bottom"][data-tooltip]:after {

  35245.   -webkit-transform-origin: center top;

  35246.   transform-origin: center top;

  35247. }

  35248. 

  35249. [data-position="left center"][data-tooltip]:before {

  35250.   -webkit-transform-origin: top center;

  35251.   transform-origin: top center;

  35252. }

  35253. 

  35254. [data-position="left center"][data-tooltip]:after {

  35255.   -webkit-transform-origin: right center;

  35256.   transform-origin: right center;

  35257. }

  35258. 

  35259. [data-position="right center"][data-tooltip]:before {

  35260.   -webkit-transform-origin: right center;

  35261.   transform-origin: right center;

  35262. }

  35263. 

  35264. [data-position="right center"][data-tooltip]:after {

  35265.   -webkit-transform-origin: left center;

  35266.   transform-origin: left center;

  35267. }

  35268. 

  35269. /*--------------

  35270.      Spacing

  35271. ---------------*/

  35272. 

  35273. .ui.popup {

  35274.   margin: 0em;

  35275. }

  35276. 

  35277. /* Extending from Top */

  35278. 

  35279. .ui.top.popup {

  35280.   margin: 0em 0em 0.71428571em;

  35281. }

  35282. 

  35283. .ui.top.left.popup {

  35284.   -webkit-transform-origin: left bottom;

  35285.   transform-origin: left bottom;

  35286. }

  35287. 

  35288. .ui.top.center.popup {

  35289.   -webkit-transform-origin: center bottom;

  35290.   transform-origin: center bottom;

  35291. }

  35292. 

  35293. .ui.top.right.popup {

  35294.   -webkit-transform-origin: right bottom;

  35295.   transform-origin: right bottom;

  35296. }

  35297. 

  35298. /* Extending from Vertical Center */

  35299. 

  35300. .ui.left.center.popup {

  35301.   margin: 0em 0.71428571em 0em 0em;

  35302.   -webkit-transform-origin: right 50%;

  35303.   transform-origin: right 50%;

  35304. }

  35305. 

  35306. .ui.right.center.popup {

  35307.   margin: 0em 0em 0em 0.71428571em;

  35308.   -webkit-transform-origin: left 50%;

  35309.   transform-origin: left 50%;

  35310. }

  35311. 

  35312. /* Extending from Bottom */

  35313. 

  35314. .ui.bottom.popup {

  35315.   margin: 0.71428571em 0em 0em;

  35316. }

  35317. 

  35318. .ui.bottom.left.popup {

  35319.   -webkit-transform-origin: left top;

  35320.   transform-origin: left top;

  35321. }

  35322. 

  35323. .ui.bottom.center.popup {

  35324.   -webkit-transform-origin: center top;

  35325.   transform-origin: center top;

  35326. }

  35327. 

  35328. .ui.bottom.right.popup {

  35329.   -webkit-transform-origin: right top;

  35330.   transform-origin: right top;

  35331. }

  35332. 

  35333. /*--------------

  35334.      Pointer

  35335. ---------------*/

  35336. 

  35337. /*--- Below ---*/

  35338. 

  35339. .ui.bottom.center.popup:before {

  35340.   margin-left: -0.30714286em;

  35341.   top: -0.30714286em;

  35342.   left: 50%;

  35343.   right: auto;

  35344.   bottom: auto;

  35345.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  35346.   box-shadow: -1px -1px 0px 0px #bababc;

  35347. }

  35348. 

  35349. .ui.bottom.left.popup {

  35350.   margin-left: 0em;

  35351. }

  35352. 

  35353. /*rtl:rename*/

  35354. 

  35355. .ui.bottom.left.popup:before {

  35356.   top: -0.30714286em;

  35357.   left: 1em;

  35358.   right: auto;

  35359.   bottom: auto;

  35360.   margin-left: 0em;

  35361.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  35362.   box-shadow: -1px -1px 0px 0px #bababc;

  35363. }

  35364. 

  35365. .ui.bottom.right.popup {

  35366.   margin-right: 0em;

  35367. }

  35368. 

  35369. /*rtl:rename*/

  35370. 

  35371. .ui.bottom.right.popup:before {

  35372.   top: -0.30714286em;

  35373.   right: 1em;

  35374.   bottom: auto;

  35375.   left: auto;

  35376.   margin-left: 0em;

  35377.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  35378.   box-shadow: -1px -1px 0px 0px #bababc;

  35379. }

  35380. 

  35381. /*--- Above ---*/

  35382. 

  35383. .ui.top.center.popup:before {

  35384.   top: auto;

  35385.   right: auto;

  35386.   bottom: -0.30714286em;

  35387.   left: 50%;

  35388.   margin-left: -0.30714286em;

  35389. }

  35390. 

  35391. .ui.top.left.popup {

  35392.   margin-left: 0em;

  35393. }

  35394. 

  35395. /*rtl:rename*/

  35396. 

  35397. .ui.top.left.popup:before {

  35398.   bottom: -0.30714286em;

  35399.   left: 1em;

  35400.   top: auto;

  35401.   right: auto;

  35402.   margin-left: 0em;

  35403. }

  35404. 

  35405. .ui.top.right.popup {

  35406.   margin-right: 0em;

  35407. }

  35408. 

  35409. /*rtl:rename*/

  35410. 

  35411. .ui.top.right.popup:before {

  35412.   bottom: -0.30714286em;

  35413.   right: 1em;

  35414.   top: auto;

  35415.   left: auto;

  35416.   margin-left: 0em;

  35417. }

  35418. 

  35419. /*--- Left Center ---*/

  35420. 

  35421. /*rtl:rename*/

  35422. 

  35423. .ui.left.center.popup:before {

  35424.   top: 50%;

  35425.   right: -0.30714286em;

  35426.   bottom: auto;

  35427.   left: auto;

  35428.   margin-top: -0.30714286em;

  35429.   -webkit-box-shadow: 1px -1px 0px 0px #bababc;

  35430.   box-shadow: 1px -1px 0px 0px #bababc;

  35431. }

  35432. 

  35433. /*--- Right Center  ---*/

  35434. 

  35435. /*rtl:rename*/

  35436. 

  35437. .ui.right.center.popup:before {

  35438.   top: 50%;

  35439.   left: -0.30714286em;

  35440.   bottom: auto;

  35441.   right: auto;

  35442.   margin-top: -0.30714286em;

  35443.   -webkit-box-shadow: -1px 1px 0px 0px #bababc;

  35444.   box-shadow: -1px 1px 0px 0px #bababc;

  35445. }

  35446. 

  35447. /* Arrow Color By Location */

  35448. 

  35449. .ui.bottom.popup:before {

  35450.   background: #FFFFFF;

  35451. }

  35452. 

  35453. .ui.right.center.popup:before,

  35454. .ui.left.center.popup:before {

  35455.   background: #FFFFFF;

  35456. }

  35457. 

  35458. .ui.top.popup:before {

  35459.   background: #FFFFFF;

  35460. }

  35461. 

  35462. /* Inverted Arrow Color */

  35463. 

  35464. .ui.inverted.bottom.popup:before {

  35465.   background: #1B1C1D;

  35466. }

  35467. 

  35468. .ui.inverted.right.center.popup:before,

  35469. .ui.inverted.left.center.popup:before {

  35470.   background: #1B1C1D;

  35471. }

  35472. 

  35473. .ui.inverted.top.popup:before {

  35474.   background: #1B1C1D;

  35475. }

  35476. 

  35477. /*******************************

  35478.             Coupling

  35479. *******************************/

  35480. 

  35481. /* Immediate Nested Grid */

  35482. 

  35483. .ui.popup > .ui.grid:not(.padded) {

  35484.   width: calc(100% + 1.75rem);

  35485.   margin: -0.7rem -0.875rem;

  35486. }

  35487. 

  35488. /*******************************

  35489.             States

  35490. *******************************/

  35491. 

  35492. .ui.loading.popup {

  35493.   display: block;

  35494.   visibility: hidden;

  35495.   z-index: -1;

  35496. }

  35497. 

  35498. .ui.animating.popup,

  35499. .ui.visible.popup {

  35500.   display: block;

  35501. }

  35502. 

  35503. .ui.visible.popup {

  35504.   -webkit-transform: translateZ(0px);

  35505.   transform: translateZ(0px);

  35506.   -webkit-backface-visibility: hidden;

  35507.   backface-visibility: hidden;

  35508. }

  35509. 

  35510. /*******************************

  35511.             Variations

  35512. *******************************/

  35513. 

  35514. /*--------------

  35515.      Basic

  35516. ---------------*/

  35517. 

  35518. .ui.basic.popup:before {

  35519.   display: none;

  35520. }

  35521. 

  35522. /*--------------

  35523.      Wide

  35524. ---------------*/

  35525. 

  35526. .ui.wide.popup {

  35527.   max-width: 350px;

  35528. }

  35529. 

  35530. .ui[class*="very wide"].popup {

  35531.   max-width: 550px;

  35532. }

  35533. 

  35534. @media only screen and (max-width: 767px) {

  35535.   .ui.wide.popup,

  35536.   .ui[class*="very wide"].popup {

  35537.     max-width: 250px;

  35538.   }

  35539. }

  35540. 

  35541. /*--------------

  35542.      Fluid

  35543. ---------------*/

  35544. 

  35545. .ui.fluid.popup {

  35546.   width: 100%;

  35547.   max-width: none;

  35548. }

  35549. 

  35550. /*--------------

  35551.      Colors

  35552. ---------------*/

  35553. 

  35554. /* Inverted colors  */

  35555. 

  35556. .ui.inverted.popup {

  35557.   background: #1B1C1D;

  35558.   color: #FFFFFF;

  35559.   border: none;

  35560.   -webkit-box-shadow: none;

  35561.   box-shadow: none;

  35562. }

  35563. 

  35564. .ui.inverted.popup .header {

  35565.   background-color: none;

  35566.   color: #FFFFFF;

  35567. }

  35568. 

  35569. .ui.inverted.popup:before {

  35570.   background-color: #1B1C1D;

  35571.   -webkit-box-shadow: none !important;

  35572.   box-shadow: none !important;

  35573. }

  35574. 

  35575. /*--------------

  35576.      Flowing

  35577. ---------------*/

  35578. 

  35579. .ui.flowing.popup {

  35580.   max-width: none;

  35581. }

  35582. 

  35583. /*--------------

  35584.      Sizes

  35585. ---------------*/

  35586. 

  35587. .ui.mini.popup {

  35588.   font-size: 0.78571429rem;

  35589. }

  35590. 

  35591. .ui.tiny.popup {

  35592.   font-size: 0.85714286rem;

  35593. }

  35594. 

  35595. .ui.small.popup {

  35596.   font-size: 0.92857143rem;

  35597. }

  35598. 

  35599. .ui.popup {

  35600.   font-size: 1rem;

  35601. }

  35602. 

  35603. .ui.large.popup {

  35604.   font-size: 1.14285714rem;

  35605. }

  35606. 

  35607. .ui.huge.popup {

  35608.   font-size: 1.42857143rem;

  35609. }

  35610. 

  35611. /*******************************

  35612.          Theme Overrides

  35613. *******************************/

  35614. 

  35615. /*******************************

  35616.         User Overrides

  35617. *******************************/

  35618. /*!

  35619.  * # Semantic UI 2.4.0 - Progress Bar

  35620.  * http://github.com/semantic-org/semantic-ui/

  35621.  *

  35622.  *

  35623.  * Released under the MIT license

  35624.  * http://opensource.org/licenses/MIT

  35625.  *

  35626.  */

  35627. 

  35628. /*******************************

  35629.             Progress

  35630. *******************************/

  35631. 

  35632. .ui.progress {

  35633.   position: relative;

  35634.   display: block;

  35635.   max-width: 100%;

  35636.   border: none;

  35637.   margin: 1em 0em 2.5em;

  35638.   -webkit-box-shadow: none;

  35639.   box-shadow: none;

  35640.   background: rgba(0, 0, 0, 0.1);

  35641.   padding: 0em;

  35642.   border-radius: 0.28571429rem;

  35643. }

  35644. 

  35645. .ui.progress:first-child {

  35646.   margin: 0em 0em 2.5em;

  35647. }

  35648. 

  35649. .ui.progress:last-child {

  35650.   margin: 0em 0em 1.5em;

  35651. }

  35652. 

  35653. /*******************************

  35654.             Content

  35655. *******************************/

  35656. 

  35657. /* Activity Bar */

  35658. 

  35659. .ui.progress .bar {

  35660.   display: block;

  35661.   line-height: 1;

  35662.   position: relative;

  35663.   width: 0%;

  35664.   min-width: 2em;

  35665.   background: #888888;

  35666.   border-radius: 0.28571429rem;

  35667.   -webkit-transition: width 0.1s ease, background-color 0.1s ease;

  35668.   transition: width 0.1s ease, background-color 0.1s ease;

  35669. }

  35670. 

  35671. /* Percent Complete */

  35672. 

  35673. .ui.progress .bar > .progress {

  35674.   white-space: nowrap;

  35675.   position: absolute;

  35676.   width: auto;

  35677.   font-size: 0.92857143em;

  35678.   top: 50%;

  35679.   right: 0.5em;

  35680.   left: auto;

  35681.   bottom: auto;

  35682.   color: rgba(255, 255, 255, 0.7);

  35683.   text-shadow: none;

  35684.   margin-top: -0.5em;

  35685.   font-weight: bold;

  35686.   text-align: left;

  35687. }

  35688. 

  35689. /* Label */

  35690. 

  35691. .ui.progress > .label {

  35692.   position: absolute;

  35693.   width: 100%;

  35694.   font-size: 1em;

  35695.   top: 100%;

  35696.   right: auto;

  35697.   left: 0%;

  35698.   bottom: auto;

  35699.   color: rgba(0, 0, 0, 0.87);

  35700.   font-weight: bold;

  35701.   text-shadow: none;

  35702.   margin-top: 0.2em;

  35703.   text-align: center;

  35704.   -webkit-transition: color 0.4s ease;

  35705.   transition: color 0.4s ease;

  35706. }

  35707. 

  35708. /*******************************

  35709.             Types

  35710. *******************************/

  35711. 

  35712. /* Indicating */

  35713. 

  35714. .ui.indicating.progress[data-percent^="1"] .bar,

  35715. .ui.indicating.progress[data-percent^="2"] .bar {

  35716.   background-color: #D95C5C;

  35717. }

  35718. 

  35719. .ui.indicating.progress[data-percent^="3"] .bar {

  35720.   background-color: #EFBC72;

  35721. }

  35722. 

  35723. .ui.indicating.progress[data-percent^="4"] .bar,

  35724. .ui.indicating.progress[data-percent^="5"] .bar {

  35725.   background-color: #E6BB48;

  35726. }

  35727. 

  35728. .ui.indicating.progress[data-percent^="6"] .bar {

  35729.   background-color: #DDC928;

  35730. }

  35731. 

  35732. .ui.indicating.progress[data-percent^="7"] .bar,

  35733. .ui.indicating.progress[data-percent^="8"] .bar {

  35734.   background-color: #B4D95C;

  35735. }

  35736. 

  35737. .ui.indicating.progress[data-percent^="9"] .bar,

  35738. .ui.indicating.progress[data-percent^="100"] .bar {

  35739.   background-color: #66DA81;

  35740. }

  35741. 

  35742. /* Indicating Label */

  35743. 

  35744. .ui.indicating.progress[data-percent^="1"] .label,

  35745. .ui.indicating.progress[data-percent^="2"] .label {

  35746.   color: rgba(0, 0, 0, 0.87);

  35747. }

  35748. 

  35749. .ui.indicating.progress[data-percent^="3"] .label {

  35750.   color: rgba(0, 0, 0, 0.87);

  35751. }

  35752. 

  35753. .ui.indicating.progress[data-percent^="4"] .label,

  35754. .ui.indicating.progress[data-percent^="5"] .label {

  35755.   color: rgba(0, 0, 0, 0.87);

  35756. }

  35757. 

  35758. .ui.indicating.progress[data-percent^="6"] .label {

  35759.   color: rgba(0, 0, 0, 0.87);

  35760. }

  35761. 

  35762. .ui.indicating.progress[data-percent^="7"] .label,

  35763. .ui.indicating.progress[data-percent^="8"] .label {

  35764.   color: rgba(0, 0, 0, 0.87);

  35765. }

  35766. 

  35767. .ui.indicating.progress[data-percent^="9"] .label,

  35768. .ui.indicating.progress[data-percent^="100"] .label {

  35769.   color: rgba(0, 0, 0, 0.87);

  35770. }

  35771. 

  35772. /* Single Digits */

  35773. 

  35774. .ui.indicating.progress[data-percent="1"] .bar,

  35775. .ui.indicating.progress[data-percent="2"] .bar,

  35776. .ui.indicating.progress[data-percent="3"] .bar,

  35777. .ui.indicating.progress[data-percent="4"] .bar,

  35778. .ui.indicating.progress[data-percent="5"] .bar,

  35779. .ui.indicating.progress[data-percent="6"] .bar,

  35780. .ui.indicating.progress[data-percent="7"] .bar,

  35781. .ui.indicating.progress[data-percent="8"] .bar,

  35782. .ui.indicating.progress[data-percent="9"] .bar {

  35783.   background-color: #D95C5C;

  35784. }

  35785. 

  35786. .ui.indicating.progress[data-percent="1"] .label,

  35787. .ui.indicating.progress[data-percent="2"] .label,

  35788. .ui.indicating.progress[data-percent="3"] .label,

  35789. .ui.indicating.progress[data-percent="4"] .label,

  35790. .ui.indicating.progress[data-percent="5"] .label,

  35791. .ui.indicating.progress[data-percent="6"] .label,

  35792. .ui.indicating.progress[data-percent="7"] .label,

  35793. .ui.indicating.progress[data-percent="8"] .label,

  35794. .ui.indicating.progress[data-percent="9"] .label {

  35795.   color: rgba(0, 0, 0, 0.87);

  35796. }

  35797. 

  35798. /* Indicating Success */

  35799. 

  35800. .ui.indicating.progress.success .label {

  35801.   color: #1A531B;

  35802. }

  35803. 

  35804. /*******************************

  35805.              States

  35806. *******************************/

  35807. 

  35808. /*--------------

  35809.      Success

  35810. ---------------*/

  35811. 

  35812. .ui.progress.success .bar {

  35813.   background-color: #21BA45 !important;

  35814. }

  35815. 

  35816. .ui.progress.success .bar,

  35817. .ui.progress.success .bar::after {

  35818.   -webkit-animation: none !important;

  35819.   animation: none !important;

  35820. }

  35821. 

  35822. .ui.progress.success > .label {

  35823.   color: #1A531B;

  35824. }

  35825. 

  35826. /*--------------

  35827.      Warning

  35828. ---------------*/

  35829. 

  35830. .ui.progress.warning .bar {

  35831.   background-color: #F2C037 !important;

  35832. }

  35833. 

  35834. .ui.progress.warning .bar,

  35835. .ui.progress.warning .bar::after {

  35836.   -webkit-animation: none !important;

  35837.   animation: none !important;

  35838. }

  35839. 

  35840. .ui.progress.warning > .label {

  35841.   color: #794B02;

  35842. }

  35843. 

  35844. /*--------------

  35845.      Error

  35846. ---------------*/

  35847. 

  35848. .ui.progress.error .bar {

  35849.   background-color: #DB2828 !important;

  35850. }

  35851. 

  35852. .ui.progress.error .bar,

  35853. .ui.progress.error .bar::after {

  35854.   -webkit-animation: none !important;

  35855.   animation: none !important;

  35856. }

  35857. 

  35858. .ui.progress.error > .label {

  35859.   color: #912D2B;

  35860. }

  35861. 

  35862. /*--------------

  35863.      Active

  35864. ---------------*/

  35865. 

  35866. .ui.active.progress .bar {

  35867.   position: relative;

  35868.   min-width: 2em;

  35869. }

  35870. 

  35871. .ui.active.progress .bar::after {

  35872.   content: '';

  35873.   opacity: 0;

  35874.   position: absolute;

  35875.   top: 0px;

  35876.   left: 0px;

  35877.   right: 0px;

  35878.   bottom: 0px;

  35879.   background: #FFFFFF;

  35880.   border-radius: 0.28571429rem;

  35881.   -webkit-animation: progress-active 2s ease infinite;

  35882.   animation: progress-active 2s ease infinite;

  35883. }

  35884. 

  35885. @-webkit-keyframes progress-active {

  35886.   0% {

  35887.     opacity: 0.3;

  35888.     width: 0;

  35889.   }

  35890. 

  35891.   100% {

  35892.     opacity: 0;

  35893.     width: 100%;

  35894.   }

  35895. }

  35896. 

  35897. @keyframes progress-active {

  35898.   0% {

  35899.     opacity: 0.3;

  35900.     width: 0;

  35901.   }

  35902. 

  35903.   100% {

  35904.     opacity: 0;

  35905.     width: 100%;

  35906.   }

  35907. }

  35908. 

  35909. /*--------------

  35910.     Disabled

  35911. ---------------*/

  35912. 

  35913. .ui.disabled.progress {

  35914.   opacity: 0.35;

  35915. }

  35916. 

  35917. .ui.disabled.progress .bar,

  35918. .ui.disabled.progress .bar::after {

  35919.   -webkit-animation: none !important;

  35920.   animation: none !important;

  35921. }

  35922. 

  35923. /*******************************

  35924.            Variations

  35925. *******************************/

  35926. 

  35927. /*--------------

  35928.     Inverted

  35929. ---------------*/

  35930. 

  35931. .ui.inverted.progress {

  35932.   background: rgba(255, 255, 255, 0.08);

  35933.   border: none;

  35934. }

  35935. 

  35936. .ui.inverted.progress .bar {

  35937.   background: #888888;

  35938. }

  35939. 

  35940. .ui.inverted.progress .bar > .progress {

  35941.   color: #F9FAFB;

  35942. }

  35943. 

  35944. .ui.inverted.progress > .label {

  35945.   color: #FFFFFF;

  35946. }

  35947. 

  35948. .ui.inverted.progress.success > .label {

  35949.   color: #21BA45;

  35950. }

  35951. 

  35952. .ui.inverted.progress.warning > .label {

  35953.   color: #F2C037;

  35954. }

  35955. 

  35956. .ui.inverted.progress.error > .label {

  35957.   color: #DB2828;

  35958. }

  35959. 

  35960. /*--------------

  35961.     Attached

  35962. ---------------*/

  35963. 

  35964. /* bottom attached */

  35965. 

  35966. .ui.progress.attached {

  35967.   background: transparent;

  35968.   position: relative;

  35969.   border: none;

  35970.   margin: 0em;

  35971. }

  35972. 

  35973. .ui.progress.attached,

  35974. .ui.progress.attached .bar {

  35975.   display: block;

  35976.   height: 0.2rem;

  35977.   padding: 0px;

  35978.   overflow: hidden;

  35979.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  35980. }

  35981. 

  35982. .ui.progress.attached .bar {

  35983.   border-radius: 0em;

  35984. }

  35985. 

  35986. /* top attached */

  35987. 

  35988. .ui.progress.top.attached,

  35989. .ui.progress.top.attached .bar {

  35990.   top: 0px;

  35991.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  35992. }

  35993. 

  35994. .ui.progress.top.attached .bar {

  35995.   border-radius: 0em;

  35996. }

  35997. 

  35998. /* Coupling */

  35999. 

  36000. .ui.segment > .ui.attached.progress,

  36001. .ui.card > .ui.attached.progress {

  36002.   position: absolute;

  36003.   top: auto;

  36004.   left: 0;

  36005.   bottom: 100%;

  36006.   width: 100%;

  36007. }

  36008. 

  36009. .ui.segment > .ui.bottom.attached.progress,

  36010. .ui.card > .ui.bottom.attached.progress {

  36011.   top: 100%;

  36012.   bottom: auto;

  36013. }

  36014. 

  36015. /*--------------

  36016.      Colors

  36017. ---------------*/

  36018. 

  36019. /* Red */

  36020. 

  36021. .ui.red.progress .bar {

  36022.   background-color: #DB2828;

  36023. }

  36024. 

  36025. .ui.red.inverted.progress .bar {

  36026.   background-color: #FF695E;

  36027. }

  36028. 

  36029. /* Orange */

  36030. 

  36031. .ui.orange.progress .bar {

  36032.   background-color: #F2711C;

  36033. }

  36034. 

  36035. .ui.orange.inverted.progress .bar {

  36036.   background-color: #FF851B;

  36037. }

  36038. 

  36039. /* Yellow */

  36040. 

  36041. .ui.yellow.progress .bar {

  36042.   background-color: #FBBD08;

  36043. }

  36044. 

  36045. .ui.yellow.inverted.progress .bar {

  36046.   background-color: #FFE21F;

  36047. }

  36048. 

  36049. /* Olive */

  36050. 

  36051. .ui.olive.progress .bar {

  36052.   background-color: #B5CC18;

  36053. }

  36054. 

  36055. .ui.olive.inverted.progress .bar {

  36056.   background-color: #D9E778;

  36057. }

  36058. 

  36059. /* Green */

  36060. 

  36061. .ui.green.progress .bar {

  36062.   background-color: #21BA45;

  36063. }

  36064. 

  36065. .ui.green.inverted.progress .bar {

  36066.   background-color: #2ECC40;

  36067. }

  36068. 

  36069. /* Teal */

  36070. 

  36071. .ui.teal.progress .bar {

  36072.   background-color: #00B5AD;

  36073. }

  36074. 

  36075. .ui.teal.inverted.progress .bar {

  36076.   background-color: #6DFFFF;

  36077. }

  36078. 

  36079. /* Blue */

  36080. 

  36081. .ui.blue.progress .bar {

  36082.   background-color: #2185D0;

  36083. }

  36084. 

  36085. .ui.blue.inverted.progress .bar {

  36086.   background-color: #54C8FF;

  36087. }

  36088. 

  36089. /* Violet */

  36090. 

  36091. .ui.violet.progress .bar {

  36092.   background-color: #6435C9;

  36093. }

  36094. 

  36095. .ui.violet.inverted.progress .bar {

  36096.   background-color: #A291FB;

  36097. }

  36098. 

  36099. /* Purple */

  36100. 

  36101. .ui.purple.progress .bar {

  36102.   background-color: #A333C8;

  36103. }

  36104. 

  36105. .ui.purple.inverted.progress .bar {

  36106.   background-color: #DC73FF;

  36107. }

  36108. 

  36109. /* Pink */

  36110. 

  36111. .ui.pink.progress .bar {

  36112.   background-color: #E03997;

  36113. }

  36114. 

  36115. .ui.pink.inverted.progress .bar {

  36116.   background-color: #FF8EDF;

  36117. }

  36118. 

  36119. /* Brown */

  36120. 

  36121. .ui.brown.progress .bar {

  36122.   background-color: #A5673F;

  36123. }

  36124. 

  36125. .ui.brown.inverted.progress .bar {

  36126.   background-color: #D67C1C;

  36127. }

  36128. 

  36129. /* Grey */

  36130. 

  36131. .ui.grey.progress .bar {

  36132.   background-color: #767676;

  36133. }

  36134. 

  36135. .ui.grey.inverted.progress .bar {

  36136.   background-color: #DCDDDE;

  36137. }

  36138. 

  36139. /* Black */

  36140. 

  36141. .ui.black.progress .bar {

  36142.   background-color: #1B1C1D;

  36143. }

  36144. 

  36145. .ui.black.inverted.progress .bar {

  36146.   background-color: #545454;

  36147. }

  36148. 

  36149. /*--------------

  36150.      Sizes

  36151. ---------------*/

  36152. 

  36153. .ui.tiny.progress {

  36154.   font-size: 0.85714286rem;

  36155. }

  36156. 

  36157. .ui.tiny.progress .bar {

  36158.   height: 0.5em;

  36159. }

  36160. 

  36161. .ui.small.progress {

  36162.   font-size: 0.92857143rem;

  36163. }

  36164. 

  36165. .ui.small.progress .bar {

  36166.   height: 1em;

  36167. }

  36168. 

  36169. .ui.progress {

  36170.   font-size: 1rem;

  36171. }

  36172. 

  36173. .ui.progress .bar {

  36174.   height: 1.75em;

  36175. }

  36176. 

  36177. .ui.large.progress {

  36178.   font-size: 1.14285714rem;

  36179. }

  36180. 

  36181. .ui.large.progress .bar {

  36182.   height: 2.5em;

  36183. }

  36184. 

  36185. .ui.big.progress {

  36186.   font-size: 1.28571429rem;

  36187. }

  36188. 

  36189. .ui.big.progress .bar {

  36190.   height: 3.5em;

  36191. }

  36192. 

  36193. /*******************************

  36194.             Progress

  36195. *******************************/

  36196. 

  36197. /*******************************

  36198.          Site Overrides

  36199. *******************************/

  36200. /*!

  36201.  * # Semantic UI 2.4.0 - Rating

  36202.  * http://github.com/semantic-org/semantic-ui/

  36203.  *

  36204.  *

  36205.  * Released under the MIT license

  36206.  * http://opensource.org/licenses/MIT

  36207.  *

  36208.  */

  36209. 

  36210. /*******************************

  36211.            Rating

  36212. *******************************/

  36213. 

  36214. .ui.rating {

  36215.   display: -webkit-inline-box;

  36216.   display: -ms-inline-flexbox;

  36217.   display: inline-flex;

  36218.   white-space: nowrap;

  36219.   vertical-align: baseline;

  36220. }

  36221. 

  36222. .ui.rating:last-child {

  36223.   margin-right: 0em;

  36224. }

  36225. 

  36226. /* Icon */

  36227. 

  36228. .ui.rating .icon {

  36229.   padding: 0em;

  36230.   margin: 0em;

  36231.   text-align: center;

  36232.   font-weight: normal;

  36233.   font-style: normal;

  36234.   -webkit-box-flex: 1;

  36235.   -ms-flex: 1 0 auto;

  36236.   flex: 1 0 auto;

  36237.   cursor: pointer;

  36238.   width: 1.25em;

  36239.   height: auto;

  36240.   -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;

  36241.   transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;

  36242. }

  36243. 

  36244. /*******************************

  36245.              Types

  36246. *******************************/

  36247. 

  36248. /*-------------------

  36249.       Standard

  36250. --------------------*/

  36251. 

  36252. /* Inactive Icon */

  36253. 

  36254. .ui.rating .icon {

  36255.   background: transparent;

  36256.   color: rgba(0, 0, 0, 0.15);

  36257. }

  36258. 

  36259. /* Active Icon */

  36260. 

  36261. .ui.rating .active.icon {

  36262.   background: transparent;

  36263.   color: rgba(0, 0, 0, 0.85);

  36264. }

  36265. 

  36266. /* Selected Icon */

  36267. 

  36268. .ui.rating .icon.selected,

  36269. .ui.rating .icon.selected.active {

  36270.   background: transparent;

  36271.   color: rgba(0, 0, 0, 0.87);

  36272. }

  36273. 

  36274. /*-------------------

  36275.         Star

  36276. --------------------*/

  36277. 

  36278. /* Inactive */

  36279. 

  36280. .ui.star.rating .icon {

  36281.   width: 1.25em;

  36282.   height: auto;

  36283.   background: transparent;

  36284.   color: rgba(0, 0, 0, 0.15);

  36285.   text-shadow: none;

  36286. }

  36287. 

  36288. /* Active Star */

  36289. 

  36290. .ui.star.rating .active.icon {

  36291.   background: transparent !important;

  36292.   color: #FFE623 !important;

  36293.   text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important;

  36294. }

  36295. 

  36296. /* Selected Star */

  36297. 

  36298. .ui.star.rating .icon.selected,

  36299. .ui.star.rating .icon.selected.active {

  36300.   background: transparent !important;

  36301.   color: #FFCC00 !important;

  36302.   text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important;

  36303. }

  36304. 

  36305. /*-------------------

  36306.         Heart

  36307. --------------------*/

  36308. 

  36309. .ui.heart.rating .icon {

  36310.   width: 1.4em;

  36311.   height: auto;

  36312.   background: transparent;

  36313.   color: rgba(0, 0, 0, 0.15);

  36314.   text-shadow: none !important;

  36315. }

  36316. 

  36317. /* Active Heart */

  36318. 

  36319. .ui.heart.rating .active.icon {

  36320.   background: transparent !important;

  36321.   color: #FF6D75 !important;

  36322.   text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important;

  36323. }

  36324. 

  36325. /* Selected Heart */

  36326. 

  36327. .ui.heart.rating .icon.selected,

  36328. .ui.heart.rating .icon.selected.active {

  36329.   background: transparent !important;

  36330.   color: #FF3000 !important;

  36331.   text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important;

  36332. }

  36333. 

  36334. /*******************************

  36335.              States

  36336. *******************************/

  36337. 

  36338. /*-------------------

  36339.        Disabled

  36340. --------------------*/

  36341. 

  36342. /* disabled rating */

  36343. 

  36344. .ui.disabled.rating .icon {

  36345.   cursor: default;

  36346. }

  36347. 

  36348. /*-------------------

  36349.    User Interactive

  36350. --------------------*/

  36351. 

  36352. /* Selected Rating */

  36353. 

  36354. .ui.rating.selected .active.icon {

  36355.   opacity: 1;

  36356. }

  36357. 

  36358. .ui.rating.selected .icon.selected,

  36359. .ui.rating .icon.selected {

  36360.   opacity: 1;

  36361. }

  36362. 

  36363. /*******************************

  36364.           Variations

  36365. *******************************/

  36366. 

  36367. .ui.mini.rating {

  36368.   font-size: 0.78571429rem;

  36369. }

  36370. 

  36371. .ui.tiny.rating {

  36372.   font-size: 0.85714286rem;

  36373. }

  36374. 

  36375. .ui.small.rating {

  36376.   font-size: 0.92857143rem;

  36377. }

  36378. 

  36379. .ui.rating {

  36380.   font-size: 1rem;

  36381. }

  36382. 

  36383. .ui.large.rating {

  36384.   font-size: 1.14285714rem;

  36385. }

  36386. 

  36387. .ui.huge.rating {

  36388.   font-size: 1.42857143rem;

  36389. }

  36390. 

  36391. .ui.massive.rating {

  36392.   font-size: 2rem;

  36393. }

  36394. 

  36395. /*******************************

  36396.          Theme Overrides

  36397. *******************************/

  36398. 

  36399. @font-face {

  36400.   font-family: 'Rating';

  36401.   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');

  36402.   font-weight: normal;

  36403.   font-style: normal;

  36404. }

  36405. 

  36406. .ui.rating .icon {

  36407.   font-family: 'Rating';

  36408.   line-height: 1;

  36409.   -webkit-backface-visibility: hidden;

  36410.   backface-visibility: hidden;

  36411.   font-weight: normal;

  36412.   font-style: normal;

  36413.   text-align: center;

  36414. }

  36415. 

  36416. /* Empty Star */

  36417. 

  36418. .ui.rating .icon:before {

  36419.   content: '\f005';

  36420. }

  36421. 

  36422. /* Active Star */

  36423. 

  36424. .ui.rating .active.icon:before {

  36425.   content: '\f005';

  36426. }

  36427. 

  36428. /*-------------------

  36429.         Star

  36430. --------------------*/

  36431. 

  36432. /* Unfilled Star */

  36433. 

  36434. .ui.star.rating .icon:before {

  36435.   content: '\f005';

  36436. }

  36437. 

  36438. /* Active Star */

  36439. 

  36440. .ui.star.rating .active.icon:before {

  36441.   content: '\f005';

  36442. }

  36443. 

  36444. /* Partial */

  36445. 

  36446. .ui.star.rating .partial.icon:before {

  36447.   content: '\f006';

  36448. }

  36449. 

  36450. .ui.star.rating .partial.icon {

  36451.   content: '\f005';

  36452. }

  36453. 

  36454. /*-------------------

  36455.         Heart

  36456. --------------------*/

  36457. 

  36458. /* Empty Heart

  36459. .ui.heart.rating .icon:before {

  36460.   content: '\f08a';

  36461. }

  36462. */

  36463. 

  36464. .ui.heart.rating .icon:before {

  36465.   content: '\f004';

  36466. }

  36467. 

  36468. /* Active */

  36469. 

  36470. .ui.heart.rating .active.icon:before {

  36471.   content: '\f004';

  36472. }

  36473. 

  36474. /*******************************

  36475.          Site Overrides

  36476. *******************************/

  36477. /*!

  36478.  * # Semantic UI 2.4.0 - Search

  36479.  * http://github.com/semantic-org/semantic-ui/

  36480.  *

  36481.  *

  36482.  * Released under the MIT license

  36483.  * http://opensource.org/licenses/MIT

  36484.  *

  36485.  */

  36486. 

  36487. /*******************************

  36488.              Search

  36489. *******************************/

  36490. 

  36491. .ui.search {

  36492.   position: relative;

  36493. }

  36494. 

  36495. .ui.search > .prompt {

  36496.   margin: 0em;

  36497.   outline: none;

  36498.   -webkit-appearance: none;

  36499.   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  36500.   text-shadow: none;

  36501.   font-style: normal;

  36502.   font-weight: normal;

  36503.   line-height: 1.21428571em;

  36504.   padding: 0.67857143em 1em;

  36505.   font-size: 1em;

  36506.   background: #FFFFFF;

  36507.   border: 1px solid rgba(34, 36, 38, 0.15);

  36508.   color: rgba(0, 0, 0, 0.87);

  36509.   -webkit-box-shadow: 0em 0em 0em 0em transparent inset;

  36510.   box-shadow: 0em 0em 0em 0em transparent inset;

  36511.   -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;

  36512.   transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;

  36513.   transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;

  36514.   transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;

  36515. }

  36516. 

  36517. .ui.search .prompt {

  36518.   border-radius: 500rem;

  36519. }

  36520. 

  36521. /*--------------

  36522.      Icon

  36523. ---------------*/

  36524. 

  36525. .ui.search .prompt ~ .search.icon {

  36526.   cursor: pointer;

  36527. }

  36528. 

  36529. /*--------------

  36530.     Results

  36531. ---------------*/

  36532. 

  36533. .ui.search > .results {

  36534.   display: none;

  36535.   position: absolute;

  36536.   top: 100%;

  36537.   left: 0%;

  36538.   -webkit-transform-origin: center top;

  36539.   transform-origin: center top;

  36540.   white-space: normal;

  36541.   text-align: left;

  36542.   text-transform: none;

  36543.   background: #FFFFFF;

  36544.   margin-top: 0.5em;

  36545.   width: 18em;

  36546.   border-radius: 0.28571429rem;

  36547.   -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  36548.   box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  36549.   border: 1px solid #D4D4D5;

  36550.   z-index: 998;

  36551. }

  36552. 

  36553. .ui.search > .results > :first-child {

  36554.   border-radius: 0.28571429rem 0.28571429rem 0em 0em;

  36555. }

  36556. 

  36557. .ui.search > .results > :last-child {

  36558.   border-radius: 0em 0em 0.28571429rem 0.28571429rem;

  36559. }

  36560. 

  36561. /*--------------

  36562.     Result

  36563. ---------------*/

  36564. 

  36565. .ui.search > .results .result {

  36566.   cursor: pointer;

  36567.   display: block;

  36568.   overflow: hidden;

  36569.   font-size: 1em;

  36570.   padding: 0.85714286em 1.14285714em;

  36571.   color: rgba(0, 0, 0, 0.87);

  36572.   line-height: 1.33;

  36573.   border-bottom: 1px solid rgba(34, 36, 38, 0.1);

  36574. }

  36575. 

  36576. .ui.search > .results .result:last-child {

  36577.   border-bottom: none !important;

  36578. }

  36579. 

  36580. /* Image */

  36581. 

  36582. .ui.search > .results .result .image {

  36583.   float: right;

  36584.   overflow: hidden;

  36585.   background: none;

  36586.   width: 5em;

  36587.   height: 3em;

  36588.   border-radius: 0.25em;

  36589. }

  36590. 

  36591. .ui.search > .results .result .image img {

  36592.   display: block;

  36593.   width: auto;

  36594.   height: 100%;

  36595. }

  36596. 

  36597. /*--------------

  36598.       Info

  36599. ---------------*/

  36600. 

  36601. .ui.search > .results .result .image + .content {

  36602.   margin: 0em 6em 0em 0em;

  36603. }

  36604. 

  36605. .ui.search > .results .result .title {

  36606.   margin: -0.14285714em 0em 0em;

  36607.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  36608.   font-weight: bold;

  36609.   font-size: 1em;

  36610.   color: rgba(0, 0, 0, 0.85);

  36611. }

  36612. 

  36613. .ui.search > .results .result .description {

  36614.   margin-top: 0;

  36615.   font-size: 0.92857143em;

  36616.   color: rgba(0, 0, 0, 0.4);

  36617. }

  36618. 

  36619. .ui.search > .results .result .price {

  36620.   float: right;

  36621.   color: #21BA45;

  36622. }

  36623. 

  36624. /*--------------

  36625.     Message

  36626. ---------------*/

  36627. 

  36628. .ui.search > .results > .message {

  36629.   padding: 1em 1em;

  36630. }

  36631. 

  36632. .ui.search > .results > .message .header {

  36633.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  36634.   font-size: 1rem;

  36635.   font-weight: bold;

  36636.   color: rgba(0, 0, 0, 0.87);

  36637. }

  36638. 

  36639. .ui.search > .results > .message .description {

  36640.   margin-top: 0.25rem;

  36641.   font-size: 1em;

  36642.   color: rgba(0, 0, 0, 0.87);

  36643. }

  36644. 

  36645. /* View All Results */

  36646. 

  36647. .ui.search > .results > .action {

  36648.   display: block;

  36649.   border-top: none;

  36650.   background: #F3F4F5;

  36651.   padding: 0.92857143em 1em;

  36652.   color: rgba(0, 0, 0, 0.87);

  36653.   font-weight: bold;

  36654.   text-align: center;

  36655. }

  36656. 

  36657. /*******************************

  36658.             States

  36659. *******************************/

  36660. 

  36661. /*--------------------

  36662.        Focus

  36663. ---------------------*/

  36664. 

  36665. .ui.search > .prompt:focus {

  36666.   border-color: rgba(34, 36, 38, 0.35);

  36667.   background: #FFFFFF;

  36668.   color: rgba(0, 0, 0, 0.95);

  36669. }

  36670. 

  36671. /*--------------------

  36672.        Loading

  36673. ---------------------*/

  36674. 

  36675. .ui.loading.search .input > i.icon:before {

  36676.   position: absolute;

  36677.   content: '';

  36678.   top: 50%;

  36679.   left: 50%;

  36680.   margin: -0.64285714em 0em 0em -0.64285714em;

  36681.   width: 1.28571429em;

  36682.   height: 1.28571429em;

  36683.   border-radius: 500rem;

  36684.   border: 0.2em solid rgba(0, 0, 0, 0.1);

  36685. }

  36686. 

  36687. .ui.loading.search .input > i.icon:after {

  36688.   position: absolute;

  36689.   content: '';

  36690.   top: 50%;

  36691.   left: 50%;

  36692.   margin: -0.64285714em 0em 0em -0.64285714em;

  36693.   width: 1.28571429em;

  36694.   height: 1.28571429em;

  36695.   -webkit-animation: button-spin 0.6s linear;

  36696.   animation: button-spin 0.6s linear;

  36697.   -webkit-animation-iteration-count: infinite;

  36698.   animation-iteration-count: infinite;

  36699.   border-radius: 500rem;

  36700.   border-color: #767676 transparent transparent;

  36701.   border-style: solid;

  36702.   border-width: 0.2em;

  36703.   -webkit-box-shadow: 0px 0px 0px 1px transparent;

  36704.   box-shadow: 0px 0px 0px 1px transparent;

  36705. }

  36706. 

  36707. /*--------------

  36708.       Hover

  36709. ---------------*/

  36710. 

  36711. .ui.search > .results .result:hover,

  36712. .ui.category.search > .results .category .result:hover {

  36713.   background: #F9FAFB;

  36714. }

  36715. 

  36716. .ui.search .action:hover {

  36717.   background: #E0E0E0;

  36718. }

  36719. 

  36720. /*--------------

  36721.       Active

  36722. ---------------*/

  36723. 

  36724. .ui.category.search > .results .category.active {

  36725.   background: #F3F4F5;

  36726. }

  36727. 

  36728. .ui.category.search > .results .category.active > .name {

  36729.   color: rgba(0, 0, 0, 0.87);

  36730. }

  36731. 

  36732. .ui.search > .results .result.active,

  36733. .ui.category.search > .results .category .result.active {

  36734.   position: relative;

  36735.   border-left-color: rgba(34, 36, 38, 0.1);

  36736.   background: #F3F4F5;

  36737.   -webkit-box-shadow: none;

  36738.   box-shadow: none;

  36739. }

  36740. 

  36741. .ui.search > .results .result.active .title {

  36742.   color: rgba(0, 0, 0, 0.85);

  36743. }

  36744. 

  36745. .ui.search > .results .result.active .description {

  36746.   color: rgba(0, 0, 0, 0.85);

  36747. }

  36748. 

  36749. /*--------------------

  36750.         Disabled

  36751. ----------------------*/

  36752. 

  36753. /* Disabled */

  36754. 

  36755. .ui.disabled.search {

  36756.   cursor: default;

  36757.   pointer-events: none;

  36758.   opacity: 0.45;

  36759. }

  36760. 

  36761. /*******************************

  36762.            Types

  36763. *******************************/

  36764. 

  36765. /*--------------

  36766.     Selection

  36767. ---------------*/

  36768. 

  36769. .ui.search.selection .prompt {

  36770.   border-radius: 0.28571429rem;

  36771. }

  36772. 

  36773. /* Remove input */

  36774. 

  36775. .ui.search.selection > .icon.input > .remove.icon {

  36776.   pointer-events: none;

  36777.   position: absolute;

  36778.   left: auto;

  36779.   opacity: 0;

  36780.   color: '';

  36781.   top: 0em;

  36782.   right: 0em;

  36783.   -webkit-transition: color 0.1s ease, opacity 0.1s ease;

  36784.   transition: color 0.1s ease, opacity 0.1s ease;

  36785. }

  36786. 

  36787. .ui.search.selection > .icon.input > .active.remove.icon {

  36788.   cursor: pointer;

  36789.   opacity: 0.8;

  36790.   pointer-events: auto;

  36791. }

  36792. 

  36793. .ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {

  36794.   right: 1.85714em;

  36795. }

  36796. 

  36797. .ui.search.selection > .icon.input > .remove.icon:hover {

  36798.   opacity: 1;

  36799.   color: #DB2828;

  36800. }

  36801. 

  36802. /*--------------

  36803.     Category

  36804. ---------------*/

  36805. 

  36806. .ui.category.search .results {

  36807.   width: 28em;

  36808. }

  36809. 

  36810. .ui.category.search .results.animating,

  36811. .ui.category.search .results.visible {

  36812.   display: table;

  36813. }

  36814. 

  36815. /* Category */

  36816. 

  36817. .ui.category.search > .results .category {

  36818.   display: table-row;

  36819.   background: #F3F4F5;

  36820.   -webkit-box-shadow: none;

  36821.   box-shadow: none;

  36822.   -webkit-transition: background 0.1s ease, border-color 0.1s ease;

  36823.   transition: background 0.1s ease, border-color 0.1s ease;

  36824. }

  36825. 

  36826. /* Last Category */

  36827. 

  36828. .ui.category.search > .results .category:last-child {

  36829.   border-bottom: none;

  36830. }

  36831. 

  36832. /* First / Last */

  36833. 

  36834. .ui.category.search > .results .category:first-child .name + .result {

  36835.   border-radius: 0em 0.28571429rem 0em 0em;

  36836. }

  36837. 

  36838. .ui.category.search > .results .category:last-child .result:last-child {

  36839.   border-radius: 0em 0em 0.28571429rem 0em;

  36840. }

  36841. 

  36842. /* Category Result Name */

  36843. 

  36844. .ui.category.search > .results .category > .name {

  36845.   display: table-cell;

  36846.   text-overflow: ellipsis;

  36847.   width: 100px;

  36848.   white-space: nowrap;

  36849.   background: transparent;

  36850.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  36851.   font-size: 1em;

  36852.   padding: 0.4em 1em;

  36853.   font-weight: bold;

  36854.   color: rgba(0, 0, 0, 0.4);

  36855.   border-bottom: 1px solid rgba(34, 36, 38, 0.1);

  36856. }

  36857. 

  36858. /* Category Result */

  36859. 

  36860. .ui.category.search > .results .category .results {

  36861.   display: table-cell;

  36862.   background: #FFFFFF;

  36863.   border-left: 1px solid rgba(34, 36, 38, 0.15);

  36864.   border-bottom: 1px solid rgba(34, 36, 38, 0.1);

  36865. }

  36866. 

  36867. .ui.category.search > .results .category .result {

  36868.   border-bottom: 1px solid rgba(34, 36, 38, 0.1);

  36869.   -webkit-transition: background 0.1s ease, border-color 0.1s ease;

  36870.   transition: background 0.1s ease, border-color 0.1s ease;

  36871.   padding: 0.85714286em 1.14285714em;

  36872. }

  36873. 

  36874. /*******************************

  36875.            Variations

  36876. *******************************/

  36877. 

  36878. /*-------------------

  36879.      Left / Right

  36880. --------------------*/

  36881. 

  36882. .ui[class*="left aligned"].search > .results {

  36883.   right: auto;

  36884.   left: 0%;

  36885. }

  36886. 

  36887. .ui[class*="right aligned"].search > .results {

  36888.   right: 0%;

  36889.   left: auto;

  36890. }

  36891. 

  36892. /*--------------

  36893.     Fluid

  36894. ---------------*/

  36895. 

  36896. .ui.fluid.search .results {

  36897.   width: 100%;

  36898. }

  36899. 

  36900. /*--------------

  36901.       Sizes

  36902. ---------------*/

  36903. 

  36904. .ui.mini.search {

  36905.   font-size: 0.78571429em;

  36906. }

  36907. 

  36908. .ui.small.search {

  36909.   font-size: 0.92857143em;

  36910. }

  36911. 

  36912. .ui.search {

  36913.   font-size: 1em;

  36914. }

  36915. 

  36916. .ui.large.search {

  36917.   font-size: 1.14285714em;

  36918. }

  36919. 

  36920. .ui.big.search {

  36921.   font-size: 1.28571429em;

  36922. }

  36923. 

  36924. .ui.huge.search {

  36925.   font-size: 1.42857143em;

  36926. }

  36927. 

  36928. .ui.massive.search {

  36929.   font-size: 1.71428571em;

  36930. }

  36931. 

  36932. /*--------------

  36933.       Mobile

  36934. ---------------*/

  36935. 

  36936. @media only screen and (max-width: 767px) {

  36937.   .ui.search .results {

  36938.     max-width: calc(100vw - 2rem);

  36939.   }

  36940. }

  36941. 

  36942. /*******************************

  36943.          Theme Overrides

  36944. *******************************/

  36945. 

  36946. /*******************************

  36947.          Site Overrides

  36948. *******************************/

  36949. /*!

  36950.  * # Semantic UI 2.4.0 - Shape

  36951.  * http://github.com/semantic-org/semantic-ui/

  36952.  *

  36953.  *

  36954.  * Released under the MIT license

  36955.  * http://opensource.org/licenses/MIT

  36956.  *

  36957.  */

  36958. 

  36959. /*******************************

  36960.               Shape

  36961. *******************************/

  36962. 

  36963. .ui.shape {

  36964.   position: relative;

  36965.   vertical-align: top;

  36966.   display: inline-block;

  36967.   -webkit-perspective: 2000px;

  36968.   perspective: 2000px;

  36969.   -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;

  36970.   transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;

  36971.   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;

  36972.   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, -webkit-transform 0.6s ease-in-out;

  36973. }

  36974. 

  36975. .ui.shape .sides {

  36976.   -webkit-transform-style: preserve-3d;

  36977.   transform-style: preserve-3d;

  36978. }

  36979. 

  36980. .ui.shape .side {

  36981.   opacity: 1;

  36982.   width: 100%;

  36983.   margin: 0em !important;

  36984.   -webkit-backface-visibility: hidden;

  36985.   backface-visibility: hidden;

  36986. }

  36987. 

  36988. .ui.shape .side {

  36989.   display: none;

  36990. }

  36991. 

  36992. .ui.shape .side * {

  36993.   -webkit-backface-visibility: visible !important;

  36994.   backface-visibility: visible !important;

  36995. }

  36996. 

  36997. /*******************************

  36998.              Types

  36999. *******************************/

  37000. 

  37001. .ui.cube.shape .side {

  37002.   min-width: 15em;

  37003.   height: 15em;

  37004.   padding: 2em;

  37005.   background-color: #E6E6E6;

  37006.   color: rgba(0, 0, 0, 0.87);

  37007.   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);

  37008.   box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);

  37009. }

  37010. 

  37011. .ui.cube.shape .side > .content {

  37012.   width: 100%;

  37013.   height: 100%;

  37014.   display: table;

  37015.   text-align: center;

  37016.   -webkit-user-select: text;

  37017.   -moz-user-select: text;

  37018.   -ms-user-select: text;

  37019.   user-select: text;

  37020. }

  37021. 

  37022. .ui.cube.shape .side > .content > div {

  37023.   display: table-cell;

  37024.   vertical-align: middle;

  37025.   font-size: 2em;

  37026. }

  37027. 

  37028. /*******************************

  37029.           Variations

  37030. *******************************/

  37031. 

  37032. .ui.text.shape.animating .sides {

  37033.   position: static;

  37034. }

  37035. 

  37036. .ui.text.shape .side {

  37037.   white-space: nowrap;

  37038. }

  37039. 

  37040. .ui.text.shape .side > * {

  37041.   white-space: normal;

  37042. }

  37043. 

  37044. /*******************************

  37045.              States

  37046. *******************************/

  37047. 

  37048. /*--------------

  37049.     Loading

  37050. ---------------*/

  37051. 

  37052. .ui.loading.shape {

  37053.   position: absolute;

  37054.   top: -9999px;

  37055.   left: -9999px;

  37056. }

  37057. 

  37058. /*--------------

  37059.     Animating

  37060. ---------------*/

  37061. 

  37062. .ui.shape .animating.side {

  37063.   position: absolute;

  37064.   top: 0px;

  37065.   left: 0px;

  37066.   display: block;

  37067.   z-index: 100;

  37068. }

  37069. 

  37070. .ui.shape .hidden.side {

  37071.   opacity: 0.6;

  37072. }

  37073. 

  37074. /*--------------

  37075.       CSS

  37076. ---------------*/

  37077. 

  37078. .ui.shape.animating .sides {

  37079.   position: absolute;

  37080. }

  37081. 

  37082. .ui.shape.animating .sides {

  37083.   -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;

  37084.   transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;

  37085.   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;

  37086.   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, -webkit-transform 0.6s ease-in-out;

  37087. }

  37088. 

  37089. .ui.shape.animating .side {

  37090.   -webkit-transition: opacity 0.6s ease-in-out;

  37091.   transition: opacity 0.6s ease-in-out;

  37092. }

  37093. 

  37094. /*--------------

  37095.      Active

  37096. ---------------*/

  37097. 

  37098. .ui.shape .active.side {

  37099.   display: block;

  37100. }

  37101. 

  37102. /*******************************

  37103.          Theme Overrides

  37104. *******************************/

  37105. 

  37106. /*******************************

  37107.         User Overrides

  37108. *******************************/

  37109. /*!

  37110.  * # Semantic UI 2.4.0 - Sidebar

  37111.  * http://github.com/semantic-org/semantic-ui/

  37112.  *

  37113.  *

  37114.  * Released under the MIT license

  37115.  * http://opensource.org/licenses/MIT

  37116.  *

  37117.  */

  37118. 

  37119. /*******************************

  37120.             Sidebar

  37121. *******************************/

  37122. 

  37123. /* Sidebar Menu */

  37124. 

  37125. .ui.sidebar {

  37126.   position: fixed;

  37127.   top: 0;

  37128.   left: 0;

  37129.   -webkit-backface-visibility: hidden;

  37130.   backface-visibility: hidden;

  37131.   -webkit-transition: none;

  37132.   transition: none;

  37133.   will-change: transform;

  37134.   -webkit-transform: translate3d(0, 0, 0);

  37135.   transform: translate3d(0, 0, 0);

  37136.   visibility: hidden;

  37137.   -webkit-overflow-scrolling: touch;

  37138.   height: 100% !important;

  37139.   max-height: 100%;

  37140.   border-radius: 0em !important;

  37141.   margin: 0em !important;

  37142.   overflow-y: auto !important;

  37143.   z-index: 102;

  37144. }

  37145. 

  37146. /* GPU Layers for Child Elements */

  37147. 

  37148. .ui.sidebar > * {

  37149.   -webkit-backface-visibility: hidden;

  37150.   backface-visibility: hidden;

  37151. }

  37152. 

  37153. /*--------------

  37154.    Direction

  37155. ---------------*/

  37156. 

  37157. .ui.left.sidebar {

  37158.   right: auto;

  37159.   left: 0px;

  37160.   -webkit-transform: translate3d(-100%, 0, 0);

  37161.   transform: translate3d(-100%, 0, 0);

  37162. }

  37163. 

  37164. .ui.right.sidebar {

  37165.   right: 0px !important;

  37166.   left: auto !important;

  37167.   -webkit-transform: translate3d(100%, 0%, 0);

  37168.   transform: translate3d(100%, 0%, 0);

  37169. }

  37170. 

  37171. .ui.top.sidebar,

  37172. .ui.bottom.sidebar {

  37173.   width: 100% !important;

  37174.   height: auto !important;

  37175. }

  37176. 

  37177. .ui.top.sidebar {

  37178.   top: 0px !important;

  37179.   bottom: auto !important;

  37180.   -webkit-transform: translate3d(0, -100%, 0);

  37181.   transform: translate3d(0, -100%, 0);

  37182. }

  37183. 

  37184. .ui.bottom.sidebar {

  37185.   top: auto !important;

  37186.   bottom: 0px !important;

  37187.   -webkit-transform: translate3d(0, 100%, 0);

  37188.   transform: translate3d(0, 100%, 0);

  37189. }

  37190. 

  37191. /*--------------

  37192.      Pushable

  37193. ---------------*/

  37194. 

  37195. .pushable {

  37196.   height: 100%;

  37197.   overflow-x: hidden;

  37198.   padding: 0em !important;

  37199. }

  37200. 

  37201. /* Whole Page */

  37202. 

  37203. body.pushable {

  37204.   background: #545454 !important;

  37205. }

  37206. 

  37207. /* Page Context */

  37208. 

  37209. .pushable:not(body) {

  37210.   -webkit-transform: translate3d(0, 0, 0);

  37211.   transform: translate3d(0, 0, 0);

  37212. }

  37213. 

  37214. .pushable:not(body) > .ui.sidebar,

  37215. .pushable:not(body) > .fixed,

  37216. .pushable:not(body) > .pusher:after {

  37217.   position: absolute;

  37218. }

  37219. 

  37220. /*--------------

  37221.      Fixed

  37222. ---------------*/

  37223. 

  37224. .pushable > .fixed {

  37225.   position: fixed;

  37226.   -webkit-backface-visibility: hidden;

  37227.   backface-visibility: hidden;

  37228.   -webkit-transition: -webkit-transform 500ms ease;

  37229.   transition: -webkit-transform 500ms ease;

  37230.   transition: transform 500ms ease;

  37231.   transition: transform 500ms ease, -webkit-transform 500ms ease;

  37232.   will-change: transform;

  37233.   z-index: 101;

  37234. }

  37235. 

  37236. /*--------------

  37237.      Page

  37238. ---------------*/

  37239. 

  37240. .pushable > .pusher {

  37241.   position: relative;

  37242.   -webkit-backface-visibility: hidden;

  37243.   backface-visibility: hidden;

  37244.   overflow: hidden;

  37245.   min-height: 100%;

  37246.   -webkit-transition: -webkit-transform 500ms ease;

  37247.   transition: -webkit-transform 500ms ease;

  37248.   transition: transform 500ms ease;

  37249.   transition: transform 500ms ease, -webkit-transform 500ms ease;

  37250.   z-index: 2;

  37251. }

  37252. 

  37253. body.pushable > .pusher {

  37254.   background: #FFFFFF;

  37255. }

  37256. 

  37257. /* Pusher should inherit background from context */

  37258. 

  37259. .pushable > .pusher {

  37260.   background: inherit;

  37261. }

  37262. 

  37263. /*--------------

  37264.      Dimmer

  37265. ---------------*/

  37266. 

  37267. .pushable > .pusher:after {

  37268.   position: fixed;

  37269.   top: 0px;

  37270.   right: 0px;

  37271.   content: '';

  37272.   background-color: rgba(0, 0, 0, 0.4);

  37273.   overflow: hidden;

  37274.   opacity: 0;

  37275.   -webkit-transition: opacity 500ms;

  37276.   transition: opacity 500ms;

  37277.   will-change: opacity;

  37278.   z-index: 1000;

  37279. }

  37280. 

  37281. /*--------------

  37282.     Coupling

  37283. ---------------*/

  37284. 

  37285. .ui.sidebar.menu .item {

  37286.   border-radius: 0em !important;

  37287. }

  37288. 

  37289. /*******************************

  37290.             States

  37291. *******************************/

  37292. 

  37293. /*--------------

  37294.      Dimmed

  37295. ---------------*/

  37296. 

  37297. .pushable > .pusher.dimmed:after {

  37298.   width: 100% !important;

  37299.   height: 100% !important;

  37300.   opacity: 1 !important;

  37301. }

  37302. 

  37303. /*--------------

  37304.     Animating

  37305. ---------------*/

  37306. 

  37307. .ui.animating.sidebar {

  37308.   visibility: visible;

  37309. }

  37310. 

  37311. /*--------------

  37312.      Visible

  37313. ---------------*/

  37314. 

  37315. .ui.visible.sidebar {

  37316.   visibility: visible;

  37317.   -webkit-transform: translate3d(0, 0, 0);

  37318.   transform: translate3d(0, 0, 0);

  37319. }

  37320. 

  37321. /* Shadow Direction */

  37322. 

  37323. .ui.left.visible.sidebar,

  37324. .ui.right.visible.sidebar {

  37325.   -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);

  37326.   box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);

  37327. }

  37328. 

  37329. .ui.top.visible.sidebar,

  37330. .ui.bottom.visible.sidebar {

  37331.   -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);

  37332.   box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);

  37333. }

  37334. 

  37335. /* Visible On Load */

  37336. 

  37337. .ui.visible.left.sidebar ~ .fixed,

  37338. .ui.visible.left.sidebar ~ .pusher {

  37339.   -webkit-transform: translate3d(260px, 0, 0);

  37340.   transform: translate3d(260px, 0, 0);

  37341. }

  37342. 

  37343. .ui.visible.right.sidebar ~ .fixed,

  37344. .ui.visible.right.sidebar ~ .pusher {

  37345.   -webkit-transform: translate3d(-260px, 0, 0);

  37346.   transform: translate3d(-260px, 0, 0);

  37347. }

  37348. 

  37349. .ui.visible.top.sidebar ~ .fixed,

  37350. .ui.visible.top.sidebar ~ .pusher {

  37351.   -webkit-transform: translate3d(0, 36px, 0);

  37352.   transform: translate3d(0, 36px, 0);

  37353. }

  37354. 

  37355. .ui.visible.bottom.sidebar ~ .fixed,

  37356. .ui.visible.bottom.sidebar ~ .pusher {

  37357.   -webkit-transform: translate3d(0, -36px, 0);

  37358.   transform: translate3d(0, -36px, 0);

  37359. }

  37360. 

  37361. /* opposite sides visible forces content overlay */

  37362. 

  37363. .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,

  37364. .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,

  37365. .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,

  37366. .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {

  37367.   -webkit-transform: translate3d(0, 0, 0);

  37368.   transform: translate3d(0, 0, 0);

  37369. }

  37370. 

  37371. /*--------------

  37372.        iOS

  37373. ---------------*/

  37374. 

  37375. /*******************************

  37376.           Variations

  37377. *******************************/

  37378. 

  37379. /*--------------

  37380.      Width

  37381. ---------------*/

  37382. 

  37383. /* Left / Right */

  37384. 

  37385. .ui.thin.left.sidebar,

  37386. .ui.thin.right.sidebar {

  37387.   width: 150px;

  37388. }

  37389. 

  37390. .ui[class*="very thin"].left.sidebar,

  37391. .ui[class*="very thin"].right.sidebar {

  37392.   width: 60px;

  37393. }

  37394. 

  37395. .ui.left.sidebar,

  37396. .ui.right.sidebar {

  37397.   width: 260px;

  37398. }

  37399. 

  37400. .ui.wide.left.sidebar,

  37401. .ui.wide.right.sidebar {

  37402.   width: 350px;

  37403. }

  37404. 

  37405. .ui[class*="very wide"].left.sidebar,

  37406. .ui[class*="very wide"].right.sidebar {

  37407.   width: 475px;

  37408. }

  37409. 

  37410. /* Left Visible */

  37411. 

  37412. .ui.visible.thin.left.sidebar ~ .fixed,

  37413. .ui.visible.thin.left.sidebar ~ .pusher {

  37414.   -webkit-transform: translate3d(150px, 0, 0);

  37415.   transform: translate3d(150px, 0, 0);

  37416. }

  37417. 

  37418. .ui.visible[class*="very thin"].left.sidebar ~ .fixed,

  37419. .ui.visible[class*="very thin"].left.sidebar ~ .pusher {

  37420.   -webkit-transform: translate3d(60px, 0, 0);

  37421.   transform: translate3d(60px, 0, 0);

  37422. }

  37423. 

  37424. .ui.visible.wide.left.sidebar ~ .fixed,

  37425. .ui.visible.wide.left.sidebar ~ .pusher {

  37426.   -webkit-transform: translate3d(350px, 0, 0);

  37427.   transform: translate3d(350px, 0, 0);

  37428. }

  37429. 

  37430. .ui.visible[class*="very wide"].left.sidebar ~ .fixed,

  37431. .ui.visible[class*="very wide"].left.sidebar ~ .pusher {

  37432.   -webkit-transform: translate3d(475px, 0, 0);

  37433.   transform: translate3d(475px, 0, 0);

  37434. }

  37435. 

  37436. /* Right Visible */

  37437. 

  37438. .ui.visible.thin.right.sidebar ~ .fixed,

  37439. .ui.visible.thin.right.sidebar ~ .pusher {

  37440.   -webkit-transform: translate3d(-150px, 0, 0);

  37441.   transform: translate3d(-150px, 0, 0);

  37442. }

  37443. 

  37444. .ui.visible[class*="very thin"].right.sidebar ~ .fixed,

  37445. .ui.visible[class*="very thin"].right.sidebar ~ .pusher {

  37446.   -webkit-transform: translate3d(-60px, 0, 0);

  37447.   transform: translate3d(-60px, 0, 0);

  37448. }

  37449. 

  37450. .ui.visible.wide.right.sidebar ~ .fixed,

  37451. .ui.visible.wide.right.sidebar ~ .pusher {

  37452.   -webkit-transform: translate3d(-350px, 0, 0);

  37453.   transform: translate3d(-350px, 0, 0);

  37454. }

  37455. 

  37456. .ui.visible[class*="very wide"].right.sidebar ~ .fixed,

  37457. .ui.visible[class*="very wide"].right.sidebar ~ .pusher {

  37458.   -webkit-transform: translate3d(-475px, 0, 0);

  37459.   transform: translate3d(-475px, 0, 0);

  37460. }

  37461. 

  37462. /*******************************

  37463.           Animations

  37464. *******************************/

  37465. 

  37466. /*--------------

  37467.     Overlay

  37468. ---------------*/

  37469. 

  37470. /* Set-up */

  37471. 

  37472. .ui.overlay.sidebar {

  37473.   z-index: 102;

  37474. }

  37475. 

  37476. /* Initial */

  37477. 

  37478. .ui.left.overlay.sidebar {

  37479.   -webkit-transform: translate3d(-100%, 0%, 0);

  37480.   transform: translate3d(-100%, 0%, 0);

  37481. }

  37482. 

  37483. .ui.right.overlay.sidebar {

  37484.   -webkit-transform: translate3d(100%, 0%, 0);

  37485.   transform: translate3d(100%, 0%, 0);

  37486. }

  37487. 

  37488. .ui.top.overlay.sidebar {

  37489.   -webkit-transform: translate3d(0%, -100%, 0);

  37490.   transform: translate3d(0%, -100%, 0);

  37491. }

  37492. 

  37493. .ui.bottom.overlay.sidebar {

  37494.   -webkit-transform: translate3d(0%, 100%, 0);

  37495.   transform: translate3d(0%, 100%, 0);

  37496. }

  37497. 

  37498. /* Animation */

  37499. 

  37500. .animating.ui.overlay.sidebar,

  37501. .ui.visible.overlay.sidebar {

  37502.   -webkit-transition: -webkit-transform 500ms ease;

  37503.   transition: -webkit-transform 500ms ease;

  37504.   transition: transform 500ms ease;

  37505.   transition: transform 500ms ease, -webkit-transform 500ms ease;

  37506. }

  37507. 

  37508. /* End - Sidebar */

  37509. 

  37510. .ui.visible.left.overlay.sidebar {

  37511.   -webkit-transform: translate3d(0%, 0%, 0);

  37512.   transform: translate3d(0%, 0%, 0);

  37513. }

  37514. 

  37515. .ui.visible.right.overlay.sidebar {

  37516.   -webkit-transform: translate3d(0%, 0%, 0);

  37517.   transform: translate3d(0%, 0%, 0);

  37518. }

  37519. 

  37520. .ui.visible.top.overlay.sidebar {

  37521.   -webkit-transform: translate3d(0%, 0%, 0);

  37522.   transform: translate3d(0%, 0%, 0);

  37523. }

  37524. 

  37525. .ui.visible.bottom.overlay.sidebar {

  37526.   -webkit-transform: translate3d(0%, 0%, 0);

  37527.   transform: translate3d(0%, 0%, 0);

  37528. }

  37529. 

  37530. /* End - Pusher */

  37531. 

  37532. .ui.visible.overlay.sidebar ~ .fixed,

  37533. .ui.visible.overlay.sidebar ~ .pusher {

  37534.   -webkit-transform: none !important;

  37535.   transform: none !important;

  37536. }

  37537. 

  37538. /*--------------

  37539.       Push

  37540. ---------------*/

  37541. 

  37542. /* Initial */

  37543. 

  37544. .ui.push.sidebar {

  37545.   -webkit-transition: -webkit-transform 500ms ease;

  37546.   transition: -webkit-transform 500ms ease;

  37547.   transition: transform 500ms ease;

  37548.   transition: transform 500ms ease, -webkit-transform 500ms ease;

  37549.   z-index: 102;

  37550. }

  37551. 

  37552. /* Sidebar - Initial */

  37553. 

  37554. .ui.left.push.sidebar {

  37555.   -webkit-transform: translate3d(-100%, 0, 0);

  37556.   transform: translate3d(-100%, 0, 0);

  37557. }

  37558. 

  37559. .ui.right.push.sidebar {

  37560.   -webkit-transform: translate3d(100%, 0, 0);

  37561.   transform: translate3d(100%, 0, 0);

  37562. }

  37563. 

  37564. .ui.top.push.sidebar {

  37565.   -webkit-transform: translate3d(0%, -100%, 0);

  37566.   transform: translate3d(0%, -100%, 0);

  37567. }

  37568. 

  37569. .ui.bottom.push.sidebar {

  37570.   -webkit-transform: translate3d(0%, 100%, 0);

  37571.   transform: translate3d(0%, 100%, 0);

  37572. }

  37573. 

  37574. /* End */

  37575. 

  37576. .ui.visible.push.sidebar {

  37577.   -webkit-transform: translate3d(0%, 0, 0);

  37578.   transform: translate3d(0%, 0, 0);

  37579. }

  37580. 

  37581. /*--------------

  37582.     Uncover

  37583. ---------------*/

  37584. 

  37585. /* Initial */

  37586. 

  37587. .ui.uncover.sidebar {

  37588.   -webkit-transform: translate3d(0, 0, 0);

  37589.   transform: translate3d(0, 0, 0);

  37590.   z-index: 1;

  37591. }

  37592. 

  37593. /* End */

  37594. 

  37595. .ui.visible.uncover.sidebar {

  37596.   -webkit-transform: translate3d(0, 0, 0);

  37597.   transform: translate3d(0, 0, 0);

  37598.   -webkit-transition: -webkit-transform 500ms ease;

  37599.   transition: -webkit-transform 500ms ease;

  37600.   transition: transform 500ms ease;

  37601.   transition: transform 500ms ease, -webkit-transform 500ms ease;

  37602. }

  37603. 

  37604. /*--------------

  37605.    Slide Along

  37606. ---------------*/

  37607. 

  37608. /* Initial */

  37609. 

  37610. .ui.slide.along.sidebar {

  37611.   z-index: 1;

  37612. }

  37613. 

  37614. /* Sidebar - Initial */

  37615. 

  37616. .ui.left.slide.along.sidebar {

  37617.   -webkit-transform: translate3d(-50%, 0, 0);

  37618.   transform: translate3d(-50%, 0, 0);

  37619. }

  37620. 

  37621. .ui.right.slide.along.sidebar {

  37622.   -webkit-transform: translate3d(50%, 0, 0);

  37623.   transform: translate3d(50%, 0, 0);

  37624. }

  37625. 

  37626. .ui.top.slide.along.sidebar {

  37627.   -webkit-transform: translate3d(0, -50%, 0);

  37628.   transform: translate3d(0, -50%, 0);

  37629. }

  37630. 

  37631. .ui.bottom.slide.along.sidebar {

  37632.   -webkit-transform: translate3d(0%, 50%, 0);

  37633.   transform: translate3d(0%, 50%, 0);

  37634. }

  37635. 

  37636. /* Animation */

  37637. 

  37638. .ui.animating.slide.along.sidebar {

  37639.   -webkit-transition: -webkit-transform 500ms ease;

  37640.   transition: -webkit-transform 500ms ease;

  37641.   transition: transform 500ms ease;

  37642.   transition: transform 500ms ease, -webkit-transform 500ms ease;

  37643. }

  37644. 

  37645. /* End */

  37646. 

  37647. .ui.visible.slide.along.sidebar {

  37648.   -webkit-transform: translate3d(0%, 0, 0);

  37649.   transform: translate3d(0%, 0, 0);

  37650. }

  37651. 

  37652. /*--------------

  37653.    Slide Out

  37654. ---------------*/

  37655. 

  37656. /* Initial */

  37657. 

  37658. .ui.slide.out.sidebar {

  37659.   z-index: 1;

  37660. }

  37661. 

  37662. /* Sidebar - Initial */

  37663. 

  37664. .ui.left.slide.out.sidebar {

  37665.   -webkit-transform: translate3d(50%, 0, 0);

  37666.   transform: translate3d(50%, 0, 0);

  37667. }

  37668. 

  37669. .ui.right.slide.out.sidebar {

  37670.   -webkit-transform: translate3d(-50%, 0, 0);

  37671.   transform: translate3d(-50%, 0, 0);

  37672. }

  37673. 

  37674. .ui.top.slide.out.sidebar {

  37675.   -webkit-transform: translate3d(0%, 50%, 0);

  37676.   transform: translate3d(0%, 50%, 0);

  37677. }

  37678. 

  37679. .ui.bottom.slide.out.sidebar {

  37680.   -webkit-transform: translate3d(0%, -50%, 0);

  37681.   transform: translate3d(0%, -50%, 0);

  37682. }

  37683. 

  37684. /* Animation */

  37685. 

  37686. .ui.animating.slide.out.sidebar {

  37687.   -webkit-transition: -webkit-transform 500ms ease;

  37688.   transition: -webkit-transform 500ms ease;

  37689.   transition: transform 500ms ease;

  37690.   transition: transform 500ms ease, -webkit-transform 500ms ease;

  37691. }

  37692. 

  37693. /* End */

  37694. 

  37695. .ui.visible.slide.out.sidebar {

  37696.   -webkit-transform: translate3d(0%, 0, 0);

  37697.   transform: translate3d(0%, 0, 0);

  37698. }

  37699. 

  37700. /*--------------

  37701.    Scale Down

  37702. ---------------*/

  37703. 

  37704. /* Initial */

  37705. 

  37706. .ui.scale.down.sidebar {

  37707.   -webkit-transition: -webkit-transform 500ms ease;

  37708.   transition: -webkit-transform 500ms ease;

  37709.   transition: transform 500ms ease;

  37710.   transition: transform 500ms ease, -webkit-transform 500ms ease;

  37711.   z-index: 102;

  37712. }

  37713. 

  37714. /* Sidebar - Initial  */

  37715. 

  37716. .ui.left.scale.down.sidebar {

  37717.   -webkit-transform: translate3d(-100%, 0, 0);

  37718.   transform: translate3d(-100%, 0, 0);

  37719. }

  37720. 

  37721. .ui.right.scale.down.sidebar {

  37722.   -webkit-transform: translate3d(100%, 0, 0);

  37723.   transform: translate3d(100%, 0, 0);

  37724. }

  37725. 

  37726. .ui.top.scale.down.sidebar {

  37727.   -webkit-transform: translate3d(0%, -100%, 0);

  37728.   transform: translate3d(0%, -100%, 0);

  37729. }

  37730. 

  37731. .ui.bottom.scale.down.sidebar {

  37732.   -webkit-transform: translate3d(0%, 100%, 0);

  37733.   transform: translate3d(0%, 100%, 0);

  37734. }

  37735. 

  37736. /* Pusher - Initial */

  37737. 

  37738. .ui.scale.down.left.sidebar ~ .pusher {

  37739.   -webkit-transform-origin: 75% 50%;

  37740.   transform-origin: 75% 50%;

  37741. }

  37742. 

  37743. .ui.scale.down.right.sidebar ~ .pusher {

  37744.   -webkit-transform-origin: 25% 50%;

  37745.   transform-origin: 25% 50%;

  37746. }

  37747. 

  37748. .ui.scale.down.top.sidebar ~ .pusher {

  37749.   -webkit-transform-origin: 50% 75%;

  37750.   transform-origin: 50% 75%;

  37751. }

  37752. 

  37753. .ui.scale.down.bottom.sidebar ~ .pusher {

  37754.   -webkit-transform-origin: 50% 25%;

  37755.   transform-origin: 50% 25%;

  37756. }

  37757. 

  37758. /* Animation */

  37759. 

  37760. .ui.animating.scale.down > .visible.ui.sidebar {

  37761.   -webkit-transition: -webkit-transform 500ms ease;

  37762.   transition: -webkit-transform 500ms ease;

  37763.   transition: transform 500ms ease;

  37764.   transition: transform 500ms ease, -webkit-transform 500ms ease;

  37765. }

  37766. 

  37767. .ui.visible.scale.down.sidebar ~ .pusher,

  37768. .ui.animating.scale.down.sidebar ~ .pusher {

  37769.   display: block !important;

  37770.   width: 100%;

  37771.   height: 100%;

  37772.   overflow: hidden !important;

  37773. }

  37774. 

  37775. /* End */

  37776. 

  37777. .ui.visible.scale.down.sidebar {

  37778.   -webkit-transform: translate3d(0, 0, 0);

  37779.   transform: translate3d(0, 0, 0);

  37780. }

  37781. 

  37782. .ui.visible.scale.down.sidebar ~ .pusher {

  37783.   -webkit-transform: scale(0.75);

  37784.   transform: scale(0.75);

  37785. }

  37786. 

  37787. /*******************************

  37788.          Theme Overrides

  37789. *******************************/

  37790. 

  37791. /*******************************

  37792.          Site Overrides

  37793. *******************************/

  37794. /*!

  37795.  * # Semantic UI 2.4.0 - Sticky

  37796.  * http://github.com/semantic-org/semantic-ui/

  37797.  *

  37798.  *

  37799.  * Released under the MIT license

  37800.  * http://opensource.org/licenses/MIT

  37801.  *

  37802.  */

  37803. 

  37804. /*******************************

  37805.             Sticky

  37806. *******************************/

  37807. 

  37808. .ui.sticky {

  37809.   position: static;

  37810.   -webkit-transition: none;

  37811.   transition: none;

  37812.   z-index: 800;

  37813. }

  37814. 

  37815. /*******************************

  37816.             States

  37817. *******************************/

  37818. 

  37819. /* Bound */

  37820. 

  37821. .ui.sticky.bound {

  37822.   position: absolute;

  37823.   left: auto;

  37824.   right: auto;

  37825. }

  37826. 

  37827. /* Fixed */

  37828. 

  37829. .ui.sticky.fixed {

  37830.   position: fixed;

  37831.   left: auto;

  37832.   right: auto;

  37833. }

  37834. 

  37835. /* Bound/Fixed Position */

  37836. 

  37837. .ui.sticky.bound.top,

  37838. .ui.sticky.fixed.top {

  37839.   top: 0px;

  37840.   bottom: auto;

  37841. }

  37842. 

  37843. .ui.sticky.bound.bottom,

  37844. .ui.sticky.fixed.bottom {

  37845.   top: auto;

  37846.   bottom: 0px;

  37847. }

  37848. 

  37849. /*******************************

  37850.             Types

  37851. *******************************/

  37852. 

  37853. .ui.native.sticky {

  37854.   position: -webkit-sticky;

  37855.   position: -moz-sticky;

  37856.   position: -ms-sticky;

  37857.   position: -o-sticky;

  37858.   position: sticky;

  37859. }

  37860. 

  37861. /*******************************

  37862.          Theme Overrides

  37863. *******************************/

  37864. 

  37865. /*******************************

  37866.          Site Overrides

  37867. *******************************/

  37868. /*!

  37869.  * # Semantic UI 2.4.0 - Tab

  37870.  * http://github.com/semantic-org/semantic-ui/

  37871.  *

  37872.  *

  37873.  * Released under the MIT license

  37874.  * http://opensource.org/licenses/MIT

  37875.  *

  37876.  */

  37877. 

  37878. /*******************************

  37879.            UI Tabs

  37880. *******************************/

  37881. 

  37882. .ui.tab {

  37883.   display: none;

  37884. }

  37885. 

  37886. /*******************************

  37887.              States

  37888. *******************************/

  37889. 

  37890. /*--------------------

  37891.        Active

  37892. ---------------------*/

  37893. 

  37894. .ui.tab.active,

  37895. .ui.tab.open {

  37896.   display: block;

  37897. }

  37898. 

  37899. /*--------------------

  37900.        Loading

  37901. ---------------------*/

  37902. 

  37903. .ui.tab.loading {

  37904.   position: relative;

  37905.   overflow: hidden;

  37906.   display: block;

  37907.   min-height: 250px;

  37908. }

  37909. 

  37910. .ui.tab.loading * {

  37911.   position: relative !important;

  37912.   left: -10000px !important;

  37913. }

  37914. 

  37915. .ui.tab.loading:before,

  37916. .ui.tab.loading.segment:before {

  37917.   position: absolute;

  37918.   content: '';

  37919.   top: 100px;

  37920.   left: 50%;

  37921.   margin: -1.25em 0em 0em -1.25em;

  37922.   width: 2.5em;

  37923.   height: 2.5em;

  37924.   border-radius: 500rem;

  37925.   border: 0.2em solid rgba(0, 0, 0, 0.1);

  37926. }

  37927. 

  37928. .ui.tab.loading:after,

  37929. .ui.tab.loading.segment:after {

  37930.   position: absolute;

  37931.   content: '';

  37932.   top: 100px;

  37933.   left: 50%;

  37934.   margin: -1.25em 0em 0em -1.25em;

  37935.   width: 2.5em;

  37936.   height: 2.5em;

  37937.   -webkit-animation: button-spin 0.6s linear;

  37938.   animation: button-spin 0.6s linear;

  37939.   -webkit-animation-iteration-count: infinite;

  37940.   animation-iteration-count: infinite;

  37941.   border-radius: 500rem;

  37942.   border-color: #767676 transparent transparent;

  37943.   border-style: solid;

  37944.   border-width: 0.2em;

  37945.   -webkit-box-shadow: 0px 0px 0px 1px transparent;

  37946.   box-shadow: 0px 0px 0px 1px transparent;

  37947. }

  37948. 

  37949. /*******************************

  37950.          Tab Overrides

  37951. *******************************/

  37952. 

  37953. /*******************************

  37954.         User Overrides

  37955. *******************************/

  37956. /*!

  37957.  * # Semantic UI 2.4.0 - Transition

  37958.  * http://github.com/semantic-org/semantic-ui/

  37959.  *

  37960.  *

  37961.  * Released under the MIT license

  37962.  * http://opensource.org/licenses/MIT

  37963.  *

  37964.  */

  37965. 

  37966. /*******************************

  37967.           Transitions

  37968. *******************************/

  37969. 

  37970. .transition {

  37971.   -webkit-animation-iteration-count: 1;

  37972.   animation-iteration-count: 1;

  37973.   -webkit-animation-duration: 300ms;

  37974.   animation-duration: 300ms;

  37975.   -webkit-animation-timing-function: ease;

  37976.   animation-timing-function: ease;

  37977.   -webkit-animation-fill-mode: both;

  37978.   animation-fill-mode: both;

  37979. }

  37980. 

  37981. /*******************************

  37982.             States

  37983. *******************************/

  37984. 

  37985. /* Animating */

  37986. 

  37987. .animating.transition {

  37988.   -webkit-backface-visibility: hidden;

  37989.   backface-visibility: hidden;

  37990.   visibility: visible !important;

  37991. }

  37992. 

  37993. /* Loading */

  37994. 

  37995. .loading.transition {

  37996.   position: absolute;

  37997.   top: -99999px;

  37998.   left: -99999px;

  37999. }

  38000. 

  38001. /* Hidden */

  38002. 

  38003. .hidden.transition {

  38004.   display: none;

  38005.   visibility: hidden;

  38006. }

  38007. 

  38008. /* Visible */

  38009. 

  38010. .visible.transition {

  38011.   display: block !important;

  38012.   visibility: visible !important;

  38013.   /*  backface-visibility: @backfaceVisibility;

  38014.   transform: @use3DAcceleration;*/

  38015. }

  38016. 

  38017. /* Disabled */

  38018. 

  38019. .disabled.transition {

  38020.   -webkit-animation-play-state: paused;

  38021.   animation-play-state: paused;

  38022. }

  38023. 

  38024. /*******************************

  38025.           Variations

  38026. *******************************/

  38027. 

  38028. .looping.transition {

  38029.   -webkit-animation-iteration-count: infinite;

  38030.   animation-iteration-count: infinite;

  38031. }

  38032. 

  38033. /*******************************

  38034.           Transitions

  38035. *******************************/

  38036. 

  38037. /*

  38038.   Some transitions adapted from Animate CSS

  38039.   https://github.com/daneden/animate.css

  38040. 

  38041.   Additional transitions adapted from Glide

  38042.   by Nick Pettit - https://github.com/nickpettit/glide

  38043. */

  38044. 

  38045. /*--------------

  38046.      Browse

  38047. ---------------*/

  38048. 

  38049. .transition.browse {

  38050.   -webkit-animation-duration: 500ms;

  38051.   animation-duration: 500ms;

  38052. }

  38053. 

  38054. .transition.browse.in {

  38055.   -webkit-animation-name: browseIn;

  38056.   animation-name: browseIn;

  38057. }

  38058. 

  38059. .transition.browse.out,

  38060. .transition.browse.left.out {

  38061.   -webkit-animation-name: browseOutLeft;

  38062.   animation-name: browseOutLeft;

  38063. }

  38064. 

  38065. .transition.browse.right.out {

  38066.   -webkit-animation-name: browseOutRight;

  38067.   animation-name: browseOutRight;

  38068. }

  38069. 

  38070. /* In */

  38071. 

  38072. @-webkit-keyframes browseIn {

  38073.   0% {

  38074.     -webkit-transform: scale(0.8) translateZ(0px);

  38075.     transform: scale(0.8) translateZ(0px);

  38076.     z-index: -1;

  38077.   }

  38078. 

  38079.   10% {

  38080.     -webkit-transform: scale(0.8) translateZ(0px);

  38081.     transform: scale(0.8) translateZ(0px);

  38082.     z-index: -1;

  38083.     opacity: 0.7;

  38084.   }

  38085. 

  38086.   80% {

  38087.     -webkit-transform: scale(1.05) translateZ(0px);

  38088.     transform: scale(1.05) translateZ(0px);

  38089.     opacity: 1;

  38090.     z-index: 999;

  38091.   }

  38092. 

  38093.   100% {

  38094.     -webkit-transform: scale(1) translateZ(0px);

  38095.     transform: scale(1) translateZ(0px);

  38096.     z-index: 999;

  38097.   }

  38098. }

  38099. 

  38100. @keyframes browseIn {

  38101.   0% {

  38102.     -webkit-transform: scale(0.8) translateZ(0px);

  38103.     transform: scale(0.8) translateZ(0px);

  38104.     z-index: -1;

  38105.   }

  38106. 

  38107.   10% {

  38108.     -webkit-transform: scale(0.8) translateZ(0px);

  38109.     transform: scale(0.8) translateZ(0px);

  38110.     z-index: -1;

  38111.     opacity: 0.7;

  38112.   }

  38113. 

  38114.   80% {

  38115.     -webkit-transform: scale(1.05) translateZ(0px);

  38116.     transform: scale(1.05) translateZ(0px);

  38117.     opacity: 1;

  38118.     z-index: 999;

  38119.   }

  38120. 

  38121.   100% {

  38122.     -webkit-transform: scale(1) translateZ(0px);

  38123.     transform: scale(1) translateZ(0px);

  38124.     z-index: 999;

  38125.   }

  38126. }

  38127. 

  38128. /* Out */

  38129. 

  38130. @-webkit-keyframes browseOutLeft {

  38131.   0% {

  38132.     z-index: 999;

  38133.     -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);

  38134.     transform: translateX(0%) rotateY(0deg) rotateX(0deg);

  38135.   }

  38136. 

  38137.   50% {

  38138.     z-index: -1;

  38139.     -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

  38140.     transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

  38141.   }

  38142. 

  38143.   80% {

  38144.     opacity: 1;

  38145.   }

  38146. 

  38147.   100% {

  38148.     z-index: -1;

  38149.     -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);

  38150.     transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);

  38151.     opacity: 0;

  38152.   }

  38153. }

  38154. 

  38155. @keyframes browseOutLeft {

  38156.   0% {

  38157.     z-index: 999;

  38158.     -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);

  38159.     transform: translateX(0%) rotateY(0deg) rotateX(0deg);

  38160.   }

  38161. 

  38162.   50% {

  38163.     z-index: -1;

  38164.     -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

  38165.     transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

  38166.   }

  38167. 

  38168.   80% {

  38169.     opacity: 1;

  38170.   }

  38171. 

  38172.   100% {

  38173.     z-index: -1;

  38174.     -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);

  38175.     transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);

  38176.     opacity: 0;

  38177.   }

  38178. }

  38179. 

  38180. @-webkit-keyframes browseOutRight {

  38181.   0% {

  38182.     z-index: 999;

  38183.     -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);

  38184.     transform: translateX(0%) rotateY(0deg) rotateX(0deg);

  38185.   }

  38186. 

  38187.   50% {

  38188.     z-index: 1;

  38189.     -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

  38190.     transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

  38191.   }

  38192. 

  38193.   80% {

  38194.     opacity: 1;

  38195.   }

  38196. 

  38197.   100% {

  38198.     z-index: 1;

  38199.     -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);

  38200.     transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);

  38201.     opacity: 0;

  38202.   }

  38203. }

  38204. 

  38205. @keyframes browseOutRight {

  38206.   0% {

  38207.     z-index: 999;

  38208.     -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);

  38209.     transform: translateX(0%) rotateY(0deg) rotateX(0deg);

  38210.   }

  38211. 

  38212.   50% {

  38213.     z-index: 1;

  38214.     -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

  38215.     transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

  38216.   }

  38217. 

  38218.   80% {

  38219.     opacity: 1;

  38220.   }

  38221. 

  38222.   100% {

  38223.     z-index: 1;

  38224.     -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);

  38225.     transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);

  38226.     opacity: 0;

  38227.   }

  38228. }

  38229. 

  38230. /*--------------

  38231.      Drop

  38232. ---------------*/

  38233. 

  38234. .drop.transition {

  38235.   -webkit-transform-origin: top center;

  38236.   transform-origin: top center;

  38237.   -webkit-animation-duration: 400ms;

  38238.   animation-duration: 400ms;

  38239.   -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);

  38240.   animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);

  38241. }

  38242. 

  38243. .drop.transition.in {

  38244.   -webkit-animation-name: dropIn;

  38245.   animation-name: dropIn;

  38246. }

  38247. 

  38248. .drop.transition.out {

  38249.   -webkit-animation-name: dropOut;

  38250.   animation-name: dropOut;

  38251. }

  38252. 

  38253. /* Drop */

  38254. 

  38255. @-webkit-keyframes dropIn {

  38256.   0% {

  38257.     opacity: 0;

  38258.     -webkit-transform: scale(0);

  38259.     transform: scale(0);

  38260.   }

  38261. 

  38262.   100% {

  38263.     opacity: 1;

  38264.     -webkit-transform: scale(1);

  38265.     transform: scale(1);

  38266.   }

  38267. }

  38268. 

  38269. @keyframes dropIn {

  38270.   0% {

  38271.     opacity: 0;

  38272.     -webkit-transform: scale(0);

  38273.     transform: scale(0);

  38274.   }

  38275. 

  38276.   100% {

  38277.     opacity: 1;

  38278.     -webkit-transform: scale(1);

  38279.     transform: scale(1);

  38280.   }

  38281. }

  38282. 

  38283. @-webkit-keyframes dropOut {

  38284.   0% {

  38285.     opacity: 1;

  38286.     -webkit-transform: scale(1);

  38287.     transform: scale(1);

  38288.   }

  38289. 

  38290.   100% {

  38291.     opacity: 0;

  38292.     -webkit-transform: scale(0);

  38293.     transform: scale(0);

  38294.   }

  38295. }

  38296. 

  38297. @keyframes dropOut {

  38298.   0% {

  38299.     opacity: 1;

  38300.     -webkit-transform: scale(1);

  38301.     transform: scale(1);

  38302.   }

  38303. 

  38304.   100% {

  38305.     opacity: 0;

  38306.     -webkit-transform: scale(0);

  38307.     transform: scale(0);

  38308.   }

  38309. }

  38310. 

  38311. /*--------------

  38312.       Fade

  38313. ---------------*/

  38314. 

  38315. .transition.fade.in {

  38316.   -webkit-animation-name: fadeIn;

  38317.   animation-name: fadeIn;

  38318. }

  38319. 

  38320. .transition[class*="fade up"].in {

  38321.   -webkit-animation-name: fadeInUp;

  38322.   animation-name: fadeInUp;

  38323. }

  38324. 

  38325. .transition[class*="fade down"].in {

  38326.   -webkit-animation-name: fadeInDown;

  38327.   animation-name: fadeInDown;

  38328. }

  38329. 

  38330. .transition[class*="fade left"].in {

  38331.   -webkit-animation-name: fadeInLeft;

  38332.   animation-name: fadeInLeft;

  38333. }

  38334. 

  38335. .transition[class*="fade right"].in {

  38336.   -webkit-animation-name: fadeInRight;

  38337.   animation-name: fadeInRight;

  38338. }

  38339. 

  38340. .transition.fade.out {

  38341.   -webkit-animation-name: fadeOut;

  38342.   animation-name: fadeOut;

  38343. }

  38344. 

  38345. .transition[class*="fade up"].out {

  38346.   -webkit-animation-name: fadeOutUp;

  38347.   animation-name: fadeOutUp;

  38348. }

  38349. 

  38350. .transition[class*="fade down"].out {

  38351.   -webkit-animation-name: fadeOutDown;

  38352.   animation-name: fadeOutDown;

  38353. }

  38354. 

  38355. .transition[class*="fade left"].out {

  38356.   -webkit-animation-name: fadeOutLeft;

  38357.   animation-name: fadeOutLeft;

  38358. }

  38359. 

  38360. .transition[class*="fade right"].out {

  38361.   -webkit-animation-name: fadeOutRight;

  38362.   animation-name: fadeOutRight;

  38363. }

  38364. 

  38365. /* In */

  38366. 

  38367. @-webkit-keyframes fadeIn {

  38368.   0% {

  38369.     opacity: 0;

  38370.   }

  38371. 

  38372.   100% {

  38373.     opacity: 1;

  38374.   }

  38375. }

  38376. 

  38377. @keyframes fadeIn {

  38378.   0% {

  38379.     opacity: 0;

  38380.   }

  38381. 

  38382.   100% {

  38383.     opacity: 1;

  38384.   }

  38385. }

  38386. 

  38387. @-webkit-keyframes fadeInUp {

  38388.   0% {

  38389.     opacity: 0;

  38390.     -webkit-transform: translateY(10%);

  38391.     transform: translateY(10%);

  38392.   }

  38393. 

  38394.   100% {

  38395.     opacity: 1;

  38396.     -webkit-transform: translateY(0%);

  38397.     transform: translateY(0%);

  38398.   }

  38399. }

  38400. 

  38401. @keyframes fadeInUp {

  38402.   0% {

  38403.     opacity: 0;

  38404.     -webkit-transform: translateY(10%);

  38405.     transform: translateY(10%);

  38406.   }

  38407. 

  38408.   100% {

  38409.     opacity: 1;

  38410.     -webkit-transform: translateY(0%);

  38411.     transform: translateY(0%);

  38412.   }

  38413. }

  38414. 

  38415. @-webkit-keyframes fadeInDown {

  38416.   0% {

  38417.     opacity: 0;

  38418.     -webkit-transform: translateY(-10%);

  38419.     transform: translateY(-10%);

  38420.   }

  38421. 

  38422.   100% {

  38423.     opacity: 1;

  38424.     -webkit-transform: translateY(0%);

  38425.     transform: translateY(0%);

  38426.   }

  38427. }

  38428. 

  38429. @keyframes fadeInDown {

  38430.   0% {

  38431.     opacity: 0;

  38432.     -webkit-transform: translateY(-10%);

  38433.     transform: translateY(-10%);

  38434.   }

  38435. 

  38436.   100% {

  38437.     opacity: 1;

  38438.     -webkit-transform: translateY(0%);

  38439.     transform: translateY(0%);

  38440.   }

  38441. }

  38442. 

  38443. @-webkit-keyframes fadeInLeft {

  38444.   0% {

  38445.     opacity: 0;

  38446.     -webkit-transform: translateX(10%);

  38447.     transform: translateX(10%);

  38448.   }

  38449. 

  38450.   100% {

  38451.     opacity: 1;

  38452.     -webkit-transform: translateX(0%);

  38453.     transform: translateX(0%);

  38454.   }

  38455. }

  38456. 

  38457. @keyframes fadeInLeft {

  38458.   0% {

  38459.     opacity: 0;

  38460.     -webkit-transform: translateX(10%);

  38461.     transform: translateX(10%);

  38462.   }

  38463. 

  38464.   100% {

  38465.     opacity: 1;

  38466.     -webkit-transform: translateX(0%);

  38467.     transform: translateX(0%);

  38468.   }

  38469. }

  38470. 

  38471. @-webkit-keyframes fadeInRight {

  38472.   0% {

  38473.     opacity: 0;

  38474.     -webkit-transform: translateX(-10%);

  38475.     transform: translateX(-10%);

  38476.   }

  38477. 

  38478.   100% {

  38479.     opacity: 1;

  38480.     -webkit-transform: translateX(0%);

  38481.     transform: translateX(0%);

  38482.   }

  38483. }

  38484. 

  38485. @keyframes fadeInRight {

  38486.   0% {

  38487.     opacity: 0;

  38488.     -webkit-transform: translateX(-10%);

  38489.     transform: translateX(-10%);

  38490.   }

  38491. 

  38492.   100% {

  38493.     opacity: 1;

  38494.     -webkit-transform: translateX(0%);

  38495.     transform: translateX(0%);

  38496.   }

  38497. }

  38498. 

  38499. /* Out */

  38500. 

  38501. @-webkit-keyframes fadeOut {

  38502.   0% {

  38503.     opacity: 1;

  38504.   }

  38505. 

  38506.   100% {

  38507.     opacity: 0;

  38508.   }

  38509. }

  38510. 

  38511. @keyframes fadeOut {

  38512.   0% {

  38513.     opacity: 1;

  38514.   }

  38515. 

  38516.   100% {

  38517.     opacity: 0;

  38518.   }

  38519. }

  38520. 

  38521. @-webkit-keyframes fadeOutUp {

  38522.   0% {

  38523.     opacity: 1;

  38524.     -webkit-transform: translateY(0%);

  38525.     transform: translateY(0%);

  38526.   }

  38527. 

  38528.   100% {

  38529.     opacity: 0;

  38530.     -webkit-transform: translateY(5%);

  38531.     transform: translateY(5%);

  38532.   }

  38533. }

  38534. 

  38535. @keyframes fadeOutUp {

  38536.   0% {

  38537.     opacity: 1;

  38538.     -webkit-transform: translateY(0%);

  38539.     transform: translateY(0%);

  38540.   }

  38541. 

  38542.   100% {

  38543.     opacity: 0;

  38544.     -webkit-transform: translateY(5%);

  38545.     transform: translateY(5%);

  38546.   }

  38547. }

  38548. 

  38549. @-webkit-keyframes fadeOutDown {

  38550.   0% {

  38551.     opacity: 1;

  38552.     -webkit-transform: translateY(0%);

  38553.     transform: translateY(0%);

  38554.   }

  38555. 

  38556.   100% {

  38557.     opacity: 0;

  38558.     -webkit-transform: translateY(-5%);

  38559.     transform: translateY(-5%);

  38560.   }

  38561. }

  38562. 

  38563. @keyframes fadeOutDown {

  38564.   0% {

  38565.     opacity: 1;

  38566.     -webkit-transform: translateY(0%);

  38567.     transform: translateY(0%);

  38568.   }

  38569. 

  38570.   100% {

  38571.     opacity: 0;

  38572.     -webkit-transform: translateY(-5%);

  38573.     transform: translateY(-5%);

  38574.   }

  38575. }

  38576. 

  38577. @-webkit-keyframes fadeOutLeft {

  38578.   0% {

  38579.     opacity: 1;

  38580.     -webkit-transform: translateX(0%);

  38581.     transform: translateX(0%);

  38582.   }

  38583. 

  38584.   100% {

  38585.     opacity: 0;

  38586.     -webkit-transform: translateX(5%);

  38587.     transform: translateX(5%);

  38588.   }

  38589. }

  38590. 

  38591. @keyframes fadeOutLeft {

  38592.   0% {

  38593.     opacity: 1;

  38594.     -webkit-transform: translateX(0%);

  38595.     transform: translateX(0%);

  38596.   }

  38597. 

  38598.   100% {

  38599.     opacity: 0;

  38600.     -webkit-transform: translateX(5%);

  38601.     transform: translateX(5%);

  38602.   }

  38603. }

  38604. 

  38605. @-webkit-keyframes fadeOutRight {

  38606.   0% {

  38607.     opacity: 1;

  38608.     -webkit-transform: translateX(0%);

  38609.     transform: translateX(0%);

  38610.   }

  38611. 

  38612.   100% {

  38613.     opacity: 0;

  38614.     -webkit-transform: translateX(-5%);

  38615.     transform: translateX(-5%);

  38616.   }

  38617. }

  38618. 

  38619. @keyframes fadeOutRight {

  38620.   0% {

  38621.     opacity: 1;

  38622.     -webkit-transform: translateX(0%);

  38623.     transform: translateX(0%);

  38624.   }

  38625. 

  38626.   100% {

  38627.     opacity: 0;

  38628.     -webkit-transform: translateX(-5%);

  38629.     transform: translateX(-5%);

  38630.   }

  38631. }

  38632. 

  38633. /*--------------

  38634.      Flips

  38635. ---------------*/

  38636. 

  38637. .flip.transition.in,

  38638. .flip.transition.out {

  38639.   -webkit-animation-duration: 600ms;

  38640.   animation-duration: 600ms;

  38641. }

  38642. 

  38643. .horizontal.flip.transition.in {

  38644.   -webkit-animation-name: horizontalFlipIn;

  38645.   animation-name: horizontalFlipIn;

  38646. }

  38647. 

  38648. .horizontal.flip.transition.out {

  38649.   -webkit-animation-name: horizontalFlipOut;

  38650.   animation-name: horizontalFlipOut;

  38651. }

  38652. 

  38653. .vertical.flip.transition.in {

  38654.   -webkit-animation-name: verticalFlipIn;

  38655.   animation-name: verticalFlipIn;

  38656. }

  38657. 

  38658. .vertical.flip.transition.out {

  38659.   -webkit-animation-name: verticalFlipOut;

  38660.   animation-name: verticalFlipOut;

  38661. }

  38662. 

  38663. /* In */

  38664. 

  38665. @-webkit-keyframes horizontalFlipIn {

  38666.   0% {

  38667.     -webkit-transform: perspective(2000px) rotateY(-90deg);

  38668.     transform: perspective(2000px) rotateY(-90deg);

  38669.     opacity: 0;

  38670.   }

  38671. 

  38672.   100% {

  38673.     -webkit-transform: perspective(2000px) rotateY(0deg);

  38674.     transform: perspective(2000px) rotateY(0deg);

  38675.     opacity: 1;

  38676.   }

  38677. }

  38678. 

  38679. @keyframes horizontalFlipIn {

  38680.   0% {

  38681.     -webkit-transform: perspective(2000px) rotateY(-90deg);

  38682.     transform: perspective(2000px) rotateY(-90deg);

  38683.     opacity: 0;

  38684.   }

  38685. 

  38686.   100% {

  38687.     -webkit-transform: perspective(2000px) rotateY(0deg);

  38688.     transform: perspective(2000px) rotateY(0deg);

  38689.     opacity: 1;

  38690.   }

  38691. }

  38692. 

  38693. @-webkit-keyframes verticalFlipIn {

  38694.   0% {

  38695.     -webkit-transform: perspective(2000px) rotateX(-90deg);

  38696.     transform: perspective(2000px) rotateX(-90deg);

  38697.     opacity: 0;

  38698.   }

  38699. 

  38700.   100% {

  38701.     -webkit-transform: perspective(2000px) rotateX(0deg);

  38702.     transform: perspective(2000px) rotateX(0deg);

  38703.     opacity: 1;

  38704.   }

  38705. }

  38706. 

  38707. @keyframes verticalFlipIn {

  38708.   0% {

  38709.     -webkit-transform: perspective(2000px) rotateX(-90deg);

  38710.     transform: perspective(2000px) rotateX(-90deg);

  38711.     opacity: 0;

  38712.   }

  38713. 

  38714.   100% {

  38715.     -webkit-transform: perspective(2000px) rotateX(0deg);

  38716.     transform: perspective(2000px) rotateX(0deg);

  38717.     opacity: 1;

  38718.   }

  38719. }

  38720. 

  38721. /* Out */

  38722. 

  38723. @-webkit-keyframes horizontalFlipOut {

  38724.   0% {

  38725.     -webkit-transform: perspective(2000px) rotateY(0deg);

  38726.     transform: perspective(2000px) rotateY(0deg);

  38727.     opacity: 1;

  38728.   }

  38729. 

  38730.   100% {

  38731.     -webkit-transform: perspective(2000px) rotateY(90deg);

  38732.     transform: perspective(2000px) rotateY(90deg);

  38733.     opacity: 0;

  38734.   }

  38735. }

  38736. 

  38737. @keyframes horizontalFlipOut {

  38738.   0% {

  38739.     -webkit-transform: perspective(2000px) rotateY(0deg);

  38740.     transform: perspective(2000px) rotateY(0deg);

  38741.     opacity: 1;

  38742.   }

  38743. 

  38744.   100% {

  38745.     -webkit-transform: perspective(2000px) rotateY(90deg);

  38746.     transform: perspective(2000px) rotateY(90deg);

  38747.     opacity: 0;

  38748.   }

  38749. }

  38750. 

  38751. @-webkit-keyframes verticalFlipOut {

  38752.   0% {

  38753.     -webkit-transform: perspective(2000px) rotateX(0deg);

  38754.     transform: perspective(2000px) rotateX(0deg);

  38755.     opacity: 1;

  38756.   }

  38757. 

  38758.   100% {

  38759.     -webkit-transform: perspective(2000px) rotateX(-90deg);

  38760.     transform: perspective(2000px) rotateX(-90deg);

  38761.     opacity: 0;

  38762.   }

  38763. }

  38764. 

  38765. @keyframes verticalFlipOut {

  38766.   0% {

  38767.     -webkit-transform: perspective(2000px) rotateX(0deg);

  38768.     transform: perspective(2000px) rotateX(0deg);

  38769.     opacity: 1;

  38770.   }

  38771. 

  38772.   100% {

  38773.     -webkit-transform: perspective(2000px) rotateX(-90deg);

  38774.     transform: perspective(2000px) rotateX(-90deg);

  38775.     opacity: 0;

  38776.   }

  38777. }

  38778. 

  38779. /*--------------

  38780.       Scale

  38781. ---------------*/

  38782. 

  38783. .scale.transition.in {

  38784.   -webkit-animation-name: scaleIn;

  38785.   animation-name: scaleIn;

  38786. }

  38787. 

  38788. .scale.transition.out {

  38789.   -webkit-animation-name: scaleOut;

  38790.   animation-name: scaleOut;

  38791. }

  38792. 

  38793. @-webkit-keyframes scaleIn {

  38794.   0% {

  38795.     opacity: 0;

  38796.     -webkit-transform: scale(0.8);

  38797.     transform: scale(0.8);

  38798.   }

  38799. 

  38800.   100% {

  38801.     opacity: 1;

  38802.     -webkit-transform: scale(1);

  38803.     transform: scale(1);

  38804.   }

  38805. }

  38806. 

  38807. @keyframes scaleIn {

  38808.   0% {

  38809.     opacity: 0;

  38810.     -webkit-transform: scale(0.8);

  38811.     transform: scale(0.8);

  38812.   }

  38813. 

  38814.   100% {

  38815.     opacity: 1;

  38816.     -webkit-transform: scale(1);

  38817.     transform: scale(1);

  38818.   }

  38819. }

  38820. 

  38821. /* Out */

  38822. 

  38823. @-webkit-keyframes scaleOut {

  38824.   0% {

  38825.     opacity: 1;

  38826.     -webkit-transform: scale(1);

  38827.     transform: scale(1);

  38828.   }

  38829. 

  38830.   100% {

  38831.     opacity: 0;

  38832.     -webkit-transform: scale(0.9);

  38833.     transform: scale(0.9);

  38834.   }

  38835. }

  38836. 

  38837. @keyframes scaleOut {

  38838.   0% {

  38839.     opacity: 1;

  38840.     -webkit-transform: scale(1);

  38841.     transform: scale(1);

  38842.   }

  38843. 

  38844.   100% {

  38845.     opacity: 0;

  38846.     -webkit-transform: scale(0.9);

  38847.     transform: scale(0.9);

  38848.   }

  38849. }

  38850. 

  38851. /*--------------

  38852.       Fly

  38853. ---------------*/

  38854. 

  38855. /* Inward */

  38856. 

  38857. .transition.fly {

  38858.   -webkit-animation-duration: 0.6s;

  38859.   animation-duration: 0.6s;

  38860.   -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  38861.   transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  38862. }

  38863. 

  38864. .transition.fly.in {

  38865.   -webkit-animation-name: flyIn;

  38866.   animation-name: flyIn;

  38867. }

  38868. 

  38869. .transition[class*="fly up"].in {

  38870.   -webkit-animation-name: flyInUp;

  38871.   animation-name: flyInUp;

  38872. }

  38873. 

  38874. .transition[class*="fly down"].in {

  38875.   -webkit-animation-name: flyInDown;

  38876.   animation-name: flyInDown;

  38877. }

  38878. 

  38879. .transition[class*="fly left"].in {

  38880.   -webkit-animation-name: flyInLeft;

  38881.   animation-name: flyInLeft;

  38882. }

  38883. 

  38884. .transition[class*="fly right"].in {

  38885.   -webkit-animation-name: flyInRight;

  38886.   animation-name: flyInRight;

  38887. }

  38888. 

  38889. /* Outward */

  38890. 

  38891. .transition.fly.out {

  38892.   -webkit-animation-name: flyOut;

  38893.   animation-name: flyOut;

  38894. }

  38895. 

  38896. .transition[class*="fly up"].out {

  38897.   -webkit-animation-name: flyOutUp;

  38898.   animation-name: flyOutUp;

  38899. }

  38900. 

  38901. .transition[class*="fly down"].out {

  38902.   -webkit-animation-name: flyOutDown;

  38903.   animation-name: flyOutDown;

  38904. }

  38905. 

  38906. .transition[class*="fly left"].out {

  38907.   -webkit-animation-name: flyOutLeft;

  38908.   animation-name: flyOutLeft;

  38909. }

  38910. 

  38911. .transition[class*="fly right"].out {

  38912.   -webkit-animation-name: flyOutRight;

  38913.   animation-name: flyOutRight;

  38914. }

  38915. 

  38916. /* In */

  38917. 

  38918. @-webkit-keyframes flyIn {

  38919.   0% {

  38920.     opacity: 0;

  38921.     -webkit-transform: scale3d(0.3, 0.3, 0.3);

  38922.     transform: scale3d(0.3, 0.3, 0.3);

  38923.   }

  38924. 

  38925.   20% {

  38926.     -webkit-transform: scale3d(1.1, 1.1, 1.1);

  38927.     transform: scale3d(1.1, 1.1, 1.1);

  38928.   }

  38929. 

  38930.   40% {

  38931.     -webkit-transform: scale3d(0.9, 0.9, 0.9);

  38932.     transform: scale3d(0.9, 0.9, 0.9);

  38933.   }

  38934. 

  38935.   60% {

  38936.     opacity: 1;

  38937.     -webkit-transform: scale3d(1.03, 1.03, 1.03);

  38938.     transform: scale3d(1.03, 1.03, 1.03);

  38939.   }

  38940. 

  38941.   80% {

  38942.     -webkit-transform: scale3d(0.97, 0.97, 0.97);

  38943.     transform: scale3d(0.97, 0.97, 0.97);

  38944.   }

  38945. 

  38946.   100% {

  38947.     opacity: 1;

  38948.     -webkit-transform: scale3d(1, 1, 1);

  38949.     transform: scale3d(1, 1, 1);

  38950.   }

  38951. }

  38952. 

  38953. @keyframes flyIn {

  38954.   0% {

  38955.     opacity: 0;

  38956.     -webkit-transform: scale3d(0.3, 0.3, 0.3);

  38957.     transform: scale3d(0.3, 0.3, 0.3);

  38958.   }

  38959. 

  38960.   20% {

  38961.     -webkit-transform: scale3d(1.1, 1.1, 1.1);

  38962.     transform: scale3d(1.1, 1.1, 1.1);

  38963.   }

  38964. 

  38965.   40% {

  38966.     -webkit-transform: scale3d(0.9, 0.9, 0.9);

  38967.     transform: scale3d(0.9, 0.9, 0.9);

  38968.   }

  38969. 

  38970.   60% {

  38971.     opacity: 1;

  38972.     -webkit-transform: scale3d(1.03, 1.03, 1.03);

  38973.     transform: scale3d(1.03, 1.03, 1.03);

  38974.   }

  38975. 

  38976.   80% {

  38977.     -webkit-transform: scale3d(0.97, 0.97, 0.97);

  38978.     transform: scale3d(0.97, 0.97, 0.97);

  38979.   }

  38980. 

  38981.   100% {

  38982.     opacity: 1;

  38983.     -webkit-transform: scale3d(1, 1, 1);

  38984.     transform: scale3d(1, 1, 1);

  38985.   }

  38986. }

  38987. 

  38988. @-webkit-keyframes flyInUp {

  38989.   0% {

  38990.     opacity: 0;

  38991.     -webkit-transform: translate3d(0, 1500px, 0);

  38992.     transform: translate3d(0, 1500px, 0);

  38993.   }

  38994. 

  38995.   60% {

  38996.     opacity: 1;

  38997.     -webkit-transform: translate3d(0, -20px, 0);

  38998.     transform: translate3d(0, -20px, 0);

  38999.   }

  39000. 

  39001.   75% {

  39002.     -webkit-transform: translate3d(0, 10px, 0);

  39003.     transform: translate3d(0, 10px, 0);

  39004.   }

  39005. 

  39006.   90% {

  39007.     -webkit-transform: translate3d(0, -5px, 0);

  39008.     transform: translate3d(0, -5px, 0);

  39009.   }

  39010. 

  39011.   100% {

  39012.     -webkit-transform: translate3d(0, 0, 0);

  39013.     transform: translate3d(0, 0, 0);

  39014.   }

  39015. }

  39016. 

  39017. @keyframes flyInUp {

  39018.   0% {

  39019.     opacity: 0;

  39020.     -webkit-transform: translate3d(0, 1500px, 0);

  39021.     transform: translate3d(0, 1500px, 0);

  39022.   }

  39023. 

  39024.   60% {

  39025.     opacity: 1;

  39026.     -webkit-transform: translate3d(0, -20px, 0);

  39027.     transform: translate3d(0, -20px, 0);

  39028.   }

  39029. 

  39030.   75% {

  39031.     -webkit-transform: translate3d(0, 10px, 0);

  39032.     transform: translate3d(0, 10px, 0);

  39033.   }

  39034. 

  39035.   90% {

  39036.     -webkit-transform: translate3d(0, -5px, 0);

  39037.     transform: translate3d(0, -5px, 0);

  39038.   }

  39039. 

  39040.   100% {

  39041.     -webkit-transform: translate3d(0, 0, 0);

  39042.     transform: translate3d(0, 0, 0);

  39043.   }

  39044. }

  39045. 

  39046. @-webkit-keyframes flyInDown {

  39047.   0% {

  39048.     opacity: 0;

  39049.     -webkit-transform: translate3d(0, -1500px, 0);

  39050.     transform: translate3d(0, -1500px, 0);

  39051.   }

  39052. 

  39053.   60% {

  39054.     opacity: 1;

  39055.     -webkit-transform: translate3d(0, 25px, 0);

  39056.     transform: translate3d(0, 25px, 0);

  39057.   }

  39058. 

  39059.   75% {

  39060.     -webkit-transform: translate3d(0, -10px, 0);

  39061.     transform: translate3d(0, -10px, 0);

  39062.   }

  39063. 

  39064.   90% {

  39065.     -webkit-transform: translate3d(0, 5px, 0);

  39066.     transform: translate3d(0, 5px, 0);

  39067.   }

  39068. 

  39069.   100% {

  39070.     -webkit-transform: none;

  39071.     transform: none;

  39072.   }

  39073. }

  39074. 

  39075. @keyframes flyInDown {

  39076.   0% {

  39077.     opacity: 0;

  39078.     -webkit-transform: translate3d(0, -1500px, 0);

  39079.     transform: translate3d(0, -1500px, 0);

  39080.   }

  39081. 

  39082.   60% {

  39083.     opacity: 1;

  39084.     -webkit-transform: translate3d(0, 25px, 0);

  39085.     transform: translate3d(0, 25px, 0);

  39086.   }

  39087. 

  39088.   75% {

  39089.     -webkit-transform: translate3d(0, -10px, 0);

  39090.     transform: translate3d(0, -10px, 0);

  39091.   }

  39092. 

  39093.   90% {

  39094.     -webkit-transform: translate3d(0, 5px, 0);

  39095.     transform: translate3d(0, 5px, 0);

  39096.   }

  39097. 

  39098.   100% {

  39099.     -webkit-transform: none;

  39100.     transform: none;

  39101.   }

  39102. }

  39103. 

  39104. @-webkit-keyframes flyInLeft {

  39105.   0% {

  39106.     opacity: 0;

  39107.     -webkit-transform: translate3d(1500px, 0, 0);

  39108.     transform: translate3d(1500px, 0, 0);

  39109.   }

  39110. 

  39111.   60% {

  39112.     opacity: 1;

  39113.     -webkit-transform: translate3d(-25px, 0, 0);

  39114.     transform: translate3d(-25px, 0, 0);

  39115.   }

  39116. 

  39117.   75% {

  39118.     -webkit-transform: translate3d(10px, 0, 0);

  39119.     transform: translate3d(10px, 0, 0);

  39120.   }

  39121. 

  39122.   90% {

  39123.     -webkit-transform: translate3d(-5px, 0, 0);

  39124.     transform: translate3d(-5px, 0, 0);

  39125.   }

  39126. 

  39127.   100% {

  39128.     -webkit-transform: none;

  39129.     transform: none;

  39130.   }

  39131. }

  39132. 

  39133. @keyframes flyInLeft {

  39134.   0% {

  39135.     opacity: 0;

  39136.     -webkit-transform: translate3d(1500px, 0, 0);

  39137.     transform: translate3d(1500px, 0, 0);

  39138.   }

  39139. 

  39140.   60% {

  39141.     opacity: 1;

  39142.     -webkit-transform: translate3d(-25px, 0, 0);

  39143.     transform: translate3d(-25px, 0, 0);

  39144.   }

  39145. 

  39146.   75% {

  39147.     -webkit-transform: translate3d(10px, 0, 0);

  39148.     transform: translate3d(10px, 0, 0);

  39149.   }

  39150. 

  39151.   90% {

  39152.     -webkit-transform: translate3d(-5px, 0, 0);

  39153.     transform: translate3d(-5px, 0, 0);

  39154.   }

  39155. 

  39156.   100% {

  39157.     -webkit-transform: none;

  39158.     transform: none;

  39159.   }

  39160. }

  39161. 

  39162. @-webkit-keyframes flyInRight {

  39163.   0% {

  39164.     opacity: 0;

  39165.     -webkit-transform: translate3d(-1500px, 0, 0);

  39166.     transform: translate3d(-1500px, 0, 0);

  39167.   }

  39168. 

  39169.   60% {

  39170.     opacity: 1;

  39171.     -webkit-transform: translate3d(25px, 0, 0);

  39172.     transform: translate3d(25px, 0, 0);

  39173.   }

  39174. 

  39175.   75% {

  39176.     -webkit-transform: translate3d(-10px, 0, 0);

  39177.     transform: translate3d(-10px, 0, 0);

  39178.   }

  39179. 

  39180.   90% {

  39181.     -webkit-transform: translate3d(5px, 0, 0);

  39182.     transform: translate3d(5px, 0, 0);

  39183.   }

  39184. 

  39185.   100% {

  39186.     -webkit-transform: none;

  39187.     transform: none;

  39188.   }

  39189. }

  39190. 

  39191. @keyframes flyInRight {

  39192.   0% {

  39193.     opacity: 0;

  39194.     -webkit-transform: translate3d(-1500px, 0, 0);

  39195.     transform: translate3d(-1500px, 0, 0);

  39196.   }

  39197. 

  39198.   60% {

  39199.     opacity: 1;

  39200.     -webkit-transform: translate3d(25px, 0, 0);

  39201.     transform: translate3d(25px, 0, 0);

  39202.   }

  39203. 

  39204.   75% {

  39205.     -webkit-transform: translate3d(-10px, 0, 0);

  39206.     transform: translate3d(-10px, 0, 0);

  39207.   }

  39208. 

  39209.   90% {

  39210.     -webkit-transform: translate3d(5px, 0, 0);

  39211.     transform: translate3d(5px, 0, 0);

  39212.   }

  39213. 

  39214.   100% {

  39215.     -webkit-transform: none;

  39216.     transform: none;

  39217.   }

  39218. }

  39219. 

  39220. /* Out */

  39221. 

  39222. @-webkit-keyframes flyOut {

  39223.   20% {

  39224.     -webkit-transform: scale3d(0.9, 0.9, 0.9);

  39225.     transform: scale3d(0.9, 0.9, 0.9);

  39226.   }

  39227. 

  39228.   50%, 55% {

  39229.     opacity: 1;

  39230.     -webkit-transform: scale3d(1.1, 1.1, 1.1);

  39231.     transform: scale3d(1.1, 1.1, 1.1);

  39232.   }

  39233. 

  39234.   100% {

  39235.     opacity: 0;

  39236.     -webkit-transform: scale3d(0.3, 0.3, 0.3);

  39237.     transform: scale3d(0.3, 0.3, 0.3);

  39238.   }

  39239. }

  39240. 

  39241. @keyframes flyOut {

  39242.   20% {

  39243.     -webkit-transform: scale3d(0.9, 0.9, 0.9);

  39244.     transform: scale3d(0.9, 0.9, 0.9);

  39245.   }

  39246. 

  39247.   50%, 55% {

  39248.     opacity: 1;

  39249.     -webkit-transform: scale3d(1.1, 1.1, 1.1);

  39250.     transform: scale3d(1.1, 1.1, 1.1);

  39251.   }

  39252. 

  39253.   100% {

  39254.     opacity: 0;

  39255.     -webkit-transform: scale3d(0.3, 0.3, 0.3);

  39256.     transform: scale3d(0.3, 0.3, 0.3);

  39257.   }

  39258. }

  39259. 

  39260. @-webkit-keyframes flyOutUp {

  39261.   20% {

  39262.     -webkit-transform: translate3d(0, 10px, 0);

  39263.     transform: translate3d(0, 10px, 0);

  39264.   }

  39265. 

  39266.   40%, 45% {

  39267.     opacity: 1;

  39268.     -webkit-transform: translate3d(0, -20px, 0);

  39269.     transform: translate3d(0, -20px, 0);

  39270.   }

  39271. 

  39272.   100% {

  39273.     opacity: 0;

  39274.     -webkit-transform: translate3d(0, 2000px, 0);

  39275.     transform: translate3d(0, 2000px, 0);

  39276.   }

  39277. }

  39278. 

  39279. @keyframes flyOutUp {

  39280.   20% {

  39281.     -webkit-transform: translate3d(0, 10px, 0);

  39282.     transform: translate3d(0, 10px, 0);

  39283.   }

  39284. 

  39285.   40%, 45% {

  39286.     opacity: 1;

  39287.     -webkit-transform: translate3d(0, -20px, 0);

  39288.     transform: translate3d(0, -20px, 0);

  39289.   }

  39290. 

  39291.   100% {

  39292.     opacity: 0;

  39293.     -webkit-transform: translate3d(0, 2000px, 0);

  39294.     transform: translate3d(0, 2000px, 0);

  39295.   }

  39296. }

  39297. 

  39298. @-webkit-keyframes flyOutDown {

  39299.   20% {

  39300.     -webkit-transform: translate3d(0, -10px, 0);

  39301.     transform: translate3d(0, -10px, 0);

  39302.   }

  39303. 

  39304.   40%, 45% {

  39305.     opacity: 1;

  39306.     -webkit-transform: translate3d(0, 20px, 0);

  39307.     transform: translate3d(0, 20px, 0);

  39308.   }

  39309. 

  39310.   100% {

  39311.     opacity: 0;

  39312.     -webkit-transform: translate3d(0, -2000px, 0);

  39313.     transform: translate3d(0, -2000px, 0);

  39314.   }

  39315. }

  39316. 

  39317. @keyframes flyOutDown {

  39318.   20% {

  39319.     -webkit-transform: translate3d(0, -10px, 0);

  39320.     transform: translate3d(0, -10px, 0);

  39321.   }

  39322. 

  39323.   40%, 45% {

  39324.     opacity: 1;

  39325.     -webkit-transform: translate3d(0, 20px, 0);

  39326.     transform: translate3d(0, 20px, 0);

  39327.   }

  39328. 

  39329.   100% {

  39330.     opacity: 0;

  39331.     -webkit-transform: translate3d(0, -2000px, 0);

  39332.     transform: translate3d(0, -2000px, 0);

  39333.   }

  39334. }

  39335. 

  39336. @-webkit-keyframes flyOutRight {

  39337.   20% {

  39338.     opacity: 1;

  39339.     -webkit-transform: translate3d(20px, 0, 0);

  39340.     transform: translate3d(20px, 0, 0);

  39341.   }

  39342. 

  39343.   100% {

  39344.     opacity: 0;

  39345.     -webkit-transform: translate3d(-2000px, 0, 0);

  39346.     transform: translate3d(-2000px, 0, 0);

  39347.   }

  39348. }

  39349. 

  39350. @keyframes flyOutRight {

  39351.   20% {

  39352.     opacity: 1;

  39353.     -webkit-transform: translate3d(20px, 0, 0);

  39354.     transform: translate3d(20px, 0, 0);

  39355.   }

  39356. 

  39357.   100% {

  39358.     opacity: 0;

  39359.     -webkit-transform: translate3d(-2000px, 0, 0);

  39360.     transform: translate3d(-2000px, 0, 0);

  39361.   }

  39362. }

  39363. 

  39364. @-webkit-keyframes flyOutLeft {

  39365.   20% {

  39366.     opacity: 1;

  39367.     -webkit-transform: translate3d(-20px, 0, 0);

  39368.     transform: translate3d(-20px, 0, 0);

  39369.   }

  39370. 

  39371.   100% {

  39372.     opacity: 0;

  39373.     -webkit-transform: translate3d(2000px, 0, 0);

  39374.     transform: translate3d(2000px, 0, 0);

  39375.   }

  39376. }

  39377. 

  39378. @keyframes flyOutLeft {

  39379.   20% {

  39380.     opacity: 1;

  39381.     -webkit-transform: translate3d(-20px, 0, 0);

  39382.     transform: translate3d(-20px, 0, 0);

  39383.   }

  39384. 

  39385.   100% {

  39386.     opacity: 0;

  39387.     -webkit-transform: translate3d(2000px, 0, 0);

  39388.     transform: translate3d(2000px, 0, 0);

  39389.   }

  39390. }

  39391. 

  39392. /*--------------

  39393.      Slide

  39394. ---------------*/

  39395. 

  39396. .transition.slide.in,

  39397. .transition[class*="slide down"].in {

  39398.   -webkit-animation-name: slideInY;

  39399.   animation-name: slideInY;

  39400.   -webkit-transform-origin: top center;

  39401.   transform-origin: top center;

  39402. }

  39403. 

  39404. .transition[class*="slide up"].in {

  39405.   -webkit-animation-name: slideInY;

  39406.   animation-name: slideInY;

  39407.   -webkit-transform-origin: bottom center;

  39408.   transform-origin: bottom center;

  39409. }

  39410. 

  39411. .transition[class*="slide left"].in {

  39412.   -webkit-animation-name: slideInX;

  39413.   animation-name: slideInX;

  39414.   -webkit-transform-origin: center right;

  39415.   transform-origin: center right;

  39416. }

  39417. 

  39418. .transition[class*="slide right"].in {

  39419.   -webkit-animation-name: slideInX;

  39420.   animation-name: slideInX;

  39421.   -webkit-transform-origin: center left;

  39422.   transform-origin: center left;

  39423. }

  39424. 

  39425. .transition.slide.out,

  39426. .transition[class*="slide down"].out {

  39427.   -webkit-animation-name: slideOutY;

  39428.   animation-name: slideOutY;

  39429.   -webkit-transform-origin: top center;

  39430.   transform-origin: top center;

  39431. }

  39432. 

  39433. .transition[class*="slide up"].out {

  39434.   -webkit-animation-name: slideOutY;

  39435.   animation-name: slideOutY;

  39436.   -webkit-transform-origin: bottom center;

  39437.   transform-origin: bottom center;

  39438. }

  39439. 

  39440. .transition[class*="slide left"].out {

  39441.   -webkit-animation-name: slideOutX;

  39442.   animation-name: slideOutX;

  39443.   -webkit-transform-origin: center right;

  39444.   transform-origin: center right;

  39445. }

  39446. 

  39447. .transition[class*="slide right"].out {

  39448.   -webkit-animation-name: slideOutX;

  39449.   animation-name: slideOutX;

  39450.   -webkit-transform-origin: center left;

  39451.   transform-origin: center left;

  39452. }

  39453. 

  39454. /* In */

  39455. 

  39456. @-webkit-keyframes slideInY {

  39457.   0% {

  39458.     opacity: 0;

  39459.     -webkit-transform: scaleY(0);

  39460.     transform: scaleY(0);

  39461.   }

  39462. 

  39463.   100% {

  39464.     opacity: 1;

  39465.     -webkit-transform: scaleY(1);

  39466.     transform: scaleY(1);

  39467.   }

  39468. }

  39469. 

  39470. @keyframes slideInY {

  39471.   0% {

  39472.     opacity: 0;

  39473.     -webkit-transform: scaleY(0);

  39474.     transform: scaleY(0);

  39475.   }

  39476. 

  39477.   100% {

  39478.     opacity: 1;

  39479.     -webkit-transform: scaleY(1);

  39480.     transform: scaleY(1);

  39481.   }

  39482. }

  39483. 

  39484. @-webkit-keyframes slideInX {

  39485.   0% {

  39486.     opacity: 0;

  39487.     -webkit-transform: scaleX(0);

  39488.     transform: scaleX(0);

  39489.   }

  39490. 

  39491.   100% {

  39492.     opacity: 1;

  39493.     -webkit-transform: scaleX(1);

  39494.     transform: scaleX(1);

  39495.   }

  39496. }

  39497. 

  39498. @keyframes slideInX {

  39499.   0% {

  39500.     opacity: 0;

  39501.     -webkit-transform: scaleX(0);

  39502.     transform: scaleX(0);

  39503.   }

  39504. 

  39505.   100% {

  39506.     opacity: 1;

  39507.     -webkit-transform: scaleX(1);

  39508.     transform: scaleX(1);

  39509.   }

  39510. }

  39511. 

  39512. /* Out */

  39513. 

  39514. @-webkit-keyframes slideOutY {

  39515.   0% {

  39516.     opacity: 1;

  39517.     -webkit-transform: scaleY(1);

  39518.     transform: scaleY(1);

  39519.   }

  39520. 

  39521.   100% {

  39522.     opacity: 0;

  39523.     -webkit-transform: scaleY(0);

  39524.     transform: scaleY(0);

  39525.   }

  39526. }

  39527. 

  39528. @keyframes slideOutY {

  39529.   0% {

  39530.     opacity: 1;

  39531.     -webkit-transform: scaleY(1);

  39532.     transform: scaleY(1);

  39533.   }

  39534. 

  39535.   100% {

  39536.     opacity: 0;

  39537.     -webkit-transform: scaleY(0);

  39538.     transform: scaleY(0);

  39539.   }

  39540. }

  39541. 

  39542. @-webkit-keyframes slideOutX {

  39543.   0% {

  39544.     opacity: 1;

  39545.     -webkit-transform: scaleX(1);

  39546.     transform: scaleX(1);

  39547.   }

  39548. 

  39549.   100% {

  39550.     opacity: 0;

  39551.     -webkit-transform: scaleX(0);

  39552.     transform: scaleX(0);

  39553.   }

  39554. }

  39555. 

  39556. @keyframes slideOutX {

  39557.   0% {

  39558.     opacity: 1;

  39559.     -webkit-transform: scaleX(1);

  39560.     transform: scaleX(1);

  39561.   }

  39562. 

  39563.   100% {

  39564.     opacity: 0;

  39565.     -webkit-transform: scaleX(0);

  39566.     transform: scaleX(0);

  39567.   }

  39568. }

  39569. 

  39570. /*--------------

  39571.      Swing

  39572. ---------------*/

  39573. 

  39574. .transition.swing {

  39575.   -webkit-animation-duration: 800ms;

  39576.   animation-duration: 800ms;

  39577. }

  39578. 

  39579. .transition[class*="swing down"].in {

  39580.   -webkit-animation-name: swingInX;

  39581.   animation-name: swingInX;

  39582.   -webkit-transform-origin: top center;

  39583.   transform-origin: top center;

  39584. }

  39585. 

  39586. .transition[class*="swing up"].in {

  39587.   -webkit-animation-name: swingInX;

  39588.   animation-name: swingInX;

  39589.   -webkit-transform-origin: bottom center;

  39590.   transform-origin: bottom center;

  39591. }

  39592. 

  39593. .transition[class*="swing left"].in {

  39594.   -webkit-animation-name: swingInY;

  39595.   animation-name: swingInY;

  39596.   -webkit-transform-origin: center right;

  39597.   transform-origin: center right;

  39598. }

  39599. 

  39600. .transition[class*="swing right"].in {

  39601.   -webkit-animation-name: swingInY;

  39602.   animation-name: swingInY;

  39603.   -webkit-transform-origin: center left;

  39604.   transform-origin: center left;

  39605. }

  39606. 

  39607. .transition.swing.out,

  39608. .transition[class*="swing down"].out {

  39609.   -webkit-animation-name: swingOutX;

  39610.   animation-name: swingOutX;

  39611.   -webkit-transform-origin: top center;

  39612.   transform-origin: top center;

  39613. }

  39614. 

  39615. .transition[class*="swing up"].out {

  39616.   -webkit-animation-name: swingOutX;

  39617.   animation-name: swingOutX;

  39618.   -webkit-transform-origin: bottom center;

  39619.   transform-origin: bottom center;

  39620. }

  39621. 

  39622. .transition[class*="swing left"].out {

  39623.   -webkit-animation-name: swingOutY;

  39624.   animation-name: swingOutY;

  39625.   -webkit-transform-origin: center right;

  39626.   transform-origin: center right;

  39627. }

  39628. 

  39629. .transition[class*="swing right"].out {

  39630.   -webkit-animation-name: swingOutY;

  39631.   animation-name: swingOutY;

  39632.   -webkit-transform-origin: center left;

  39633.   transform-origin: center left;

  39634. }

  39635. 

  39636. /* In */

  39637. 

  39638. @-webkit-keyframes swingInX {

  39639.   0% {

  39640.     -webkit-transform: perspective(1000px) rotateX(90deg);

  39641.     transform: perspective(1000px) rotateX(90deg);

  39642.     opacity: 0;

  39643.   }

  39644. 

  39645.   40% {

  39646.     -webkit-transform: perspective(1000px) rotateX(-30deg);

  39647.     transform: perspective(1000px) rotateX(-30deg);

  39648.     opacity: 1;

  39649.   }

  39650. 

  39651.   60% {

  39652.     -webkit-transform: perspective(1000px) rotateX(15deg);

  39653.     transform: perspective(1000px) rotateX(15deg);

  39654.   }

  39655. 

  39656.   80% {

  39657.     -webkit-transform: perspective(1000px) rotateX(-7.5deg);

  39658.     transform: perspective(1000px) rotateX(-7.5deg);

  39659.   }

  39660. 

  39661.   100% {

  39662.     -webkit-transform: perspective(1000px) rotateX(0deg);

  39663.     transform: perspective(1000px) rotateX(0deg);

  39664.   }

  39665. }

  39666. 

  39667. @keyframes swingInX {

  39668.   0% {

  39669.     -webkit-transform: perspective(1000px) rotateX(90deg);

  39670.     transform: perspective(1000px) rotateX(90deg);

  39671.     opacity: 0;

  39672.   }

  39673. 

  39674.   40% {

  39675.     -webkit-transform: perspective(1000px) rotateX(-30deg);

  39676.     transform: perspective(1000px) rotateX(-30deg);

  39677.     opacity: 1;

  39678.   }

  39679. 

  39680.   60% {

  39681.     -webkit-transform: perspective(1000px) rotateX(15deg);

  39682.     transform: perspective(1000px) rotateX(15deg);

  39683.   }

  39684. 

  39685.   80% {

  39686.     -webkit-transform: perspective(1000px) rotateX(-7.5deg);

  39687.     transform: perspective(1000px) rotateX(-7.5deg);

  39688.   }

  39689. 

  39690.   100% {

  39691.     -webkit-transform: perspective(1000px) rotateX(0deg);

  39692.     transform: perspective(1000px) rotateX(0deg);

  39693.   }

  39694. }

  39695. 

  39696. @-webkit-keyframes swingInY {

  39697.   0% {

  39698.     -webkit-transform: perspective(1000px) rotateY(-90deg);

  39699.     transform: perspective(1000px) rotateY(-90deg);

  39700.     opacity: 0;

  39701.   }

  39702. 

  39703.   40% {

  39704.     -webkit-transform: perspective(1000px) rotateY(30deg);

  39705.     transform: perspective(1000px) rotateY(30deg);

  39706.     opacity: 1;

  39707.   }

  39708. 

  39709.   60% {

  39710.     -webkit-transform: perspective(1000px) rotateY(-17.5deg);

  39711.     transform: perspective(1000px) rotateY(-17.5deg);

  39712.   }

  39713. 

  39714.   80% {

  39715.     -webkit-transform: perspective(1000px) rotateY(7.5deg);

  39716.     transform: perspective(1000px) rotateY(7.5deg);

  39717.   }

  39718. 

  39719.   100% {

  39720.     -webkit-transform: perspective(1000px) rotateY(0deg);

  39721.     transform: perspective(1000px) rotateY(0deg);

  39722.   }

  39723. }

  39724. 

  39725. @keyframes swingInY {

  39726.   0% {

  39727.     -webkit-transform: perspective(1000px) rotateY(-90deg);

  39728.     transform: perspective(1000px) rotateY(-90deg);

  39729.     opacity: 0;

  39730.   }

  39731. 

  39732.   40% {

  39733.     -webkit-transform: perspective(1000px) rotateY(30deg);

  39734.     transform: perspective(1000px) rotateY(30deg);

  39735.     opacity: 1;

  39736.   }

  39737. 

  39738.   60% {

  39739.     -webkit-transform: perspective(1000px) rotateY(-17.5deg);

  39740.     transform: perspective(1000px) rotateY(-17.5deg);

  39741.   }

  39742. 

  39743.   80% {

  39744.     -webkit-transform: perspective(1000px) rotateY(7.5deg);

  39745.     transform: perspective(1000px) rotateY(7.5deg);

  39746.   }

  39747. 

  39748.   100% {

  39749.     -webkit-transform: perspective(1000px) rotateY(0deg);

  39750.     transform: perspective(1000px) rotateY(0deg);

  39751.   }

  39752. }

  39753. 

  39754. /* Out */

  39755. 

  39756. @-webkit-keyframes swingOutX {

  39757.   0% {

  39758.     -webkit-transform: perspective(1000px) rotateX(0deg);

  39759.     transform: perspective(1000px) rotateX(0deg);

  39760.   }

  39761. 

  39762.   40% {

  39763.     -webkit-transform: perspective(1000px) rotateX(-7.5deg);

  39764.     transform: perspective(1000px) rotateX(-7.5deg);

  39765.   }

  39766. 

  39767.   60% {

  39768.     -webkit-transform: perspective(1000px) rotateX(17.5deg);

  39769.     transform: perspective(1000px) rotateX(17.5deg);

  39770.   }

  39771. 

  39772.   80% {

  39773.     -webkit-transform: perspective(1000px) rotateX(-30deg);

  39774.     transform: perspective(1000px) rotateX(-30deg);

  39775.     opacity: 1;

  39776.   }

  39777. 

  39778.   100% {

  39779.     -webkit-transform: perspective(1000px) rotateX(90deg);

  39780.     transform: perspective(1000px) rotateX(90deg);

  39781.     opacity: 0;

  39782.   }

  39783. }

  39784. 

  39785. @keyframes swingOutX {

  39786.   0% {

  39787.     -webkit-transform: perspective(1000px) rotateX(0deg);

  39788.     transform: perspective(1000px) rotateX(0deg);

  39789.   }

  39790. 

  39791.   40% {

  39792.     -webkit-transform: perspective(1000px) rotateX(-7.5deg);

  39793.     transform: perspective(1000px) rotateX(-7.5deg);

  39794.   }

  39795. 

  39796.   60% {

  39797.     -webkit-transform: perspective(1000px) rotateX(17.5deg);

  39798.     transform: perspective(1000px) rotateX(17.5deg);

  39799.   }

  39800. 

  39801.   80% {

  39802.     -webkit-transform: perspective(1000px) rotateX(-30deg);

  39803.     transform: perspective(1000px) rotateX(-30deg);

  39804.     opacity: 1;

  39805.   }

  39806. 

  39807.   100% {

  39808.     -webkit-transform: perspective(1000px) rotateX(90deg);

  39809.     transform: perspective(1000px) rotateX(90deg);

  39810.     opacity: 0;

  39811.   }

  39812. }

  39813. 

  39814. @-webkit-keyframes swingOutY {

  39815.   0% {

  39816.     -webkit-transform: perspective(1000px) rotateY(0deg);

  39817.     transform: perspective(1000px) rotateY(0deg);

  39818.   }

  39819. 

  39820.   40% {

  39821.     -webkit-transform: perspective(1000px) rotateY(7.5deg);

  39822.     transform: perspective(1000px) rotateY(7.5deg);

  39823.   }

  39824. 

  39825.   60% {

  39826.     -webkit-transform: perspective(1000px) rotateY(-10deg);

  39827.     transform: perspective(1000px) rotateY(-10deg);

  39828.   }

  39829. 

  39830.   80% {

  39831.     -webkit-transform: perspective(1000px) rotateY(30deg);

  39832.     transform: perspective(1000px) rotateY(30deg);

  39833.     opacity: 1;

  39834.   }

  39835. 

  39836.   100% {

  39837.     -webkit-transform: perspective(1000px) rotateY(-90deg);

  39838.     transform: perspective(1000px) rotateY(-90deg);

  39839.     opacity: 0;

  39840.   }

  39841. }

  39842. 

  39843. @keyframes swingOutY {

  39844.   0% {

  39845.     -webkit-transform: perspective(1000px) rotateY(0deg);

  39846.     transform: perspective(1000px) rotateY(0deg);

  39847.   }

  39848. 

  39849.   40% {

  39850.     -webkit-transform: perspective(1000px) rotateY(7.5deg);

  39851.     transform: perspective(1000px) rotateY(7.5deg);

  39852.   }

  39853. 

  39854.   60% {

  39855.     -webkit-transform: perspective(1000px) rotateY(-10deg);

  39856.     transform: perspective(1000px) rotateY(-10deg);

  39857.   }

  39858. 

  39859.   80% {

  39860.     -webkit-transform: perspective(1000px) rotateY(30deg);

  39861.     transform: perspective(1000px) rotateY(30deg);

  39862.     opacity: 1;

  39863.   }

  39864. 

  39865.   100% {

  39866.     -webkit-transform: perspective(1000px) rotateY(-90deg);

  39867.     transform: perspective(1000px) rotateY(-90deg);

  39868.     opacity: 0;

  39869.   }

  39870. }

  39871. 

  39872. /*--------------

  39873.       Zoom

  39874. ---------------*/

  39875. 

  39876. .transition.zoom.in {

  39877.   -webkit-animation-name: zoomIn;

  39878.   animation-name: zoomIn;

  39879. }

  39880. 

  39881. .transition.zoom.out {

  39882.   -webkit-animation-name: zoomOut;

  39883.   animation-name: zoomOut;

  39884. }

  39885. 

  39886. @-webkit-keyframes zoomIn {

  39887.   0% {

  39888.     opacity: 1;

  39889.     -webkit-transform: scale(0);

  39890.     transform: scale(0);

  39891.   }

  39892. 

  39893.   100% {

  39894.     opacity: 1;

  39895.     -webkit-transform: scale(1);

  39896.     transform: scale(1);

  39897.   }

  39898. }

  39899. 

  39900. @keyframes zoomIn {

  39901.   0% {

  39902.     opacity: 1;

  39903.     -webkit-transform: scale(0);

  39904.     transform: scale(0);

  39905.   }

  39906. 

  39907.   100% {

  39908.     opacity: 1;

  39909.     -webkit-transform: scale(1);

  39910.     transform: scale(1);

  39911.   }

  39912. }

  39913. 

  39914. @-webkit-keyframes zoomOut {

  39915.   0% {

  39916.     opacity: 1;

  39917.     -webkit-transform: scale(1);

  39918.     transform: scale(1);

  39919.   }

  39920. 

  39921.   100% {

  39922.     opacity: 1;

  39923.     -webkit-transform: scale(0);

  39924.     transform: scale(0);

  39925.   }

  39926. }

  39927. 

  39928. @keyframes zoomOut {

  39929.   0% {

  39930.     opacity: 1;

  39931.     -webkit-transform: scale(1);

  39932.     transform: scale(1);

  39933.   }

  39934. 

  39935.   100% {

  39936.     opacity: 1;

  39937.     -webkit-transform: scale(0);

  39938.     transform: scale(0);

  39939.   }

  39940. }

  39941. 

  39942. /*******************************

  39943.        Static Animations

  39944. *******************************/

  39945. 

  39946. /*--------------

  39947.     Emphasis

  39948. ---------------*/

  39949. 

  39950. .flash.transition {

  39951.   -webkit-animation-duration: 750ms;

  39952.   animation-duration: 750ms;

  39953.   -webkit-animation-name: flash;

  39954.   animation-name: flash;

  39955. }

  39956. 

  39957. .shake.transition {

  39958.   -webkit-animation-duration: 750ms;

  39959.   animation-duration: 750ms;

  39960.   -webkit-animation-name: shake;

  39961.   animation-name: shake;

  39962. }

  39963. 

  39964. .bounce.transition {

  39965.   -webkit-animation-duration: 750ms;

  39966.   animation-duration: 750ms;

  39967.   -webkit-animation-name: bounce;

  39968.   animation-name: bounce;

  39969. }

  39970. 

  39971. .tada.transition {

  39972.   -webkit-animation-duration: 750ms;

  39973.   animation-duration: 750ms;

  39974.   -webkit-animation-name: tada;

  39975.   animation-name: tada;

  39976. }

  39977. 

  39978. .pulse.transition {

  39979.   -webkit-animation-duration: 500ms;

  39980.   animation-duration: 500ms;

  39981.   -webkit-animation-name: pulse;

  39982.   animation-name: pulse;

  39983. }

  39984. 

  39985. .jiggle.transition {

  39986.   -webkit-animation-duration: 750ms;

  39987.   animation-duration: 750ms;

  39988.   -webkit-animation-name: jiggle;

  39989.   animation-name: jiggle;

  39990. }

  39991. 

  39992. .transition.glow {

  39993.   -webkit-animation-duration: 2000ms;

  39994.   animation-duration: 2000ms;

  39995.   -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  39996.   animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  39997. }

  39998. 

  39999. .transition.glow {

  40000.   -webkit-animation-name: glow;

  40001.   animation-name: glow;

  40002. }

  40003. 

  40004. /* Flash */

  40005. 

  40006. @-webkit-keyframes flash {

  40007.   0%, 50%, 100% {

  40008.     opacity: 1;

  40009.   }

  40010. 

  40011.   25%, 75% {

  40012.     opacity: 0;

  40013.   }

  40014. }

  40015. 

  40016. @keyframes flash {

  40017.   0%, 50%, 100% {

  40018.     opacity: 1;

  40019.   }

  40020. 

  40021.   25%, 75% {

  40022.     opacity: 0;

  40023.   }

  40024. }

  40025. 

  40026. /* Shake */

  40027. 

  40028. @-webkit-keyframes shake {

  40029.   0%, 100% {

  40030.     -webkit-transform: translateX(0);

  40031.     transform: translateX(0);

  40032.   }

  40033. 

  40034.   10%, 30%, 50%, 70%, 90% {

  40035.     -webkit-transform: translateX(-10px);

  40036.     transform: translateX(-10px);

  40037.   }

  40038. 

  40039.   20%, 40%, 60%, 80% {

  40040.     -webkit-transform: translateX(10px);

  40041.     transform: translateX(10px);

  40042.   }

  40043. }

  40044. 

  40045. @keyframes shake {

  40046.   0%, 100% {

  40047.     -webkit-transform: translateX(0);

  40048.     transform: translateX(0);

  40049.   }

  40050. 

  40051.   10%, 30%, 50%, 70%, 90% {

  40052.     -webkit-transform: translateX(-10px);

  40053.     transform: translateX(-10px);

  40054.   }

  40055. 

  40056.   20%, 40%, 60%, 80% {

  40057.     -webkit-transform: translateX(10px);

  40058.     transform: translateX(10px);

  40059.   }

  40060. }

  40061. 

  40062. /* Bounce */

  40063. 

  40064. @-webkit-keyframes bounce {

  40065.   0%, 20%, 50%, 80%, 100% {

  40066.     -webkit-transform: translateY(0);

  40067.     transform: translateY(0);

  40068.   }

  40069. 

  40070.   40% {

  40071.     -webkit-transform: translateY(-30px);

  40072.     transform: translateY(-30px);

  40073.   }

  40074. 

  40075.   60% {

  40076.     -webkit-transform: translateY(-15px);

  40077.     transform: translateY(-15px);

  40078.   }

  40079. }

  40080. 

  40081. @keyframes bounce {

  40082.   0%, 20%, 50%, 80%, 100% {

  40083.     -webkit-transform: translateY(0);

  40084.     transform: translateY(0);

  40085.   }

  40086. 

  40087.   40% {

  40088.     -webkit-transform: translateY(-30px);

  40089.     transform: translateY(-30px);

  40090.   }

  40091. 

  40092.   60% {

  40093.     -webkit-transform: translateY(-15px);

  40094.     transform: translateY(-15px);

  40095.   }

  40096. }

  40097. 

  40098. /* Tada */

  40099. 

  40100. @-webkit-keyframes tada {

  40101.   0% {

  40102.     -webkit-transform: scale(1);

  40103.     transform: scale(1);

  40104.   }

  40105. 

  40106.   10%, 20% {

  40107.     -webkit-transform: scale(0.9) rotate(-3deg);

  40108.     transform: scale(0.9) rotate(-3deg);

  40109.   }

  40110. 

  40111.   30%, 50%, 70%, 90% {

  40112.     -webkit-transform: scale(1.1) rotate(3deg);

  40113.     transform: scale(1.1) rotate(3deg);

  40114.   }

  40115. 

  40116.   40%, 60%, 80% {

  40117.     -webkit-transform: scale(1.1) rotate(-3deg);

  40118.     transform: scale(1.1) rotate(-3deg);

  40119.   }

  40120. 

  40121.   100% {

  40122.     -webkit-transform: scale(1) rotate(0);

  40123.     transform: scale(1) rotate(0);

  40124.   }

  40125. }

  40126. 

  40127. @keyframes tada {

  40128.   0% {

  40129.     -webkit-transform: scale(1);

  40130.     transform: scale(1);

  40131.   }

  40132. 

  40133.   10%, 20% {

  40134.     -webkit-transform: scale(0.9) rotate(-3deg);

  40135.     transform: scale(0.9) rotate(-3deg);

  40136.   }

  40137. 

  40138.   30%, 50%, 70%, 90% {

  40139.     -webkit-transform: scale(1.1) rotate(3deg);

  40140.     transform: scale(1.1) rotate(3deg);

  40141.   }

  40142. 

  40143.   40%, 60%, 80% {

  40144.     -webkit-transform: scale(1.1) rotate(-3deg);

  40145.     transform: scale(1.1) rotate(-3deg);

  40146.   }

  40147. 

  40148.   100% {

  40149.     -webkit-transform: scale(1) rotate(0);

  40150.     transform: scale(1) rotate(0);

  40151.   }

  40152. }

  40153. 

  40154. /* Pulse */

  40155. 

  40156. @-webkit-keyframes pulse {

  40157.   0% {

  40158.     -webkit-transform: scale(1);

  40159.     transform: scale(1);

  40160.     opacity: 1;

  40161.   }

  40162. 

  40163.   50% {

  40164.     -webkit-transform: scale(0.9);

  40165.     transform: scale(0.9);

  40166.     opacity: 0.7;

  40167.   }

  40168. 

  40169.   100% {

  40170.     -webkit-transform: scale(1);

  40171.     transform: scale(1);

  40172.     opacity: 1;

  40173.   }

  40174. }

  40175. 

  40176. @keyframes pulse {

  40177.   0% {

  40178.     -webkit-transform: scale(1);

  40179.     transform: scale(1);

  40180.     opacity: 1;

  40181.   }

  40182. 

  40183.   50% {

  40184.     -webkit-transform: scale(0.9);

  40185.     transform: scale(0.9);

  40186.     opacity: 0.7;

  40187.   }

  40188. 

  40189.   100% {

  40190.     -webkit-transform: scale(1);

  40191.     transform: scale(1);

  40192.     opacity: 1;

  40193.   }

  40194. }

  40195. 

  40196. /* Jiggle */

  40197. 

  40198. @-webkit-keyframes jiggle {

  40199.   0% {

  40200.     -webkit-transform: scale3d(1, 1, 1);

  40201.     transform: scale3d(1, 1, 1);

  40202.   }

  40203. 

  40204.   30% {

  40205.     -webkit-transform: scale3d(1.25, 0.75, 1);

  40206.     transform: scale3d(1.25, 0.75, 1);

  40207.   }

  40208. 

  40209.   40% {

  40210.     -webkit-transform: scale3d(0.75, 1.25, 1);

  40211.     transform: scale3d(0.75, 1.25, 1);

  40212.   }

  40213. 

  40214.   50% {

  40215.     -webkit-transform: scale3d(1.15, 0.85, 1);

  40216.     transform: scale3d(1.15, 0.85, 1);

  40217.   }

  40218. 

  40219.   65% {

  40220.     -webkit-transform: scale3d(0.95, 1.05, 1);

  40221.     transform: scale3d(0.95, 1.05, 1);

  40222.   }

  40223. 

  40224.   75% {

  40225.     -webkit-transform: scale3d(1.05, 0.95, 1);

  40226.     transform: scale3d(1.05, 0.95, 1);

  40227.   }

  40228. 

  40229.   100% {

  40230.     -webkit-transform: scale3d(1, 1, 1);

  40231.     transform: scale3d(1, 1, 1);

  40232.   }

  40233. }

  40234. 

  40235. @keyframes jiggle {

  40236.   0% {

  40237.     -webkit-transform: scale3d(1, 1, 1);

  40238.     transform: scale3d(1, 1, 1);

  40239.   }

  40240. 

  40241.   30% {

  40242.     -webkit-transform: scale3d(1.25, 0.75, 1);

  40243.     transform: scale3d(1.25, 0.75, 1);

  40244.   }

  40245. 

  40246.   40% {

  40247.     -webkit-transform: scale3d(0.75, 1.25, 1);

  40248.     transform: scale3d(0.75, 1.25, 1);

  40249.   }

  40250. 

  40251.   50% {

  40252.     -webkit-transform: scale3d(1.15, 0.85, 1);

  40253.     transform: scale3d(1.15, 0.85, 1);

  40254.   }

  40255. 

  40256.   65% {

  40257.     -webkit-transform: scale3d(0.95, 1.05, 1);

  40258.     transform: scale3d(0.95, 1.05, 1);

  40259.   }

  40260. 

  40261.   75% {

  40262.     -webkit-transform: scale3d(1.05, 0.95, 1);

  40263.     transform: scale3d(1.05, 0.95, 1);

  40264.   }

  40265. 

  40266.   100% {

  40267.     -webkit-transform: scale3d(1, 1, 1);

  40268.     transform: scale3d(1, 1, 1);

  40269.   }

  40270. }

  40271. 

  40272. /* Glow */

  40273. 

  40274. @-webkit-keyframes glow {

  40275.   0% {

  40276.     background-color: #FCFCFD;

  40277.   }

  40278. 

  40279.   30% {

  40280.     background-color: #FFF6CD;

  40281.   }

  40282. 

  40283.   100% {

  40284.     background-color: #FCFCFD;

  40285.   }

  40286. }

  40287. 

  40288. @keyframes glow {

  40289.   0% {

  40290.     background-color: #FCFCFD;

  40291.   }

  40292. 

  40293.   30% {

  40294.     background-color: #FFF6CD;

  40295.   }

  40296. 

  40297.   100% {

  40298.     background-color: #FCFCFD;

  40299.   }

  40300. }

  40301. 

  40302. /*******************************

  40303.          Site Overrides

  40304. *******************************/