Use Semantic UI for all HTML templates 0.2.0
authorJan Dittberner <jan@dittberner.info>
Sun, 30 Apr 2017 00:37:29 +0000 (02:37 +0200)
committerJan Dittberner <jan@dittberner.info>
Sun, 30 Apr 2017 00:37:29 +0000 (02:37 +0200)
17 files changed:
boardvoting.go
forms.go
semantic.json
static/semantic.css
static/semantic.js
static/semantic.min.css
static/semantic.min.js
templates/create_motion_form.html
templates/denied.html
templates/direct_vote_form.html
templates/edit_motion_form.html
templates/header.html
templates/motion.html
templates/motion_fragments.html
templates/motions.html
templates/proxy_vote_form.html
templates/withdraw_motion_form.html

index 28278c0..c93709c 100644 (file)
@@ -79,7 +79,7 @@ func authenticateRequest(w http.ResponseWriter, r *http.Request, handler func(ht
        needsAuth, ok := r.Context().Value(ctxNeedsAuth).(bool)
        if ok && needsAuth {
                w.WriteHeader(http.StatusForbidden)
-               renderTemplate(w, []string{"denied.html"}, nil)
+               renderTemplate(w, []string{"denied.html", "header.html", "footer.html"}, nil)
                return
        }
        handler(w, r)
index e0d430a..bfd62ee 100644 (file)
--- a/forms.go
+++ b/forms.go
@@ -29,22 +29,22 @@ func (f *NewDecisionForm) Validate() (bool, *Decision) {
 
        data.Title = strings.TrimSpace(f.Title)
        if len(data.Title) < 3 {
-               f.Errors["Title"] = "Please enter at least 3 characters."
+               f.Errors["Title"] = "Please enter at least 3 characters for Title."
        }
 
        data.Content = strings.TrimSpace(f.Content)
        if len(strings.Fields(data.Content)) < 3 {
-               f.Errors["Content"] = "Please enter at least 3 words."
+               f.Errors["Content"] = "Please enter at least 3 words as Text."
        }
 
        if voteType, err := strconv.ParseUint(f.VoteType, 10, 8); err != nil || (voteType != 0 && voteType != 1) {
-               f.Errors["VoteType"] = fmt.Sprint("Please choose a valid vote type", err)
+               f.Errors["VoteType"] = fmt.Sprint("Please choose a valid vote type.", err)
        } else {
                data.VoteType = VoteType(uint8(voteType))
        }
 
        if dueDuration, ok := validDueDurations[f.Due]; !ok {
-               f.Errors["Due"] = "Please choose a valid due date"
+               f.Errors["Due"] = "Please choose a valid due date."
        } else {
                year, month, day := time.Now().UTC().Add(dueDuration).Date()
                data.Due = time.Date(year, month, day, 23, 59, 59, 0, time.UTC)
@@ -69,22 +69,22 @@ func (f *EditDecisionForm) Validate() (bool, *Decision) {
 
        data.Title = strings.TrimSpace(f.Title)
        if len(data.Title) < 3 {
-               f.Errors["Title"] = "Please enter at least 3 characters."
+               f.Errors["Title"] = "Please enter at least 3 characters for Title."
        }
 
        data.Content = strings.TrimSpace(f.Content)
        if len(strings.Fields(data.Content)) < 3 {
-               f.Errors["Content"] = "Please enter at least 3 words."
+               f.Errors["Content"] = "Please enter at least 3 words as Text."
        }
 
        if voteType, err := strconv.ParseUint(f.VoteType, 10, 8); err != nil || (voteType != 0 && voteType != 1) {
-               f.Errors["VoteType"] = fmt.Sprint("Please choose a valid vote type", err)
+               f.Errors["VoteType"] = fmt.Sprint("Please choose a valid vote type.", err)
        } else {
                data.VoteType = VoteType(uint8(voteType))
        }
 
        if dueDuration, ok := validDueDurations[f.Due]; !ok {
-               f.Errors["Due"] = "Please choose a valid due date"
+               f.Errors["Due"] = "Please choose a valid due date."
        } else {
                year, month, day := time.Now().UTC().Add(dueDuration).Date()
                data.Due = time.Date(year, month, day, 23, 59, 59, 0, time.UTC)
@@ -107,24 +107,24 @@ func (f *ProxyVoteForm) Validate() (bool, *Voter, *Vote, string) {
 
        var voter *Voter
        if voterId, err := strconv.ParseInt(f.Voter, 10, 64); err != nil {
-               f.Errors["Voter"] = fmt.Sprint("Please choose a valid voter", err)
+               f.Errors["Voter"] = fmt.Sprint("Please choose a valid voter.", err)
        } else if voter, err = GetVoterById(voterId); err != nil {
-               f.Errors["Voter"] = fmt.Sprint("Please choose a valid voter", err)
+               f.Errors["Voter"] = fmt.Sprint("Please choose a valid voter.", err)
        } else {
                data.VoterId = voter.Id
        }
 
        if vote, err := strconv.ParseInt(f.Vote, 10, 8); err != nil {
-               f.Errors["Vote"] = fmt.Sprint("Please choose a valid vote", err)
+               f.Errors["Vote"] = fmt.Sprint("Please choose a valid vote.", err)
        } else if voteChoice, ok := VoteChoices[vote]; !ok {
-               f.Errors["Vote"] = fmt.Sprint("Please choose a valid vote")
+               f.Errors["Vote"] = fmt.Sprint("Please choose a valid vote.")
        } else {
                data.Vote = voteChoice
        }
 
        justification := strings.TrimSpace(f.Justification)
        if len(justification) < 3 {
-               f.Errors["Justification"] = "Please enter at least 3 characters."
+               f.Errors["Justification"] = "Please enter at least 3 characters for justification."
        }
 
        return len(f.Errors) == 0, voter, data, justification
index df8cf48..063aac1 100644 (file)
     "button",
     "container",
     "divider",
-    "flag",
     "header",
     "icon",
-    "image",
     "input",
     "label",
     "list",
-    "loader",
-    "rail",
-    "reveal",
     "segment",
-    "step",
-    "breadcrumb",
     "form",
     "grid",
     "menu",
     "message",
     "table",
-    "ad",
-    "card",
-    "comment",
-    "feed",
     "item",
-    "statistic",
-    "accordion",
     "checkbox",
-    "dimmer",
     "dropdown",
     "embed",
-    "modal",
-    "nag",
-    "popup",
-    "progress",
-    "rating",
-    "search",
     "shape",
-    "sidebar",
     "sticky",
-    "tab",
-    "transition",
     "api",
     "form",
     "state",
index 0cdd10d..e0827de 100644 (file)
@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 
+ * # Semantic UI - 2.2.10
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *
@@ -10,7 +10,7 @@
  */
 @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');
 /*!
- * # Semantic UI undefined - Reset
+ * # Semantic UI 2.2.10 - Reset
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -496,7 +496,7 @@ th {
          Site Overrides
 *******************************/
 /*!
- * # Semantic UI undefined - Site
+ * # Semantic UI 2.2.10 - Site
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -664,7 +664,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Semantic UI undefined - Button
+ * # Semantic UI 2.2.10 - Button
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -4614,7 +4614,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Semantic UI undefined - Container
+ * # Semantic UI 2.2.10 - Container
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -4775,7 +4775,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Semantic UI undefined - Divider
+ * # Semantic UI 2.2.10 - Divider
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -5042,7 +5042,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Semantic UI undefined - Flag
+ * # Semantic UI 2.2.10 - Header
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -5052,7753 +5052,7422 @@ input::selection {
  */
 
 /*******************************
-             Flag
+            Header
 *******************************/
 
-i.flag:not(.icon) {
-  display: inline-block;
-  width: 16px;
-  height: 11px;
-  line-height: 11px;
-  vertical-align: baseline;
-  margin: 0em 0.5em 0em 0em;
-  text-decoration: inherit;
-  speak: none;
-  font-smoothing: antialiased;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-}
-
-/* Sprite */
+/* Standard */
 
-i.flag:not(.icon):before {
-  display: inline-block;
-  content: '';
-  background: url("./themes/default/assets/images/flags.png") no-repeat -108px -1976px;
-  width: 16px;
-  height: 11px;
+.ui.header {
+  border: none;
+  margin: calc(2rem -  0.14285714em ) 0em 1rem;
+  padding: 0em 0em;
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  line-height: 1.28571429em;
+  text-transform: none;
+  color: rgba(0, 0, 0, 0.87);
 }
 
-/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-i.flag.ad:before,
-i.flag.andorra:before {
-  background-position: 0px 0px;
+.ui.header:first-child {
+  margin-top: -0.14285714em;
 }
 
-i.flag.ae:before,
-i.flag.united.arab.emirates:before,
-i.flag.uae:before {
-  background-position: 0px -26px;
+.ui.header:last-child {
+  margin-bottom: 0em;
 }
 
-i.flag.af:before,
-i.flag.afghanistan:before {
-  background-position: 0px -52px;
-}
+/*--------------
+   Sub Header
+---------------*/
 
-i.flag.ag:before,
-i.flag.antigua:before {
-  background-position: 0px -78px;
+.ui.header .sub.header {
+  display: block;
+  font-weight: normal;
+  padding: 0em;
+  margin: 0em;
+  font-size: 1rem;
+  line-height: 1.2em;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-i.flag.ai:before,
-i.flag.anguilla:before {
-  background-position: 0px -104px;
-}
+/*--------------
+      Icon
+---------------*/
 
-i.flag.al:before,
-i.flag.albania:before {
-  background-position: 0px -130px;
+.ui.header > .icon {
+  display: table-cell;
+  opacity: 1;
+  font-size: 1.5em;
+  padding-top: 0.14285714em;
+  vertical-align: middle;
 }
 
-i.flag.am:before,
-i.flag.armenia:before {
-  background-position: 0px -156px;
-}
+/* With Text Node */
 
-i.flag.an:before,
-i.flag.netherlands.antilles:before {
-  background-position: 0px -182px;
+.ui.header .icon:only-child {
+  display: inline-block;
+  padding: 0em;
+  margin-right: 0.75rem;
 }
 
-i.flag.ao:before,
-i.flag.angola:before {
-  background-position: 0px -208px;
-}
+/*-------------------
+        Image
+--------------------*/
 
-i.flag.ar:before,
-i.flag.argentina:before {
-  background-position: 0px -234px;
+.ui.header > .image:not(.icon),
+.ui.header > img {
+  display: inline-block;
+  margin-top: 0.14285714em;
+  width: 2.5em;
+  height: auto;
+  vertical-align: middle;
 }
 
-i.flag.as:before,
-i.flag.american.samoa:before {
-  background-position: 0px -260px;
+.ui.header > .image:not(.icon):only-child,
+.ui.header > img:only-child {
+  margin-right: 0.75rem;
 }
 
-i.flag.at:before,
-i.flag.austria:before {
-  background-position: 0px -286px;
-}
+/*--------------
+     Content
+---------------*/
 
-i.flag.au:before,
-i.flag.australia:before {
-  background-position: 0px -312px;
+.ui.header .content {
+  display: inline-block;
+  vertical-align: top;
 }
 
-i.flag.aw:before,
-i.flag.aruba:before {
-  background-position: 0px -338px;
-}
+/* After Image */
 
-i.flag.ax:before,
-i.flag.aland.islands:before {
-  background-position: 0px -364px;
+.ui.header > img + .content,
+.ui.header > .image + .content {
+  padding-left: 0.75rem;
+  vertical-align: middle;
 }
 
-i.flag.az:before,
-i.flag.azerbaijan:before {
-  background-position: 0px -390px;
-}
+/* After Icon */
 
-i.flag.ba:before,
-i.flag.bosnia:before {
-  background-position: 0px -416px;
+.ui.header > .icon + .content {
+  padding-left: 0.75rem;
+  display: table-cell;
+  vertical-align: middle;
 }
 
-i.flag.bb:before,
-i.flag.barbados:before {
-  background-position: 0px -442px;
-}
+/*--------------
+ Loose Coupling
+---------------*/
 
-i.flag.bd:before,
-i.flag.bangladesh:before {
-  background-position: 0px -468px;
+.ui.header .ui.label {
+  font-size: '';
+  margin-left: 0.5rem;
+  vertical-align: middle;
 }
 
-i.flag.be:before,
-i.flag.belgium:before {
-  background-position: 0px -494px;
-}
+/* Positioning */
 
-i.flag.bf:before,
-i.flag.burkina.faso:before {
-  background-position: 0px -520px;
+.ui.header + p {
+  margin-top: 0em;
 }
 
-i.flag.bg:before,
-i.flag.bulgaria:before {
-  background-position: 0px -546px;
-}
+/*******************************
+            Types
+*******************************/
 
-i.flag.bh:before,
-i.flag.bahrain:before {
-  background-position: 0px -572px;
-}
+/*--------------
+     Page
+---------------*/
 
-i.flag.bi:before,
-i.flag.burundi:before {
-  background-position: 0px -598px;
+h1.ui.header {
+  font-size: 2rem;
 }
 
-i.flag.bj:before,
-i.flag.benin:before {
-  background-position: 0px -624px;
+h2.ui.header {
+  font-size: 1.71428571rem;
 }
 
-i.flag.bm:before,
-i.flag.bermuda:before {
-  background-position: 0px -650px;
+h3.ui.header {
+  font-size: 1.28571429rem;
 }
 
-i.flag.bn:before,
-i.flag.brunei:before {
-  background-position: 0px -676px;
+h4.ui.header {
+  font-size: 1.07142857rem;
 }
 
-i.flag.bo:before,
-i.flag.bolivia:before {
-  background-position: 0px -702px;
+h5.ui.header {
+  font-size: 1rem;
 }
 
-i.flag.br:before,
-i.flag.brazil:before {
-  background-position: 0px -728px;
-}
+/* Sub Header */
 
-i.flag.bs:before,
-i.flag.bahamas:before {
-  background-position: 0px -754px;
+h1.ui.header .sub.header {
+  font-size: 1.14285714rem;
 }
 
-i.flag.bt:before,
-i.flag.bhutan:before {
-  background-position: 0px -780px;
+h2.ui.header .sub.header {
+  font-size: 1.14285714rem;
 }
 
-i.flag.bv:before,
-i.flag.bouvet.island:before {
-  background-position: 0px -806px;
+h3.ui.header .sub.header {
+  font-size: 1rem;
 }
 
-i.flag.bw:before,
-i.flag.botswana:before {
-  background-position: 0px -832px;
+h4.ui.header .sub.header {
+  font-size: 1rem;
 }
 
-i.flag.by:before,
-i.flag.belarus:before {
-  background-position: 0px -858px;
+h5.ui.header .sub.header {
+  font-size: 0.92857143rem;
 }
 
-i.flag.bz:before,
-i.flag.belize:before {
-  background-position: 0px -884px;
-}
+/*--------------
+ Content Heading
+---------------*/
 
-i.flag.ca:before,
-i.flag.canada:before {
-  background-position: 0px -910px;
+.ui.huge.header {
+  min-height: 1em;
+  font-size: 2em;
 }
 
-i.flag.cc:before,
-i.flag.cocos.islands:before {
-  background-position: 0px -962px;
+.ui.large.header {
+  font-size: 1.71428571em;
 }
 
-i.flag.cd:before,
-i.flag.congo:before {
-  background-position: 0px -988px;
+.ui.medium.header {
+  font-size: 1.28571429em;
 }
 
-i.flag.cf:before,
-i.flag.central.african.republic:before {
-  background-position: 0px -1014px;
+.ui.small.header {
+  font-size: 1.07142857em;
 }
 
-i.flag.cg:before,
-i.flag.congo.brazzaville:before {
-  background-position: 0px -1040px;
+.ui.tiny.header {
+  font-size: 1em;
 }
 
-i.flag.ch:before,
-i.flag.switzerland:before {
-  background-position: 0px -1066px;
-}
+/* Sub Header */
 
-i.flag.ci:before,
-i.flag.cote.divoire:before {
-  background-position: 0px -1092px;
+.ui.huge.header .sub.header {
+  font-size: 1.14285714rem;
 }
 
-i.flag.ck:before,
-i.flag.cook.islands:before {
-  background-position: 0px -1118px;
+.ui.large.header .sub.header {
+  font-size: 1.14285714rem;
 }
 
-i.flag.cl:before,
-i.flag.chile:before {
-  background-position: 0px -1144px;
+.ui.header .sub.header {
+  font-size: 1rem;
 }
 
-i.flag.cm:before,
-i.flag.cameroon:before {
-  background-position: 0px -1170px;
+.ui.small.header .sub.header {
+  font-size: 1rem;
 }
 
-i.flag.cn:before,
-i.flag.china:before {
-  background-position: 0px -1196px;
+.ui.tiny.header .sub.header {
+  font-size: 0.92857143rem;
 }
 
-i.flag.co:before,
-i.flag.colombia:before {
-  background-position: 0px -1222px;
-}
+/*--------------
+   Sub Heading
+---------------*/
 
-i.flag.cr:before,
-i.flag.costa.rica:before {
-  background-position: 0px -1248px;
+.ui.sub.header {
+  padding: 0em;
+  margin-bottom: 0.14285714rem;
+  font-weight: bold;
+  font-size: 0.85714286em;
+  text-transform: uppercase;
+  color: '';
 }
 
-i.flag.cs:before,
-i.flag.serbia:before {
-  background-position: 0px -1274px;
+.ui.small.sub.header {
+  font-size: 0.78571429em;
 }
 
-i.flag.cu:before,
-i.flag.cuba:before {
-  background-position: 0px -1300px;
+.ui.sub.header {
+  font-size: 0.85714286em;
 }
 
-i.flag.cv:before,
-i.flag.cape.verde:before {
-  background-position: 0px -1326px;
+.ui.large.sub.header {
+  font-size: 0.92857143em;
 }
 
-i.flag.cx:before,
-i.flag.christmas.island:before {
-  background-position: 0px -1352px;
+.ui.huge.sub.header {
+  font-size: 1em;
 }
 
-i.flag.cy:before,
-i.flag.cyprus:before {
-  background-position: 0px -1378px;
-}
+/*-------------------
+        Icon
+--------------------*/
 
-i.flag.cz:before,
-i.flag.czech.republic:before {
-  background-position: 0px -1404px;
+.ui.icon.header {
+  display: inline-block;
+  text-align: center;
+  margin: 2rem 0em 1rem;
 }
 
-i.flag.de:before,
-i.flag.germany:before {
-  background-position: 0px -1430px;
+.ui.icon.header:after {
+  content: '';
+  display: block;
+  height: 0px;
+  clear: both;
+  visibility: hidden;
 }
 
-i.flag.dj:before,
-i.flag.djibouti:before {
-  background-position: 0px -1456px;
+.ui.icon.header:first-child {
+  margin-top: 0em;
 }
 
-i.flag.dk:before,
-i.flag.denmark:before {
-  background-position: 0px -1482px;
+.ui.icon.header .icon {
+  float: none;
+  display: block;
+  width: auto;
+  height: auto;
+  line-height: 1;
+  padding: 0em;
+  font-size: 3em;
+  margin: 0em auto 0.5rem;
+  opacity: 1;
 }
 
-i.flag.dm:before,
-i.flag.dominica:before {
-  background-position: 0px -1508px;
+.ui.icon.header .content {
+  display: block;
+  padding: 0em;
 }
 
-i.flag.do:before,
-i.flag.dominican.republic:before {
-  background-position: 0px -1534px;
+.ui.icon.header .circular.icon {
+  font-size: 2em;
 }
 
-i.flag.dz:before,
-i.flag.algeria:before {
-  background-position: 0px -1560px;
+.ui.icon.header .square.icon {
+  font-size: 2em;
 }
 
-i.flag.ec:before,
-i.flag.ecuador:before {
-  background-position: 0px -1586px;
+.ui.block.icon.header .icon {
+  margin-bottom: 0em;
 }
 
-i.flag.ee:before,
-i.flag.estonia:before {
-  background-position: 0px -1612px;
+.ui.icon.header.aligned {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
 }
 
-i.flag.eg:before,
-i.flag.egypt:before {
-  background-position: 0px -1638px;
-}
+/*******************************
+            States
+*******************************/
 
-i.flag.eh:before,
-i.flag.western.sahara:before {
-  background-position: 0px -1664px;
+.ui.disabled.header {
+  opacity: 0.45;
 }
 
-i.flag.er:before,
-i.flag.eritrea:before {
-  background-position: 0px -1716px;
-}
+/*******************************
+           Variations
+*******************************/
 
-i.flag.es:before,
-i.flag.spain:before {
-  background-position: 0px -1742px;
-}
+/*-------------------
+      Inverted
+--------------------*/
 
-i.flag.et:before,
-i.flag.ethiopia:before {
-  background-position: 0px -1768px;
+.ui.inverted.header {
+  color: #FFFFFF;
 }
 
-i.flag.eu:before,
-i.flag.european.union:before {
-  background-position: 0px -1794px;
+.ui.inverted.header .sub.header {
+  color: rgba(255, 255, 255, 0.8);
 }
 
-i.flag.fi:before,
-i.flag.finland:before {
-  background-position: 0px -1846px;
+.ui.inverted.attached.header {
+  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  box-shadow: none;
+  border-color: transparent;
 }
 
-i.flag.fj:before,
-i.flag.fiji:before {
-  background-position: 0px -1872px;
+.ui.inverted.block.header {
+  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  box-shadow: none;
 }
 
-i.flag.fk:before,
-i.flag.falkland.islands:before {
-  background-position: 0px -1898px;
+.ui.inverted.block.header {
+  border-bottom: none;
 }
 
-i.flag.fm:before,
-i.flag.micronesia:before {
-  background-position: 0px -1924px;
-}
+/*-------------------
+       Colors
+--------------------*/
 
-i.flag.fo:before,
-i.flag.faroe.islands:before {
-  background-position: 0px -1950px;
-}
+/*--- Red ---*/
 
-i.flag.fr:before,
-i.flag.france:before {
-  background-position: 0px -1976px;
-}
-
-i.flag.ga:before,
-i.flag.gabon:before {
-  background-position: -36px 0px;
-}
-
-i.flag.gb:before,
-i.flag.united.kingdom:before {
-  background-position: -36px -26px;
+.ui.red.header {
+  color: #DB2828 !important;
 }
 
-i.flag.gd:before,
-i.flag.grenada:before {
-  background-position: -36px -52px;
+a.ui.red.header:hover {
+  color: #d01919 !important;
 }
 
-i.flag.ge:before,
-i.flag.georgia:before {
-  background-position: -36px -78px;
+.ui.red.dividing.header {
+  border-bottom: 2px solid #DB2828;
 }
 
-i.flag.gf:before,
-i.flag.french.guiana:before {
-  background-position: -36px -104px;
-}
+/* Inverted */
 
-i.flag.gh:before,
-i.flag.ghana:before {
-  background-position: -36px -130px;
+.ui.inverted.red.header {
+  color: #FF695E !important;
 }
 
-i.flag.gi:before,
-i.flag.gibraltar:before {
-  background-position: -36px -156px;
+a.ui.inverted.red.header:hover {
+  color: #ff5144 !important;
 }
 
-i.flag.gl:before,
-i.flag.greenland:before {
-  background-position: -36px -182px;
-}
+/*--- Orange ---*/
 
-i.flag.gm:before,
-i.flag.gambia:before {
-  background-position: -36px -208px;
+.ui.orange.header {
+  color: #F2711C !important;
 }
 
-i.flag.gn:before,
-i.flag.guinea:before {
-  background-position: -36px -234px;
+a.ui.orange.header:hover {
+  color: #f26202 !important;
 }
 
-i.flag.gp:before,
-i.flag.guadeloupe:before {
-  background-position: -36px -260px;
+.ui.orange.dividing.header {
+  border-bottom: 2px solid #F2711C;
 }
 
-i.flag.gq:before,
-i.flag.equatorial.guinea:before {
-  background-position: -36px -286px;
-}
+/* Inverted */
 
-i.flag.gr:before,
-i.flag.greece:before {
-  background-position: -36px -312px;
+.ui.inverted.orange.header {
+  color: #FF851B !important;
 }
 
-i.flag.gs:before,
-i.flag.sandwich.islands:before {
-  background-position: -36px -338px;
+a.ui.inverted.orange.header:hover {
+  color: #ff7701 !important;
 }
 
-i.flag.gt:before,
-i.flag.guatemala:before {
-  background-position: -36px -364px;
-}
+/*--- Olive ---*/
 
-i.flag.gu:before,
-i.flag.guam:before {
-  background-position: -36px -390px;
+.ui.olive.header {
+  color: #B5CC18 !important;
 }
 
-i.flag.gw:before,
-i.flag.guinea-bissau:before {
-  background-position: -36px -416px;
+a.ui.olive.header:hover {
+  color: #a7bd0d !important;
 }
 
-i.flag.gy:before,
-i.flag.guyana:before {
-  background-position: -36px -442px;
+.ui.olive.dividing.header {
+  border-bottom: 2px solid #B5CC18;
 }
 
-i.flag.hk:before,
-i.flag.hong.kong:before {
-  background-position: -36px -468px;
-}
+/* Inverted */
 
-i.flag.hm:before,
-i.flag.heard.island:before {
-  background-position: -36px -494px;
+.ui.inverted.olive.header {
+  color: #D9E778 !important;
 }
 
-i.flag.hn:before,
-i.flag.honduras:before {
-  background-position: -36px -520px;
+a.ui.inverted.olive.header:hover {
+  color: #d8ea5c !important;
 }
 
-i.flag.hr:before,
-i.flag.croatia:before {
-  background-position: -36px -546px;
-}
+/*--- Yellow ---*/
 
-i.flag.ht:before,
-i.flag.haiti:before {
-  background-position: -36px -572px;
+.ui.yellow.header {
+  color: #FBBD08 !important;
 }
 
-i.flag.hu:before,
-i.flag.hungary:before {
-  background-position: -36px -598px;
+a.ui.yellow.header:hover {
+  color: #eaae00 !important;
 }
 
-i.flag.id:before,
-i.flag.indonesia:before {
-  background-position: -36px -624px;
+.ui.yellow.dividing.header {
+  border-bottom: 2px solid #FBBD08;
 }
 
-i.flag.ie:before,
-i.flag.ireland:before {
-  background-position: -36px -650px;
-}
+/* Inverted */
 
-i.flag.il:before,
-i.flag.israel:before {
-  background-position: -36px -676px;
+.ui.inverted.yellow.header {
+  color: #FFE21F !important;
 }
 
-i.flag.in:before,
-i.flag.india:before {
-  background-position: -36px -702px;
+a.ui.inverted.yellow.header:hover {
+  color: #ffdf05 !important;
 }
 
-i.flag.io:before,
-i.flag.indian.ocean.territory:before {
-  background-position: -36px -728px;
-}
+/*--- Green ---*/
 
-i.flag.iq:before,
-i.flag.iraq:before {
-  background-position: -36px -754px;
+.ui.green.header {
+  color: #21BA45 !important;
 }
 
-i.flag.ir:before,
-i.flag.iran:before {
-  background-position: -36px -780px;
+a.ui.green.header:hover {
+  color: #16ab39 !important;
 }
 
-i.flag.is:before,
-i.flag.iceland:before {
-  background-position: -36px -806px;
+.ui.green.dividing.header {
+  border-bottom: 2px solid #21BA45;
 }
 
-i.flag.it:before,
-i.flag.italy:before {
-  background-position: -36px -832px;
-}
+/* Inverted */
 
-i.flag.jm:before,
-i.flag.jamaica:before {
-  background-position: -36px -858px;
+.ui.inverted.green.header {
+  color: #2ECC40 !important;
 }
 
-i.flag.jo:before,
-i.flag.jordan:before {
-  background-position: -36px -884px;
+a.ui.inverted.green.header:hover {
+  color: #22be34 !important;
 }
 
-i.flag.jp:before,
-i.flag.japan:before {
-  background-position: -36px -910px;
-}
+/*--- Teal ---*/
 
-i.flag.ke:before,
-i.flag.kenya:before {
-  background-position: -36px -936px;
+.ui.teal.header {
+  color: #00B5AD !important;
 }
 
-i.flag.kg:before,
-i.flag.kyrgyzstan:before {
-  background-position: -36px -962px;
+a.ui.teal.header:hover {
+  color: #009c95 !important;
 }
 
-i.flag.kh:before,
-i.flag.cambodia:before {
-  background-position: -36px -988px;
+.ui.teal.dividing.header {
+  border-bottom: 2px solid #00B5AD;
 }
 
-i.flag.ki:before,
-i.flag.kiribati:before {
-  background-position: -36px -1014px;
-}
+/* Inverted */
 
-i.flag.km:before,
-i.flag.comoros:before {
-  background-position: -36px -1040px;
+.ui.inverted.teal.header {
+  color: #6DFFFF !important;
 }
 
-i.flag.kn:before,
-i.flag.saint.kitts.and.nevis:before {
-  background-position: -36px -1066px;
+a.ui.inverted.teal.header:hover {
+  color: #54ffff !important;
 }
 
-i.flag.kp:before,
-i.flag.north.korea:before {
-  background-position: -36px -1092px;
-}
+/*--- Blue ---*/
 
-i.flag.kr:before,
-i.flag.south.korea:before {
-  background-position: -36px -1118px;
+.ui.blue.header {
+  color: #2185D0 !important;
 }
 
-i.flag.kw:before,
-i.flag.kuwait:before {
-  background-position: -36px -1144px;
+a.ui.blue.header:hover {
+  color: #1678c2 !important;
 }
 
-i.flag.ky:before,
-i.flag.cayman.islands:before {
-  background-position: -36px -1170px;
+.ui.blue.dividing.header {
+  border-bottom: 2px solid #2185D0;
 }
 
-i.flag.kz:before,
-i.flag.kazakhstan:before {
-  background-position: -36px -1196px;
-}
+/* Inverted */
 
-i.flag.la:before,
-i.flag.laos:before {
-  background-position: -36px -1222px;
+.ui.inverted.blue.header {
+  color: #54C8FF !important;
 }
 
-i.flag.lb:before,
-i.flag.lebanon:before {
-  background-position: -36px -1248px;
+a.ui.inverted.blue.header:hover {
+  color: #3ac0ff !important;
 }
 
-i.flag.lc:before,
-i.flag.saint.lucia:before {
-  background-position: -36px -1274px;
-}
+/*--- Violet ---*/
 
-i.flag.li:before,
-i.flag.liechtenstein:before {
-  background-position: -36px -1300px;
+.ui.violet.header {
+  color: #6435C9 !important;
 }
 
-i.flag.lk:before,
-i.flag.sri.lanka:before {
-  background-position: -36px -1326px;
+a.ui.violet.header:hover {
+  color: #5829bb !important;
 }
 
-i.flag.lr:before,
-i.flag.liberia:before {
-  background-position: -36px -1352px;
+.ui.violet.dividing.header {
+  border-bottom: 2px solid #6435C9;
 }
 
-i.flag.ls:before,
-i.flag.lesotho:before {
-  background-position: -36px -1378px;
-}
+/* Inverted */
 
-i.flag.lt:before,
-i.flag.lithuania:before {
-  background-position: -36px -1404px;
+.ui.inverted.violet.header {
+  color: #A291FB !important;
 }
 
-i.flag.lu:before,
-i.flag.luxembourg:before {
-  background-position: -36px -1430px;
+a.ui.inverted.violet.header:hover {
+  color: #8a73ff !important;
 }
 
-i.flag.lv:before,
-i.flag.latvia:before {
-  background-position: -36px -1456px;
-}
+/*--- Purple ---*/
 
-i.flag.ly:before,
-i.flag.libya:before {
-  background-position: -36px -1482px;
+.ui.purple.header {
+  color: #A333C8 !important;
 }
 
-i.flag.ma:before,
-i.flag.morocco:before {
-  background-position: -36px -1508px;
+a.ui.purple.header:hover {
+  color: #9627ba !important;
 }
 
-i.flag.mc:before,
-i.flag.monaco:before {
-  background-position: -36px -1534px;
+.ui.purple.dividing.header {
+  border-bottom: 2px solid #A333C8;
 }
 
-i.flag.md:before,
-i.flag.moldova:before {
-  background-position: -36px -1560px;
-}
+/* Inverted */
 
-i.flag.me:before,
-i.flag.montenegro:before {
-  background-position: -36px -1586px;
+.ui.inverted.purple.header {
+  color: #DC73FF !important;
 }
 
-i.flag.mg:before,
-i.flag.madagascar:before {
-  background-position: -36px -1613px;
+a.ui.inverted.purple.header:hover {
+  color: #d65aff !important;
 }
 
-i.flag.mh:before,
-i.flag.marshall.islands:before {
-  background-position: -36px -1639px;
-}
+/*--- Pink ---*/
 
-i.flag.mk:before,
-i.flag.macedonia:before {
-  background-position: -36px -1665px;
+.ui.pink.header {
+  color: #E03997 !important;
 }
 
-i.flag.ml:before,
-i.flag.mali:before {
-  background-position: -36px -1691px;
+a.ui.pink.header:hover {
+  color: #e61a8d !important;
 }
 
-i.flag.mm:before,
-i.flag.myanmar:before,
-i.flag.burma:before {
-  background-position: -73px -1821px;
+.ui.pink.dividing.header {
+  border-bottom: 2px solid #E03997;
 }
 
-i.flag.mn:before,
-i.flag.mongolia:before {
-  background-position: -36px -1743px;
-}
+/* Inverted */
 
-i.flag.mo:before,
-i.flag.macau:before {
-  background-position: -36px -1769px;
+.ui.inverted.pink.header {
+  color: #FF8EDF !important;
 }
 
-i.flag.mp:before,
-i.flag.northern.mariana.islands:before {
-  background-position: -36px -1795px;
+a.ui.inverted.pink.header:hover {
+  color: #ff74d8 !important;
 }
 
-i.flag.mq:before,
-i.flag.martinique:before {
-  background-position: -36px -1821px;
-}
+/*--- Brown ---*/
 
-i.flag.mr:before,
-i.flag.mauritania:before {
-  background-position: -36px -1847px;
+.ui.brown.header {
+  color: #A5673F !important;
 }
 
-i.flag.ms:before,
-i.flag.montserrat:before {
-  background-position: -36px -1873px;
+a.ui.brown.header:hover {
+  color: #975b33 !important;
 }
 
-i.flag.mt:before,
-i.flag.malta:before {
-  background-position: -36px -1899px;
+.ui.brown.dividing.header {
+  border-bottom: 2px solid #A5673F;
 }
 
-i.flag.mu:before,
-i.flag.mauritius:before {
-  background-position: -36px -1925px;
-}
+/* Inverted */
 
-i.flag.mv:before,
-i.flag.maldives:before {
-  background-position: -36px -1951px;
+.ui.inverted.brown.header {
+  color: #D67C1C !important;
 }
 
-i.flag.mw:before,
-i.flag.malawi:before {
-  background-position: -36px -1977px;
+a.ui.inverted.brown.header:hover {
+  color: #c86f11 !important;
 }
 
-i.flag.mx:before,
-i.flag.mexico:before {
-  background-position: -72px 0px;
-}
+/*--- Grey ---*/
 
-i.flag.my:before,
-i.flag.malaysia:before {
-  background-position: -72px -26px;
+.ui.grey.header {
+  color: #767676 !important;
 }
 
-i.flag.mz:before,
-i.flag.mozambique:before {
-  background-position: -72px -52px;
+a.ui.grey.header:hover {
+  color: #838383 !important;
 }
 
-i.flag.na:before,
-i.flag.namibia:before {
-  background-position: -72px -78px;
+.ui.grey.dividing.header {
+  border-bottom: 2px solid #767676;
 }
 
-i.flag.nc:before,
-i.flag.new.caledonia:before {
-  background-position: -72px -104px;
-}
+/* Inverted */
 
-i.flag.ne:before,
-i.flag.niger:before {
-  background-position: -72px -130px;
+.ui.inverted.grey.header {
+  color: #DCDDDE !important;
 }
 
-i.flag.nf:before,
-i.flag.norfolk.island:before {
-  background-position: -72px -156px;
+a.ui.inverted.grey.header:hover {
+  color: #cfd0d2 !important;
 }
 
-i.flag.ng:before,
-i.flag.nigeria:before {
-  background-position: -72px -182px;
-}
+/*-------------------
+       Aligned
+--------------------*/
 
-i.flag.ni:before,
-i.flag.nicaragua:before {
-  background-position: -72px -208px;
+.ui.left.aligned.header {
+  text-align: left;
 }
 
-i.flag.nl:before,
-i.flag.netherlands:before {
-  background-position: -72px -234px;
+.ui.right.aligned.header {
+  text-align: right;
 }
 
-i.flag.no:before,
-i.flag.norway:before {
-  background-position: -72px -260px;
+.ui.centered.header,
+.ui.center.aligned.header {
+  text-align: center;
 }
 
-i.flag.np:before,
-i.flag.nepal:before {
-  background-position: -72px -286px;
+.ui.justified.header {
+  text-align: justify;
 }
 
-i.flag.nr:before,
-i.flag.nauru:before {
-  background-position: -72px -312px;
+.ui.justified.header:after {
+  display: inline-block;
+  content: '';
+  width: 100%;
 }
 
-i.flag.nu:before,
-i.flag.niue:before {
-  background-position: -72px -338px;
-}
+/*-------------------
+       Floated
+--------------------*/
 
-i.flag.nz:before,
-i.flag.new.zealand:before {
-  background-position: -72px -364px;
+.ui.floated.header,
+.ui[class*="left floated"].header {
+  float: left;
+  margin-top: 0em;
+  margin-right: 0.5em;
 }
 
-i.flag.om:before,
-i.flag.oman:before {
-  background-position: -72px -390px;
+.ui[class*="right floated"].header {
+  float: right;
+  margin-top: 0em;
+  margin-left: 0.5em;
 }
 
-i.flag.pa:before,
-i.flag.panama:before {
-  background-position: -72px -416px;
-}
+/*-------------------
+       Fitted
+--------------------*/
 
-i.flag.pe:before,
-i.flag.peru:before {
-  background-position: -72px -442px;
+.ui.fitted.header {
+  padding: 0em;
 }
 
-i.flag.pf:before,
-i.flag.french.polynesia:before {
-  background-position: -72px -468px;
-}
+/*-------------------
+      Dividing
+--------------------*/
 
-i.flag.pg:before,
-i.flag.new.guinea:before {
-  background-position: -72px -494px;
+.ui.dividing.header {
+  padding-bottom: 0.21428571rem;
+  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-i.flag.ph:before,
-i.flag.philippines:before {
-  background-position: -72px -520px;
+.ui.dividing.header .sub.header {
+  padding-bottom: 0.21428571rem;
 }
 
-i.flag.pk:before,
-i.flag.pakistan:before {
-  background-position: -72px -546px;
+.ui.dividing.header .icon {
+  margin-bottom: 0em;
 }
 
-i.flag.pl:before,
-i.flag.poland:before {
-  background-position: -72px -572px;
+.ui.inverted.dividing.header {
+  border-bottom-color: rgba(255, 255, 255, 0.1);
 }
 
-i.flag.pm:before,
-i.flag.saint.pierre:before {
-  background-position: -72px -598px;
-}
+/*-------------------
+        Block
+--------------------*/
 
-i.flag.pn:before,
-i.flag.pitcairn.islands:before {
-  background-position: -72px -624px;
+.ui.block.header {
+  background: #F3F4F5;
+  padding: 0.78571429rem 1rem;
+  box-shadow: none;
+  border: 1px solid #D4D4D5;
+  border-radius: 0.28571429rem;
 }
 
-i.flag.pr:before,
-i.flag.puerto.rico:before {
-  background-position: -72px -650px;
+.ui.tiny.block.header {
+  font-size: 0.85714286rem;
 }
 
-i.flag.ps:before,
-i.flag.palestine:before {
-  background-position: -72px -676px;
+.ui.small.block.header {
+  font-size: 0.92857143rem;
 }
 
-i.flag.pt:before,
-i.flag.portugal:before {
-  background-position: -72px -702px;
+.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+  font-size: 1rem;
 }
 
-i.flag.pw:before,
-i.flag.palau:before {
-  background-position: -72px -728px;
+.ui.large.block.header {
+  font-size: 1.14285714rem;
 }
 
-i.flag.py:before,
-i.flag.paraguay:before {
-  background-position: -72px -754px;
+.ui.huge.block.header {
+  font-size: 1.42857143rem;
 }
 
-i.flag.qa:before,
-i.flag.qatar:before {
-  background-position: -72px -780px;
-}
+/*-------------------
+       Attached
+--------------------*/
 
-i.flag.re:before,
-i.flag.reunion:before {
-  background-position: -72px -806px;
+.ui.attached.header {
+  background: #FFFFFF;
+  padding: 0.78571429rem 1rem;
+  margin-left: -1px;
+  margin-right: -1px;
+  box-shadow: none;
+  border: 1px solid #D4D4D5;
 }
 
-i.flag.ro:before,
-i.flag.romania:before {
-  background-position: -72px -832px;
+.ui.attached.block.header {
+  background: #F3F4F5;
 }
 
-i.flag.rs:before,
-i.flag.serbia:before {
-  background-position: -72px -858px;
+.ui.attached:not(.top):not(.bottom).header {
+  margin-top: 0em;
+  margin-bottom: 0em;
+  border-top: none;
+  border-radius: 0em;
 }
 
-i.flag.ru:before,
-i.flag.russia:before {
-  background-position: -72px -884px;
+.ui.top.attached.header {
+  margin-bottom: 0em;
+  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
 }
 
-i.flag.rw:before,
-i.flag.rwanda:before {
-  background-position: -72px -910px;
+.ui.bottom.attached.header {
+  margin-top: 0em;
+  border-top: none;
+  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
 }
 
-i.flag.sa:before,
-i.flag.saudi.arabia:before {
-  background-position: -72px -936px;
-}
+/* Attached Sizes */
 
-i.flag.sb:before,
-i.flag.solomon.islands:before {
-  background-position: -72px -962px;
+.ui.tiny.attached.header {
+  font-size: 0.85714286em;
 }
 
-i.flag.sc:before,
-i.flag.seychelles:before {
-  background-position: -72px -988px;
+.ui.small.attached.header {
+  font-size: 0.92857143em;
 }
 
-i.flag.gb.sct:before,
-i.flag.scotland:before {
-  background-position: -72px -1014px;
+.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+  font-size: 1em;
 }
 
-i.flag.sd:before,
-i.flag.sudan:before {
-  background-position: -72px -1040px;
+.ui.large.attached.header {
+  font-size: 1.14285714em;
 }
 
-i.flag.se:before,
-i.flag.sweden:before {
-  background-position: -72px -1066px;
+.ui.huge.attached.header {
+  font-size: 1.42857143em;
 }
 
-i.flag.sg:before,
-i.flag.singapore:before {
-  background-position: -72px -1092px;
-}
+/*-------------------
+        Sizing
+--------------------*/
 
-i.flag.sh:before,
-i.flag.saint.helena:before {
-  background-position: -72px -1118px;
+.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+  font-size: 1.28571429em;
 }
 
-i.flag.si:before,
-i.flag.slovenia:before {
-  background-position: -72px -1144px;
-}
+/*******************************
+         Theme Overrides
+*******************************/
 
-i.flag.sj:before,
-i.flag.svalbard:before,
-i.flag.jan.mayen:before {
-  background-position: -72px -1170px;
-}
+/*******************************
+         Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.2.10 - Icon
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
 
-i.flag.sk:before,
-i.flag.slovakia:before {
-  background-position: -72px -1196px;
-}
+/*******************************
+             Icon
+*******************************/
 
-i.flag.sl:before,
-i.flag.sierra.leone:before {
-  background-position: -72px -1222px;
+@font-face {
+  font-family: 'Icons';
+  src: url("./themes/default/assets/fonts/icons.eot");
+  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');
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-decoration: inherit;
+  text-transform: none;
 }
 
-i.flag.sm:before,
-i.flag.san.marino:before {
-  background-position: -72px -1248px;
+i.icon {
+  display: inline-block;
+  opacity: 1;
+  margin: 0em 0.25rem 0em 0em;
+  width: 1.18em;
+  height: 1em;
+  font-family: 'Icons';
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: inherit;
+  text-align: center;
+  speak: none;
+  font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 
-i.flag.sn:before,
-i.flag.senegal:before {
-  background-position: -72px -1274px;
+i.icon:before {
+  background: none !important;
 }
 
-i.flag.so:before,
-i.flag.somalia:before {
-  background-position: -72px -1300px;
-}
+/*******************************
+             Types
+*******************************/
 
-i.flag.sr:before,
-i.flag.suriname:before {
-  background-position: -72px -1326px;
-}
+/*--------------
+    Loading
+---------------*/
 
-i.flag.st:before,
-i.flag.sao.tome:before {
-  background-position: -72px -1352px;
+i.icon.loading {
+  height: 1em;
+  line-height: 1;
+  -webkit-animation: icon-loading 2s linear infinite;
+  animation: icon-loading 2s linear infinite;
 }
 
-i.flag.sv:before,
-i.flag.el.salvador:before {
-  background-position: -72px -1378px;
-}
+@-webkit-keyframes icon-loading {
+  from {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
 
-i.flag.sy:before,
-i.flag.syria:before {
-  background-position: -72px -1404px;
+  to {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
 }
 
-i.flag.sz:before,
-i.flag.swaziland:before {
-  background-position: -72px -1430px;
-}
+@keyframes icon-loading {
+  from {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
 
-i.flag.tc:before,
-i.flag.caicos.islands:before {
-  background-position: -72px -1456px;
+  to {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
 }
 
-i.flag.td:before,
-i.flag.chad:before {
-  background-position: -72px -1482px;
-}
+/*******************************
+             States
+*******************************/
 
-i.flag.tf:before,
-i.flag.french.territories:before {
-  background-position: -72px -1508px;
+i.icon.hover {
+  opacity: 1 !important;
 }
 
-i.flag.tg:before,
-i.flag.togo:before {
-  background-position: -72px -1534px;
+i.icon.active {
+  opacity: 1 !important;
 }
 
-i.flag.th:before,
-i.flag.thailand:before {
-  background-position: -72px -1560px;
+i.emphasized.icon {
+  opacity: 1 !important;
 }
 
-i.flag.tj:before,
-i.flag.tajikistan:before {
-  background-position: -72px -1586px;
+i.disabled.icon {
+  opacity: 0.45 !important;
 }
 
-i.flag.tk:before,
-i.flag.tokelau:before {
-  background-position: -72px -1612px;
-}
+/*******************************
+           Variations
+*******************************/
 
-i.flag.tl:before,
-i.flag.timorleste:before {
-  background-position: -72px -1638px;
-}
+/*-------------------
+        Fitted
+--------------------*/
 
-i.flag.tm:before,
-i.flag.turkmenistan:before {
-  background-position: -72px -1664px;
+i.fitted.icon {
+  width: auto;
+  margin: 0em;
 }
 
-i.flag.tn:before,
-i.flag.tunisia:before {
-  background-position: -72px -1690px;
-}
+/*-------------------
+         Link
+--------------------*/
 
-i.flag.to:before,
-i.flag.tonga:before {
-  background-position: -72px -1716px;
+i.link.icon,
+i.link.icons {
+  cursor: pointer;
+  opacity: 0.8;
+  -webkit-transition: opacity 0.1s ease;
+  transition: opacity 0.1s ease;
 }
 
-i.flag.tr:before,
-i.flag.turkey:before {
-  background-position: -72px -1742px;
+i.link.icon:hover,
+i.link.icons:hover {
+  opacity: 1 !important;
 }
 
-i.flag.tt:before,
-i.flag.trinidad:before {
-  background-position: -72px -1768px;
-}
+/*-------------------
+      Circular
+--------------------*/
 
-i.flag.tv:before,
-i.flag.tuvalu:before {
-  background-position: -72px -1794px;
+i.circular.icon {
+  border-radius: 500em !important;
+  line-height: 1 !important;
+  padding: 0.5em 0.5em !important;
+  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
+  width: 2em !important;
+  height: 2em !important;
 }
 
-i.flag.tw:before,
-i.flag.taiwan:before {
-  background-position: -72px -1820px;
+i.circular.inverted.icon {
+  border: none;
+  box-shadow: none;
 }
 
-i.flag.tz:before,
-i.flag.tanzania:before {
-  background-position: -72px -1846px;
+/*-------------------
+      Flipped
+--------------------*/
+
+i.flipped.icon,
+i.horizontally.flipped.icon {
+  -webkit-transform: scale(-1, 1);
+  transform: scale(-1, 1);
 }
 
-i.flag.ua:before,
-i.flag.ukraine:before {
-  background-position: -72px -1872px;
+i.vertically.flipped.icon {
+  -webkit-transform: scale(1, -1);
+  transform: scale(1, -1);
 }
 
-i.flag.ug:before,
-i.flag.uganda:before {
-  background-position: -72px -1898px;
+/*-------------------
+      Rotated
+--------------------*/
+
+i.rotated.icon,
+i.right.rotated.icon,
+i.clockwise.rotated.icon {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
 }
 
-i.flag.um:before,
-i.flag.us.minor.islands:before {
-  background-position: -72px -1924px;
+i.left.rotated.icon,
+i.counterclockwise.rotated.icon {
+  -webkit-transform: rotate(-90deg);
+  transform: rotate(-90deg);
 }
 
-i.flag.us:before,
-i.flag.america:before,
-i.flag.united.states:before {
-  background-position: -72px -1950px;
+/*-------------------
+      Bordered
+--------------------*/
+
+i.bordered.icon {
+  line-height: 1;
+  vertical-align: baseline;
+  width: 2em;
+  height: 2em;
+  padding: 0.5em 0.41em !important;
+  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
 }
 
-i.flag.uy:before,
-i.flag.uruguay:before {
-  background-position: -72px -1976px;
+i.bordered.inverted.icon {
+  border: none;
+  box-shadow: none;
 }
 
-i.flag.uz:before,
-i.flag.uzbekistan:before {
-  background-position: -108px 0px;
+/*-------------------
+      Inverted
+--------------------*/
+
+/* Inverted Shapes */
+
+i.inverted.bordered.icon,
+i.inverted.circular.icon {
+  background-color: #1B1C1D !important;
+  color: #FFFFFF !important;
 }
 
-i.flag.va:before,
-i.flag.vatican.city:before {
-  background-position: -108px -26px;
+i.inverted.icon {
+  color: #FFFFFF;
 }
 
-i.flag.vc:before,
-i.flag.saint.vincent:before {
-  background-position: -108px -52px;
+/*-------------------
+       Colors
+--------------------*/
+
+/* Red */
+
+i.red.icon {
+  color: #DB2828 !important;
 }
 
-i.flag.ve:before,
-i.flag.venezuela:before {
-  background-position: -108px -78px;
+i.inverted.red.icon {
+  color: #FF695E !important;
 }
 
-i.flag.vg:before,
-i.flag.british.virgin.islands:before {
-  background-position: -108px -104px;
+i.inverted.bordered.red.icon,
+i.inverted.circular.red.icon {
+  background-color: #DB2828 !important;
+  color: #FFFFFF !important;
 }
 
-i.flag.vi:before,
-i.flag.us.virgin.islands:before {
-  background-position: -108px -130px;
+/* Orange */
+
+i.orange.icon {
+  color: #F2711C !important;
 }
 
-i.flag.vn:before,
-i.flag.vietnam:before {
-  background-position: -108px -156px;
+i.inverted.orange.icon {
+  color: #FF851B !important;
 }
 
-i.flag.vu:before,
-i.flag.vanuatu:before {
-  background-position: -108px -182px;
+i.inverted.bordered.orange.icon,
+i.inverted.circular.orange.icon {
+  background-color: #F2711C !important;
+  color: #FFFFFF !important;
 }
 
-i.flag.gb.wls:before,
-i.flag.wales:before {
-  background-position: -108px -208px;
+/* Yellow */
+
+i.yellow.icon {
+  color: #FBBD08 !important;
 }
 
-i.flag.wf:before,
-i.flag.wallis.and.futuna:before {
-  background-position: -108px -234px;
+i.inverted.yellow.icon {
+  color: #FFE21F !important;
 }
 
-i.flag.ws:before,
-i.flag.samoa:before {
-  background-position: -108px -260px;
+i.inverted.bordered.yellow.icon,
+i.inverted.circular.yellow.icon {
+  background-color: #FBBD08 !important;
+  color: #FFFFFF !important;
 }
 
-i.flag.ye:before,
-i.flag.yemen:before {
-  background-position: -108px -286px;
+/* Olive */
+
+i.olive.icon {
+  color: #B5CC18 !important;
 }
 
-i.flag.yt:before,
-i.flag.mayotte:before {
-  background-position: -108px -312px;
+i.inverted.olive.icon {
+  color: #D9E778 !important;
 }
 
-i.flag.za:before,
-i.flag.south.africa:before {
-  background-position: -108px -338px;
+i.inverted.bordered.olive.icon,
+i.inverted.circular.olive.icon {
+  background-color: #B5CC18 !important;
+  color: #FFFFFF !important;
 }
 
-i.flag.zm:before,
-i.flag.zambia:before {
-  background-position: -108px -364px;
+/* Green */
+
+i.green.icon {
+  color: #21BA45 !important;
 }
 
-i.flag.zw:before,
-i.flag.zimbabwe:before {
-  background-position: -108px -390px;
+i.inverted.green.icon {
+  color: #2ECC40 !important;
 }
 
-/*******************************
-         Site Overrides
-*******************************/
-/*!
- * # Semantic UI undefined - Header
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-/*******************************
-            Header
-*******************************/
+i.inverted.bordered.green.icon,
+i.inverted.circular.green.icon {
+  background-color: #21BA45 !important;
+  color: #FFFFFF !important;
+}
 
-/* Standard */
+/* Teal */
 
-.ui.header {
-  border: none;
-  margin: calc(2rem -  0.14285714em ) 0em 1rem;
-  padding: 0em 0em;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-weight: bold;
-  line-height: 1.28571429em;
-  text-transform: none;
-  color: rgba(0, 0, 0, 0.87);
+i.teal.icon {
+  color: #00B5AD !important;
 }
 
-.ui.header:first-child {
-  margin-top: -0.14285714em;
+i.inverted.teal.icon {
+  color: #6DFFFF !important;
 }
 
-.ui.header:last-child {
-  margin-bottom: 0em;
+i.inverted.bordered.teal.icon,
+i.inverted.circular.teal.icon {
+  background-color: #00B5AD !important;
+  color: #FFFFFF !important;
 }
 
-/*--------------
-   Sub Header
----------------*/
+/* Blue */
 
-.ui.header .sub.header {
-  display: block;
-  font-weight: normal;
-  padding: 0em;
-  margin: 0em;
-  font-size: 1rem;
-  line-height: 1.2em;
-  color: rgba(0, 0, 0, 0.6);
+i.blue.icon {
+  color: #2185D0 !important;
 }
 
-/*--------------
-      Icon
----------------*/
-
-.ui.header > .icon {
-  display: table-cell;
-  opacity: 1;
-  font-size: 1.5em;
-  padding-top: 0.14285714em;
-  vertical-align: middle;
+i.inverted.blue.icon {
+  color: #54C8FF !important;
 }
 
-/* With Text Node */
-
-.ui.header .icon:only-child {
-  display: inline-block;
-  padding: 0em;
-  margin-right: 0.75rem;
+i.inverted.bordered.blue.icon,
+i.inverted.circular.blue.icon {
+  background-color: #2185D0 !important;
+  color: #FFFFFF !important;
 }
 
-/*-------------------
-        Image
---------------------*/
+/* Violet */
 
-.ui.header > .image:not(.icon),
-.ui.header > img {
-  display: inline-block;
-  margin-top: 0.14285714em;
-  width: 2.5em;
-  height: auto;
-  vertical-align: middle;
+i.violet.icon {
+  color: #6435C9 !important;
 }
 
-.ui.header > .image:not(.icon):only-child,
-.ui.header > img:only-child {
-  margin-right: 0.75rem;
+i.inverted.violet.icon {
+  color: #A291FB !important;
 }
 
-/*--------------
-     Content
----------------*/
-
-.ui.header .content {
-  display: inline-block;
-  vertical-align: top;
+i.inverted.bordered.violet.icon,
+i.inverted.circular.violet.icon {
+  background-color: #6435C9 !important;
+  color: #FFFFFF !important;
 }
 
-/* After Image */
+/* Purple */
 
-.ui.header > img + .content,
-.ui.header > .image + .content {
-  padding-left: 0.75rem;
-  vertical-align: middle;
+i.purple.icon {
+  color: #A333C8 !important;
 }
 
-/* After Icon */
-
-.ui.header > .icon + .content {
-  padding-left: 0.75rem;
-  display: table-cell;
-  vertical-align: middle;
+i.inverted.purple.icon {
+  color: #DC73FF !important;
 }
 
-/*--------------
- Loose Coupling
----------------*/
-
-.ui.header .ui.label {
-  font-size: '';
-  margin-left: 0.5rem;
-  vertical-align: middle;
+i.inverted.bordered.purple.icon,
+i.inverted.circular.purple.icon {
+  background-color: #A333C8 !important;
+  color: #FFFFFF !important;
 }
 
-/* Positioning */
+/* Pink */
 
-.ui.header + p {
-  margin-top: 0em;
+i.pink.icon {
+  color: #E03997 !important;
 }
 
-/*******************************
-            Types
-*******************************/
-
-/*--------------
-     Page
----------------*/
-
-h1.ui.header {
-  font-size: 2rem;
+i.inverted.pink.icon {
+  color: #FF8EDF !important;
 }
 
-h2.ui.header {
-  font-size: 1.71428571rem;
+i.inverted.bordered.pink.icon,
+i.inverted.circular.pink.icon {
+  background-color: #E03997 !important;
+  color: #FFFFFF !important;
 }
 
-h3.ui.header {
-  font-size: 1.28571429rem;
-}
+/* Brown */
 
-h4.ui.header {
-  font-size: 1.07142857rem;
+i.brown.icon {
+  color: #A5673F !important;
 }
 
-h5.ui.header {
-  font-size: 1rem;
+i.inverted.brown.icon {
+  color: #D67C1C !important;
 }
 
-/* Sub Header */
-
-h1.ui.header .sub.header {
-  font-size: 1.14285714rem;
+i.inverted.bordered.brown.icon,
+i.inverted.circular.brown.icon {
+  background-color: #A5673F !important;
+  color: #FFFFFF !important;
 }
 
-h2.ui.header .sub.header {
-  font-size: 1.14285714rem;
-}
+/* Grey */
 
-h3.ui.header .sub.header {
-  font-size: 1rem;
+i.grey.icon {
+  color: #767676 !important;
 }
 
-h4.ui.header .sub.header {
-  font-size: 1rem;
+i.inverted.grey.icon {
+  color: #DCDDDE !important;
 }
 
-h5.ui.header .sub.header {
-  font-size: 0.92857143rem;
+i.inverted.bordered.grey.icon,
+i.inverted.circular.grey.icon {
+  background-color: #767676 !important;
+  color: #FFFFFF !important;
 }
 
-/*--------------
- Content Heading
----------------*/
+/* Black */
 
-.ui.huge.header {
-  min-height: 1em;
-  font-size: 2em;
+i.black.icon {
+  color: #1B1C1D !important;
 }
 
-.ui.large.header {
-  font-size: 1.71428571em;
+i.inverted.black.icon {
+  color: #545454 !important;
 }
 
-.ui.medium.header {
-  font-size: 1.28571429em;
+i.inverted.bordered.black.icon,
+i.inverted.circular.black.icon {
+  background-color: #1B1C1D !important;
+  color: #FFFFFF !important;
 }
 
-.ui.small.header {
-  font-size: 1.07142857em;
-}
+/*-------------------
+        Sizes
+--------------------*/
 
-.ui.tiny.header {
-  font-size: 1em;
+i.mini.icon,
+i.mini.icons {
+  line-height: 1;
+  font-size: 0.4em;
 }
 
-/* Sub Header */
-
-.ui.huge.header .sub.header {
-  font-size: 1.14285714rem;
+i.tiny.icon,
+i.tiny.icons {
+  line-height: 1;
+  font-size: 0.5em;
 }
 
-.ui.large.header .sub.header {
-  font-size: 1.14285714rem;
+i.small.icon,
+i.small.icons {
+  line-height: 1;
+  font-size: 0.75em;
 }
 
-.ui.header .sub.header {
-  font-size: 1rem;
+i.icon,
+i.icons {
+  font-size: 1em;
 }
 
-.ui.small.header .sub.header {
-  font-size: 1rem;
+i.large.icon,
+i.large.icons {
+  line-height: 1;
+  vertical-align: middle;
+  font-size: 1.5em;
 }
 
-.ui.tiny.header .sub.header {
-  font-size: 0.92857143rem;
+i.big.icon,
+i.big.icons {
+  line-height: 1;
+  vertical-align: middle;
+  font-size: 2em;
 }
 
-/*--------------
-   Sub Heading
----------------*/
-
-.ui.sub.header {
-  padding: 0em;
-  margin-bottom: 0.14285714rem;
-  font-weight: bold;
-  font-size: 0.85714286em;
-  text-transform: uppercase;
-  color: '';
+i.huge.icon,
+i.huge.icons {
+  line-height: 1;
+  vertical-align: middle;
+  font-size: 4em;
 }
 
-.ui.small.sub.header {
-  font-size: 0.78571429em;
+i.massive.icon,
+i.massive.icons {
+  line-height: 1;
+  vertical-align: middle;
+  font-size: 8em;
 }
 
-.ui.sub.header {
-  font-size: 0.85714286em;
+/*******************************
+            Groups
+*******************************/
+
+i.icons {
+  display: inline-block;
+  position: relative;
+  line-height: 1;
 }
 
-.ui.large.sub.header {
-  font-size: 0.92857143em;
+i.icons .icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+  margin: 0em;
+  margin: 0;
 }
 
-.ui.huge.sub.header {
-  font-size: 1em;
+i.icons .icon:first-child {
+  position: static;
+  width: auto;
+  height: auto;
+  vertical-align: top;
+  -webkit-transform: none;
+  transform: none;
+  margin-right: 0.25rem;
 }
 
-/*-------------------
-        Icon
---------------------*/
+/* Corner Icon */
 
-.ui.icon.header {
-  display: inline-block;
-  text-align: center;
-  margin: 2rem 0em 1rem;
+i.icons .corner.icon {
+  top: auto;
+  left: auto;
+  right: 0;
+  bottom: 0;
+  -webkit-transform: none;
+  transform: none;
+  font-size: 0.45em;
+  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
 }
 
-.ui.icon.header:after {
-  content: '';
-  display: block;
-  height: 0px;
-  clear: both;
-  visibility: hidden;
+i.icons .inverted.corner.icon {
+  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
 }
 
-.ui.icon.header:first-child {
-  margin-top: 0em;
-}
+/*
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
 
-.ui.icon.header .icon {
-  float: none;
-  display: block;
-  width: auto;
-  height: auto;
-  line-height: 1;
-  padding: 0em;
-  font-size: 3em;
-  margin: 0em auto 0.5rem;
-  opacity: 1;
-}
+/*******************************
 
-.ui.icon.header .content {
-  display: block;
-  padding: 0em;
-}
+Semantic-UI integration of font-awesome :
 
-.ui.icon.header .circular.icon {
-  font-size: 2em;
-}
+///class names are separated
+i.icon.circle => i.icon.circle
+i.icon.circle-o => i.icon.circle.outline
 
-.ui.icon.header .square.icon {
-  font-size: 2em;
-}
+//abbreviation are replaced by full letters:
+i.icon.ellipsis-h => i.icon.ellipsis.horizontal
+i.icon.ellipsis-v => i.icon.ellipsis.vertical
+.alpha => .i.icon.alphabet
+.asc => .i.icon.ascending
+.desc => .i.icon.descending
+.alt =>.alternate
 
-.ui.block.icon.header .icon {
-  margin-bottom: 0em;
-}
+ASCII order is conserved for easier maintenance.
 
-.ui.icon.header.aligned {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-}
+Icons that only have one style 'outline', 'square' etc do not require this class
+for instance `lemon icon` not `lemon outline icon` since there is only one lemon
 
-/*******************************
-            States
 *******************************/
 
-.ui.disabled.header {
-  opacity: 0.45;
-}
-
 /*******************************
-           Variations
+            Icons
 *******************************/
 
-/*-------------------
-      Inverted
---------------------*/
+/* Web Content */
 
-.ui.inverted.header {
-  color: #FFFFFF;
+i.icon.search:before {
+  content: "\f002";
 }
 
-.ui.inverted.header .sub.header {
-  color: rgba(255, 255, 255, 0.8);
+i.icon.mail.outline:before {
+  content: "\f003";
 }
 
-.ui.inverted.attached.header {
-  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  box-shadow: none;
-  border-color: transparent;
+i.icon.signal:before {
+  content: "\f012";
 }
 
-.ui.inverted.block.header {
-  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  box-shadow: none;
+i.icon.setting:before {
+  content: "\f013";
 }
 
-.ui.inverted.block.header {
-  border-bottom: none;
+i.icon.home:before {
+  content: "\f015";
 }
 
-/*-------------------
-       Colors
---------------------*/
-
-/*--- Red ---*/
-
-.ui.red.header {
-  color: #DB2828 !important;
+i.icon.inbox:before {
+  content: "\f01c";
 }
 
-a.ui.red.header:hover {
-  color: #d01919 !important;
+i.icon.browser:before {
+  content: "\f022";
 }
 
-.ui.red.dividing.header {
-  border-bottom: 2px solid #DB2828;
+i.icon.tag:before {
+  content: "\f02b";
 }
 
-/* Inverted */
-
-.ui.inverted.red.header {
-  color: #FF695E !important;
+i.icon.tags:before {
+  content: "\f02c";
 }
 
-a.ui.inverted.red.header:hover {
-  color: #ff5144 !important;
+i.icon.image:before {
+  content: "\f03e";
 }
 
-/*--- Orange ---*/
+i.icon.calendar:before {
+  content: "\f073";
+}
 
-.ui.orange.header {
-  color: #F2711C !important;
+i.icon.comment:before {
+  content: "\f075";
 }
 
-a.ui.orange.header:hover {
-  color: #f26202 !important;
+i.icon.shop:before {
+  content: "\f07a";
 }
 
-.ui.orange.dividing.header {
-  border-bottom: 2px solid #F2711C;
+i.icon.comments:before {
+  content: "\f086";
 }
 
-/* Inverted */
+i.icon.external:before {
+  content: "\f08e";
+}
 
-.ui.inverted.orange.header {
-  color: #FF851B !important;
+i.icon.privacy:before {
+  content: "\f084";
 }
 
-a.ui.inverted.orange.header:hover {
-  color: #ff7701 !important;
+i.icon.settings:before {
+  content: "\f085";
 }
 
-/*--- Olive ---*/
+i.icon.comments:before {
+  content: "\f086";
+}
 
-.ui.olive.header {
-  color: #B5CC18 !important;
+i.icon.external:before {
+  content: "\f08e";
 }
 
-a.ui.olive.header:hover {
-  color: #a7bd0d !important;
+i.icon.trophy:before {
+  content: "\f091";
 }
 
-.ui.olive.dividing.header {
-  border-bottom: 2px solid #B5CC18;
+i.icon.payment:before {
+  content: "\f09d";
 }
 
-/* Inverted */
+i.icon.feed:before {
+  content: "\f09e";
+}
 
-.ui.inverted.olive.header {
-  color: #D9E778 !important;
+i.icon.alarm.outline:before {
+  content: "\f0a2";
 }
 
-a.ui.inverted.olive.header:hover {
-  color: #d8ea5c !important;
+i.icon.tasks:before {
+  content: "\f0ae";
 }
 
-/*--- Yellow ---*/
+i.icon.cloud:before {
+  content: "\f0c2";
+}
 
-.ui.yellow.header {
-  color: #FBBD08 !important;
+i.icon.lab:before {
+  content: "\f0c3";
 }
 
-a.ui.yellow.header:hover {
-  color: #eaae00 !important;
+i.icon.mail:before {
+  content: "\f0e0";
 }
 
-.ui.yellow.dividing.header {
-  border-bottom: 2px solid #FBBD08;
+i.icon.dashboard:before {
+  content: "\f0e4";
 }
 
-/* Inverted */
+i.icon.comment.outline:before {
+  content: "\f0e5";
+}
 
-.ui.inverted.yellow.header {
-  color: #FFE21F !important;
+i.icon.comments.outline:before {
+  content: "\f0e6";
 }
 
-a.ui.inverted.yellow.header:hover {
-  color: #ffdf05 !important;
+i.icon.sitemap:before {
+  content: "\f0e8";
 }
 
-/*--- Green ---*/
+i.icon.idea:before {
+  content: "\f0eb";
+}
 
-.ui.green.header {
-  color: #21BA45 !important;
+i.icon.alarm:before {
+  content: "\f0f3";
 }
 
-a.ui.green.header:hover {
-  color: #16ab39 !important;
+i.icon.terminal:before {
+  content: "\f120";
 }
 
-.ui.green.dividing.header {
-  border-bottom: 2px solid #21BA45;
+i.icon.code:before {
+  content: "\f121";
 }
 
-/* Inverted */
+i.icon.protect:before {
+  content: "\f132";
+}
 
-.ui.inverted.green.header {
-  color: #2ECC40 !important;
+i.icon.calendar.outline:before {
+  content: "\f133";
 }
 
-a.ui.inverted.green.header:hover {
-  color: #22be34 !important;
+i.icon.ticket:before {
+  content: "\f145";
 }
 
-/*--- Teal ---*/
+i.icon.external.square:before {
+  content: "\f14c";
+}
 
-.ui.teal.header {
-  color: #00B5AD !important;
+i.icon.bug:before {
+  content: "\f188";
 }
 
-a.ui.teal.header:hover {
-  color: #009c95 !important;
+i.icon.mail.square:before {
+  content: "\f199";
 }
 
-.ui.teal.dividing.header {
-  border-bottom: 2px solid #00B5AD;
+i.icon.history:before {
+  content: "\f1da";
 }
 
-/* Inverted */
+i.icon.options:before {
+  content: "\f1de";
+}
 
-.ui.inverted.teal.header {
-  color: #6DFFFF !important;
+i.icon.text.telephone:before {
+  content: "\f1e4";
 }
 
-a.ui.inverted.teal.header:hover {
-  color: #54ffff !important;
+i.icon.find:before {
+  content: "\f1e5";
 }
 
-/*--- Blue ---*/
+i.icon.alarm.mute:before {
+  content: "\f1f6";
+}
 
-.ui.blue.header {
-  color: #2185D0 !important;
+i.icon.alarm.mute.outline:before {
+  content: "\f1f7";
 }
 
-a.ui.blue.header:hover {
-  color: #1678c2 !important;
+i.icon.copyright:before {
+  content: "\f1f9";
 }
 
-.ui.blue.dividing.header {
-  border-bottom: 2px solid #2185D0;
+i.icon.at:before {
+  content: "\f1fa";
 }
 
-/* Inverted */
+i.icon.eyedropper:before {
+  content: "\f1fb";
+}
 
-.ui.inverted.blue.header {
-  color: #54C8FF !important;
+i.icon.paint.brush:before {
+  content: "\f1fc";
 }
 
-a.ui.inverted.blue.header:hover {
-  color: #3ac0ff !important;
+i.icon.heartbeat:before {
+  content: "\f21e";
 }
 
-/*--- Violet ---*/
+i.icon.mouse.pointer:before {
+  content: "\f245";
+}
 
-.ui.violet.header {
-  color: #6435C9 !important;
+i.icon.hourglass.empty:before {
+  content: "\f250";
 }
 
-a.ui.violet.header:hover {
-  color: #5829bb !important;
+i.icon.hourglass.start:before {
+  content: "\f251";
 }
 
-.ui.violet.dividing.header {
-  border-bottom: 2px solid #6435C9;
+i.icon.hourglass.half:before {
+  content: "\f252";
 }
 
-/* Inverted */
+i.icon.hourglass.end:before {
+  content: "\f253";
+}
 
-.ui.inverted.violet.header {
-  color: #A291FB !important;
+i.icon.hourglass.full:before {
+  content: "\f254";
 }
 
-a.ui.inverted.violet.header:hover {
-  color: #8a73ff !important;
+i.icon.hand.pointer:before {
+  content: "\f25a";
 }
 
-/*--- Purple ---*/
+i.icon.trademark:before {
+  content: "\f25c";
+}
 
-.ui.purple.header {
-  color: #A333C8 !important;
+i.icon.registered:before {
+  content: "\f25d";
 }
 
-a.ui.purple.header:hover {
-  color: #9627ba !important;
+i.icon.creative.commons:before {
+  content: "\f25e";
 }
 
-.ui.purple.dividing.header {
-  border-bottom: 2px solid #A333C8;
+i.icon.add.to.calendar:before {
+  content: "\f271";
 }
 
-/* Inverted */
+i.icon.remove.from.calendar:before {
+  content: "\f272";
+}
 
-.ui.inverted.purple.header {
-  color: #DC73FF !important;
+i.icon.delete.calendar:before {
+  content: "\f273";
 }
 
-a.ui.inverted.purple.header:hover {
-  color: #d65aff !important;
+i.icon.checked.calendar:before {
+  content: "\f274";
 }
 
-/*--- Pink ---*/
+i.icon.industry:before {
+  content: "\f275";
+}
 
-.ui.pink.header {
-  color: #E03997 !important;
+i.icon.shopping.bag:before {
+  content: "\f290";
 }
 
-a.ui.pink.header:hover {
-  color: #e61a8d !important;
+i.icon.shopping.basket:before {
+  content: "\f291";
 }
 
-.ui.pink.dividing.header {
-  border-bottom: 2px solid #E03997;
+i.icon.hashtag:before {
+  content: "\f292";
 }
 
-/* Inverted */
+i.icon.percent:before {
+  content: "\f295";
+}
 
-.ui.inverted.pink.header {
-  color: #FF8EDF !important;
+i.icon.handshake:before {
+  content: "\f2b5";
 }
 
-a.ui.inverted.pink.header:hover {
-  color: #ff74d8 !important;
+i.icon.open.envelope:before {
+  content: "\f2b6";
 }
 
-/*--- Brown ---*/
+i.icon.open.envelope.outline:before {
+  content: "\f2b7";
+}
 
-.ui.brown.header {
-  color: #A5673F !important;
+i.icon.address.book:before {
+  content: "\f2b9";
 }
 
-a.ui.brown.header:hover {
-  color: #975b33 !important;
+i.icon.address.book.outline:before {
+  content: "\f2ba";
 }
 
-.ui.brown.dividing.header {
-  border-bottom: 2px solid #A5673F;
+i.icon.address.card:before {
+  content: "\f2bb";
 }
 
-/* Inverted */
+i.icon.address.card.outline:before {
+  content: "\f2bc";
+}
 
-.ui.inverted.brown.header {
-  color: #D67C1C !important;
+i.icon.id.badge:before {
+  content: "\f2c1";
 }
 
-a.ui.inverted.brown.header:hover {
-  color: #c86f11 !important;
+i.icon.id.card:before {
+  content: "\f2c2";
 }
 
-/*--- Grey ---*/
+i.icon.id.card.outline:before {
+  content: "\f2c3";
+}
 
-.ui.grey.header {
-  color: #767676 !important;
+i.icon.podcast:before {
+  content: "\f2ce";
 }
 
-a.ui.grey.header:hover {
-  color: #838383 !important;
+i.icon.window.maximize:before {
+  content: "\f2d0";
 }
 
-.ui.grey.dividing.header {
-  border-bottom: 2px solid #767676;
+i.icon.window.minimize:before {
+  content: "\f2d1";
 }
 
-/* Inverted */
+i.icon.window.restore:before {
+  content: "\f2d2";
+}
 
-.ui.inverted.grey.header {
-  color: #DCDDDE !important;
+i.icon.window.close:before {
+  content: "\f2d3";
 }
 
-a.ui.inverted.grey.header:hover {
-  color: #cfd0d2 !important;
+i.icon.window.close.outline:before {
+  content: "\f2d4";
 }
 
-/*-------------------
-       Aligned
---------------------*/
+/* User Actions */
 
-.ui.left.aligned.header {
-  text-align: left;
+i.icon.wait:before {
+  content: "\f017";
 }
 
-.ui.right.aligned.header {
-  text-align: right;
+i.icon.download:before {
+  content: "\f019";
 }
 
-.ui.centered.header,
-.ui.center.aligned.header {
-  text-align: center;
+i.icon.repeat:before {
+  content: "\f01e";
 }
 
-.ui.justified.header {
-  text-align: justify;
+i.icon.refresh:before {
+  content: "\f021";
 }
 
-.ui.justified.header:after {
-  display: inline-block;
-  content: '';
-  width: 100%;
+i.icon.lock:before {
+  content: "\f023";
 }
 
-/*-------------------
-       Floated
---------------------*/
-
-.ui.floated.header,
-.ui[class*="left floated"].header {
-  float: left;
-  margin-top: 0em;
-  margin-right: 0.5em;
+i.icon.bookmark:before {
+  content: "\f02e";
 }
 
-.ui[class*="right floated"].header {
-  float: right;
-  margin-top: 0em;
-  margin-left: 0.5em;
+i.icon.print:before {
+  content: "\f02f";
 }
 
-/*-------------------
-       Fitted
---------------------*/
-
-.ui.fitted.header {
-  padding: 0em;
+i.icon.write:before {
+  content: "\f040";
 }
 
-/*-------------------
-      Dividing
---------------------*/
+i.icon.adjust:before {
+  content: "\f042";
+}
 
-.ui.dividing.header {
-  padding-bottom: 0.21428571rem;
-  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+i.icon.theme:before {
+  content: "\f043";
 }
 
-.ui.dividing.header .sub.header {
-  padding-bottom: 0.21428571rem;
+i.icon.edit:before {
+  content: "\f044";
 }
 
-.ui.dividing.header .icon {
-  margin-bottom: 0em;
+i.icon.external.share:before {
+  content: "\f045";
 }
 
-.ui.inverted.dividing.header {
-  border-bottom-color: rgba(255, 255, 255, 0.1);
+i.icon.ban:before {
+  content: "\f05e";
 }
 
-/*-------------------
-        Block
---------------------*/
+i.icon.mail.forward:before {
+  content: "\f064";
+}
 
-.ui.block.header {
-  background: #F3F4F5;
-  padding: 0.78571429rem 1rem;
-  box-shadow: none;
-  border: 1px solid #D4D4D5;
-  border-radius: 0.28571429rem;
+i.icon.share:before {
+  content: "\f064";
 }
 
-.ui.tiny.block.header {
-  font-size: 0.85714286rem;
+i.icon.expand:before {
+  content: "\f065";
 }
 
-.ui.small.block.header {
-  font-size: 0.92857143rem;
+i.icon.compress:before {
+  content: "\f066";
 }
 
-.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
-  font-size: 1rem;
+i.icon.unhide:before {
+  content: "\f06e";
 }
 
-.ui.large.block.header {
-  font-size: 1.14285714rem;
+i.icon.hide:before {
+  content: "\f070";
 }
 
-.ui.huge.block.header {
-  font-size: 1.42857143rem;
+i.icon.random:before {
+  content: "\f074";
 }
 
-/*-------------------
-       Attached
---------------------*/
+i.icon.retweet:before {
+  content: "\f079";
+}
 
-.ui.attached.header {
-  background: #FFFFFF;
-  padding: 0.78571429rem 1rem;
-  margin-left: -1px;
-  margin-right: -1px;
-  box-shadow: none;
-  border: 1px solid #D4D4D5;
+i.icon.sign.out:before {
+  content: "\f08b";
 }
 
-.ui.attached.block.header {
-  background: #F3F4F5;
+i.icon.pin:before {
+  content: "\f08d";
 }
 
-.ui.attached:not(.top):not(.bottom).header {
-  margin-top: 0em;
-  margin-bottom: 0em;
-  border-top: none;
-  border-radius: 0em;
+i.icon.sign.in:before {
+  content: "\f090";
 }
 
-.ui.top.attached.header {
-  margin-bottom: 0em;
-  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+i.icon.upload:before {
+  content: "\f093";
 }
 
-.ui.bottom.attached.header {
-  margin-top: 0em;
-  border-top: none;
-  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+i.icon.call:before {
+  content: "\f095";
 }
 
-/* Attached Sizes */
+i.icon.remove.bookmark:before {
+  content: "\f097";
+}
 
-.ui.tiny.attached.header {
-  font-size: 0.85714286em;
+i.icon.call.square:before {
+  content: "\f098";
 }
 
-.ui.small.attached.header {
-  font-size: 0.92857143em;
+i.icon.unlock:before {
+  content: "\f09c";
 }
 
-.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
-  font-size: 1em;
+i.icon.configure:before {
+  content: "\f0ad";
 }
 
-.ui.large.attached.header {
-  font-size: 1.14285714em;
+i.icon.filter:before {
+  content: "\f0b0";
 }
 
-.ui.huge.attached.header {
-  font-size: 1.42857143em;
+i.icon.wizard:before {
+  content: "\f0d0";
 }
 
-/*-------------------
-        Sizing
---------------------*/
+i.icon.undo:before {
+  content: "\f0e2";
+}
 
-.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
-  font-size: 1.28571429em;
+i.icon.exchange:before {
+  content: "\f0ec";
 }
 
-/*******************************
-         Theme Overrides
-*******************************/
+i.icon.cloud.download:before {
+  content: "\f0ed";
+}
 
-/*******************************
-         Site Overrides
-*******************************/
-/*!
- * # Semantic UI undefined - Icon
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
+i.icon.cloud.upload:before {
+  content: "\f0ee";
+}
 
-/*******************************
-             Icon
-*******************************/
+i.icon.reply:before {
+  content: "\f112";
+}
 
-@font-face {
-  font-family: 'Icons';
-  src: url("./themes/default/assets/fonts/icons.eot");
-  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');
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-decoration: inherit;
-  text-transform: none;
+i.icon.reply.all:before {
+  content: "\f122";
 }
 
-i.icon {
-  display: inline-block;
-  opacity: 1;
-  margin: 0em 0.25rem 0em 0em;
-  width: 1.18em;
-  height: 1em;
-  font-family: 'Icons';
-  font-style: normal;
-  font-weight: normal;
-  text-decoration: inherit;
-  text-align: center;
-  speak: none;
-  font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
+i.icon.erase:before {
+  content: "\f12d";
 }
 
-i.icon:before {
-  background: none !important;
+i.icon.unlock.alternate:before {
+  content: "\f13e";
 }
 
-/*******************************
-             Types
-*******************************/
+i.icon.write.square:before {
+  content: "\f14b";
+}
 
-/*--------------
-    Loading
----------------*/
+i.icon.share.square:before {
+  content: "\f14d";
+}
 
-i.icon.loading {
-  height: 1em;
-  line-height: 1;
-  -webkit-animation: icon-loading 2s linear infinite;
-  animation: icon-loading 2s linear infinite;
+i.icon.archive:before {
+  content: "\f187";
 }
 
-@-webkit-keyframes icon-loading {
-  from {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
+i.icon.translate:before {
+  content: "\f1ab";
+}
 
-  to {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
+i.icon.recycle:before {
+  content: "\f1b8";
 }
 
-@keyframes icon-loading {
-  from {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
+i.icon.send:before {
+  content: "\f1d8";
+}
 
-  to {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
+i.icon.send.outline:before {
+  content: "\f1d9";
 }
 
-/*******************************
-             States
-*******************************/
+i.icon.share.alternate:before {
+  content: "\f1e0";
+}
 
-i.icon.hover {
-  opacity: 1 !important;
+i.icon.share.alternate.square:before {
+  content: "\f1e1";
 }
 
-i.icon.active {
-  opacity: 1 !important;
+i.icon.add.to.cart:before {
+  content: "\f217";
 }
 
-i.emphasized.icon {
-  opacity: 1 !important;
+i.icon.in.cart:before {
+  content: "\f218";
 }
 
-i.disabled.icon {
-  opacity: 0.45 !important;
+i.icon.add.user:before {
+  content: "\f234";
 }
 
-/*******************************
-           Variations
-*******************************/
+i.icon.remove.user:before {
+  content: "\f235";
+}
 
-/*-------------------
-        Fitted
---------------------*/
+i.icon.object.group:before {
+  content: "\f247";
+}
 
-i.fitted.icon {
-  width: auto;
-  margin: 0em;
+i.icon.object.ungroup:before {
+  content: "\f248";
 }
 
-/*-------------------
-         Link
---------------------*/
+i.icon.clone:before {
+  content: "\f24d";
+}
 
-i.link.icon,
-i.link.icons {
-  cursor: pointer;
-  opacity: 0.8;
-  -webkit-transition: opacity 0.1s ease;
-  transition: opacity 0.1s ease;
+i.icon.talk:before {
+  content: "\f27a";
 }
 
-i.link.icon:hover,
-i.link.icons:hover {
-  opacity: 1 !important;
+i.icon.talk.outline:before {
+  content: "\f27b";
 }
 
-/*-------------------
-      Circular
---------------------*/
+/* Messages */
 
-i.circular.icon {
-  border-radius: 500em !important;
-  line-height: 1 !important;
-  padding: 0.5em 0.5em !important;
-  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
-  width: 2em !important;
-  height: 2em !important;
+i.icon.help.circle:before {
+  content: "\f059";
 }
 
-i.circular.inverted.icon {
-  border: none;
-  box-shadow: none;
+i.icon.info.circle:before {
+  content: "\f05a";
 }
 
-/*-------------------
-      Flipped
---------------------*/
-
-i.flipped.icon,
-i.horizontally.flipped.icon {
-  -webkit-transform: scale(-1, 1);
-  transform: scale(-1, 1);
+i.icon.warning.circle:before {
+  content: "\f06a";
 }
 
-i.vertically.flipped.icon {
-  -webkit-transform: scale(1, -1);
-  transform: scale(1, -1);
+i.icon.warning.sign:before {
+  content: "\f071";
 }
 
-/*-------------------
-      Rotated
---------------------*/
-
-i.rotated.icon,
-i.right.rotated.icon,
-i.clockwise.rotated.icon {
-  -webkit-transform: rotate(90deg);
-  transform: rotate(90deg);
+i.icon.announcement:before {
+  content: "\f0a1";
 }
 
-i.left.rotated.icon,
-i.counterclockwise.rotated.icon {
-  -webkit-transform: rotate(-90deg);
-  transform: rotate(-90deg);
+i.icon.help:before {
+  content: "\f128";
 }
 
-/*-------------------
-      Bordered
---------------------*/
+i.icon.info:before {
+  content: "\f129";
+}
 
-i.bordered.icon {
-  line-height: 1;
-  vertical-align: baseline;
-  width: 2em;
-  height: 2em;
-  padding: 0.5em 0.41em !important;
-  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
+i.icon.warning:before {
+  content: "\f12a";
 }
 
-i.bordered.inverted.icon {
-  border: none;
-  box-shadow: none;
+i.icon.birthday:before {
+  content: "\f1fd";
 }
 
-/*-------------------
-      Inverted
---------------------*/
+i.icon.help.circle.outline:before {
+  content: "\f29c";
+}
 
-/* Inverted Shapes */
+/* Users */
 
-i.inverted.bordered.icon,
-i.inverted.circular.icon {
-  background-color: #1B1C1D !important;
-  color: #FFFFFF !important;
+i.icon.user:before {
+  content: "\f007";
 }
 
-i.inverted.icon {
-  color: #FFFFFF;
+i.icon.users:before {
+  content: "\f0c0";
 }
 
-/*-------------------
-       Colors
---------------------*/
-
-/* Red */
+i.icon.doctor:before {
+  content: "\f0f0";
+}
 
-i.red.icon {
-  color: #DB2828 !important;
+i.icon.handicap:before {
+  content: "\f193";
 }
 
-i.inverted.red.icon {
-  color: #FF695E !important;
+i.icon.student:before {
+  content: "\f19d";
 }
 
-i.inverted.bordered.red.icon,
-i.inverted.circular.red.icon {
-  background-color: #DB2828 !important;
-  color: #FFFFFF !important;
+i.icon.child:before {
+  content: "\f1ae";
 }
 
-/* Orange */
+i.icon.spy:before {
+  content: "\f21b";
+}
 
-i.orange.icon {
-  color: #F2711C !important;
+i.icon.user.circle:before {
+  content: "\f2bd";
 }
 
-i.inverted.orange.icon {
-  color: #FF851B !important;
+i.icon.user.circle.outline:before {
+  content: "\f2be";
 }
 
-i.inverted.bordered.orange.icon,
-i.inverted.circular.orange.icon {
-  background-color: #F2711C !important;
-  color: #FFFFFF !important;
+i.icon.user.outline:before {
+  content: "\f2c0";
 }
 
-/* Yellow */
+/* Gender & Sexuality */
 
-i.yellow.icon {
-  color: #FBBD08 !important;
+i.icon.female:before {
+  content: "\f182";
 }
 
-i.inverted.yellow.icon {
-  color: #FFE21F !important;
+i.icon.male:before {
+  content: "\f183";
 }
 
-i.inverted.bordered.yellow.icon,
-i.inverted.circular.yellow.icon {
-  background-color: #FBBD08 !important;
-  color: #FFFFFF !important;
+i.icon.woman:before {
+  content: "\f221";
 }
 
-/* Olive */
-
-i.olive.icon {
-  color: #B5CC18 !important;
+i.icon.man:before {
+  content: "\f222";
 }
 
-i.inverted.olive.icon {
-  color: #D9E778 !important;
+i.icon.non.binary.transgender:before {
+  content: "\f223";
 }
 
-i.inverted.bordered.olive.icon,
-i.inverted.circular.olive.icon {
-  background-color: #B5CC18 !important;
-  color: #FFFFFF !important;
+i.icon.intergender:before {
+  content: "\f224";
 }
 
-/* Green */
-
-i.green.icon {
-  color: #21BA45 !important;
+i.icon.transgender:before {
+  content: "\f225";
 }
 
-i.inverted.green.icon {
-  color: #2ECC40 !important;
+i.icon.lesbian:before {
+  content: "\f226";
 }
 
-i.inverted.bordered.green.icon,
-i.inverted.circular.green.icon {
-  background-color: #21BA45 !important;
-  color: #FFFFFF !important;
+i.icon.gay:before {
+  content: "\f227";
 }
 
-/* Teal */
-
-i.teal.icon {
-  color: #00B5AD !important;
+i.icon.heterosexual:before {
+  content: "\f228";
 }
 
-i.inverted.teal.icon {
-  color: #6DFFFF !important;
+i.icon.other.gender:before {
+  content: "\f229";
 }
 
-i.inverted.bordered.teal.icon,
-i.inverted.circular.teal.icon {
-  background-color: #00B5AD !important;
-  color: #FFFFFF !important;
+i.icon.other.gender.vertical:before {
+  content: "\f22a";
 }
 
-/* Blue */
-
-i.blue.icon {
-  color: #2185D0 !important;
+i.icon.other.gender.horizontal:before {
+  content: "\f22b";
 }
 
-i.inverted.blue.icon {
-  color: #54C8FF !important;
+i.icon.neuter:before {
+  content: "\f22c";
 }
 
-i.inverted.bordered.blue.icon,
-i.inverted.circular.blue.icon {
-  background-color: #2185D0 !important;
-  color: #FFFFFF !important;
+i.icon.genderless:before {
+  content: "\f22d";
 }
 
-/* Violet */
+/* Accessibility */
 
-i.violet.icon {
-  color: #6435C9 !important;
+i.icon.universal.access:before {
+  content: "\f29a";
 }
 
-i.inverted.violet.icon {
-  color: #A291FB !important;
+i.icon.wheelchair:before {
+  content: "\f29b";
 }
 
-i.inverted.bordered.violet.icon,
-i.inverted.circular.violet.icon {
-  background-color: #6435C9 !important;
-  color: #FFFFFF !important;
+i.icon.blind:before {
+  content: "\f29d";
 }
 
-/* Purple */
+i.icon.audio.description:before {
+  content: "\f29e";
+}
 
-i.purple.icon {
-  color: #A333C8 !important;
+i.icon.volume.control.phone:before {
+  content: "\f2a0";
 }
 
-i.inverted.purple.icon {
-  color: #DC73FF !important;
+i.icon.braille:before {
+  content: "\f2a1";
 }
 
-i.inverted.bordered.purple.icon,
-i.inverted.circular.purple.icon {
-  background-color: #A333C8 !important;
-  color: #FFFFFF !important;
+i.icon.asl:before {
+  content: "\f2a3";
 }
 
-/* Pink */
+i.icon.assistive.listening.systems:before {
+  content: "\f2a2";
+}
 
-i.pink.icon {
-  color: #E03997 !important;
+i.icon.deafness:before {
+  content: "\f2a4";
 }
 
-i.inverted.pink.icon {
-  color: #FF8EDF !important;
+i.icon.sign.language:before {
+  content: "\f2a7";
 }
 
-i.inverted.bordered.pink.icon,
-i.inverted.circular.pink.icon {
-  background-color: #E03997 !important;
-  color: #FFFFFF !important;
+i.icon.low.vision:before {
+  content: "\f2a8";
 }
 
-/* Brown */
+/* View Adjustment */
 
-i.brown.icon {
-  color: #A5673F !important;
+i.icon.block.layout:before {
+  content: "\f009";
 }
 
-i.inverted.brown.icon {
-  color: #D67C1C !important;
+i.icon.grid.layout:before {
+  content: "\f00a";
 }
 
-i.inverted.bordered.brown.icon,
-i.inverted.circular.brown.icon {
-  background-color: #A5673F !important;
-  color: #FFFFFF !important;
+i.icon.list.layout:before {
+  content: "\f00b";
 }
 
-/* Grey */
-
-i.grey.icon {
-  color: #767676 !important;
+i.icon.zoom:before {
+  content: "\f00e";
 }
 
-i.inverted.grey.icon {
-  color: #DCDDDE !important;
+i.icon.zoom.out:before {
+  content: "\f010";
 }
 
-i.inverted.bordered.grey.icon,
-i.inverted.circular.grey.icon {
-  background-color: #767676 !important;
-  color: #FFFFFF !important;
+i.icon.resize.vertical:before {
+  content: "\f07d";
 }
 
-/* Black */
-
-i.black.icon {
-  color: #1B1C1D !important;
+i.icon.resize.horizontal:before {
+  content: "\f07e";
 }
 
-i.inverted.black.icon {
-  color: #545454 !important;
+i.icon.maximize:before {
+  content: "\f0b2";
 }
 
-i.inverted.bordered.black.icon,
-i.inverted.circular.black.icon {
-  background-color: #1B1C1D !important;
-  color: #FFFFFF !important;
+i.icon.crop:before {
+  content: "\f125";
 }
 
-/*-------------------
-        Sizes
---------------------*/
+/* Literal Objects */
 
-i.mini.icon,
-i.mini.icons {
-  line-height: 1;
-  font-size: 0.4em;
+i.icon.cocktail:before {
+  content: "\f000";
 }
 
-i.tiny.icon,
-i.tiny.icons {
-  line-height: 1;
-  font-size: 0.5em;
+i.icon.road:before {
+  content: "\f018";
 }
 
-i.small.icon,
-i.small.icons {
-  line-height: 1;
-  font-size: 0.75em;
+i.icon.flag:before {
+  content: "\f024";
 }
 
-i.icon,
-i.icons {
-  font-size: 1em;
+i.icon.book:before {
+  content: "\f02d";
 }
 
-i.large.icon,
-i.large.icons {
-  line-height: 1;
-  vertical-align: middle;
-  font-size: 1.5em;
+i.icon.gift:before {
+  content: "\f06b";
 }
 
-i.big.icon,
-i.big.icons {
-  line-height: 1;
-  vertical-align: middle;
-  font-size: 2em;
+i.icon.leaf:before {
+  content: "\f06c";
 }
 
-i.huge.icon,
-i.huge.icons {
-  line-height: 1;
-  vertical-align: middle;
-  font-size: 4em;
+i.icon.fire:before {
+  content: "\f06d";
 }
 
-i.massive.icon,
-i.massive.icons {
-  line-height: 1;
-  vertical-align: middle;
-  font-size: 8em;
+i.icon.plane:before {
+  content: "\f072";
 }
 
-/*******************************
-            Groups
-*******************************/
-
-i.icons {
-  display: inline-block;
-  position: relative;
-  line-height: 1;
+i.icon.magnet:before {
+  content: "\f076";
 }
 
-i.icons .icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translateX(-50%) translateY(-50%);
-  transform: translateX(-50%) translateY(-50%);
-  margin: 0em;
-  margin: 0;
+i.icon.lemon:before {
+  content: "\f094";
 }
 
-i.icons .icon:first-child {
-  position: static;
-  width: auto;
-  height: auto;
-  vertical-align: top;
-  -webkit-transform: none;
-  transform: none;
-  margin-right: 0.25rem;
+i.icon.world:before {
+  content: "\f0ac";
 }
 
-/* Corner Icon */
+i.icon.travel:before {
+  content: "\f0b1";
+}
 
-i.icons .corner.icon {
-  top: auto;
-  left: auto;
-  right: 0;
-  bottom: 0;
-  -webkit-transform: none;
-  transform: none;
-  font-size: 0.45em;
-  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
+i.icon.shipping:before {
+  content: "\f0d1";
 }
 
-i.icons .inverted.corner.icon {
-  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
+i.icon.money:before {
+  content: "\f0d6";
 }
 
-/*
- * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
- * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- */
+i.icon.legal:before {
+  content: "\f0e3";
+}
 
-/*******************************
+i.icon.lightning:before {
+  content: "\f0e7";
+}
 
-Semantic-UI integration of font-awesome :
+i.icon.umbrella:before {
+  content: "\f0e9";
+}
 
-///class names are separated
-i.icon.circle => i.icon.circle
-i.icon.circle-o => i.icon.circle.outline
-
-//abbreviation are replaced by full letters:
-i.icon.ellipsis-h => i.icon.ellipsis.horizontal
-i.icon.ellipsis-v => i.icon.ellipsis.vertical
-.alpha => .i.icon.alphabet
-.asc => .i.icon.ascending
-.desc => .i.icon.descending
-.alt =>.alternate
-
-ASCII order is conserved for easier maintenance.
-
-Icons that only have one style 'outline', 'square' etc do not require this class
-for instance `lemon icon` not `lemon outline icon` since there is only one lemon
-
-*******************************/
-
-/*******************************
-            Icons
-*******************************/
-
-/* Web Content */
-
-i.icon.search:before {
-  content: "\f002";
+i.icon.treatment:before {
+  content: "\f0f1";
 }
 
-i.icon.mail.outline:before {
-  content: "\f003";
+i.icon.suitcase:before {
+  content: "\f0f2";
 }
 
-i.icon.signal:before {
-  content: "\f012";
+i.icon.bar:before {
+  content: "\f0fc";
 }
 
-i.icon.setting:before {
-  content: "\f013";
+i.icon.flag.outline:before {
+  content: "\f11d";
 }
 
-i.icon.home:before {
-  content: "\f015";
+i.icon.flag.checkered:before {
+  content: "\f11e";
 }
 
-i.icon.inbox:before {
-  content: "\f01c";
+i.icon.puzzle:before {
+  content: "\f12e";
 }
 
-i.icon.browser:before {
-  content: "\f022";
+i.icon.fire.extinguisher:before {
+  content: "\f134";
 }
 
-i.icon.tag:before {
-  content: "\f02b";
+i.icon.rocket:before {
+  content: "\f135";
 }
 
-i.icon.tags:before {
-  content: "\f02c";
+i.icon.anchor:before {
+  content: "\f13d";
 }
 
-i.icon.image:before {
-  content: "\f03e";
+i.icon.bullseye:before {
+  content: "\f140";
 }
 
-i.icon.calendar:before {
-  content: "\f073";
+i.icon.sun:before {
+  content: "\f185";
 }
 
-i.icon.comment:before {
-  content: "\f075";
+i.icon.moon:before {
+  content: "\f186";
 }
 
-i.icon.shop:before {
-  content: "\f07a";
+i.icon.fax:before {
+  content: "\f1ac";
 }
 
-i.icon.comments:before {
-  content: "\f086";
+i.icon.life.ring:before {
+  content: "\f1cd";
 }
 
-i.icon.external:before {
-  content: "\f08e";
+i.icon.bomb:before {
+  content: "\f1e2";
 }
 
-i.icon.privacy:before {
-  content: "\f084";
+i.icon.soccer:before {
+  content: "\f1e3";
 }
 
-i.icon.settings:before {
-  content: "\f085";
+i.icon.calculator:before {
+  content: "\f1ec";
 }
 
-i.icon.comments:before {
-  content: "\f086";
+i.icon.diamond:before {
+  content: "\f219";
 }
 
-i.icon.external:before {
-  content: "\f08e";
+i.icon.sticky.note:before {
+  content: "\f249";
 }
 
-i.icon.trophy:before {
-  content: "\f091";
+i.icon.sticky.note.outline:before {
+  content: "\f24a";
 }
 
-i.icon.payment:before {
-  content: "\f09d";
+i.icon.law:before {
+  content: "\f24e";
 }
 
-i.icon.feed:before {
-  content: "\f09e";
+i.icon.hand.peace:before {
+  content: "\f25b";
 }
 
-i.icon.alarm.outline:before {
-  content: "\f0a2";
+i.icon.hand.rock:before {
+  content: "\f255";
 }
 
-i.icon.tasks:before {
-  content: "\f0ae";
+i.icon.hand.paper:before {
+  content: "\f256";
 }
 
-i.icon.cloud:before {
-  content: "\f0c2";
+i.icon.hand.scissors:before {
+  content: "\f257";
 }
 
-i.icon.lab:before {
-  content: "\f0c3";
+i.icon.hand.lizard:before {
+  content: "\f258";
 }
 
-i.icon.mail:before {
-  content: "\f0e0";
+i.icon.hand.spock:before {
+  content: "\f259";
 }
 
-i.icon.dashboard:before {
-  content: "\f0e4";
+i.icon.tv:before {
+  content: "\f26c";
 }
 
-i.icon.comment.outline:before {
-  content: "\f0e5";
+i.icon.thermometer.full:before {
+  content: "\f2c7";
 }
 
-i.icon.comments.outline:before {
-  content: "\f0e6";
+i.icon.thermometer.three.quarters:before {
+  content: "\f2c8";
 }
 
-i.icon.sitemap:before {
-  content: "\f0e8";
+i.icon.thermometer.half:before {
+  content: "\f2c9";
 }
 
-i.icon.idea:before {
-  content: "\f0eb";
+i.icon.thermometer.quarter:before {
+  content: "\f2ca";
 }
 
-i.icon.alarm:before {
-  content: "\f0f3";
+i.icon.thermometer.empty:before {
+  content: "\f2cb";
 }
 
-i.icon.terminal:before {
-  content: "\f120";
+i.icon.shower:before {
+  content: "\f2cc";
 }
 
-i.icon.code:before {
-  content: "\f121";
+i.icon.bathtub:before {
+  content: "\f2cd";
 }
 
-i.icon.protect:before {
-  content: "\f132";
+i.icon.snowflake:before {
+  content: "\f2dc";
 }
 
-i.icon.calendar.outline:before {
-  content: "\f133";
-}
+/* Shapes */
 
-i.icon.ticket:before {
-  content: "\f145";
+i.icon.crosshairs:before {
+  content: "\f05b";
 }
 
-i.icon.external.square:before {
-  content: "\f14c";
+i.icon.asterisk:before {
+  content: "\f069";
 }
 
-i.icon.bug:before {
-  content: "\f188";
+i.icon.square.outline:before {
+  content: "\f096";
 }
 
-i.icon.mail.square:before {
-  content: "\f199";
+i.icon.certificate:before {
+  content: "\f0a3";
 }
 
-i.icon.history:before {
-  content: "\f1da";
+i.icon.square:before {
+  content: "\f0c8";
 }
 
-i.icon.options:before {
-  content: "\f1de";
+i.icon.quote.left:before {
+  content: "\f10d";
 }
 
-i.icon.text.telephone:before {
-  content: "\f1e4";
+i.icon.quote.right:before {
+  content: "\f10e";
 }
 
-i.icon.find:before {
-  content: "\f1e5";
+i.icon.spinner:before {
+  content: "\f110";
 }
 
-i.icon.alarm.mute:before {
-  content: "\f1f6";
+i.icon.circle:before {
+  content: "\f111";
 }
 
-i.icon.alarm.mute.outline:before {
-  content: "\f1f7";
+i.icon.ellipsis.horizontal:before {
+  content: "\f141";
 }
 
-i.icon.copyright:before {
-  content: "\f1f9";
+i.icon.ellipsis.vertical:before {
+  content: "\f142";
 }
 
-i.icon.at:before {
-  content: "\f1fa";
+i.icon.cube:before {
+  content: "\f1b2";
 }
 
-i.icon.eyedropper:before {
-  content: "\f1fb";
+i.icon.cubes:before {
+  content: "\f1b3";
 }
 
-i.icon.paint.brush:before {
-  content: "\f1fc";
+i.icon.circle.notched:before {
+  content: "\f1ce";
 }
 
-i.icon.heartbeat:before {
-  content: "\f21e";
+i.icon.circle.thin:before {
+  content: "\f1db";
 }
 
-i.icon.mouse.pointer:before {
-  content: "\f245";
+/* Item Selection */
+
+i.icon.checkmark:before {
+  content: "\f00c";
 }
 
-i.icon.hourglass.empty:before {
-  content: "\f250";
+i.icon.remove:before {
+  content: "\f00d";
 }
 
-i.icon.hourglass.start:before {
-  content: "\f251";
+i.icon.checkmark.box:before {
+  content: "\f046";
 }
 
-i.icon.hourglass.half:before {
-  content: "\f252";
+i.icon.move:before {
+  content: "\f047";
 }
 
-i.icon.hourglass.end:before {
-  content: "\f253";
+i.icon.add.circle:before {
+  content: "\f055";
 }
 
-i.icon.hourglass.full:before {
-  content: "\f254";
+i.icon.minus.circle:before {
+  content: "\f056";
 }
 
-i.icon.hand.pointer:before {
-  content: "\f25a";
+i.icon.remove.circle:before {
+  content: "\f057";
 }
 
-i.icon.trademark:before {
-  content: "\f25c";
+i.icon.check.circle:before {
+  content: "\f058";
 }
 
-i.icon.registered:before {
-  content: "\f25d";
+i.icon.remove.circle.outline:before {
+  content: "\f05c";
 }
 
-i.icon.creative.commons:before {
-  content: "\f25e";
+i.icon.check.circle.outline:before {
+  content: "\f05d";
 }
 
-i.icon.add.to.calendar:before {
-  content: "\f271";
+i.icon.plus:before {
+  content: "\f067";
 }
 
-i.icon.remove.from.calendar:before {
-  content: "\f272";
+i.icon.minus:before {
+  content: "\f068";
 }
 
-i.icon.delete.calendar:before {
-  content: "\f273";
+i.icon.add.square:before {
+  content: "\f0fe";
 }
 
-i.icon.checked.calendar:before {
-  content: "\f274";
+i.icon.radio:before {
+  content: "\f10c";
 }
 
-i.icon.industry:before {
-  content: "\f275";
+i.icon.minus.square:before {
+  content: "\f146";
 }
 
-i.icon.shopping.bag:before {
-  content: "\f290";
+i.icon.minus.square.outline:before {
+  content: "\f147";
 }
 
-i.icon.shopping.basket:before {
-  content: "\f291";
+i.icon.check.square:before {
+  content: "\f14a";
 }
 
-i.icon.hashtag:before {
-  content: "\f292";
+i.icon.selected.radio:before {
+  content: "\f192";
 }
 
-i.icon.percent:before {
-  content: "\f295";
+i.icon.plus.square.outline:before {
+  content: "\f196";
 }
 
-i.icon.handshake:before {
-  content: "\f2b5";
+i.icon.toggle.off:before {
+  content: "\f204";
 }
 
-i.icon.open.envelope:before {
-  content: "\f2b6";
+i.icon.toggle.on:before {
+  content: "\f205";
 }
 
-i.icon.open.envelope.outline:before {
-  content: "\f2b7";
-}
+/* Media */
 
-i.icon.address.book:before {
-  content: "\f2b9";
+i.icon.film:before {
+  content: "\f008";
 }
 
-i.icon.address.book.outline:before {
-  content: "\f2ba";
+i.icon.sound:before {
+  content: "\f025";
 }
 
-i.icon.address.card:before {
-  content: "\f2bb";
+i.icon.photo:before {
+  content: "\f030";
 }
 
-i.icon.address.card.outline:before {
-  content: "\f2bc";
+i.icon.bar.chart:before {
+  content: "\f080";
 }
 
-i.icon.id.badge:before {
-  content: "\f2c1";
+i.icon.camera.retro:before {
+  content: "\f083";
 }
 
-i.icon.id.card:before {
-  content: "\f2c2";
+i.icon.newspaper:before {
+  content: "\f1ea";
 }
 
-i.icon.id.card.outline:before {
-  content: "\f2c3";
+i.icon.area.chart:before {
+  content: "\f1fe";
 }
 
-i.icon.podcast:before {
-  content: "\f2ce";
+i.icon.pie.chart:before {
+  content: "\f200";
 }
 
-i.icon.window.maximize:before {
-  content: "\f2d0";
+i.icon.line.chart:before {
+  content: "\f201";
 }
 
-i.icon.window.minimize:before {
-  content: "\f2d1";
-}
+/* Pointers */
 
-i.icon.window.restore:before {
-  content: "\f2d2";
+i.icon.arrow.circle.outline.down:before {
+  content: "\f01a";
 }
 
-i.icon.window.close:before {
-  content: "\f2d3";
+i.icon.arrow.circle.outline.up:before {
+  content: "\f01b";
 }
 
-i.icon.window.close.outline:before {
-  content: "\f2d4";
+i.icon.chevron.left:before {
+  content: "\f053";
 }
 
-/* User Actions */
+i.icon.chevron.right:before {
+  content: "\f054";
+}
 
-i.icon.wait:before {
-  content: "\f017";
+i.icon.arrow.left:before {
+  content: "\f060";
 }
 
-i.icon.download:before {
-  content: "\f019";
+i.icon.arrow.right:before {
+  content: "\f061";
 }
 
-i.icon.repeat:before {
-  content: "\f01e";
+i.icon.arrow.up:before {
+  content: "\f062";
 }
 
-i.icon.refresh:before {
-  content: "\f021";
+i.icon.arrow.down:before {
+  content: "\f063";
 }
 
-i.icon.lock:before {
-  content: "\f023";
+i.icon.chevron.up:before {
+  content: "\f077";
 }
 
-i.icon.bookmark:before {
-  content: "\f02e";
+i.icon.chevron.down:before {
+  content: "\f078";
 }
 
-i.icon.print:before {
-  content: "\f02f";
+i.icon.pointing.right:before {
+  content: "\f0a4";
 }
 
-i.icon.write:before {
-  content: "\f040";
+i.icon.pointing.left:before {
+  content: "\f0a5";
 }
 
-i.icon.adjust:before {
-  content: "\f042";
+i.icon.pointing.up:before {
+  content: "\f0a6";
 }
 
-i.icon.theme:before {
-  content: "\f043";
+i.icon.pointing.down:before {
+  content: "\f0a7";
 }
 
-i.icon.edit:before {
-  content: "\f044";
+i.icon.arrow.circle.left:before {
+  content: "\f0a8";
 }
 
-i.icon.external.share:before {
-  content: "\f045";
+i.icon.arrow.circle.right:before {
+  content: "\f0a9";
 }
 
-i.icon.ban:before {
-  content: "\f05e";
+i.icon.arrow.circle.up:before {
+  content: "\f0aa";
 }
 
-i.icon.mail.forward:before {
-  content: "\f064";
+i.icon.arrow.circle.down:before {
+  content: "\f0ab";
 }
 
-i.icon.share:before {
-  content: "\f064";
+i.icon.caret.down:before {
+  content: "\f0d7";
 }
 
-i.icon.expand:before {
-  content: "\f065";
+i.icon.caret.up:before {
+  content: "\f0d8";
 }
 
-i.icon.compress:before {
-  content: "\f066";
+i.icon.caret.left:before {
+  content: "\f0d9";
 }
 
-i.icon.unhide:before {
-  content: "\f06e";
+i.icon.caret.right:before {
+  content: "\f0da";
 }
 
-i.icon.hide:before {
-  content: "\f070";
+i.icon.angle.double.left:before {
+  content: "\f100";
 }
 
-i.icon.random:before {
-  content: "\f074";
+i.icon.angle.double.right:before {
+  content: "\f101";
 }
 
-i.icon.retweet:before {
-  content: "\f079";
+i.icon.angle.double.up:before {
+  content: "\f102";
 }
 
-i.icon.sign.out:before {
-  content: "\f08b";
+i.icon.angle.double.down:before {
+  content: "\f103";
 }
 
-i.icon.pin:before {
-  content: "\f08d";
+i.icon.angle.left:before {
+  content: "\f104";
 }
 
-i.icon.sign.in:before {
-  content: "\f090";
+i.icon.angle.right:before {
+  content: "\f105";
 }
 
-i.icon.upload:before {
-  content: "\f093";
+i.icon.angle.up:before {
+  content: "\f106";
 }
 
-i.icon.call:before {
-  content: "\f095";
+i.icon.angle.down:before {
+  content: "\f107";
 }
 
-i.icon.remove.bookmark:before {
-  content: "\f097";
+i.icon.chevron.circle.left:before {
+  content: "\f137";
 }
 
-i.icon.call.square:before {
-  content: "\f098";
+i.icon.chevron.circle.right:before {
+  content: "\f138";
 }
 
-i.icon.unlock:before {
-  content: "\f09c";
+i.icon.chevron.circle.up:before {
+  content: "\f139";
 }
 
-i.icon.configure:before {
-  content: "\f0ad";
+i.icon.chevron.circle.down:before {
+  content: "\f13a";
 }
 
-i.icon.filter:before {
-  content: "\f0b0";
+i.icon.toggle.down:before {
+  content: "\f150";
 }
 
-i.icon.wizard:before {
-  content: "\f0d0";
+i.icon.toggle.up:before {
+  content: "\f151";
 }
 
-i.icon.undo:before {
-  content: "\f0e2";
+i.icon.toggle.right:before {
+  content: "\f152";
 }
 
-i.icon.exchange:before {
-  content: "\f0ec";
-}
-
-i.icon.cloud.download:before {
-  content: "\f0ed";
+i.icon.long.arrow.down:before {
+  content: "\f175";
 }
 
-i.icon.cloud.upload:before {
-  content: "\f0ee";
+i.icon.long.arrow.up:before {
+  content: "\f176";
 }
 
-i.icon.reply:before {
-  content: "\f112";
+i.icon.long.arrow.left:before {
+  content: "\f177";
 }
 
-i.icon.reply.all:before {
-  content: "\f122";
+i.icon.long.arrow.right:before {
+  content: "\f178";
 }
 
-i.icon.erase:before {
-  content: "\f12d";
+i.icon.arrow.circle.outline.right:before {
+  content: "\f18e";
 }
 
-i.icon.unlock.alternate:before {
-  content: "\f13e";
+i.icon.arrow.circle.outline.left:before {
+  content: "\f190";
 }
 
-i.icon.write.square:before {
-  content: "\f14b";
+i.icon.toggle.left:before {
+  content: "\f191";
 }
 
-i.icon.share.square:before {
-  content: "\f14d";
-}
+/* Mobile */
 
-i.icon.archive:before {
-  content: "\f187";
+i.icon.tablet:before {
+  content: "\f10a";
 }
 
-i.icon.translate:before {
-  content: "\f1ab";
+i.icon.mobile:before {
+  content: "\f10b";
 }
 
-i.icon.recycle:before {
-  content: "\f1b8";
+i.icon.battery.full:before {
+  content: "\f240";
 }
 
-i.icon.send:before {
-  content: "\f1d8";
+i.icon.battery.high:before {
+  content: "\f241";
 }
 
-i.icon.send.outline:before {
-  content: "\f1d9";
+i.icon.battery.medium:before {
+  content: "\f242";
 }
 
-i.icon.share.alternate:before {
-  content: "\f1e0";
+i.icon.battery.low:before {
+  content: "\f243";
 }
 
-i.icon.share.alternate.square:before {
-  content: "\f1e1";
+i.icon.battery.empty:before {
+  content: "\f244";
 }
 
-i.icon.add.to.cart:before {
-  content: "\f217";
-}
+/* Computer */
 
-i.icon.in.cart:before {
-  content: "\f218";
+i.icon.power:before {
+  content: "\f011";
 }
 
-i.icon.add.user:before {
-  content: "\f234";
+i.icon.trash.outline:before {
+  content: "\f014";
 }
 
-i.icon.remove.user:before {
-  content: "\f235";
+i.icon.disk.outline:before {
+  content: "\f0a0";
 }
 
-i.icon.object.group:before {
-  content: "\f247";
+i.icon.desktop:before {
+  content: "\f108";
 }
 
-i.icon.object.ungroup:before {
-  content: "\f248";
+i.icon.laptop:before {
+  content: "\f109";
 }
 
-i.icon.clone:before {
-  content: "\f24d";
+i.icon.game:before {
+  content: "\f11b";
 }
 
-i.icon.talk:before {
-  content: "\f27a";
+i.icon.keyboard:before {
+  content: "\f11c";
 }
 
-i.icon.talk.outline:before {
-  content: "\f27b";
+i.icon.plug:before {
+  content: "\f1e6";
 }
 
-/* Messages */
+/* File System */
 
-i.icon.help.circle:before {
-  content: "\f059";
+i.icon.trash:before {
+  content: "\f1f8";
 }
 
-i.icon.info.circle:before {
-  content: "\f05a";
+i.icon.file.outline:before {
+  content: "\f016";
 }
 
-i.icon.warning.circle:before {
-  content: "\f06a";
+i.icon.folder:before {
+  content: "\f07b";
 }
 
-i.icon.warning.sign:before {
-  content: "\f071";
+i.icon.folder.open:before {
+  content: "\f07c";
 }
 
-i.icon.announcement:before {
-  content: "\f0a1";
+i.icon.file.text.outline:before {
+  content: "\f0f6";
 }
 
-i.icon.help:before {
-  content: "\f128";
+i.icon.folder.outline:before {
+  content: "\f114";
 }
 
-i.icon.info:before {
-  content: "\f129";
+i.icon.folder.open.outline:before {
+  content: "\f115";
 }
 
-i.icon.warning:before {
-  content: "\f12a";
+i.icon.level.up:before {
+  content: "\f148";
 }
 
-i.icon.birthday:before {
-  content: "\f1fd";
+i.icon.level.down:before {
+  content: "\f149";
 }
 
-i.icon.help.circle.outline:before {
-  content: "\f29c";
+i.icon.file:before {
+  content: "\f15b";
 }
 
-/* Users */
-
-i.icon.user:before {
-  content: "\f007";
+i.icon.file.text:before {
+  content: "\f15c";
 }
 
-i.icon.users:before {
-  content: "\f0c0";
+i.icon.file.pdf.outline:before {
+  content: "\f1c1";
 }
 
-i.icon.doctor:before {
-  content: "\f0f0";
+i.icon.file.word.outline:before {
+  content: "\f1c2";
 }
 
-i.icon.handicap:before {
-  content: "\f193";
+i.icon.file.excel.outline:before {
+  content: "\f1c3";
 }
 
-i.icon.student:before {
-  content: "\f19d";
+i.icon.file.powerpoint.outline:before {
+  content: "\f1c4";
 }
 
-i.icon.child:before {
-  content: "\f1ae";
+i.icon.file.image.outline:before {
+  content: "\f1c5";
 }
 
-i.icon.spy:before {
-  content: "\f21b";
+i.icon.file.archive.outline:before {
+  content: "\f1c6";
 }
 
-i.icon.user.circle:before {
-  content: "\f2bd";
+i.icon.file.audio.outline:before {
+  content: "\f1c7";
 }
 
-i.icon.user.circle.outline:before {
-  content: "\f2be";
+i.icon.file.video.outline:before {
+  content: "\f1c8";
 }
 
-i.icon.user.outline:before {
-  content: "\f2c0";
+i.icon.file.code.outline:before {
+  content: "\f1c9";
 }
 
-/* Gender & Sexuality */
+/* Technologies */
 
-i.icon.female:before {
-  content: "\f182";
+i.icon.qrcode:before {
+  content: "\f029";
 }
 
-i.icon.male:before {
-  content: "\f183";
+i.icon.barcode:before {
+  content: "\f02a";
 }
 
-i.icon.woman:before {
-  content: "\f221";
+i.icon.rss:before {
+  content: "\f09e";
 }
 
-i.icon.man:before {
-  content: "\f222";
+i.icon.fork:before {
+  content: "\f126";
 }
 
-i.icon.non.binary.transgender:before {
-  content: "\f223";
+i.icon.html5:before {
+  content: "\f13b";
 }
 
-i.icon.intergender:before {
-  content: "\f224";
+i.icon.css3:before {
+  content: "\f13c";
 }
 
-i.icon.transgender:before {
-  content: "\f225";
+i.icon.rss.square:before {
+  content: "\f143";
 }
 
-i.icon.lesbian:before {
-  content: "\f226";
+i.icon.openid:before {
+  content: "\f19b";
 }
 
-i.icon.gay:before {
-  content: "\f227";
+i.icon.database:before {
+  content: "\f1c0";
 }
 
-i.icon.heterosexual:before {
-  content: "\f228";
+i.icon.wifi:before {
+  content: "\f1eb";
 }
 
-i.icon.other.gender:before {
-  content: "\f229";
+i.icon.server:before {
+  content: "\f233";
 }
 
-i.icon.other.gender.vertical:before {
-  content: "\f22a";
+i.icon.usb:before {
+  content: "\f287";
 }
 
-i.icon.other.gender.horizontal:before {
-  content: "\f22b";
+i.icon.bluetooth:before {
+  content: "\f293";
 }
 
-i.icon.neuter:before {
-  content: "\f22c";
+i.icon.bluetooth.alternative:before {
+  content: "\f294";
 }
 
-i.icon.genderless:before {
-  content: "\f22d";
+i.icon.microchip:before {
+  content: "\f2db";
 }
 
-/* Accessibility */
+/* Rating */
 
-i.icon.universal.access:before {
-  content: "\f29a";
+i.icon.heart:before {
+  content: "\f004";
 }
 
-i.icon.wheelchair:before {
-  content: "\f29b";
+i.icon.star:before {
+  content: "\f005";
 }
 
-i.icon.blind:before {
-  content: "\f29d";
+i.icon.empty.star:before {
+  content: "\f006";
 }
 
-i.icon.audio.description:before {
-  content: "\f29e";
+i.icon.thumbs.outline.up:before {
+  content: "\f087";
 }
 
-i.icon.volume.control.phone:before {
-  content: "\f2a0";
+i.icon.thumbs.outline.down:before {
+  content: "\f088";
 }
 
-i.icon.braille:before {
-  content: "\f2a1";
+i.icon.star.half:before {
+  content: "\f089";
 }
 
-i.icon.asl:before {
-  content: "\f2a3";
+i.icon.empty.heart:before {
+  content: "\f08a";
 }
 
-i.icon.assistive.listening.systems:before {
-  content: "\f2a2";
+i.icon.smile:before {
+  content: "\f118";
 }
 
-i.icon.deafness:before {
-  content: "\f2a4";
+i.icon.frown:before {
+  content: "\f119";
 }
 
-i.icon.sign.language:before {
-  content: "\f2a7";
+i.icon.meh:before {
+  content: "\f11a";
 }
 
-i.icon.low.vision:before {
-  content: "\f2a8";
+i.icon.star.half.empty:before {
+  content: "\f123";
 }
 
-/* View Adjustment */
-
-i.icon.block.layout:before {
-  content: "\f009";
+i.icon.thumbs.up:before {
+  content: "\f164";
 }
 
-i.icon.grid.layout:before {
-  content: "\f00a";
+i.icon.thumbs.down:before {
+  content: "\f165";
 }
 
-i.icon.list.layout:before {
-  content: "\f00b";
-}
+/* Audio */
 
-i.icon.zoom:before {
-  content: "\f00e";
+i.icon.music:before {
+  content: "\f001";
 }
 
-i.icon.zoom.out:before {
-  content: "\f010";
+i.icon.video.play.outline:before {
+  content: "\f01d";
 }
 
-i.icon.resize.vertical:before {
-  content: "\f07d";
+i.icon.volume.off:before {
+  content: "\f026";
 }
 
-i.icon.resize.horizontal:before {
-  content: "\f07e";
+i.icon.volume.down:before {
+  content: "\f027";
 }
 
-i.icon.maximize:before {
-  content: "\f0b2";
+i.icon.volume.up:before {
+  content: "\f028";
 }
 
-i.icon.crop:before {
-  content: "\f125";
+i.icon.record:before {
+  content: "\f03d";
 }
 
-/* Literal Objects */
-
-i.icon.cocktail:before {
-  content: "\f000";
+i.icon.step.backward:before {
+  content: "\f048";
 }
 
-i.icon.road:before {
-  content: "\f018";
+i.icon.fast.backward:before {
+  content: "\f049";
 }
 
-i.icon.flag:before {
-  content: "\f024";
+i.icon.backward:before {
+  content: "\f04a";
 }
 
-i.icon.book:before {
-  content: "\f02d";
+i.icon.play:before {
+  content: "\f04b";
 }
 
-i.icon.gift:before {
-  content: "\f06b";
+i.icon.pause:before {
+  content: "\f04c";
 }
 
-i.icon.leaf:before {
-  content: "\f06c";
+i.icon.stop:before {
+  content: "\f04d";
 }
 
-i.icon.fire:before {
-  content: "\f06d";
+i.icon.forward:before {
+  content: "\f04e";
 }
 
-i.icon.plane:before {
-  content: "\f072";
+i.icon.fast.forward:before {
+  content: "\f050";
 }
 
-i.icon.magnet:before {
-  content: "\f076";
+i.icon.step.forward:before {
+  content: "\f051";
 }
 
-i.icon.lemon:before {
-  content: "\f094";
+i.icon.eject:before {
+  content: "\f052";
 }
 
-i.icon.world:before {
-  content: "\f0ac";
+i.icon.unmute:before {
+  content: "\f130";
 }
 
-i.icon.travel:before {
-  content: "\f0b1";
+i.icon.mute:before {
+  content: "\f131";
 }
 
-i.icon.shipping:before {
-  content: "\f0d1";
+i.icon.video.play:before {
+  content: "\f144";
 }
 
-i.icon.money:before {
-  content: "\f0d6";
+i.icon.closed.captioning:before {
+  content: "\f20a";
 }
 
-i.icon.legal:before {
-  content: "\f0e3";
+i.icon.pause.circle:before {
+  content: "\f28b";
 }
 
-i.icon.lightning:before {
-  content: "\f0e7";
+i.icon.pause.circle.outline:before {
+  content: "\f28c";
 }
 
-i.icon.umbrella:before {
-  content: "\f0e9";
+i.icon.stop.circle:before {
+  content: "\f28d";
 }
 
-i.icon.treatment:before {
-  content: "\f0f1";
+i.icon.stop.circle.outline:before {
+  content: "\f28e";
 }
 
-i.icon.suitcase:before {
-  content: "\f0f2";
-}
+/* Map, Locations, & Transportation */
 
-i.icon.bar:before {
-  content: "\f0fc";
+i.icon.marker:before {
+  content: "\f041";
 }
 
-i.icon.flag.outline:before {
-  content: "\f11d";
+i.icon.coffee:before {
+  content: "\f0f4";
 }
 
-i.icon.flag.checkered:before {
-  content: "\f11e";
+i.icon.food:before {
+  content: "\f0f5";
 }
 
-i.icon.puzzle:before {
-  content: "\f12e";
+i.icon.building.outline:before {
+  content: "\f0f7";
 }
 
-i.icon.fire.extinguisher:before {
-  content: "\f134";
+i.icon.hospital:before {
+  content: "\f0f8";
 }
 
-i.icon.rocket:before {
-  content: "\f135";
+i.icon.emergency:before {
+  content: "\f0f9";
 }
 
-i.icon.anchor:before {
-  content: "\f13d";
+i.icon.first.aid:before {
+  content: "\f0fa";
 }
 
-i.icon.bullseye:before {
-  content: "\f140";
+i.icon.military:before {
+  content: "\f0fb";
 }
 
-i.icon.sun:before {
-  content: "\f185";
+i.icon.h:before {
+  content: "\f0fd";
 }
 
-i.icon.moon:before {
-  content: "\f186";
+i.icon.location.arrow:before {
+  content: "\f124";
 }
 
-i.icon.fax:before {
-  content: "\f1ac";
+i.icon.compass:before {
+  content: "\f14e";
 }
 
-i.icon.life.ring:before {
-  content: "\f1cd";
+i.icon.space.shuttle:before {
+  content: "\f197";
 }
 
-i.icon.bomb:before {
-  content: "\f1e2";
+i.icon.university:before {
+  content: "\f19c";
 }
 
-i.icon.soccer:before {
-  content: "\f1e3";
+i.icon.building:before {
+  content: "\f1ad";
 }
 
-i.icon.calculator:before {
-  content: "\f1ec";
+i.icon.paw:before {
+  content: "\f1b0";
 }
 
-i.icon.diamond:before {
-  content: "\f219";
+i.icon.spoon:before {
+  content: "\f1b1";
 }
 
-i.icon.sticky.note:before {
-  content: "\f249";
+i.icon.car:before {
+  content: "\f1b9";
 }
 
-i.icon.sticky.note.outline:before {
-  content: "\f24a";
+i.icon.taxi:before {
+  content: "\f1ba";
 }
 
-i.icon.law:before {
-  content: "\f24e";
+i.icon.tree:before {
+  content: "\f1bb";
 }
 
-i.icon.hand.peace:before {
-  content: "\f25b";
+i.icon.bicycle:before {
+  content: "\f206";
 }
 
-i.icon.hand.rock:before {
-  content: "\f255";
+i.icon.bus:before {
+  content: "\f207";
 }
 
-i.icon.hand.paper:before {
-  content: "\f256";
+i.icon.ship:before {
+  content: "\f21a";
 }
 
-i.icon.hand.scissors:before {
-  content: "\f257";
+i.icon.motorcycle:before {
+  content: "\f21c";
 }
 
-i.icon.hand.lizard:before {
-  content: "\f258";
+i.icon.street.view:before {
+  content: "\f21d";
 }
 
-i.icon.hand.spock:before {
-  content: "\f259";
+i.icon.hotel:before {
+  content: "\f236";
 }
 
-i.icon.tv:before {
-  content: "\f26c";
+i.icon.train:before {
+  content: "\f238";
 }
 
-i.icon.thermometer.full:before {
-  content: "\f2c7";
+i.icon.subway:before {
+  content: "\f239";
 }
 
-i.icon.thermometer.three.quarters:before {
-  content: "\f2c8";
+i.icon.map.pin:before {
+  content: "\f276";
 }
 
-i.icon.thermometer.half:before {
-  content: "\f2c9";
+i.icon.map.signs:before {
+  content: "\f277";
 }
 
-i.icon.thermometer.quarter:before {
-  content: "\f2ca";
+i.icon.map.outline:before {
+  content: "\f278";
 }
 
-i.icon.thermometer.empty:before {
-  content: "\f2cb";
+i.icon.map:before {
+  content: "\f279";
 }
 
-i.icon.shower:before {
-  content: "\f2cc";
-}
+/* Tables */
 
-i.icon.bathtub:before {
-  content: "\f2cd";
+i.icon.table:before {
+  content: "\f0ce";
 }
 
-i.icon.snowflake:before {
-  content: "\f2dc";
+i.icon.columns:before {
+  content: "\f0db";
 }
 
-/* Shapes */
+i.icon.sort:before {
+  content: "\f0dc";
+}
 
-i.icon.crosshairs:before {
-  content: "\f05b";
+i.icon.sort.descending:before {
+  content: "\f0dd";
 }
 
-i.icon.asterisk:before {
-  content: "\f069";
+i.icon.sort.ascending:before {
+  content: "\f0de";
 }
 
-i.icon.square.outline:before {
-  content: "\f096";
+i.icon.sort.alphabet.ascending:before {
+  content: "\f15d";
 }
 
-i.icon.certificate:before {
-  content: "\f0a3";
+i.icon.sort.alphabet.descending:before {
+  content: "\f15e";
 }
 
-i.icon.square:before {
-  content: "\f0c8";
+i.icon.sort.content.ascending:before {
+  content: "\f160";
 }
 
-i.icon.quote.left:before {
-  content: "\f10d";
+i.icon.sort.content.descending:before {
+  content: "\f161";
 }
 
-i.icon.quote.right:before {
-  content: "\f10e";
+i.icon.sort.numeric.ascending:before {
+  content: "\f162";
 }
 
-i.icon.spinner:before {
-  content: "\f110";
+i.icon.sort.numeric.descending:before {
+  content: "\f163";
 }
 
-i.icon.circle:before {
-  content: "\f111";
+/* Text Editor */
+
+i.icon.font:before {
+  content: "\f031";
 }
 
-i.icon.ellipsis.horizontal:before {
-  content: "\f141";
+i.icon.bold:before {
+  content: "\f032";
 }
 
-i.icon.ellipsis.vertical:before {
-  content: "\f142";
+i.icon.italic:before {
+  content: "\f033";
 }
 
-i.icon.cube:before {
-  content: "\f1b2";
+i.icon.text.height:before {
+  content: "\f034";
 }
 
-i.icon.cubes:before {
-  content: "\f1b3";
+i.icon.text.width:before {
+  content: "\f035";
 }
 
-i.icon.circle.notched:before {
-  content: "\f1ce";
+i.icon.align.left:before {
+  content: "\f036";
 }
 
-i.icon.circle.thin:before {
-  content: "\f1db";
+i.icon.align.center:before {
+  content: "\f037";
 }
 
-/* Item Selection */
+i.icon.align.right:before {
+  content: "\f038";
+}
 
-i.icon.checkmark:before {
-  content: "\f00c";
+i.icon.align.justify:before {
+  content: "\f039";
 }
 
-i.icon.remove:before {
-  content: "\f00d";
+i.icon.list:before {
+  content: "\f03a";
 }
 
-i.icon.checkmark.box:before {
-  content: "\f046";
+i.icon.outdent:before {
+  content: "\f03b";
 }
 
-i.icon.move:before {
-  content: "\f047";
+i.icon.indent:before {
+  content: "\f03c";
 }
 
-i.icon.add.circle:before {
-  content: "\f055";
+i.icon.linkify:before {
+  content: "\f0c1";
 }
 
-i.icon.minus.circle:before {
-  content: "\f056";
+i.icon.cut:before {
+  content: "\f0c4";
 }
 
-i.icon.remove.circle:before {
-  content: "\f057";
+i.icon.copy:before {
+  content: "\f0c5";
 }
 
-i.icon.check.circle:before {
-  content: "\f058";
+i.icon.attach:before {
+  content: "\f0c6";
 }
 
-i.icon.remove.circle.outline:before {
-  content: "\f05c";
+i.icon.save:before {
+  content: "\f0c7";
 }
 
-i.icon.check.circle.outline:before {
-  content: "\f05d";
+i.icon.content:before {
+  content: "\f0c9";
 }
 
-i.icon.plus:before {
-  content: "\f067";
+i.icon.unordered.list:before {
+  content: "\f0ca";
 }
 
-i.icon.minus:before {
-  content: "\f068";
+i.icon.ordered.list:before {
+  content: "\f0cb";
 }
 
-i.icon.add.square:before {
-  content: "\f0fe";
+i.icon.strikethrough:before {
+  content: "\f0cc";
 }
 
-i.icon.radio:before {
-  content: "\f10c";
+i.icon.underline:before {
+  content: "\f0cd";
 }
 
-i.icon.minus.square:before {
-  content: "\f146";
+i.icon.paste:before {
+  content: "\f0ea";
 }
 
-i.icon.minus.square.outline:before {
-  content: "\f147";
+i.icon.unlinkify:before {
+  content: "\f127";
 }
 
-i.icon.check.square:before {
-  content: "\f14a";
+i.icon.superscript:before {
+  content: "\f12b";
 }
 
-i.icon.selected.radio:before {
-  content: "\f192";
+i.icon.subscript:before {
+  content: "\f12c";
 }
 
-i.icon.plus.square.outline:before {
-  content: "\f196";
+i.icon.header:before {
+  content: "\f1dc";
 }
 
-i.icon.toggle.off:before {
-  content: "\f204";
+i.icon.paragraph:before {
+  content: "\f1dd";
 }
 
-i.icon.toggle.on:before {
-  content: "\f205";
+i.icon.text.cursor:before {
+  content: "\f246";
 }
 
-/* Media */
+/* Currency */
 
-i.icon.film:before {
-  content: "\f008";
+i.icon.euro:before {
+  content: "\f153";
 }
 
-i.icon.sound:before {
-  content: "\f025";
+i.icon.pound:before {
+  content: "\f154";
 }
 
-i.icon.photo:before {
-  content: "\f030";
+i.icon.dollar:before {
+  content: "\f155";
 }
 
-i.icon.bar.chart:before {
-  content: "\f080";
+i.icon.rupee:before {
+  content: "\f156";
 }
 
-i.icon.camera.retro:before {
-  content: "\f083";
+i.icon.yen:before {
+  content: "\f157";
 }
 
-i.icon.newspaper:before {
-  content: "\f1ea";
+i.icon.ruble:before {
+  content: "\f158";
 }
 
-i.icon.area.chart:before {
-  content: "\f1fe";
+i.icon.won:before {
+  content: "\f159";
 }
 
-i.icon.pie.chart:before {
-  content: "\f200";
+i.icon.bitcoin:before {
+  content: "\f15a";
 }
 
-i.icon.line.chart:before {
-  content: "\f201";
+i.icon.lira:before {
+  content: "\f195";
 }
 
-/* Pointers */
-
-i.icon.arrow.circle.outline.down:before {
-  content: "\f01a";
+i.icon.shekel:before {
+  content: "\f20b";
 }
 
-i.icon.arrow.circle.outline.up:before {
-  content: "\f01b";
+/* Payment Options */
+
+i.icon.paypal:before {
+  content: "\f1ed";
 }
 
-i.icon.chevron.left:before {
-  content: "\f053";
+i.icon.google.wallet:before {
+  content: "\f1ee";
 }
 
-i.icon.chevron.right:before {
-  content: "\f054";
+i.icon.visa:before {
+  content: "\f1f0";
 }
 
-i.icon.arrow.left:before {
-  content: "\f060";
+i.icon.mastercard:before {
+  content: "\f1f1";
 }
 
-i.icon.arrow.right:before {
-  content: "\f061";
+i.icon.discover:before {
+  content: "\f1f2";
 }
 
-i.icon.arrow.up:before {
-  content: "\f062";
+i.icon.american.express:before {
+  content: "\f1f3";
 }
 
-i.icon.arrow.down:before {
-  content: "\f063";
+i.icon.paypal.card:before {
+  content: "\f1f4";
 }
 
-i.icon.chevron.up:before {
-  content: "\f077";
+i.icon.stripe:before {
+  content: "\f1f5";
 }
 
-i.icon.chevron.down:before {
-  content: "\f078";
+i.icon.japan.credit.bureau:before {
+  content: "\f24b";
 }
 
-i.icon.pointing.right:before {
-  content: "\f0a4";
+i.icon.diners.club:before {
+  content: "\f24c";
 }
 
-i.icon.pointing.left:before {
-  content: "\f0a5";
+i.icon.credit.card.alternative:before {
+  content: "\f283";
 }
 
-i.icon.pointing.up:before {
-  content: "\f0a6";
-}
+/* Networks and Websites*/
 
-i.icon.pointing.down:before {
-  content: "\f0a7";
+i.icon.twitter.square:before {
+  content: "\f081";
 }
 
-i.icon.arrow.circle.left:before {
-  content: "\f0a8";
+i.icon.facebook.square:before {
+  content: "\f082";
 }
 
-i.icon.arrow.circle.right:before {
-  content: "\f0a9";
+i.icon.linkedin.square:before {
+  content: "\f08c";
 }
 
-i.icon.arrow.circle.up:before {
-  content: "\f0aa";
+i.icon.github.square:before {
+  content: "\f092";
 }
 
-i.icon.arrow.circle.down:before {
-  content: "\f0ab";
+i.icon.twitter:before {
+  content: "\f099";
 }
 
-i.icon.caret.down:before {
-  content: "\f0d7";
+i.icon.facebook.f:before {
+  content: "\f09a";
 }
 
-i.icon.caret.up:before {
-  content: "\f0d8";
+i.icon.github:before {
+  content: "\f09b";
 }
 
-i.icon.caret.left:before {
-  content: "\f0d9";
+i.icon.pinterest:before {
+  content: "\f0d2";
 }
 
-i.icon.caret.right:before {
-  content: "\f0da";
+i.icon.pinterest.square:before {
+  content: "\f0d3";
 }
 
-i.icon.angle.double.left:before {
-  content: "\f100";
+i.icon.google.plus.square:before {
+  content: "\f0d4";
 }
 
-i.icon.angle.double.right:before {
-  content: "\f101";
+i.icon.google.plus:before {
+  content: "\f0d5";
 }
 
-i.icon.angle.double.up:before {
-  content: "\f102";
+i.icon.linkedin:before {
+  content: "\f0e1";
 }
 
-i.icon.angle.double.down:before {
-  content: "\f103";
+i.icon.github.alternate:before {
+  content: "\f113";
 }
 
-i.icon.angle.left:before {
-  content: "\f104";
+i.icon.maxcdn:before {
+  content: "\f136";
 }
 
-i.icon.angle.right:before {
-  content: "\f105";
+i.icon.youtube.square:before {
+  content: "\f166";
 }
 
-i.icon.angle.up:before {
-  content: "\f106";
+i.icon.youtube:before {
+  content: "\f167";
 }
 
-i.icon.angle.down:before {
-  content: "\f107";
+i.icon.xing:before {
+  content: "\f168";
 }
 
-i.icon.chevron.circle.left:before {
-  content: "\f137";
+i.icon.xing.square:before {
+  content: "\f169";
 }
 
-i.icon.chevron.circle.right:before {
-  content: "\f138";
+i.icon.youtube.play:before {
+  content: "\f16a";
 }
 
-i.icon.chevron.circle.up:before {
-  content: "\f139";
+i.icon.dropbox:before {
+  content: "\f16b";
 }
 
-i.icon.chevron.circle.down:before {
-  content: "\f13a";
+i.icon.stack.overflow:before {
+  content: "\f16c";
 }
 
-i.icon.toggle.down:before {
-  content: "\f150";
+i.icon.instagram:before {
+  content: "\f16d";
 }
 
-i.icon.toggle.up:before {
-  content: "\f151";
+i.icon.flickr:before {
+  content: "\f16e";
 }
 
-i.icon.toggle.right:before {
-  content: "\f152";
+i.icon.adn:before {
+  content: "\f170";
 }
 
-i.icon.long.arrow.down:before {
-  content: "\f175";
+i.icon.bitbucket:before {
+  content: "\f171";
 }
 
-i.icon.long.arrow.up:before {
-  content: "\f176";
+i.icon.bitbucket.square:before {
+  content: "\f172";
 }
 
-i.icon.long.arrow.left:before {
-  content: "\f177";
+i.icon.tumblr:before {
+  content: "\f173";
 }
 
-i.icon.long.arrow.right:before {
-  content: "\f178";
+i.icon.tumblr.square:before {
+  content: "\f174";
 }
 
-i.icon.arrow.circle.outline.right:before {
-  content: "\f18e";
+i.icon.apple:before {
+  content: "\f179";
 }
 
-i.icon.arrow.circle.outline.left:before {
-  content: "\f190";
+i.icon.windows:before {
+  content: "\f17a";
 }
 
-i.icon.toggle.left:before {
-  content: "\f191";
+i.icon.android:before {
+  content: "\f17b";
 }
 
-/* Mobile */
-
-i.icon.tablet:before {
-  content: "\f10a";
+i.icon.linux:before {
+  content: "\f17c";
 }
 
-i.icon.mobile:before {
-  content: "\f10b";
+i.icon.dribble:before {
+  content: "\f17d";
 }
 
-i.icon.battery.full:before {
-  content: "\f240";
+i.icon.skype:before {
+  content: "\f17e";
 }
 
-i.icon.battery.high:before {
-  content: "\f241";
+i.icon.foursquare:before {
+  content: "\f180";
 }
 
-i.icon.battery.medium:before {
-  content: "\f242";
+i.icon.trello:before {
+  content: "\f181";
 }
 
-i.icon.battery.low:before {
-  content: "\f243";
+i.icon.gittip:before {
+  content: "\f184";
 }
 
-i.icon.battery.empty:before {
-  content: "\f244";
+i.icon.vk:before {
+  content: "\f189";
 }
 
-/* Computer */
-
-i.icon.power:before {
-  content: "\f011";
+i.icon.weibo:before {
+  content: "\f18a";
 }
 
-i.icon.trash.outline:before {
-  content: "\f014";
+i.icon.renren:before {
+  content: "\f18b";
 }
 
-i.icon.disk.outline:before {
-  content: "\f0a0";
+i.icon.pagelines:before {
+  content: "\f18c";
 }
 
-i.icon.desktop:before {
-  content: "\f108";
+i.icon.stack.exchange:before {
+  content: "\f18d";
 }
 
-i.icon.laptop:before {
-  content: "\f109";
+i.icon.vimeo.square:before {
+  content: "\f194";
 }
 
-i.icon.game:before {
-  content: "\f11b";
+i.icon.slack:before {
+  content: "\f198";
 }
 
-i.icon.keyboard:before {
-  content: "\f11c";
+i.icon.wordpress:before {
+  content: "\f19a";
 }
 
-i.icon.plug:before {
-  content: "\f1e6";
+i.icon.yahoo:before {
+  content: "\f19e";
 }
 
-/* File System */
+i.icon.google:before {
+  content: "\f1a0";
+}
 
-i.icon.trash:before {
-  content: "\f1f8";
+i.icon.reddit:before {
+  content: "\f1a1";
 }
 
-i.icon.file.outline:before {
-  content: "\f016";
+i.icon.reddit.square:before {
+  content: "\f1a2";
 }
 
-i.icon.folder:before {
-  content: "\f07b";
+i.icon.stumbleupon.circle:before {
+  content: "\f1a3";
 }
 
-i.icon.folder.open:before {
-  content: "\f07c";
+i.icon.stumbleupon:before {
+  content: "\f1a4";
 }
 
-i.icon.file.text.outline:before {
-  content: "\f0f6";
+i.icon.delicious:before {
+  content: "\f1a5";
 }
 
-i.icon.folder.outline:before {
-  content: "\f114";
+i.icon.digg:before {
+  content: "\f1a6";
 }
 
-i.icon.folder.open.outline:before {
-  content: "\f115";
+i.icon.pied.piper:before {
+  content: "\f1a7";
 }
 
-i.icon.level.up:before {
-  content: "\f148";
+i.icon.pied.piper.alternate:before {
+  content: "\f1a8";
 }
 
-i.icon.level.down:before {
-  content: "\f149";
+i.icon.drupal:before {
+  content: "\f1a9";
 }
 
-i.icon.file:before {
-  content: "\f15b";
+i.icon.joomla:before {
+  content: "\f1aa";
 }
 
-i.icon.file.text:before {
-  content: "\f15c";
+i.icon.behance:before {
+  content: "\f1b4";
 }
 
-i.icon.file.pdf.outline:before {
-  content: "\f1c1";
+i.icon.behance.square:before {
+  content: "\f1b5";
 }
 
-i.icon.file.word.outline:before {
-  content: "\f1c2";
+i.icon.steam:before {
+  content: "\f1b6";
 }
 
-i.icon.file.excel.outline:before {
-  content: "\f1c3";
+i.icon.steam.square:before {
+  content: "\f1b7";
 }
 
-i.icon.file.powerpoint.outline:before {
-  content: "\f1c4";
+i.icon.spotify:before {
+  content: "\f1bc";
 }
 
-i.icon.file.image.outline:before {
-  content: "\f1c5";
+i.icon.deviantart:before {
+  content: "\f1bd";
 }
 
-i.icon.file.archive.outline:before {
-  content: "\f1c6";
+i.icon.soundcloud:before {
+  content: "\f1be";
 }
 
-i.icon.file.audio.outline:before {
-  content: "\f1c7";
+i.icon.vine:before {
+  content: "\f1ca";
 }
 
-i.icon.file.video.outline:before {
-  content: "\f1c8";
+i.icon.codepen:before {
+  content: "\f1cb";
 }
 
-i.icon.file.code.outline:before {
-  content: "\f1c9";
+i.icon.jsfiddle:before {
+  content: "\f1cc";
 }
 
-/* Technologies */
-
-i.icon.qrcode:before {
-  content: "\f029";
+i.icon.rebel:before {
+  content: "\f1d0";
 }
 
-i.icon.barcode:before {
-  content: "\f02a";
+i.icon.empire:before {
+  content: "\f1d1";
 }
 
-i.icon.rss:before {
-  content: "\f09e";
+i.icon.git.square:before {
+  content: "\f1d2";
 }
 
-i.icon.fork:before {
-  content: "\f126";
+i.icon.git:before {
+  content: "\f1d3";
 }
 
-i.icon.html5:before {
-  content: "\f13b";
+i.icon.hacker.news:before {
+  content: "\f1d4";
 }
 
-i.icon.css3:before {
-  content: "\f13c";
+i.icon.tencent.weibo:before {
+  content: "\f1d5";
 }
 
-i.icon.rss.square:before {
-  content: "\f143";
+i.icon.qq:before {
+  content: "\f1d6";
 }
 
-i.icon.openid:before {
-  content: "\f19b";
+i.icon.wechat:before {
+  content: "\f1d7";
 }
 
-i.icon.database:before {
-  content: "\f1c0";
+i.icon.slideshare:before {
+  content: "\f1e7";
 }
 
-i.icon.wifi:before {
-  content: "\f1eb";
+i.icon.twitch:before {
+  content: "\f1e8";
 }
 
-i.icon.server:before {
-  content: "\f233";
+i.icon.yelp:before {
+  content: "\f1e9";
 }
 
-i.icon.usb:before {
-  content: "\f287";
+i.icon.lastfm:before {
+  content: "\f202";
 }
 
-i.icon.bluetooth:before {
-  content: "\f293";
+i.icon.lastfm.square:before {
+  content: "\f203";
 }
 
-i.icon.bluetooth.alternative:before {
-  content: "\f294";
+i.icon.ioxhost:before {
+  content: "\f208";
 }
 
-i.icon.microchip:before {
-  content: "\f2db";
+i.icon.angellist:before {
+  content: "\f209";
 }
 
-/* Rating */
-
-i.icon.heart:before {
-  content: "\f004";
+i.icon.meanpath:before {
+  content: "\f20c";
 }
 
-i.icon.star:before {
-  content: "\f005";
+i.icon.buysellads:before {
+  content: "\f20d";
 }
 
-i.icon.empty.star:before {
-  content: "\f006";
+i.icon.connectdevelop:before {
+  content: "\f20e";
 }
 
-i.icon.thumbs.outline.up:before {
-  content: "\f087";
+i.icon.dashcube:before {
+  content: "\f210";
 }
 
-i.icon.thumbs.outline.down:before {
-  content: "\f088";
+i.icon.forumbee:before {
+  content: "\f211";
 }
 
-i.icon.star.half:before {
-  content: "\f089";
+i.icon.leanpub:before {
+  content: "\f212";
 }
 
-i.icon.empty.heart:before {
-  content: "\f08a";
+i.icon.sellsy:before {
+  content: "\f213";
 }
 
-i.icon.smile:before {
-  content: "\f118";
+i.icon.shirtsinbulk:before {
+  content: "\f214";
 }
 
-i.icon.frown:before {
-  content: "\f119";
+i.icon.simplybuilt:before {
+  content: "\f215";
 }
 
-i.icon.meh:before {
-  content: "\f11a";
+i.icon.skyatlas:before {
+  content: "\f216";
 }
 
-i.icon.star.half.empty:before {
-  content: "\f123";
+i.icon.facebook:before {
+  content: "\f230";
 }
 
-i.icon.thumbs.up:before {
-  content: "\f164";
+i.icon.pinterest:before {
+  content: "\f231";
 }
 
-i.icon.thumbs.down:before {
-  content: "\f165";
+i.icon.whatsapp:before {
+  content: "\f232";
 }
 
-/* Audio */
+i.icon.viacoin:before {
+  content: "\f237";
+}
 
-i.icon.music:before {
-  content: "\f001";
+i.icon.medium:before {
+  content: "\f23a";
 }
 
-i.icon.video.play.outline:before {
-  content: "\f01d";
+i.icon.y.combinator:before {
+  content: "\f23b";
 }
 
-i.icon.volume.off:before {
-  content: "\f026";
+i.icon.optinmonster:before {
+  content: "\f23c";
 }
 
-i.icon.volume.down:before {
-  content: "\f027";
+i.icon.opencart:before {
+  content: "\f23d";
 }
 
-i.icon.volume.up:before {
-  content: "\f028";
+i.icon.expeditedssl:before {
+  content: "\f23e";
 }
 
-i.icon.record:before {
-  content: "\f03d";
+i.icon.gg:before {
+  content: "\f260";
 }
 
-i.icon.step.backward:before {
-  content: "\f048";
+i.icon.gg.circle:before {
+  content: "\f261";
 }
 
-i.icon.fast.backward:before {
-  content: "\f049";
+i.icon.tripadvisor:before {
+  content: "\f262";
 }
 
-i.icon.backward:before {
-  content: "\f04a";
+i.icon.odnoklassniki:before {
+  content: "\f263";
 }
 
-i.icon.play:before {
-  content: "\f04b";
+i.icon.odnoklassniki.square:before {
+  content: "\f264";
 }
 
-i.icon.pause:before {
-  content: "\f04c";
+i.icon.pocket:before {
+  content: "\f265";
 }
 
-i.icon.stop:before {
-  content: "\f04d";
+i.icon.wikipedia:before {
+  content: "\f266";
 }
 
-i.icon.forward:before {
-  content: "\f04e";
+i.icon.safari:before {
+  content: "\f267";
 }
 
-i.icon.fast.forward:before {
-  content: "\f050";
+i.icon.chrome:before {
+  content: "\f268";
 }
 
-i.icon.step.forward:before {
-  content: "\f051";
+i.icon.firefox:before {
+  content: "\f269";
 }
 
-i.icon.eject:before {
-  content: "\f052";
+i.icon.opera:before {
+  content: "\f26a";
 }
 
-i.icon.unmute:before {
-  content: "\f130";
+i.icon.internet.explorer:before {
+  content: "\f26b";
 }
 
-i.icon.mute:before {
-  content: "\f131";
+i.icon.contao:before {
+  content: "\f26d";
 }
 
-i.icon.video.play:before {
-  content: "\f144";
+i.icon.\35 00px:before {
+  content: "\f26e";
 }
 
-i.icon.closed.captioning:before {
-  content: "\f20a";
+i.icon.amazon:before {
+  content: "\f270";
 }
 
-i.icon.pause.circle:before {
-  content: "\f28b";
+i.icon.houzz:before {
+  content: "\f27c";
 }
 
-i.icon.pause.circle.outline:before {
-  content: "\f28c";
+i.icon.vimeo:before {
+  content: "\f27d";
 }
 
-i.icon.stop.circle:before {
-  content: "\f28d";
+i.icon.black.tie:before {
+  content: "\f27e";
 }
 
-i.icon.stop.circle.outline:before {
-  content: "\f28e";
+i.icon.fonticons:before {
+  content: "\f280";
 }
 
-/* Map, Locations, & Transportation */
-
-i.icon.marker:before {
-  content: "\f041";
+i.icon.reddit.alien:before {
+  content: "\f281";
 }
 
-i.icon.coffee:before {
-  content: "\f0f4";
+i.icon.microsoft.edge:before {
+  content: "\f282";
 }
 
-i.icon.food:before {
-  content: "\f0f5";
+i.icon.codiepie:before {
+  content: "\f284";
 }
 
-i.icon.building.outline:before {
-  content: "\f0f7";
+i.icon.modx:before {
+  content: "\f285";
 }
 
-i.icon.hospital:before {
-  content: "\f0f8";
+i.icon.fort.awesome:before {
+  content: "\f286";
 }
 
-i.icon.emergency:before {
-  content: "\f0f9";
+i.icon.product.hunt:before {
+  content: "\f288";
 }
 
-i.icon.first.aid:before {
-  content: "\f0fa";
+i.icon.mixcloud:before {
+  content: "\f289";
 }
 
-i.icon.military:before {
-  content: "\f0fb";
+i.icon.scribd:before {
+  content: "\f28a";
 }
 
-i.icon.h:before {
-  content: "\f0fd";
+i.icon.gitlab:before {
+  content: "\f296";
 }
 
-i.icon.location.arrow:before {
-  content: "\f124";
+i.icon.wpbeginner:before {
+  content: "\f297";
 }
 
-i.icon.compass:before {
-  content: "\f14e";
+i.icon.wpforms:before {
+  content: "\f298";
 }
 
-i.icon.space.shuttle:before {
-  content: "\f197";
+i.icon.envira.gallery:before {
+  content: "\f299";
 }
 
-i.icon.university:before {
-  content: "\f19c";
+i.icon.glide:before {
+  content: "\f2a5";
 }
 
-i.icon.building:before {
-  content: "\f1ad";
+i.icon.glide.g:before {
+  content: "\f2a6";
 }
 
-i.icon.paw:before {
-  content: "\f1b0";
+i.icon.viadeo:before {
+  content: "\f2a9";
 }
 
-i.icon.spoon:before {
-  content: "\f1b1";
+i.icon.viadeo.square:before {
+  content: "\f2aa";
 }
 
-i.icon.car:before {
-  content: "\f1b9";
+i.icon.snapchat:before {
+  content: "\f2ab";
 }
 
-i.icon.taxi:before {
-  content: "\f1ba";
+i.icon.snapchat.ghost:before {
+  content: "\f2ac";
 }
 
-i.icon.tree:before {
-  content: "\f1bb";
+i.icon.snapchat.square:before {
+  content: "\f2ad";
 }
 
-i.icon.bicycle:before {
-  content: "\f206";
+i.icon.pied.piper.hat:before {
+  content: "\f2ae";
 }
 
-i.icon.bus:before {
-  content: "\f207";
+i.icon.first.order:before {
+  content: "\f2b0";
 }
 
-i.icon.ship:before {
-  content: "\f21a";
+i.icon.yoast:before {
+  content: "\f2b1";
 }
 
-i.icon.motorcycle:before {
-  content: "\f21c";
+i.icon.themeisle:before {
+  content: "\f2b2";
 }
 
-i.icon.street.view:before {
-  content: "\f21d";
+i.icon.google.plus.circle:before {
+  content: "\f2b3";
 }
 
-i.icon.hotel:before {
-  content: "\f236";
+i.icon.font.awesome:before {
+  content: "\f2b4";
 }
 
-i.icon.train:before {
-  content: "\f238";
+i.icon.linode:before {
+  content: "\f2b8";
 }
 
-i.icon.subway:before {
-  content: "\f239";
+i.icon.quora:before {
+  content: "\f2c4";
 }
 
-i.icon.map.pin:before {
-  content: "\f276";
+i.icon.free.code.camp:before {
+  content: "\f2c5";
 }
 
-i.icon.map.signs:before {
-  content: "\f277";
+i.icon.telegram:before {
+  content: "\f2c6";
 }
 
-i.icon.map.outline:before {
-  content: "\f278";
+i.icon.bandcamp:before {
+  content: "\f2d5";
 }
 
-i.icon.map:before {
-  content: "\f279";
+i.icon.grav:before {
+  content: "\f2d6";
 }
 
-/* Tables */
-
-i.icon.table:before {
-  content: "\f0ce";
+i.icon.etsy:before {
+  content: "\f2d7";
 }
 
-i.icon.columns:before {
-  content: "\f0db";
+i.icon.imdb:before {
+  content: "\f2d8";
 }
 
-i.icon.sort:before {
-  content: "\f0dc";
+i.icon.ravelry:before {
+  content: "\f2d9";
 }
 
-i.icon.sort.descending:before {
-  content: "\f0dd";
+i.icon.eercast:before {
+  content: "\f2da";
 }
 
-i.icon.sort.ascending:before {
-  content: "\f0de";
+i.icon.superpowers:before {
+  content: "\f2dd";
 }
 
-i.icon.sort.alphabet.ascending:before {
-  content: "\f15d";
+i.icon.wpexplorer:before {
+  content: "\f2de";
 }
 
-i.icon.sort.alphabet.descending:before {
-  content: "\f15e";
+i.icon.meetup:before {
+  content: "\f2e0";
 }
 
-i.icon.sort.content.ascending:before {
-  content: "\f160";
-}
+/*******************************
+            Aliases
+*******************************/
 
-i.icon.sort.content.descending:before {
-  content: "\f161";
+i.icon.like:before {
+  content: "\f004";
 }
 
-i.icon.sort.numeric.ascending:before {
-  content: "\f162";
+i.icon.favorite:before {
+  content: "\f005";
 }
 
-i.icon.sort.numeric.descending:before {
-  content: "\f163";
+i.icon.video:before {
+  content: "\f008";
 }
 
-/* Text Editor */
-
-i.icon.font:before {
-  content: "\f031";
+i.icon.check:before {
+  content: "\f00c";
 }
 
-i.icon.bold:before {
-  content: "\f032";
+i.icon.close:before {
+  content: "\f00d";
 }
 
-i.icon.italic:before {
-  content: "\f033";
+i.icon.cancel:before {
+  content: "\f00d";
 }
 
-i.icon.text.height:before {
-  content: "\f034";
+i.icon.delete:before {
+  content: "\f00d";
 }
 
-i.icon.text.width:before {
-  content: "\f035";
+i.icon.x:before {
+  content: "\f00d";
 }
 
-i.icon.align.left:before {
-  content: "\f036";
+i.icon.zoom.in:before {
+  content: "\f00e";
 }
 
-i.icon.align.center:before {
-  content: "\f037";
+i.icon.magnify:before {
+  content: "\f00e";
 }
 
-i.icon.align.right:before {
-  content: "\f038";
+i.icon.shutdown:before {
+  content: "\f011";
 }
 
-i.icon.align.justify:before {
-  content: "\f039";
+i.icon.clock:before {
+  content: "\f017";
 }
 
-i.icon.list:before {
-  content: "\f03a";
+i.icon.time:before {
+  content: "\f017";
 }
 
-i.icon.outdent:before {
-  content: "\f03b";
+i.icon.play.circle.outline:before {
+  content: "\f01d";
 }
 
-i.icon.indent:before {
-  content: "\f03c";
+i.icon.headphone:before {
+  content: "\f025";
 }
 
-i.icon.linkify:before {
-  content: "\f0c1";
+i.icon.camera:before {
+  content: "\f030";
 }
 
-i.icon.cut:before {
-  content: "\f0c4";
+i.icon.video.camera:before {
+  content: "\f03d";
 }
 
-i.icon.copy:before {
-  content: "\f0c5";
+i.icon.picture:before {
+  content: "\f03e";
 }
 
-i.icon.attach:before {
-  content: "\f0c6";
+i.icon.pencil:before {
+  content: "\f040";
 }
 
-i.icon.save:before {
-  content: "\f0c7";
+i.icon.compose:before {
+  content: "\f040";
 }
 
-i.icon.content:before {
-  content: "\f0c9";
+i.icon.point:before {
+  content: "\f041";
 }
 
-i.icon.unordered.list:before {
-  content: "\f0ca";
+i.icon.tint:before {
+  content: "\f043";
 }
 
-i.icon.ordered.list:before {
-  content: "\f0cb";
+i.icon.signup:before {
+  content: "\f044";
 }
 
-i.icon.strikethrough:before {
-  content: "\f0cc";
+i.icon.plus.circle:before {
+  content: "\f055";
 }
 
-i.icon.underline:before {
-  content: "\f0cd";
+i.icon.question.circle:before {
+  content: "\f059";
 }
 
-i.icon.paste:before {
-  content: "\f0ea";
+i.icon.dont:before {
+  content: "\f05e";
 }
 
-i.icon.unlinkify:before {
-  content: "\f127";
+i.icon.minimize:before {
+  content: "\f066";
 }
 
-i.icon.superscript:before {
-  content: "\f12b";
+i.icon.add:before {
+  content: "\f067";
 }
 
-i.icon.subscript:before {
-  content: "\f12c";
+i.icon.exclamation.circle:before {
+  content: "\f06a";
 }
 
-i.icon.header:before {
-  content: "\f1dc";
+i.icon.attention:before {
+  content: "\f06a";
 }
 
-i.icon.paragraph:before {
-  content: "\f1dd";
+i.icon.eye:before {
+  content: "\f06e";
 }
 
-i.icon.text.cursor:before {
-  content: "\f246";
+i.icon.exclamation.triangle:before {
+  content: "\f071";
 }
 
-/* Currency */
-
-i.icon.euro:before {
-  content: "\f153";
+i.icon.shuffle:before {
+  content: "\f074";
 }
 
-i.icon.pound:before {
-  content: "\f154";
+i.icon.chat:before {
+  content: "\f075";
 }
 
-i.icon.dollar:before {
-  content: "\f155";
+i.icon.cart:before {
+  content: "\f07a";
 }
 
-i.icon.rupee:before {
-  content: "\f156";
+i.icon.shopping.cart:before {
+  content: "\f07a";
 }
 
-i.icon.yen:before {
-  content: "\f157";
+i.icon.bar.graph:before {
+  content: "\f080";
 }
 
-i.icon.ruble:before {
-  content: "\f158";
+i.icon.key:before {
+  content: "\f084";
 }
 
-i.icon.won:before {
-  content: "\f159";
+i.icon.cogs:before {
+  content: "\f085";
 }
 
-i.icon.bitcoin:before {
-  content: "\f15a";
+i.icon.discussions:before {
+  content: "\f086";
 }
 
-i.icon.lira:before {
-  content: "\f195";
+i.icon.like.outline:before {
+  content: "\f087";
 }
 
-i.icon.shekel:before {
-  content: "\f20b";
+i.icon.dislike.outline:before {
+  content: "\f088";
 }
 
-/* Payment Options */
-
-i.icon.paypal:before {
-  content: "\f1ed";
+i.icon.heart.outline:before {
+  content: "\f08a";
 }
 
-i.icon.google.wallet:before {
-  content: "\f1ee";
+i.icon.log.out:before {
+  content: "\f08b";
 }
 
-i.icon.visa:before {
-  content: "\f1f0";
+i.icon.thumb.tack:before {
+  content: "\f08d";
 }
 
-i.icon.mastercard:before {
-  content: "\f1f1";
+i.icon.winner:before {
+  content: "\f091";
 }
 
-i.icon.discover:before {
-  content: "\f1f2";
+i.icon.phone:before {
+  content: "\f095";
 }
 
-i.icon.american.express:before {
-  content: "\f1f3";
+i.icon.bookmark.outline:before {
+  content: "\f097";
 }
 
-i.icon.paypal.card:before {
-  content: "\f1f4";
+i.icon.phone.square:before {
+  content: "\f098";
 }
 
-i.icon.stripe:before {
-  content: "\f1f5";
+i.icon.credit.card:before {
+  content: "\f09d";
 }
 
-i.icon.japan.credit.bureau:before {
-  content: "\f24b";
+i.icon.hdd.outline:before {
+  content: "\f0a0";
 }
 
-i.icon.diners.club:before {
-  content: "\f24c";
+i.icon.bullhorn:before {
+  content: "\f0a1";
 }
 
-i.icon.credit.card.alternative:before {
-  content: "\f283";
+i.icon.bell.outline:before {
+  content: "\f0a2";
 }
 
-/* Networks and Websites*/
+i.icon.hand.outline.right:before {
+  content: "\f0a4";
+}
 
-i.icon.twitter.square:before {
-  content: "\f081";
+i.icon.hand.outline.left:before {
+  content: "\f0a5";
 }
 
-i.icon.facebook.square:before {
-  content: "\f082";
+i.icon.hand.outline.up:before {
+  content: "\f0a6";
 }
 
-i.icon.linkedin.square:before {
-  content: "\f08c";
+i.icon.hand.outline.down:before {
+  content: "\f0a7";
 }
 
-i.icon.github.square:before {
-  content: "\f092";
+i.icon.globe:before {
+  content: "\f0ac";
 }
 
-i.icon.twitter:before {
-  content: "\f099";
+i.icon.wrench:before {
+  content: "\f0ad";
 }
 
-i.icon.facebook.f:before {
-  content: "\f09a";
+i.icon.briefcase:before {
+  content: "\f0b1";
 }
 
-i.icon.github:before {
-  content: "\f09b";
+i.icon.group:before {
+  content: "\f0c0";
 }
 
-i.icon.pinterest:before {
-  content: "\f0d2";
+i.icon.linkify:before {
+  content: "\f0c1";
 }
 
-i.icon.pinterest.square:before {
-  content: "\f0d3";
+i.icon.chain:before {
+  content: "\f0c1";
 }
 
-i.icon.google.plus.square:before {
-  content: "\f0d4";
+i.icon.flask:before {
+  content: "\f0c3";
 }
 
-i.icon.google.plus:before {
-  content: "\f0d5";
+i.icon.sidebar:before {
+  content: "\f0c9";
 }
 
-i.icon.linkedin:before {
-  content: "\f0e1";
+i.icon.bars:before {
+  content: "\f0c9";
 }
 
-i.icon.github.alternate:before {
-  content: "\f113";
+i.icon.list.ul:before {
+  content: "\f0ca";
 }
 
-i.icon.maxcdn:before {
-  content: "\f136";
+i.icon.list.ol:before {
+  content: "\f0cb";
 }
 
-i.icon.youtube.square:before {
-  content: "\f166";
+i.icon.numbered.list:before {
+  content: "\f0cb";
 }
 
-i.icon.youtube:before {
-  content: "\f167";
+i.icon.magic:before {
+  content: "\f0d0";
 }
 
-i.icon.xing:before {
-  content: "\f168";
+i.icon.truck:before {
+  content: "\f0d1";
 }
 
-i.icon.xing.square:before {
-  content: "\f169";
+i.icon.currency:before {
+  content: "\f0d6";
 }
 
-i.icon.youtube.play:before {
-  content: "\f16a";
+i.icon.triangle.down:before {
+  content: "\f0d7";
 }
 
-i.icon.dropbox:before {
-  content: "\f16b";
+i.icon.dropdown:before {
+  content: "\f0d7";
 }
 
-i.icon.stack.overflow:before {
-  content: "\f16c";
+i.icon.triangle.up:before {
+  content: "\f0d8";
 }
 
-i.icon.instagram:before {
-  content: "\f16d";
+i.icon.triangle.left:before {
+  content: "\f0d9";
 }
 
-i.icon.flickr:before {
-  content: "\f16e";
+i.icon.triangle.right:before {
+  content: "\f0da";
 }
 
-i.icon.adn:before {
-  content: "\f170";
+i.icon.envelope:before {
+  content: "\f0e0";
 }
 
-i.icon.bitbucket:before {
-  content: "\f171";
+i.icon.conversation:before {
+  content: "\f0e6";
 }
 
-i.icon.bitbucket.square:before {
-  content: "\f172";
+i.icon.rain:before {
+  content: "\f0e9";
 }
 
-i.icon.tumblr:before {
-  content: "\f173";
+i.icon.clipboard:before {
+  content: "\f0ea";
 }
 
-i.icon.tumblr.square:before {
-  content: "\f174";
+i.icon.lightbulb:before {
+  content: "\f0eb";
 }
 
-i.icon.apple:before {
-  content: "\f179";
+i.icon.bell:before {
+  content: "\f0f3";
 }
 
-i.icon.windows:before {
-  content: "\f17a";
+i.icon.ambulance:before {
+  content: "\f0f9";
 }
 
-i.icon.android:before {
-  content: "\f17b";
+i.icon.medkit:before {
+  content: "\f0fa";
 }
 
-i.icon.linux:before {
-  content: "\f17c";
+i.icon.fighter.jet:before {
+  content: "\f0fb";
 }
 
-i.icon.dribble:before {
-  content: "\f17d";
+i.icon.beer:before {
+  content: "\f0fc";
 }
 
-i.icon.skype:before {
-  content: "\f17e";
+i.icon.plus.square:before {
+  content: "\f0fe";
 }
 
-i.icon.foursquare:before {
-  content: "\f180";
+i.icon.computer:before {
+  content: "\f108";
 }
 
-i.icon.trello:before {
-  content: "\f181";
+i.icon.circle.outline:before {
+  content: "\f10c";
 }
 
-i.icon.gittip:before {
-  content: "\f184";
+i.icon.gamepad:before {
+  content: "\f11b";
 }
 
-i.icon.vk:before {
-  content: "\f189";
+i.icon.star.half.full:before {
+  content: "\f123";
 }
 
-i.icon.weibo:before {
-  content: "\f18a";
+i.icon.broken.chain:before {
+  content: "\f127";
 }
 
-i.icon.renren:before {
-  content: "\f18b";
+i.icon.question:before {
+  content: "\f128";
 }
 
-i.icon.pagelines:before {
-  content: "\f18c";
+i.icon.exclamation:before {
+  content: "\f12a";
 }
 
-i.icon.stack.exchange:before {
-  content: "\f18d";
+i.icon.eraser:before {
+  content: "\f12d";
 }
 
-i.icon.vimeo.square:before {
-  content: "\f194";
+i.icon.microphone:before {
+  content: "\f130";
 }
 
-i.icon.slack:before {
-  content: "\f198";
+i.icon.microphone.slash:before {
+  content: "\f131";
 }
 
-i.icon.wordpress:before {
-  content: "\f19a";
+i.icon.shield:before {
+  content: "\f132";
 }
 
-i.icon.yahoo:before {
-  content: "\f19e";
+i.icon.target:before {
+  content: "\f140";
 }
 
-i.icon.google:before {
-  content: "\f1a0";
+i.icon.play.circle:before {
+  content: "\f144";
 }
 
-i.icon.reddit:before {
-  content: "\f1a1";
+i.icon.pencil.square:before {
+  content: "\f14b";
 }
 
-i.icon.reddit.square:before {
-  content: "\f1a2";
+i.icon.eur:before {
+  content: "\f153";
 }
 
-i.icon.stumbleupon.circle:before {
-  content: "\f1a3";
+i.icon.gbp:before {
+  content: "\f154";
 }
 
-i.icon.stumbleupon:before {
-  content: "\f1a4";
+i.icon.usd:before {
+  content: "\f155";
 }
 
-i.icon.delicious:before {
-  content: "\f1a5";
+i.icon.inr:before {
+  content: "\f156";
 }
 
-i.icon.digg:before {
-  content: "\f1a6";
+i.icon.cny:before {
+  content: "\f157";
 }
 
-i.icon.pied.piper:before {
-  content: "\f1a7";
+i.icon.rmb:before {
+  content: "\f157";
 }
 
-i.icon.pied.piper.alternate:before {
-  content: "\f1a8";
+i.icon.jpy:before {
+  content: "\f157";
 }
 
-i.icon.drupal:before {
-  content: "\f1a9";
+i.icon.rouble:before {
+  content: "\f158";
 }
 
-i.icon.joomla:before {
-  content: "\f1aa";
+i.icon.rub:before {
+  content: "\f158";
 }
 
-i.icon.behance:before {
-  content: "\f1b4";
+i.icon.krw:before {
+  content: "\f159";
 }
 
-i.icon.behance.square:before {
-  content: "\f1b5";
+i.icon.btc:before {
+  content: "\f15a";
 }
 
-i.icon.steam:before {
-  content: "\f1b6";
+i.icon.gratipay:before {
+  content: "\f184";
 }
 
-i.icon.steam.square:before {
-  content: "\f1b7";
+i.icon.zip:before {
+  content: "\f187";
 }
 
-i.icon.spotify:before {
-  content: "\f1bc";
+i.icon.dot.circle.outline:before {
+  content: "\f192";
 }
 
-i.icon.deviantart:before {
-  content: "\f1bd";
+i.icon.try:before {
+  content: "\f195";
 }
 
-i.icon.soundcloud:before {
-  content: "\f1be";
+i.icon.graduation:before {
+  content: "\f19d";
 }
 
-i.icon.vine:before {
-  content: "\f1ca";
+i.icon.circle.outline:before {
+  content: "\f1db";
 }
 
-i.icon.codepen:before {
-  content: "\f1cb";
+i.icon.sliders:before {
+  content: "\f1de";
 }
 
-i.icon.jsfiddle:before {
-  content: "\f1cc";
+i.icon.weixin:before {
+  content: "\f1d7";
 }
 
-i.icon.rebel:before {
-  content: "\f1d0";
+i.icon.tty:before {
+  content: "\f1e4";
 }
 
-i.icon.empire:before {
-  content: "\f1d1";
+i.icon.teletype:before {
+  content: "\f1e4";
 }
 
-i.icon.git.square:before {
-  content: "\f1d2";
+i.icon.binoculars:before {
+  content: "\f1e5";
 }
 
-i.icon.git:before {
-  content: "\f1d3";
+i.icon.power.cord:before {
+  content: "\f1e6";
 }
 
-i.icon.hacker.news:before {
-  content: "\f1d4";
+i.icon.wi-fi:before {
+  content: "\f1eb";
 }
 
-i.icon.tencent.weibo:before {
-  content: "\f1d5";
+i.icon.visa.card:before {
+  content: "\f1f0";
 }
 
-i.icon.qq:before {
-  content: "\f1d6";
+i.icon.mastercard.card:before {
+  content: "\f1f1";
 }
 
-i.icon.wechat:before {
-  content: "\f1d7";
+i.icon.discover.card:before {
+  content: "\f1f2";
 }
 
-i.icon.slideshare:before {
-  content: "\f1e7";
+i.icon.amex:before {
+  content: "\f1f3";
 }
 
-i.icon.twitch:before {
-  content: "\f1e8";
+i.icon.american.express.card:before {
+  content: "\f1f3";
 }
 
-i.icon.yelp:before {
-  content: "\f1e9";
+i.icon.stripe.card:before {
+  content: "\f1f5";
 }
 
-i.icon.lastfm:before {
-  content: "\f202";
+i.icon.bell.slash:before {
+  content: "\f1f6";
 }
 
-i.icon.lastfm.square:before {
-  content: "\f203";
+i.icon.bell.slash.outline:before {
+  content: "\f1f7";
 }
 
-i.icon.ioxhost:before {
-  content: "\f208";
+i.icon.area.graph:before {
+  content: "\f1fe";
 }
 
-i.icon.angellist:before {
-  content: "\f209";
+i.icon.pie.graph:before {
+  content: "\f200";
 }
 
-i.icon.meanpath:before {
-  content: "\f20c";
+i.icon.line.graph:before {
+  content: "\f201";
 }
 
-i.icon.buysellads:before {
-  content: "\f20d";
+i.icon.cc:before {
+  content: "\f20a";
 }
 
-i.icon.connectdevelop:before {
-  content: "\f20e";
+i.icon.sheqel:before {
+  content: "\f20b";
 }
 
-i.icon.dashcube:before {
-  content: "\f210";
+i.icon.ils:before {
+  content: "\f20b";
 }
 
-i.icon.forumbee:before {
-  content: "\f211";
+i.icon.plus.cart:before {
+  content: "\f217";
 }
 
-i.icon.leanpub:before {
-  content: "\f212";
+i.icon.arrow.down.cart:before {
+  content: "\f218";
 }
 
-i.icon.sellsy:before {
-  content: "\f213";
+i.icon.detective:before {
+  content: "\f21b";
 }
 
-i.icon.shirtsinbulk:before {
-  content: "\f214";
+i.icon.venus:before {
+  content: "\f221";
 }
 
-i.icon.simplybuilt:before {
-  content: "\f215";
+i.icon.mars:before {
+  content: "\f222";
 }
 
-i.icon.skyatlas:before {
-  content: "\f216";
+i.icon.mercury:before {
+  content: "\f223";
 }
 
-i.icon.facebook:before {
-  content: "\f230";
+i.icon.intersex:before {
+  content: "\f224";
 }
 
-i.icon.pinterest:before {
-  content: "\f231";
+i.icon.venus.double:before {
+  content: "\f226";
 }
 
-i.icon.whatsapp:before {
-  content: "\f232";
+i.icon.female.homosexual:before {
+  content: "\f226";
 }
 
-i.icon.viacoin:before {
-  content: "\f237";
+i.icon.mars.double:before {
+  content: "\f227";
 }
 
-i.icon.medium:before {
-  content: "\f23a";
+i.icon.male.homosexual:before {
+  content: "\f227";
 }
 
-i.icon.y.combinator:before {
-  content: "\f23b";
+i.icon.venus.mars:before {
+  content: "\f228";
 }
 
-i.icon.optinmonster:before {
-  content: "\f23c";
+i.icon.mars.stroke:before {
+  content: "\f229";
 }
 
-i.icon.opencart:before {
-  content: "\f23d";
+i.icon.mars.alternate:before {
+  content: "\f229";
 }
 
-i.icon.expeditedssl:before {
-  content: "\f23e";
+i.icon.mars.vertical:before {
+  content: "\f22a";
 }
 
-i.icon.gg:before {
-  content: "\f260";
+i.icon.mars.stroke.vertical:before {
+  content: "\f22a";
 }
 
-i.icon.gg.circle:before {
-  content: "\f261";
+i.icon.mars.horizontal:before {
+  content: "\f22b";
 }
 
-i.icon.tripadvisor:before {
-  content: "\f262";
+i.icon.mars.stroke.horizontal:before {
+  content: "\f22b";
 }
 
-i.icon.odnoklassniki:before {
-  content: "\f263";
+i.icon.asexual:before {
+  content: "\f22d";
 }
 
-i.icon.odnoklassniki.square:before {
-  content: "\f264";
+i.icon.facebook.official:before {
+  content: "\f230";
 }
 
-i.icon.pocket:before {
-  content: "\f265";
+i.icon.user.plus:before {
+  content: "\f234";
 }
 
-i.icon.wikipedia:before {
-  content: "\f266";
+i.icon.user.times:before {
+  content: "\f235";
 }
 
-i.icon.safari:before {
-  content: "\f267";
+i.icon.user.close:before {
+  content: "\f235";
 }
 
-i.icon.chrome:before {
-  content: "\f268";
+i.icon.user.cancel:before {
+  content: "\f235";
 }
 
-i.icon.firefox:before {
-  content: "\f269";
+i.icon.user.delete:before {
+  content: "\f235";
 }
 
-i.icon.opera:before {
-  content: "\f26a";
+i.icon.user.x:before {
+  content: "\f235";
 }
 
-i.icon.internet.explorer:before {
-  content: "\f26b";
+i.icon.bed:before {
+  content: "\f236";
 }
 
-i.icon.contao:before {
-  content: "\f26d";
+i.icon.yc:before {
+  content: "\f23b";
 }
 
-i.icon.\35 00px:before {
-  content: "\f26e";
+i.icon.ycombinator:before {
+  content: "\f23b";
 }
 
-i.icon.amazon:before {
-  content: "\f270";
+i.icon.battery.four:before {
+  content: "\f240";
 }
 
-i.icon.houzz:before {
-  content: "\f27c";
+i.icon.battery.three:before {
+  content: "\f241";
 }
 
-i.icon.vimeo:before {
-  content: "\f27d";
+i.icon.battery.three.quarters:before {
+  content: "\f241";
 }
 
-i.icon.black.tie:before {
-  content: "\f27e";
+i.icon.battery.two:before {
+  content: "\f242";
 }
 
-i.icon.fonticons:before {
-  content: "\f280";
+i.icon.battery.half:before {
+  content: "\f242";
 }
 
-i.icon.reddit.alien:before {
-  content: "\f281";
+i.icon.battery.one:before {
+  content: "\f243";
 }
 
-i.icon.microsoft.edge:before {
-  content: "\f282";
+i.icon.battery.quarter:before {
+  content: "\f243";
 }
 
-i.icon.codiepie:before {
-  content: "\f284";
+i.icon.battery.zero:before {
+  content: "\f244";
 }
 
-i.icon.modx:before {
-  content: "\f285";
+i.icon.i.cursor:before {
+  content: "\f246";
 }
 
-i.icon.fort.awesome:before {
-  content: "\f286";
+i.icon.jcb:before {
+  content: "\f24b";
 }
 
-i.icon.product.hunt:before {
-  content: "\f288";
+i.icon.japan.credit.bureau.card:before {
+  content: "\f24b";
 }
 
-i.icon.mixcloud:before {
-  content: "\f289";
+i.icon.diners.club.card:before {
+  content: "\f24c";
 }
 
-i.icon.scribd:before {
-  content: "\f28a";
+i.icon.balance:before {
+  content: "\f24e";
 }
 
-i.icon.gitlab:before {
-  content: "\f296";
+i.icon.hourglass.outline:before {
+  content: "\f250";
 }
 
-i.icon.wpbeginner:before {
-  content: "\f297";
+i.icon.hourglass.zero:before {
+  content: "\f250";
 }
 
-i.icon.wpforms:before {
-  content: "\f298";
+i.icon.hourglass.one:before {
+  content: "\f251";
 }
 
-i.icon.envira.gallery:before {
-  content: "\f299";
+i.icon.hourglass.two:before {
+  content: "\f252";
 }
 
-i.icon.glide:before {
-  content: "\f2a5";
+i.icon.hourglass.three:before {
+  content: "\f253";
 }
 
-i.icon.glide.g:before {
-  content: "\f2a6";
+i.icon.hourglass.four:before {
+  content: "\f254";
 }
 
-i.icon.viadeo:before {
-  content: "\f2a9";
+i.icon.grab:before {
+  content: "\f255";
 }
 
-i.icon.viadeo.square:before {
-  content: "\f2aa";
+i.icon.hand.victory:before {
+  content: "\f25b";
 }
 
-i.icon.snapchat:before {
-  content: "\f2ab";
+i.icon.tm:before {
+  content: "\f25c";
 }
 
-i.icon.snapchat.ghost:before {
-  content: "\f2ac";
+i.icon.r.circle:before {
+  content: "\f25d";
 }
 
-i.icon.snapchat.square:before {
-  content: "\f2ad";
+i.icon.television:before {
+  content: "\f26c";
 }
 
-i.icon.pied.piper.hat:before {
-  content: "\f2ae";
+i.icon.five.hundred.pixels:before {
+  content: "\f26e";
 }
 
-i.icon.first.order:before {
-  content: "\f2b0";
+i.icon.calendar.plus:before {
+  content: "\f271";
 }
 
-i.icon.yoast:before {
-  content: "\f2b1";
+i.icon.calendar.minus:before {
+  content: "\f272";
 }
 
-i.icon.themeisle:before {
-  content: "\f2b2";
+i.icon.calendar.times:before {
+  content: "\f273";
 }
 
-i.icon.google.plus.circle:before {
-  content: "\f2b3";
+i.icon.calendar.check:before {
+  content: "\f274";
 }
 
-i.icon.font.awesome:before {
-  content: "\f2b4";
+i.icon.factory:before {
+  content: "\f275";
 }
 
-i.icon.linode:before {
-  content: "\f2b8";
+i.icon.commenting:before {
+  content: "\f27a";
 }
 
-i.icon.quora:before {
-  content: "\f2c4";
+i.icon.commenting.outline:before {
+  content: "\f27b";
 }
 
-i.icon.free.code.camp:before {
-  content: "\f2c5";
+i.icon.edge:before {
+  content: "\f282";
 }
 
-i.icon.telegram:before {
-  content: "\f2c6";
+i.icon.ms.edge:before {
+  content: "\f282";
 }
 
-i.icon.bandcamp:before {
-  content: "\f2d5";
+i.icon.wordpress.beginner:before {
+  content: "\f297";
 }
 
-i.icon.grav:before {
-  content: "\f2d6";
+i.icon.wordpress.forms:before {
+  content: "\f298";
 }
 
-i.icon.etsy:before {
-  content: "\f2d7";
+i.icon.envira:before {
+  content: "\f299";
 }
 
-i.icon.imdb:before {
-  content: "\f2d8";
+i.icon.question.circle.outline:before {
+  content: "\f29c";
 }
 
-i.icon.ravelry:before {
-  content: "\f2d9";
+i.icon.assistive.listening.devices:before {
+  content: "\f2a2";
 }
 
-i.icon.eercast:before {
-  content: "\f2da";
+i.icon.als:before {
+  content: "\f2a2";
 }
 
-i.icon.superpowers:before {
-  content: "\f2dd";
+i.icon.ald:before {
+  content: "\f2a2";
 }
 
-i.icon.wpexplorer:before {
-  content: "\f2de";
+i.icon.asl.interpreting:before {
+  content: "\f2a3";
 }
 
-i.icon.meetup:before {
-  content: "\f2e0";
+i.icon.deaf:before {
+  content: "\f2a4";
 }
 
-/*******************************
-            Aliases
-*******************************/
-
-i.icon.like:before {
-  content: "\f004";
+i.icon.american.sign.language.interpreting:before {
+  content: "\f2a3";
 }
 
-i.icon.favorite:before {
-  content: "\f005";
+i.icon.hard.of.hearing:before {
+  content: "\f2a4";
 }
 
-i.icon.video:before {
-  content: "\f008";
+i.icon.signing:before {
+  content: "\f2a7";
 }
 
-i.icon.check:before {
-  content: "\f00c";
+i.icon.new.pied.piper:before {
+  content: "\f2ae";
 }
 
-i.icon.close:before {
-  content: "\f00d";
+i.icon.theme.isle:before {
+  content: "\f2b2";
 }
 
-i.icon.cancel:before {
-  content: "\f00d";
+i.icon.google.plus.official:before {
+  content: "\f2b3";
 }
 
-i.icon.delete:before {
-  content: "\f00d";
+i.icon.fa:before {
+  content: "\f2b4";
 }
 
-i.icon.x:before {
-  content: "\f00d";
+i.icon.vcard:before {
+  content: "\f2bb";
 }
 
-i.icon.zoom.in:before {
-  content: "\f00e";
+i.icon.vcard.outline:before {
+  content: "\f2bc";
 }
 
-i.icon.magnify:before {
-  content: "\f00e";
+i.icon.drivers.license:before {
+  content: "\f2c2";
 }
 
-i.icon.shutdown:before {
-  content: "\f011";
+i.icon.drivers.license.outline:before {
+  content: "\f2c3";
 }
 
-i.icon.clock:before {
-  content: "\f017";
+i.icon.thermometer:before {
+  content: "\f2c7";
 }
 
-i.icon.time:before {
-  content: "\f017";
+i.icon.s15:before {
+  content: "\f2cd";
 }
 
-i.icon.play.circle.outline:before {
-  content: "\f01d";
+i.icon.bath:before {
+  content: "\f2cd";
 }
 
-i.icon.headphone:before {
-  content: "\f025";
+i.icon.times.rectangle:before {
+  content: "\f2d3";
 }
 
-i.icon.camera:before {
-  content: "\f030";
+i.icon.times.rectangle.outline:before {
+  content: "\f2d4";
 }
 
-i.icon.video.camera:before {
-  content: "\f03d";
-}
+/*******************************
+         Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.2.10 - Input
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
 
-i.icon.picture:before {
-  content: "\f03e";
-}
+/*******************************
+           Standard
+*******************************/
 
-i.icon.pencil:before {
-  content: "\f040";
-}
+/*--------------------
+        Inputs
+---------------------*/
 
-i.icon.compose:before {
-  content: "\f040";
+.ui.input {
+  position: relative;
+  font-weight: normal;
+  font-style: normal;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  color: rgba(0, 0, 0, 0.87);
 }
 
-i.icon.point:before {
-  content: "\f041";
+.ui.input input {
+  margin: 0em;
+  max-width: 100%;
+  -webkit-box-flex: 1;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  outline: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  text-align: left;
+  line-height: 1.21428571em;
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  padding: 0.67857143em 1em;
+  background: #FFFFFF;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0.28571429rem;
+  -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
+  transition: box-shadow 0.1s ease, border-color 0.1s ease;
+  box-shadow: none;
 }
 
-i.icon.tint:before {
-  content: "\f043";
-}
+/*--------------------
+      Placeholder
+---------------------*/
 
-i.icon.signup:before {
-  content: "\f044";
-}
+/* browsers require these rules separate */
 
-i.icon.plus.circle:before {
-  content: "\f055";
+.ui.input input::-webkit-input-placeholder {
+  color: rgba(191, 191, 191, 0.87);
 }
 
-i.icon.question.circle:before {
-  content: "\f059";
+.ui.input input::-moz-placeholder {
+  color: rgba(191, 191, 191, 0.87);
 }
 
-i.icon.dont:before {
-  content: "\f05e";
+.ui.input input:-ms-input-placeholder {
+  color: rgba(191, 191, 191, 0.87);
 }
 
-i.icon.minimize:before {
-  content: "\f066";
-}
+/*******************************
+            States
+*******************************/
 
-i.icon.add:before {
-  content: "\f067";
-}
+/*--------------------
+        Disabled
+---------------------*/
 
-i.icon.exclamation.circle:before {
-  content: "\f06a";
+.ui.disabled.input,
+.ui.input input[disabled] {
+  opacity: 0.45;
 }
 
-i.icon.attention:before {
-  content: "\f06a";
+.ui.disabled.input input,
+.ui.input input[disabled] {
+  pointer-events: none;
 }
 
-i.icon.eye:before {
-  content: "\f06e";
-}
+/*--------------------
+        Active
+---------------------*/
 
-i.icon.exclamation.triangle:before {
-  content: "\f071";
+.ui.input input:active,
+.ui.input.down input {
+  border-color: rgba(0, 0, 0, 0.3);
+  background: #FAFAFA;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
 }
 
-i.icon.shuffle:before {
-  content: "\f074";
-}
+/*--------------------
+       Loading
+---------------------*/
 
-i.icon.chat:before {
-  content: "\f075";
+.ui.loading.loading.input > i.icon:before {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  margin: -0.64285714em 0em 0em -0.64285714em;
+  width: 1.28571429em;
+  height: 1.28571429em;
+  border-radius: 500rem;
+  border: 0.2em solid rgba(0, 0, 0, 0.1);
 }
 
-i.icon.cart:before {
-  content: "\f07a";
+.ui.loading.loading.input > i.icon:after {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  margin: -0.64285714em 0em 0em -0.64285714em;
+  width: 1.28571429em;
+  height: 1.28571429em;
+  -webkit-animation: button-spin 0.6s linear;
+  animation: button-spin 0.6s linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  border-radius: 500rem;
+  border-color: #767676 transparent transparent;
+  border-style: solid;
+  border-width: 0.2em;
+  box-shadow: 0px 0px 0px 1px transparent;
 }
 
-i.icon.shopping.cart:before {
-  content: "\f07a";
-}
+/*--------------------
+        Focus
+---------------------*/
 
-i.icon.bar.graph:before {
-  content: "\f080";
+.ui.input.focus input,
+.ui.input input:focus {
+  border-color: #85B7D9;
+  background: #FFFFFF;
+  color: rgba(0, 0, 0, 0.8);
+  box-shadow: none;
 }
 
-i.icon.key:before {
-  content: "\f084";
+.ui.input.focus input::-webkit-input-placeholder,
+.ui.input input:focus::-webkit-input-placeholder {
+  color: rgba(115, 115, 115, 0.87);
 }
 
-i.icon.cogs:before {
-  content: "\f085";
+.ui.input.focus input::-moz-placeholder,
+.ui.input input:focus::-moz-placeholder {
+  color: rgba(115, 115, 115, 0.87);
 }
 
-i.icon.discussions:before {
-  content: "\f086";
+.ui.input.focus input:-ms-input-placeholder,
+.ui.input input:focus:-ms-input-placeholder {
+  color: rgba(115, 115, 115, 0.87);
 }
 
-i.icon.like.outline:before {
-  content: "\f087";
-}
+/*--------------------
+        Error
+---------------------*/
 
-i.icon.dislike.outline:before {
-  content: "\f088";
+.ui.input.error input {
+  background-color: #FFF6F6;
+  border-color: #E0B4B4;
+  color: #9F3A38;
+  box-shadow: none;
 }
 
-i.icon.heart.outline:before {
-  content: "\f08a";
-}
+/* Error Placeholder */
 
-i.icon.log.out:before {
-  content: "\f08b";
+.ui.input.error input::-webkit-input-placeholder {
+  color: #e7bdbc;
 }
 
-i.icon.thumb.tack:before {
-  content: "\f08d";
+.ui.input.error input::-moz-placeholder {
+  color: #e7bdbc;
 }
 
-i.icon.winner:before {
-  content: "\f091";
+.ui.input.error input:-ms-input-placeholder {
+  color: #e7bdbc !important;
 }
 
-i.icon.phone:before {
-  content: "\f095";
-}
+/* Focused Error Placeholder */
 
-i.icon.bookmark.outline:before {
-  content: "\f097";
+.ui.input.error input:focus::-webkit-input-placeholder {
+  color: #da9796;
 }
 
-i.icon.phone.square:before {
-  content: "\f098";
+.ui.input.error input:focus::-moz-placeholder {
+  color: #da9796;
 }
 
-i.icon.credit.card:before {
-  content: "\f09d";
+.ui.input.error input:focus:-ms-input-placeholder {
+  color: #da9796 !important;
 }
 
-i.icon.hdd.outline:before {
-  content: "\f0a0";
-}
+/*******************************
+           Variations
+*******************************/
 
-i.icon.bullhorn:before {
-  content: "\f0a1";
-}
+/*--------------------
+      Transparent
+---------------------*/
 
-i.icon.bell.outline:before {
-  content: "\f0a2";
+.ui.transparent.input input {
+  border-color: transparent !important;
+  background-color: transparent !important;
+  padding: 0em !important;
+  box-shadow: none !important;
 }
 
-i.icon.hand.outline.right:before {
-  content: "\f0a4";
-}
+/* Transparent Icon */
 
-i.icon.hand.outline.left:before {
-  content: "\f0a5";
+.ui.transparent.icon.input > i.icon {
+  width: 1.1em;
 }
 
-i.icon.hand.outline.up:before {
-  content: "\f0a6";
+.ui.transparent.icon.input > input {
+  padding-left: 0em !important;
+  padding-right: 2em !important;
 }
 
-i.icon.hand.outline.down:before {
-  content: "\f0a7";
+.ui.transparent[class*="left icon"].input > input {
+  padding-left: 2em !important;
+  padding-right: 0em !important;
 }
 
-i.icon.globe:before {
-  content: "\f0ac";
-}
+/* Transparent Inverted */
 
-i.icon.wrench:before {
-  content: "\f0ad";
+.ui.transparent.inverted.input {
+  color: #FFFFFF;
 }
 
-i.icon.briefcase:before {
-  content: "\f0b1";
+.ui.transparent.inverted.input input {
+  color: inherit;
 }
 
-i.icon.group:before {
-  content: "\f0c0";
+.ui.transparent.inverted.input input::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.5);
 }
 
-i.icon.linkify:before {
-  content: "\f0c1";
+.ui.transparent.inverted.input input::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.5);
 }
 
-i.icon.chain:before {
-  content: "\f0c1";
+.ui.transparent.inverted.input input:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.5);
 }
 
-i.icon.flask:before {
-  content: "\f0c3";
-}
+/*--------------------
+         Icon
+---------------------*/
 
-i.icon.sidebar:before {
-  content: "\f0c9";
+.ui.icon.input > i.icon {
+  cursor: default;
+  position: absolute;
+  line-height: 1;
+  text-align: center;
+  top: 0px;
+  right: 0px;
+  margin: 0em;
+  height: 100%;
+  width: 2.67142857em;
+  opacity: 0.5;
+  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+  -webkit-transition: opacity 0.3s ease;
+  transition: opacity 0.3s ease;
 }
 
-i.icon.bars:before {
-  content: "\f0c9";
+.ui.icon.input > i.icon:not(.link) {
+  pointer-events: none;
 }
 
-i.icon.list.ul:before {
-  content: "\f0ca";
+.ui.icon.input input {
+  padding-right: 2.67142857em !important;
 }
 
-i.icon.list.ol:before {
-  content: "\f0cb";
+.ui.icon.input > i.icon:before,
+.ui.icon.input > i.icon:after {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  top: 50%;
+  width: 100%;
+  margin-top: -0.5em;
 }
 
-i.icon.numbered.list:before {
-  content: "\f0cb";
+.ui.icon.input > i.link.icon {
+  cursor: pointer;
 }
 
-i.icon.magic:before {
-  content: "\f0d0";
+.ui.icon.input > i.circular.icon {
+  top: 0.35em;
+  right: 0.5em;
 }
 
-i.icon.truck:before {
-  content: "\f0d1";
-}
+/* Left Icon Input */
 
-i.icon.currency:before {
-  content: "\f0d6";
+.ui[class*="left icon"].input > i.icon {
+  right: auto;
+  left: 1px;
+  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
 }
 
-i.icon.triangle.down:before {
-  content: "\f0d7";
+.ui[class*="left icon"].input > i.circular.icon {
+  right: auto;
+  left: 0.5em;
 }
 
-i.icon.dropdown:before {
-  content: "\f0d7";
+.ui[class*="left icon"].input > input {
+  padding-left: 2.67142857em !important;
+  padding-right: 1em !important;
 }
 
-i.icon.triangle.up:before {
-  content: "\f0d8";
-}
+/* Focus */
 
-i.icon.triangle.left:before {
-  content: "\f0d9";
+.ui.icon.input > input:focus ~ i.icon {
+  opacity: 1;
 }
 
-i.icon.triangle.right:before {
-  content: "\f0da";
-}
+/*--------------------
+        Labeled
+---------------------*/
 
-i.icon.envelope:before {
-  content: "\f0e0";
-}
+/* Adjacent Label */
 
-i.icon.conversation:before {
-  content: "\f0e6";
+.ui.labeled.input > .label {
+  -webkit-box-flex: 0;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  margin: 0;
+  font-size: 1em;
 }
 
-i.icon.rain:before {
-  content: "\f0e9";
+.ui.labeled.input > .label:not(.corner) {
+  padding-top: 0.78571429em;
+  padding-bottom: 0.78571429em;
 }
 
-i.icon.clipboard:before {
-  content: "\f0ea";
-}
+/* Regular Label on Left */
 
-i.icon.lightbulb:before {
-  content: "\f0eb";
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
 }
 
-i.icon.bell:before {
-  content: "\f0f3";
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+  border-left-color: transparent;
 }
 
-i.icon.ambulance:before {
-  content: "\f0f9";
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
+  border-left-color: #85B7D9;
 }
 
-i.icon.medkit:before {
-  content: "\f0fa";
-}
+/* Regular Label on Right */
 
-i.icon.fighter.jet:before {
-  content: "\f0fb";
+.ui[class*="right labeled"].input input {
+  border-top-right-radius: 0px !important;
+  border-bottom-right-radius: 0px !important;
+  border-right-color: transparent !important;
 }
 
-i.icon.beer:before {
-  content: "\f0fc";
+.ui[class*="right labeled"].input input + .label {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
 }
 
-i.icon.plus.square:before {
-  content: "\f0fe";
+.ui[class*="right labeled"].input input:focus {
+  border-right-color: #85B7D9 !important;
 }
 
-i.icon.computer:before {
-  content: "\f108";
-}
+/* Corner Label */
 
-i.icon.circle.outline:before {
-  content: "\f10c";
+.ui.labeled.input .corner.label {
+  top: 1px;
+  right: 1px;
+  font-size: 0.64285714em;
+  border-radius: 0em 0.28571429rem 0em 0em;
 }
 
-i.icon.gamepad:before {
-  content: "\f11b";
-}
+/* Spacing with corner label */
 
-i.icon.star.half.full:before {
-  content: "\f123";
+.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
+  padding-right: 2.5em !important;
 }
 
-i.icon.broken.chain:before {
-  content: "\f127";
+.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
+  padding-right: 3.25em !important;
 }
 
-i.icon.question:before {
-  content: "\f128";
+.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
+  margin-right: 1.25em;
 }
 
-i.icon.exclamation:before {
-  content: "\f12a";
-}
+/* Left Labeled */
 
-i.icon.eraser:before {
-  content: "\f12d";
+.ui[class*="left corner labeled"].labeled.input input {
+  padding-left: 2.5em !important;
 }
 
-i.icon.microphone:before {
-  content: "\f130";
+.ui[class*="left corner labeled"].icon.input > input {
+  padding-left: 3.25em !important;
 }
 
-i.icon.microphone.slash:before {
-  content: "\f131";
+.ui[class*="left corner labeled"].icon.input > .icon {
+  margin-left: 1.25em;
 }
 
-i.icon.shield:before {
-  content: "\f132";
-}
+/* Corner Label Position  */
 
-i.icon.target:before {
-  content: "\f140";
+.ui.input > .ui.corner.label {
+  top: 1px;
+  right: 1px;
 }
 
-i.icon.play.circle:before {
-  content: "\f144";
+.ui.input > .ui.left.corner.label {
+  right: auto;
+  left: 1px;
 }
 
-i.icon.pencil.square:before {
-  content: "\f14b";
-}
+/*--------------------
+        Action
+---------------------*/
 
-i.icon.eur:before {
-  content: "\f153";
+.ui.action.input > .button,
+.ui.action.input > .buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-flex: 0;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
 }
 
-i.icon.gbp:before {
-  content: "\f154";
+.ui.action.input > .button,
+.ui.action.input > .buttons > .button {
+  padding-top: 0.78571429em;
+  padding-bottom: 0.78571429em;
+  margin: 0;
 }
 
-i.icon.usd:before {
-  content: "\f155";
-}
+/* Button on Right */
 
-i.icon.inr:before {
-  content: "\f156";
+.ui.action.input:not([class*="left action"]) > input {
+  border-top-right-radius: 0px !important;
+  border-bottom-right-radius: 0px !important;
+  border-right-color: transparent !important;
 }
 
-i.icon.cny:before {
-  content: "\f157";
+.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
+.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
+.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
+  border-radius: 0px;
 }
 
-i.icon.rmb:before {
-  content: "\f157";
+.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
+.ui.action.input:not([class*="left action"]) > .button:last-child,
+.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
+  border-radius: 0px 0.28571429rem 0.28571429rem 0px;
 }
 
-i.icon.jpy:before {
-  content: "\f157";
-}
+/* Input Focus */
 
-i.icon.rouble:before {
-  content: "\f158";
+.ui.action.input:not([class*="left action"]) input:focus {
+  border-right-color: #85B7D9 !important;
 }
 
-i.icon.rub:before {
-  content: "\f158";
-}
+/* Button on Left */
 
-i.icon.krw:before {
-  content: "\f159";
+.ui[class*="left action"].input > input {
+  border-top-left-radius: 0px !important;
+  border-bottom-left-radius: 0px !important;
+  border-left-color: transparent !important;
 }
 
-i.icon.btc:before {
-  content: "\f15a";
+.ui[class*="left action"].input > .dropdown,
+.ui[class*="left action"].input > .button,
+.ui[class*="left action"].input > .buttons > .button {
+  border-radius: 0px;
 }
 
-i.icon.gratipay:before {
-  content: "\f184";
+.ui[class*="left action"].input > .dropdown:first-child,
+.ui[class*="left action"].input > .button:first-child,
+.ui[class*="left action"].input > .buttons:first-child > .button {
+  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
 }
 
-i.icon.zip:before {
-  content: "\f187";
-}
+/* Input Focus */
 
-i.icon.dot.circle.outline:before {
-  content: "\f192";
+.ui[class*="left action"].input > input:focus {
+  border-left-color: #85B7D9 !important;
 }
 
-i.icon.try:before {
-  content: "\f195";
-}
+/*--------------------
+       Inverted
+---------------------*/
 
-i.icon.graduation:before {
-  content: "\f19d";
-}
+/* Standard */
 
-i.icon.circle.outline:before {
-  content: "\f1db";
+.ui.inverted.input input {
+  border: none;
 }
 
-i.icon.sliders:before {
-  content: "\f1de";
-}
+/*--------------------
+        Fluid
+---------------------*/
 
-i.icon.weixin:before {
-  content: "\f1d7";
+.ui.fluid.input {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
 }
 
-i.icon.tty:before {
-  content: "\f1e4";
+.ui.fluid.input > input {
+  width: 0px !important;
 }
 
-i.icon.teletype:before {
-  content: "\f1e4";
-}
+/*--------------------
+        Size
+---------------------*/
 
-i.icon.binoculars:before {
-  content: "\f1e5";
+.ui.mini.input {
+  font-size: 0.78571429em;
 }
 
-i.icon.power.cord:before {
-  content: "\f1e6";
+.ui.small.input {
+  font-size: 0.92857143em;
 }
 
-i.icon.wi-fi:before {
-  content: "\f1eb";
+.ui.input {
+  font-size: 1em;
 }
 
-i.icon.visa.card:before {
-  content: "\f1f0";
+.ui.large.input {
+  font-size: 1.14285714em;
 }
 
-i.icon.mastercard.card:before {
-  content: "\f1f1";
+.ui.big.input {
+  font-size: 1.28571429em;
 }
 
-i.icon.discover.card:before {
-  content: "\f1f2";
+.ui.huge.input {
+  font-size: 1.42857143em;
 }
 
-i.icon.amex:before {
-  content: "\f1f3";
+.ui.massive.input {
+  font-size: 1.71428571em;
 }
 
-i.icon.american.express.card:before {
-  content: "\f1f3";
-}
+/*******************************
+         Theme Overrides
+*******************************/
 
-i.icon.stripe.card:before {
-  content: "\f1f5";
-}
+/*******************************
+         Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.2.10 - Label
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
 
-i.icon.bell.slash:before {
-  content: "\f1f6";
-}
+/*******************************
+            Label
+*******************************/
 
-i.icon.bell.slash.outline:before {
-  content: "\f1f7";
+.ui.label {
+  display: inline-block;
+  line-height: 1;
+  vertical-align: baseline;
+  margin: 0em 0.14285714em;
+  background-color: #E8E8E8;
+  background-image: none;
+  padding: 0.5833em 0.833em;
+  color: rgba(0, 0, 0, 0.6);
+  text-transform: none;
+  font-weight: bold;
+  border: 0px solid transparent;
+  border-radius: 0.28571429rem;
+  -webkit-transition: background 0.1s ease;
+  transition: background 0.1s ease;
 }
 
-i.icon.area.graph:before {
-  content: "\f1fe";
+.ui.label:first-child {
+  margin-left: 0em;
 }
 
-i.icon.pie.graph:before {
-  content: "\f200";
+.ui.label:last-child {
+  margin-right: 0em;
 }
 
-i.icon.line.graph:before {
-  content: "\f201";
-}
+/* Link */
 
-i.icon.cc:before {
-  content: "\f20a";
+a.ui.label {
+  cursor: pointer;
 }
 
-i.icon.sheqel:before {
-  content: "\f20b";
-}
+/* Inside Link */
 
-i.icon.ils:before {
-  content: "\f20b";
+.ui.label > a {
+  cursor: pointer;
+  color: inherit;
+  opacity: 0.5;
+  -webkit-transition: 0.1s opacity ease;
+  transition: 0.1s opacity ease;
 }
 
-i.icon.plus.cart:before {
-  content: "\f217";
+.ui.label > a:hover {
+  opacity: 1;
 }
 
-i.icon.arrow.down.cart:before {
-  content: "\f218";
-}
+/* Image */
 
-i.icon.detective:before {
-  content: "\f21b";
+.ui.label > img {
+  width: auto !important;
+  vertical-align: middle;
+  height: 2.1666em !important;
 }
 
-i.icon.venus:before {
-  content: "\f221";
-}
+/* Icon */
 
-i.icon.mars:before {
-  content: "\f222";
+.ui.label > .icon {
+  width: auto;
+  margin: 0em 0.75em 0em 0em;
 }
 
-i.icon.mercury:before {
-  content: "\f223";
-}
+/* Detail */
 
-i.icon.intersex:before {
-  content: "\f224";
+.ui.label > .detail {
+  display: inline-block;
+  vertical-align: top;
+  font-weight: bold;
+  margin-left: 1em;
+  opacity: 0.8;
 }
 
-i.icon.venus.double:before {
-  content: "\f226";
+.ui.label > .detail .icon {
+  margin: 0em 0.25em 0em 0em;
 }
 
-i.icon.female.homosexual:before {
-  content: "\f226";
-}
+/* Removable label */
 
-i.icon.mars.double:before {
-  content: "\f227";
+.ui.label > .close.icon,
+.ui.label > .delete.icon {
+  cursor: pointer;
+  margin-right: 0em;
+  margin-left: 0.5em;
+  font-size: 0.92857143em;
+  opacity: 0.5;
+  -webkit-transition: background 0.1s ease;
+  transition: background 0.1s ease;
 }
 
-i.icon.male.homosexual:before {
-  content: "\f227";
+.ui.label > .delete.icon:hover {
+  opacity: 1;
 }
 
-i.icon.venus.mars:before {
-  content: "\f228";
-}
+/*-------------------
+       Group
+--------------------*/
 
-i.icon.mars.stroke:before {
-  content: "\f229";
+.ui.labels > .label {
+  margin: 0em 0.5em 0.5em 0em;
 }
 
-i.icon.mars.alternate:before {
-  content: "\f229";
-}
+/*-------------------
+       Coupling
+--------------------*/
 
-i.icon.mars.vertical:before {
-  content: "\f22a";
+.ui.header > .ui.label {
+  margin-top: -0.29165em;
 }
 
-i.icon.mars.stroke.vertical:before {
-  content: "\f22a";
-}
+/* Remove border radius on attached segment */
 
-i.icon.mars.horizontal:before {
-  content: "\f22b";
+.ui.attached.segment > .ui.top.left.attached.label,
+.ui.bottom.attached.segment > .ui.top.left.attached.label {
+  border-top-left-radius: 0;
 }
 
-i.icon.mars.stroke.horizontal:before {
-  content: "\f22b";
+.ui.attached.segment > .ui.top.right.attached.label,
+.ui.bottom.attached.segment > .ui.top.right.attached.label {
+  border-top-right-radius: 0;
 }
 
-i.icon.asexual:before {
-  content: "\f22d";
+.ui.top.attached.segment > .ui.bottom.left.attached.label {
+  border-bottom-left-radius: 0;
 }
 
-i.icon.facebook.official:before {
-  content: "\f230";
+.ui.top.attached.segment > .ui.bottom.right.attached.label {
+  border-bottom-right-radius: 0;
 }
 
-i.icon.user.plus:before {
-  content: "\f234";
-}
+/* Padding on next content after a label */
 
-i.icon.user.times:before {
-  content: "\f235";
+.ui.top.attached.label:first-child + :not(.attached),
+.ui.top.attached.label + [class*="right floated"] + * {
+  margin-top: 2rem !important;
 }
 
-i.icon.user.close:before {
-  content: "\f235";
+.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
+  margin-top: 0em;
+  margin-bottom: 2rem !important;
 }
 
-i.icon.user.cancel:before {
-  content: "\f235";
-}
+/*******************************
+             Types
+*******************************/
 
-i.icon.user.delete:before {
-  content: "\f235";
+.ui.image.label {
+  width: auto !important;
+  margin-top: 0em;
+  margin-bottom: 0em;
+  max-width: 9999px;
+  vertical-align: baseline;
+  text-transform: none;
+  background: #E8E8E8;
+  padding: 0.5833em 0.833em 0.5833em 0.5em;
+  border-radius: 0.28571429rem;
+  box-shadow: none;
 }
 
-i.icon.user.x:before {
-  content: "\f235";
+.ui.image.label img {
+  display: inline-block;
+  vertical-align: top;
+  height: 2.1666em;
+  margin: -0.5833em 0.5em -0.5833em -0.5em;
+  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
 }
 
-i.icon.bed:before {
-  content: "\f236";
+.ui.image.label .detail {
+  background: rgba(0, 0, 0, 0.1);
+  margin: -0.5833em -0.833em -0.5833em 0.5em;
+  padding: 0.5833em 0.833em;
+  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
 }
 
-i.icon.yc:before {
-  content: "\f23b";
-}
+/*-------------------
+         Tag
+--------------------*/
 
-i.icon.ycombinator:before {
-  content: "\f23b";
+.ui.tag.labels .label,
+.ui.tag.label {
+  margin-left: 1em;
+  position: relative;
+  padding-left: 1.5em;
+  padding-right: 1.5em;
+  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+  -webkit-transition: none;
+  transition: none;
 }
 
-i.icon.battery.four:before {
-  content: "\f240";
+.ui.tag.labels .label:before,
+.ui.tag.label:before {
+  position: absolute;
+  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
+  transform: translateY(-50%) translateX(50%) rotate(-45deg);
+  top: 50%;
+  right: 100%;
+  content: '';
+  background-color: inherit;
+  background-image: none;
+  width: 1.56em;
+  height: 1.56em;
+  -webkit-transition: none;
+  transition: none;
 }
 
-i.icon.battery.three:before {
-  content: "\f241";
+.ui.tag.labels .label:after,
+.ui.tag.label:after {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: -0.25em;
+  margin-top: -0.25em;
+  background-color: #FFFFFF !important;
+  width: 0.5em;
+  height: 0.5em;
+  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
+  border-radius: 500rem;
 }
 
-i.icon.battery.three.quarters:before {
-  content: "\f241";
-}
+/*-------------------
+    Corner Label
+--------------------*/
 
-i.icon.battery.two:before {
-  content: "\f242";
+.ui.corner.label {
+  position: absolute;
+  top: 0em;
+  right: 0em;
+  margin: 0em;
+  padding: 0em;
+  text-align: center;
+  border-color: #E8E8E8;
+  width: 4em;
+  height: 4em;
+  z-index: 1;
+  -webkit-transition: border-color 0.1s ease;
+  transition: border-color 0.1s ease;
 }
 
-i.icon.battery.half:before {
-  content: "\f242";
-}
+/* Icon Label */
 
-i.icon.battery.one:before {
-  content: "\f243";
+.ui.corner.label {
+  background-color: transparent !important;
 }
 
-i.icon.battery.quarter:before {
-  content: "\f243";
+.ui.corner.label:after {
+  position: absolute;
+  content: "";
+  right: 0em;
+  top: 0em;
+  z-index: -1;
+  width: 0em;
+  height: 0em;
+  background-color: transparent !important;
+  border-top: 0em solid transparent;
+  border-right: 4em solid transparent;
+  border-bottom: 4em solid transparent;
+  border-left: 0em solid transparent;
+  border-right-color: inherit;
+  -webkit-transition: border-color 0.1s ease;
+  transition: border-color 0.1s ease;
 }
 
-i.icon.battery.zero:before {
-  content: "\f244";
+.ui.corner.label .icon {
+  cursor: default;
+  position: relative;
+  top: 0.64285714em;
+  left: 0.78571429em;
+  font-size: 1.14285714em;
+  margin: 0em;
 }
 
-i.icon.i.cursor:before {
-  content: "\f246";
-}
+/* Left Corner */
 
-i.icon.jcb:before {
-  content: "\f24b";
+.ui.left.corner.label,
+.ui.left.corner.label:after {
+  right: auto;
+  left: 0em;
 }
 
-i.icon.japan.credit.bureau.card:before {
-  content: "\f24b";
+.ui.left.corner.label:after {
+  border-top: 4em solid transparent;
+  border-right: 4em solid transparent;
+  border-bottom: 0em solid transparent;
+  border-left: 0em solid transparent;
+  border-top-color: inherit;
 }
 
-i.icon.diners.club.card:before {
-  content: "\f24c";
+.ui.left.corner.label .icon {
+  left: -0.78571429em;
 }
 
-i.icon.balance:before {
-  content: "\f24e";
-}
+/* Segment */
 
-i.icon.hourglass.outline:before {
-  content: "\f250";
+.ui.segment > .ui.corner.label {
+  top: -1px;
+  right: -1px;
 }
 
-i.icon.hourglass.zero:before {
-  content: "\f250";
+.ui.segment > .ui.left.corner.label {
+  right: auto;
+  left: -1px;
 }
 
-i.icon.hourglass.one:before {
-  content: "\f251";
-}
+/*-------------------
+       Ribbon
+--------------------*/
 
-i.icon.hourglass.two:before {
-  content: "\f252";
+.ui.ribbon.label {
+  position: relative;
+  margin: 0em;
+  min-width: -webkit-max-content;
+  min-width: -moz-max-content;
+  min-width: max-content;
+  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+  border-color: rgba(0, 0, 0, 0.15);
 }
 
-i.icon.hourglass.three:before {
-  content: "\f253";
+.ui.ribbon.label:after {
+  position: absolute;
+  content: '';
+  top: 100%;
+  left: 0%;
+  background-color: transparent !important;
+  border-style: solid;
+  border-width: 0em 1.2em 1.2em 0em;
+  border-color: transparent;
+  border-right-color: inherit;
+  width: 0em;
+  height: 0em;
 }
 
-i.icon.hourglass.four:before {
-  content: "\f254";
-}
+/* Positioning */
 
-i.icon.grab:before {
-  content: "\f255";
+.ui.ribbon.label {
+  left: calc( -1rem  -  1.2em );
+  margin-right: -1.2em;
+  padding-left: calc( 1rem  +  1.2em );
+  padding-right: 1.2em;
 }
 
-i.icon.hand.victory:before {
-  content: "\f25b";
+.ui[class*="right ribbon"].label {
+  left: calc(100% +  1rem  +  1.2em );
+  padding-left: 1.2em;
+  padding-right: calc( 1rem  +  1.2em );
 }
 
-i.icon.tm:before {
-  content: "\f25c";
-}
+/* Right Ribbon */
 
-i.icon.r.circle:before {
-  content: "\f25d";
+.ui[class*="right ribbon"].label {
+  text-align: left;
+  -webkit-transform: translateX(-100%);
+  transform: translateX(-100%);
+  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
 }
 
-i.icon.television:before {
-  content: "\f26c";
+.ui[class*="right ribbon"].label:after {
+  left: auto;
+  right: 0%;
+  border-style: solid;
+  border-width: 1.2em 1.2em 0em 0em;
+  border-color: transparent;
+  border-top-color: inherit;
 }
 
-i.icon.five.hundred.pixels:before {
-  content: "\f26e";
-}
+/* Inside Table */
 
-i.icon.calendar.plus:before {
-  content: "\f271";
+.ui.image > .ribbon.label,
+.ui.card .image > .ribbon.label {
+  position: absolute;
+  top: 1rem;
 }
 
-i.icon.calendar.minus:before {
-  content: "\f272";
+.ui.card .image > .ui.ribbon.label,
+.ui.image > .ui.ribbon.label {
+  left: calc( 0.05rem  -  1.2em );
 }
 
-i.icon.calendar.times:before {
-  content: "\f273";
+.ui.card .image > .ui[class*="right ribbon"].label,
+.ui.image > .ui[class*="right ribbon"].label {
+  left: calc(100% +  -0.05rem  +  1.2em );
+  padding-left: 0.833em;
 }
 
-i.icon.calendar.check:before {
-  content: "\f274";
-}
+/* Inside Table */
 
-i.icon.factory:before {
-  content: "\f275";
+.ui.table td > .ui.ribbon.label {
+  left: calc( -0.78571429em  -  1.2em );
 }
 
-i.icon.commenting:before {
-  content: "\f27a";
+.ui.table td > .ui[class*="right ribbon"].label {
+  left: calc(100% +  0.78571429em  +  1.2em );
+  padding-left: 0.833em;
 }
 
-i.icon.commenting.outline:before {
-  content: "\f27b";
-}
+/*-------------------
+      Attached
+--------------------*/
 
-i.icon.edge:before {
-  content: "\f282";
+.ui[class*="top attached"].label,
+.ui.attached.label {
+  width: 100%;
+  position: absolute;
+  margin: 0em;
+  top: 0em;
+  left: 0em;
+  padding: 0.75em 1em;
+  border-radius: 0.21428571rem 0.21428571rem 0em 0em;
 }
 
-i.icon.ms.edge:before {
-  content: "\f282";
+.ui[class*="bottom attached"].label {
+  top: auto;
+  bottom: 0em;
+  border-radius: 0em 0em 0.21428571rem 0.21428571rem;
 }
 
-i.icon.wordpress.beginner:before {
-  content: "\f297";
+.ui[class*="top left attached"].label {
+  width: auto;
+  margin-top: 0em !important;
+  border-radius: 0.21428571rem 0em 0.28571429rem 0em;
 }
 
-i.icon.wordpress.forms:before {
-  content: "\f298";
+.ui[class*="top right attached"].label {
+  width: auto;
+  left: auto;
+  right: 0em;
+  border-radius: 0em 0.21428571rem 0em 0.28571429rem;
 }
 
-i.icon.envira:before {
-  content: "\f299";
+.ui[class*="bottom left attached"].label {
+  width: auto;
+  top: auto;
+  bottom: 0em;
+  border-radius: 0em 0.28571429rem 0em 0.21428571rem;
 }
 
-i.icon.question.circle.outline:before {
-  content: "\f29c";
+.ui[class*="bottom right attached"].label {
+  top: auto;
+  bottom: 0em;
+  left: auto;
+  right: 0em;
+  width: auto;
+  border-radius: 0.28571429rem 0em 0.21428571rem 0em;
 }
 
-i.icon.assistive.listening.devices:before {
-  content: "\f2a2";
-}
+/*******************************
+             States
+*******************************/
 
-i.icon.als:before {
-  content: "\f2a2";
-}
+/*-------------------
+      Disabled
+--------------------*/
 
-i.icon.ald:before {
-  content: "\f2a2";
+.ui.label.disabled {
+  opacity: 0.5;
 }
 
-i.icon.asl.interpreting:before {
-  content: "\f2a3";
-}
+/*-------------------
+        Hover
+--------------------*/
 
-i.icon.deaf:before {
-  content: "\f2a4";
+a.ui.labels .label:hover,
+a.ui.label:hover {
+  background-color: #E0E0E0;
+  border-color: #E0E0E0;
+  background-image: none;
+  color: rgba(0, 0, 0, 0.8);
 }
 
-i.icon.american.sign.language.interpreting:before {
-  content: "\f2a3";
+.ui.labels a.label:hover:before,
+a.ui.label:hover:before {
+  color: rgba(0, 0, 0, 0.8);
 }
 
-i.icon.hard.of.hearing:before {
-  content: "\f2a4";
-}
+/*-------------------
+        Active
+--------------------*/
 
-i.icon.signing:before {
-  content: "\f2a7";
+.ui.active.label {
+  background-color: #D0D0D0;
+  border-color: #D0D0D0;
+  background-image: none;
+  color: rgba(0, 0, 0, 0.95);
 }
 
-i.icon.new.pied.piper:before {
-  content: "\f2ae";
+.ui.active.label:before {
+  background-color: #D0D0D0;
+  background-image: none;
+  color: rgba(0, 0, 0, 0.95);
 }
 
-i.icon.theme.isle:before {
-  content: "\f2b2";
-}
+/*-------------------
+     Active Hover
+--------------------*/
 
-i.icon.google.plus.official:before {
-  content: "\f2b3";
+a.ui.labels .active.label:hover,
+a.ui.active.label:hover {
+  background-color: #C8C8C8;
+  border-color: #C8C8C8;
+  background-image: none;
+  color: rgba(0, 0, 0, 0.95);
 }
 
-i.icon.fa:before {
-  content: "\f2b4";
+.ui.labels a.active.label:ActiveHover:before,
+a.ui.active.label:ActiveHover:before {
+  background-color: #C8C8C8;
+  background-image: none;
+  color: rgba(0, 0, 0, 0.95);
 }
 
-i.icon.vcard:before {
-  content: "\f2bb";
-}
-
-i.icon.vcard.outline:before {
-  content: "\f2bc";
-}
-
-i.icon.drivers.license:before {
-  content: "\f2c2";
-}
-
-i.icon.drivers.license.outline:before {
-  content: "\f2c3";
-}
-
-i.icon.thermometer:before {
-  content: "\f2c7";
-}
-
-i.icon.s15:before {
-  content: "\f2cd";
-}
+/*-------------------
+      Visible
+--------------------*/
 
-i.icon.bath:before {
-  content: "\f2cd";
+.ui.labels.visible .label,
+.ui.label.visible:not(.dropdown) {
+  display: inline-block !important;
 }
 
-i.icon.times.rectangle:before {
-  content: "\f2d3";
-}
+/*-------------------
+      Hidden
+--------------------*/
 
-i.icon.times.rectangle.outline:before {
-  content: "\f2d4";
+.ui.labels.hidden .label,
+.ui.label.hidden {
+  display: none !important;
 }
 
 /*******************************
-         Site Overrides
+           Variations
 *******************************/
-/*!
- * # Semantic UI undefined - Image
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
 
-/*******************************
-             Image
-*******************************/
+/*-------------------
+       Colors
+--------------------*/
 
-.ui.image {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  max-width: 100%;
-  background-color: transparent;
-}
+/*--- Red ---*/
 
-img.ui.image {
-  display: block;
+.ui.red.labels .label,
+.ui.red.label {
+  background-color: #DB2828 !important;
+  border-color: #DB2828 !important;
+  color: #FFFFFF !important;
 }
 
-.ui.image svg,
-.ui.image img {
-  display: block;
-  max-width: 100%;
-  height: auto;
+/* Link */
+
+.ui.red.labels .label:hover,
+a.ui.red.label:hover {
+  background-color: #d01919 !important;
+  border-color: #d01919 !important;
+  color: #FFFFFF !important;
 }
 
-/*******************************
-            States
-*******************************/
+/* Corner */
 
-.ui.hidden.images,
-.ui.hidden.image {
-  display: none;
+.ui.red.corner.label,
+.ui.red.corner.label:hover {
+  background-color: transparent !important;
 }
 
-.ui.hidden.transition.images,
-.ui.hidden.transition.image {
-  display: block;
-  visibility: hidden;
-}
+/* Ribbon */
 
-.ui.disabled.images,
-.ui.disabled.image {
-  cursor: default;
-  opacity: 0.45;
+.ui.red.ribbon.label {
+  border-color: #b21e1e !important;
 }
 
-/*******************************
-          Variations
-*******************************/
+/* Basic */
 
-/*--------------
-     Inline
----------------*/
+.ui.basic.red.label {
+  background-color: #FFFFFF !important;
+  color: #DB2828 !important;
+  border-color: #DB2828 !important;
+}
 
-.ui.inline.image,
-.ui.inline.image svg,
-.ui.inline.image img {
-  display: inline-block;
+.ui.basic.red.labels a.label:hover,
+a.ui.basic.red.label:hover {
+  background-color: #FFFFFF !important;
+  color: #d01919 !important;
+  border-color: #d01919 !important;
 }
 
-/*------------------
-  Vertical Aligned
--------------------*/
+/*--- Orange ---*/
 
-.ui.top.aligned.images .image,
-.ui.top.aligned.image,
-.ui.top.aligned.image svg,
-.ui.top.aligned.image img {
-  display: inline-block;
-  vertical-align: top;
+.ui.orange.labels .label,
+.ui.orange.label {
+  background-color: #F2711C !important;
+  border-color: #F2711C !important;
+  color: #FFFFFF !important;
 }
 
-.ui.middle.aligned.images .image,
-.ui.middle.aligned.image,
-.ui.middle.aligned.image svg,
-.ui.middle.aligned.image img {
-  display: inline-block;
-  vertical-align: middle;
-}
+/* Link */
 
-.ui.bottom.aligned.images .image,
-.ui.bottom.aligned.image,
-.ui.bottom.aligned.image svg,
-.ui.bottom.aligned.image img {
-  display: inline-block;
-  vertical-align: bottom;
+.ui.orange.labels .label:hover,
+a.ui.orange.label:hover {
+  background-color: #f26202 !important;
+  border-color: #f26202 !important;
+  color: #FFFFFF !important;
 }
 
-/*--------------
-     Rounded
----------------*/
+/* Corner */
 
-.ui.rounded.images .image,
-.ui.rounded.image,
-.ui.rounded.images .image > *,
-.ui.rounded.image > * {
-  border-radius: 0.3125em;
+.ui.orange.corner.label,
+.ui.orange.corner.label:hover {
+  background-color: transparent !important;
 }
 
-/*--------------
-    Bordered
----------------*/
+/* Ribbon */
 
-.ui.bordered.images .image,
-.ui.bordered.images img,
-.ui.bordered.images svg,
-.ui.bordered.image img,
-.ui.bordered.image svg,
-img.ui.bordered.image {
-  border: 1px solid rgba(0, 0, 0, 0.1);
+.ui.orange.ribbon.label {
+  border-color: #cf590c !important;
 }
 
-/*--------------
-    Circular
----------------*/
+/* Basic */
 
-.ui.circular.images,
-.ui.circular.image {
-  overflow: hidden;
+.ui.basic.orange.label {
+  background-color: #FFFFFF !important;
+  color: #F2711C !important;
+  border-color: #F2711C !important;
 }
 
-.ui.circular.images .image,
-.ui.circular.image,
-.ui.circular.images .image > *,
-.ui.circular.image > * {
-  border-radius: 500rem;
+.ui.basic.orange.labels a.label:hover,
+a.ui.basic.orange.label:hover {
+  background-color: #FFFFFF !important;
+  color: #f26202 !important;
+  border-color: #f26202 !important;
 }
 
-/*--------------
-     Fluid
----------------*/
+/*--- Yellow ---*/
 
-.ui.fluid.images,
-.ui.fluid.image,
-.ui.fluid.images img,
-.ui.fluid.images svg,
-.ui.fluid.image svg,
-.ui.fluid.image img {
-  display: block;
-  width: 100%;
-  height: auto;
+.ui.yellow.labels .label,
+.ui.yellow.label {
+  background-color: #FBBD08 !important;
+  border-color: #FBBD08 !important;
+  color: #FFFFFF !important;
 }
 
-/*--------------
-     Avatar
----------------*/
+/* Link */
 
-.ui.avatar.images .image,
-.ui.avatar.images img,
-.ui.avatar.images svg,
-.ui.avatar.image img,
-.ui.avatar.image svg,
-.ui.avatar.image {
-  margin-right: 0.25em;
-  display: inline-block;
-  width: 2em;
-  height: 2em;
-  border-radius: 500rem;
+.ui.yellow.labels .label:hover,
+a.ui.yellow.label:hover {
+  background-color: #eaae00 !important;
+  border-color: #eaae00 !important;
+  color: #FFFFFF !important;
 }
 
-/*-------------------
-       Spaced
---------------------*/
+/* Corner */
 
-.ui.spaced.image {
-  display: inline-block !important;
-  margin-left: 0.5em;
-  margin-right: 0.5em;
+.ui.yellow.corner.label,
+.ui.yellow.corner.label:hover {
+  background-color: transparent !important;
 }
 
-.ui[class*="left spaced"].image {
-  margin-left: 0.5em;
-  margin-right: 0em;
-}
+/* Ribbon */
 
-.ui[class*="right spaced"].image {
-  margin-left: 0em;
-  margin-right: 0.5em;
+.ui.yellow.ribbon.label {
+  border-color: #cd9903 !important;
 }
 
-/*-------------------
-       Floated
---------------------*/
+/* Basic */
 
-.ui.floated.image,
-.ui.floated.images {
-  float: left;
-  margin-right: 1em;
-  margin-bottom: 1em;
+.ui.basic.yellow.label {
+  background-color: #FFFFFF !important;
+  color: #FBBD08 !important;
+  border-color: #FBBD08 !important;
 }
 
-.ui.right.floated.images,
-.ui.right.floated.image {
-  float: right;
-  margin-right: 0em;
-  margin-bottom: 1em;
-  margin-left: 1em;
+.ui.basic.yellow.labels a.label:hover,
+a.ui.basic.yellow.label:hover {
+  background-color: #FFFFFF !important;
+  color: #eaae00 !important;
+  border-color: #eaae00 !important;
 }
 
-.ui.floated.images:last-child,
-.ui.floated.image:last-child {
-  margin-bottom: 0em;
-}
+/*--- Olive ---*/
 
-.ui.centered.images,
-.ui.centered.image {
-  margin-left: auto;
-  margin-right: auto;
+.ui.olive.labels .label,
+.ui.olive.label {
+  background-color: #B5CC18 !important;
+  border-color: #B5CC18 !important;
+  color: #FFFFFF !important;
 }
 
-/*--------------
-     Sizes
----------------*/
+/* Link */
 
-.ui.mini.images .image,
-.ui.mini.images img,
-.ui.mini.images svg,
-.ui.mini.image {
-  width: 35px;
-  height: auto;
-  font-size: 0.78571429rem;
+.ui.olive.labels .label:hover,
+a.ui.olive.label:hover {
+  background-color: #a7bd0d !important;
+  border-color: #a7bd0d !important;
+  color: #FFFFFF !important;
 }
 
-.ui.tiny.images .image,
-.ui.tiny.images img,
-.ui.tiny.images svg,
-.ui.tiny.image {
-  width: 80px;
-  height: auto;
-  font-size: 0.85714286rem;
-}
+/* Corner */
 
-.ui.small.images .image,
-.ui.small.images img,
-.ui.small.images svg,
-.ui.small.image {
-  width: 150px;
-  height: auto;
-  font-size: 0.92857143rem;
+.ui.olive.corner.label,
+.ui.olive.corner.label:hover {
+  background-color: transparent !important;
 }
 
-.ui.medium.images .image,
-.ui.medium.images img,
-.ui.medium.images svg,
-.ui.medium.image {
-  width: 300px;
-  height: auto;
-  font-size: 1rem;
+/* Ribbon */
+
+.ui.olive.ribbon.label {
+  border-color: #198f35 !important;
 }
 
-.ui.large.images .image,
-.ui.large.images img,
-.ui.large.images svg,
-.ui.large.image {
-  width: 450px;
-  height: auto;
-  font-size: 1.14285714rem;
-}
+/* Basic */
 
-.ui.big.images .image,
-.ui.big.images img,
-.ui.big.images svg,
-.ui.big.image {
-  width: 600px;
-  height: auto;
-  font-size: 1.28571429rem;
+.ui.basic.olive.label {
+  background-color: #FFFFFF !important;
+  color: #B5CC18 !important;
+  border-color: #B5CC18 !important;
 }
 
-.ui.huge.images .image,
-.ui.huge.images img,
-.ui.huge.images svg,
-.ui.huge.image {
-  width: 800px;
-  height: auto;
-  font-size: 1.42857143rem;
+.ui.basic.olive.labels a.label:hover,
+a.ui.basic.olive.label:hover {
+  background-color: #FFFFFF !important;
+  color: #a7bd0d !important;
+  border-color: #a7bd0d !important;
 }
 
-.ui.massive.images .image,
-.ui.massive.images img,
-.ui.massive.images svg,
-.ui.massive.image {
-  width: 960px;
-  height: auto;
-  font-size: 1.71428571rem;
+/*--- Green ---*/
+
+.ui.green.labels .label,
+.ui.green.label {
+  background-color: #21BA45 !important;
+  border-color: #21BA45 !important;
+  color: #FFFFFF !important;
 }
 
-/*******************************
-              Groups
-*******************************/
+/* Link */
 
-.ui.images {
-  font-size: 0em;
-  margin: 0em -0.25rem 0rem;
+.ui.green.labels .label:hover,
+a.ui.green.label:hover {
+  background-color: #16ab39 !important;
+  border-color: #16ab39 !important;
+  color: #FFFFFF !important;
 }
 
-.ui.images .image,
-.ui.images img,
-.ui.images svg {
-  display: inline-block;
-  margin: 0em 0.25rem 0.5rem;
-}
+/* Corner */
 
-/*******************************
-         Theme Overrides
-*******************************/
+.ui.green.corner.label,
+.ui.green.corner.label:hover {
+  background-color: transparent !important;
+}
 
-/*******************************
-         Site Overrides
-*******************************/
-/*!
- * # Semantic UI undefined - Input
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
+/* Ribbon */
 
-/*******************************
-           Standard
-*******************************/
+.ui.green.ribbon.label {
+  border-color: #198f35 !important;
+}
 
-/*--------------------
-        Inputs
----------------------*/
+/* Basic */
 
-.ui.input {
-  position: relative;
-  font-weight: normal;
-  font-style: normal;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  color: rgba(0, 0, 0, 0.87);
+.ui.basic.green.label {
+  background-color: #FFFFFF !important;
+  color: #21BA45 !important;
+  border-color: #21BA45 !important;
 }
 
-.ui.input input {
-  margin: 0em;
-  max-width: 100%;
-  -webkit-box-flex: 1;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  outline: none;
-  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-  text-align: left;
-  line-height: 1.21428571em;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  padding: 0.67857143em 1em;
-  background: #FFFFFF;
-  border: 1px solid rgba(34, 36, 38, 0.15);
-  color: rgba(0, 0, 0, 0.87);
-  border-radius: 0.28571429rem;
-  -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
-  transition: box-shadow 0.1s ease, border-color 0.1s ease;
-  box-shadow: none;
+.ui.basic.green.labels a.label:hover,
+a.ui.basic.green.label:hover {
+  background-color: #FFFFFF !important;
+  color: #16ab39 !important;
+  border-color: #16ab39 !important;
 }
 
-/*--------------------
-      Placeholder
----------------------*/
-
-/* browsers require these rules separate */
+/*--- Teal ---*/
 
-.ui.input input::-webkit-input-placeholder {
-  color: rgba(191, 191, 191, 0.87);
+.ui.teal.labels .label,
+.ui.teal.label {
+  background-color: #00B5AD !important;
+  border-color: #00B5AD !important;
+  color: #FFFFFF !important;
 }
 
-.ui.input input::-moz-placeholder {
-  color: rgba(191, 191, 191, 0.87);
-}
+/* Link */
 
-.ui.input input:-ms-input-placeholder {
-  color: rgba(191, 191, 191, 0.87);
+.ui.teal.labels .label:hover,
+a.ui.teal.label:hover {
+  background-color: #009c95 !important;
+  border-color: #009c95 !important;
+  color: #FFFFFF !important;
 }
 
-/*******************************
-            States
-*******************************/
-
-/*--------------------
-        Disabled
----------------------*/
-
-.ui.disabled.input,
-.ui.input input[disabled] {
-  opacity: 0.45;
-}
+/* Corner */
 
-.ui.disabled.input input,
-.ui.input input[disabled] {
-  pointer-events: none;
+.ui.teal.corner.label,
+.ui.teal.corner.label:hover {
+  background-color: transparent !important;
 }
 
-/*--------------------
-        Active
----------------------*/
+/* Ribbon */
 
-.ui.input input:active,
-.ui.input.down input {
-  border-color: rgba(0, 0, 0, 0.3);
-  background: #FAFAFA;
-  color: rgba(0, 0, 0, 0.87);
-  box-shadow: none;
+.ui.teal.ribbon.label {
+  border-color: #00827c !important;
 }
 
-/*--------------------
-       Loading
----------------------*/
+/* Basic */
 
-.ui.loading.loading.input > i.icon:before {
-  position: absolute;
-  content: '';
-  top: 50%;
-  left: 50%;
-  margin: -0.64285714em 0em 0em -0.64285714em;
-  width: 1.28571429em;
-  height: 1.28571429em;
-  border-radius: 500rem;
-  border: 0.2em solid rgba(0, 0, 0, 0.1);
+.ui.basic.teal.label {
+  background-color: #FFFFFF !important;
+  color: #00B5AD !important;
+  border-color: #00B5AD !important;
 }
 
-.ui.loading.loading.input > i.icon:after {
-  position: absolute;
-  content: '';
-  top: 50%;
-  left: 50%;
-  margin: -0.64285714em 0em 0em -0.64285714em;
-  width: 1.28571429em;
-  height: 1.28571429em;
-  -webkit-animation: button-spin 0.6s linear;
-  animation: button-spin 0.6s linear;
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  border-radius: 500rem;
-  border-color: #767676 transparent transparent;
-  border-style: solid;
-  border-width: 0.2em;
-  box-shadow: 0px 0px 0px 1px transparent;
+.ui.basic.teal.labels a.label:hover,
+a.ui.basic.teal.label:hover {
+  background-color: #FFFFFF !important;
+  color: #009c95 !important;
+  border-color: #009c95 !important;
 }
 
-/*--------------------
-        Focus
----------------------*/
-
-.ui.input.focus input,
-.ui.input input:focus {
-  border-color: #85B7D9;
-  background: #FFFFFF;
-  color: rgba(0, 0, 0, 0.8);
-  box-shadow: none;
-}
+/*--- Blue ---*/
 
-.ui.input.focus input::-webkit-input-placeholder,
-.ui.input input:focus::-webkit-input-placeholder {
-  color: rgba(115, 115, 115, 0.87);
+.ui.blue.labels .label,
+.ui.blue.label {
+  background-color: #2185D0 !important;
+  border-color: #2185D0 !important;
+  color: #FFFFFF !important;
 }
 
-.ui.input.focus input::-moz-placeholder,
-.ui.input input:focus::-moz-placeholder {
-  color: rgba(115, 115, 115, 0.87);
-}
+/* Link */
 
-.ui.input.focus input:-ms-input-placeholder,
-.ui.input input:focus:-ms-input-placeholder {
-  color: rgba(115, 115, 115, 0.87);
+.ui.blue.labels .label:hover,
+a.ui.blue.label:hover {
+  background-color: #1678c2 !important;
+  border-color: #1678c2 !important;
+  color: #FFFFFF !important;
 }
 
-/*--------------------
-        Error
----------------------*/
+/* Corner */
 
-.ui.input.error input {
-  background-color: #FFF6F6;
-  border-color: #E0B4B4;
-  color: #9F3A38;
-  box-shadow: none;
+.ui.blue.corner.label,
+.ui.blue.corner.label:hover {
+  background-color: transparent !important;
 }
 
-/* Error Placeholder */
+/* Ribbon */
 
-.ui.input.error input::-webkit-input-placeholder {
-  color: #e7bdbc;
+.ui.blue.ribbon.label {
+  border-color: #1a69a4 !important;
 }
 
-.ui.input.error input::-moz-placeholder {
-  color: #e7bdbc;
+/* Basic */
+
+.ui.basic.blue.label {
+  background-color: #FFFFFF !important;
+  color: #2185D0 !important;
+  border-color: #2185D0 !important;
 }
 
-.ui.input.error input:-ms-input-placeholder {
-  color: #e7bdbc !important;
+.ui.basic.blue.labels a.label:hover,
+a.ui.basic.blue.label:hover {
+  background-color: #FFFFFF !important;
+  color: #1678c2 !important;
+  border-color: #1678c2 !important;
 }
 
-/* Focused Error Placeholder */
+/*--- Violet ---*/
 
-.ui.input.error input:focus::-webkit-input-placeholder {
-  color: #da9796;
+.ui.violet.labels .label,
+.ui.violet.label {
+  background-color: #6435C9 !important;
+  border-color: #6435C9 !important;
+  color: #FFFFFF !important;
 }
 
-.ui.input.error input:focus::-moz-placeholder {
-  color: #da9796;
-}
+/* Link */
 
-.ui.input.error input:focus:-ms-input-placeholder {
-  color: #da9796 !important;
+.ui.violet.labels .label:hover,
+a.ui.violet.label:hover {
+  background-color: #5829bb !important;
+  border-color: #5829bb !important;
+  color: #FFFFFF !important;
 }
 
-/*******************************
-           Variations
-*******************************/
-
-/*--------------------
-      Transparent
----------------------*/
+/* Corner */
 
-.ui.transparent.input input {
-  border-color: transparent !important;
+.ui.violet.corner.label,
+.ui.violet.corner.label:hover {
   background-color: transparent !important;
-  padding: 0em !important;
-  box-shadow: none !important;
 }
 
-/* Transparent Icon */
+/* Ribbon */
 
-.ui.transparent.icon.input > i.icon {
-  width: 1.1em;
+.ui.violet.ribbon.label {
+  border-color: #502aa1 !important;
 }
 
-.ui.transparent.icon.input > input {
-  padding-left: 0em !important;
-  padding-right: 2em !important;
+/* Basic */
+
+.ui.basic.violet.label {
+  background-color: #FFFFFF !important;
+  color: #6435C9 !important;
+  border-color: #6435C9 !important;
 }
 
-.ui.transparent[class*="left icon"].input > input {
-  padding-left: 2em !important;
-  padding-right: 0em !important;
+.ui.basic.violet.labels a.label:hover,
+a.ui.basic.violet.label:hover {
+  background-color: #FFFFFF !important;
+  color: #5829bb !important;
+  border-color: #5829bb !important;
 }
 
-/* Transparent Inverted */
+/*--- Purple ---*/
 
-.ui.transparent.inverted.input {
-  color: #FFFFFF;
+.ui.purple.labels .label,
+.ui.purple.label {
+  background-color: #A333C8 !important;
+  border-color: #A333C8 !important;
+  color: #FFFFFF !important;
 }
 
-.ui.transparent.inverted.input input {
-  color: inherit;
-}
+/* Link */
 
-.ui.transparent.inverted.input input::-webkit-input-placeholder {
-  color: rgba(255, 255, 255, 0.5);
+.ui.purple.labels .label:hover,
+a.ui.purple.label:hover {
+  background-color: #9627ba !important;
+  border-color: #9627ba !important;
+  color: #FFFFFF !important;
 }
 
-.ui.transparent.inverted.input input::-moz-placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
+/* Corner */
 
-.ui.transparent.inverted.input input:-ms-input-placeholder {
-  color: rgba(255, 255, 255, 0.5);
+.ui.purple.corner.label,
+.ui.purple.corner.label:hover {
+  background-color: transparent !important;
 }
 
-/*--------------------
-         Icon
----------------------*/
+/* Ribbon */
 
-.ui.icon.input > i.icon {
-  cursor: default;
-  position: absolute;
-  line-height: 1;
-  text-align: center;
-  top: 0px;
-  right: 0px;
-  margin: 0em;
-  height: 100%;
-  width: 2.67142857em;
-  opacity: 0.5;
-  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
-  -webkit-transition: opacity 0.3s ease;
-  transition: opacity 0.3s ease;
+.ui.purple.ribbon.label {
+  border-color: #82299f !important;
 }
 
-.ui.icon.input > i.icon:not(.link) {
-  pointer-events: none;
-}
+/* Basic */
 
-.ui.icon.input input {
-  padding-right: 2.67142857em !important;
+.ui.basic.purple.label {
+  background-color: #FFFFFF !important;
+  color: #A333C8 !important;
+  border-color: #A333C8 !important;
 }
 
-.ui.icon.input > i.icon:before,
-.ui.icon.input > i.icon:after {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  top: 50%;
-  width: 100%;
-  margin-top: -0.5em;
+.ui.basic.purple.labels a.label:hover,
+a.ui.basic.purple.label:hover {
+  background-color: #FFFFFF !important;
+  color: #9627ba !important;
+  border-color: #9627ba !important;
 }
 
-.ui.icon.input > i.link.icon {
-  cursor: pointer;
-}
+/*--- Pink ---*/
 
-.ui.icon.input > i.circular.icon {
-  top: 0.35em;
-  right: 0.5em;
+.ui.pink.labels .label,
+.ui.pink.label {
+  background-color: #E03997 !important;
+  border-color: #E03997 !important;
+  color: #FFFFFF !important;
 }
 
-/* Left Icon Input */
+/* Link */
 
-.ui[class*="left icon"].input > i.icon {
-  right: auto;
-  left: 1px;
-  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+.ui.pink.labels .label:hover,
+a.ui.pink.label:hover {
+  background-color: #e61a8d !important;
+  border-color: #e61a8d !important;
+  color: #FFFFFF !important;
 }
 
-.ui[class*="left icon"].input > i.circular.icon {
-  right: auto;
-  left: 0.5em;
-}
+/* Corner */
 
-.ui[class*="left icon"].input > input {
-  padding-left: 2.67142857em !important;
-  padding-right: 1em !important;
+.ui.pink.corner.label,
+.ui.pink.corner.label:hover {
+  background-color: transparent !important;
 }
 
-/* Focus */
+/* Ribbon */
 
-.ui.icon.input > input:focus ~ i.icon {
-  opacity: 1;
+.ui.pink.ribbon.label {
+  border-color: #c71f7e !important;
 }
 
-/*--------------------
-        Labeled
----------------------*/
-
-/* Adjacent Label */
+/* Basic */
 
-.ui.labeled.input > .label {
-  -webkit-box-flex: 0;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  margin: 0;
-  font-size: 1em;
+.ui.basic.pink.label {
+  background-color: #FFFFFF !important;
+  color: #E03997 !important;
+  border-color: #E03997 !important;
 }
 
-.ui.labeled.input > .label:not(.corner) {
-  padding-top: 0.78571429em;
-  padding-bottom: 0.78571429em;
+.ui.basic.pink.labels a.label:hover,
+a.ui.basic.pink.label:hover {
+  background-color: #FFFFFF !important;
+  color: #e61a8d !important;
+  border-color: #e61a8d !important;
 }
 
-/* Regular Label on Left */
+/*--- Brown ---*/
 
-.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 0px;
+.ui.brown.labels .label,
+.ui.brown.label {
+  background-color: #A5673F !important;
+  border-color: #A5673F !important;
+  color: #FFFFFF !important;
 }
 
-.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
-  border-top-left-radius: 0px;
-  border-bottom-left-radius: 0px;
-  border-left-color: transparent;
-}
+/* Link */
 
-.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
-  border-left-color: #85B7D9;
+.ui.brown.labels .label:hover,
+a.ui.brown.label:hover {
+  background-color: #975b33 !important;
+  border-color: #975b33 !important;
+  color: #FFFFFF !important;
 }
 
-/* Regular Label on Right */
+/* Corner */
 
-.ui[class*="right labeled"].input input {
-  border-top-right-radius: 0px !important;
-  border-bottom-right-radius: 0px !important;
-  border-right-color: transparent !important;
+.ui.brown.corner.label,
+.ui.brown.corner.label:hover {
+  background-color: transparent !important;
 }
 
-.ui[class*="right labeled"].input input + .label {
-  border-top-left-radius: 0px;
-  border-bottom-left-radius: 0px;
-}
+/* Ribbon */
 
-.ui[class*="right labeled"].input input:focus {
-  border-right-color: #85B7D9 !important;
+.ui.brown.ribbon.label {
+  border-color: #805031 !important;
 }
 
-/* Corner Label */
+/* Basic */
 
-.ui.labeled.input .corner.label {
-  top: 1px;
-  right: 1px;
-  font-size: 0.64285714em;
-  border-radius: 0em 0.28571429rem 0em 0em;
+.ui.basic.brown.label {
+  background-color: #FFFFFF !important;
+  color: #A5673F !important;
+  border-color: #A5673F !important;
 }
 
-/* Spacing with corner label */
-
-.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
-  padding-right: 2.5em !important;
+.ui.basic.brown.labels a.label:hover,
+a.ui.basic.brown.label:hover {
+  background-color: #FFFFFF !important;
+  color: #975b33 !important;
+  border-color: #975b33 !important;
 }
 
-.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
-  padding-right: 3.25em !important;
-}
+/*--- Grey ---*/
 
-.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
-  margin-right: 1.25em;
+.ui.grey.labels .label,
+.ui.grey.label {
+  background-color: #767676 !important;
+  border-color: #767676 !important;
+  color: #FFFFFF !important;
 }
 
-/* Left Labeled */
+/* Link */
 
-.ui[class*="left corner labeled"].labeled.input input {
-  padding-left: 2.5em !important;
+.ui.grey.labels .label:hover,
+a.ui.grey.label:hover {
+  background-color: #838383 !important;
+  border-color: #838383 !important;
+  color: #FFFFFF !important;
 }
 
-.ui[class*="left corner labeled"].icon.input > input {
-  padding-left: 3.25em !important;
-}
+/* Corner */
 
-.ui[class*="left corner labeled"].icon.input > .icon {
-  margin-left: 1.25em;
+.ui.grey.corner.label,
+.ui.grey.corner.label:hover {
+  background-color: transparent !important;
 }
 
-/* Corner Label Position  */
-
-.ui.input > .ui.corner.label {
-  top: 1px;
-  right: 1px;
-}
+/* Ribbon */
 
-.ui.input > .ui.left.corner.label {
-  right: auto;
-  left: 1px;
+.ui.grey.ribbon.label {
+  border-color: #805031 !important;
 }
 
-/*--------------------
-        Action
----------------------*/
+/* Basic */
 
-.ui.action.input > .button,
-.ui.action.input > .buttons {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-flex: 0;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
+.ui.basic.grey.label {
+  background-color: #FFFFFF !important;
+  color: #767676 !important;
+  border-color: #767676 !important;
 }
 
-.ui.action.input > .button,
-.ui.action.input > .buttons > .button {
-  padding-top: 0.78571429em;
-  padding-bottom: 0.78571429em;
-  margin: 0;
+.ui.basic.grey.labels a.label:hover,
+a.ui.basic.grey.label:hover {
+  background-color: #FFFFFF !important;
+  color: #838383 !important;
+  border-color: #838383 !important;
 }
 
-/* Button on Right */
+/*--- Black ---*/
 
-.ui.action.input:not([class*="left action"]) > input {
-  border-top-right-radius: 0px !important;
-  border-bottom-right-radius: 0px !important;
-  border-right-color: transparent !important;
+.ui.black.labels .label,
+.ui.black.label {
+  background-color: #1B1C1D !important;
+  border-color: #1B1C1D !important;
+  color: #FFFFFF !important;
 }
 
-.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
-.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
-.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
-  border-radius: 0px;
-}
+/* Link */
 
-.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
-.ui.action.input:not([class*="left action"]) > .button:last-child,
-.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
-  border-radius: 0px 0.28571429rem 0.28571429rem 0px;
+.ui.black.labels .label:hover,
+a.ui.black.label:hover {
+  background-color: #27292a !important;
+  border-color: #27292a !important;
+  color: #FFFFFF !important;
 }
 
-/* Input Focus */
+/* Corner */
 
-.ui.action.input:not([class*="left action"]) input:focus {
-  border-right-color: #85B7D9 !important;
+.ui.black.corner.label,
+.ui.black.corner.label:hover {
+  background-color: transparent !important;
 }
 
-/* Button on Left */
+/* Ribbon */
 
-.ui[class*="left action"].input > input {
-  border-top-left-radius: 0px !important;
-  border-bottom-left-radius: 0px !important;
-  border-left-color: transparent !important;
+.ui.black.ribbon.label {
+  border-color: #805031 !important;
 }
 
-.ui[class*="left action"].input > .dropdown,
-.ui[class*="left action"].input > .button,
-.ui[class*="left action"].input > .buttons > .button {
-  border-radius: 0px;
+/* Basic */
+
+.ui.basic.black.label {
+  background-color: #FFFFFF !important;
+  color: #1B1C1D !important;
+  border-color: #1B1C1D !important;
 }
 
-.ui[class*="left action"].input > .dropdown:first-child,
-.ui[class*="left action"].input > .button:first-child,
-.ui[class*="left action"].input > .buttons:first-child > .button {
-  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
+.ui.basic.black.labels a.label:hover,
+a.ui.basic.black.label:hover {
+  background-color: #FFFFFF !important;
+  color: #27292a !important;
+  border-color: #27292a !important;
 }
 
-/* Input Focus */
+/*-------------------
+        Basic
+--------------------*/
 
-.ui[class*="left action"].input > input:focus {
-  border-left-color: #85B7D9 !important;
+.ui.basic.label {
+  background: none #FFFFFF;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
 }
 
-/*--------------------
-       Inverted
----------------------*/
-
-/* Standard */
+/* Link */
 
-.ui.inverted.input input {
-  border: none;
+a.ui.basic.label:hover {
+  text-decoration: none;
+  background: none #FFFFFF;
+  color: #1e70bf;
+  box-shadow: 1px solid rgba(34, 36, 38, 0.15);
+  box-shadow: none;
 }
 
-/*--------------------
-        Fluid
----------------------*/
+/* Pointing */
 
-.ui.fluid.input {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+.ui.basic.pointing.label:before {
+  border-color: inherit;
 }
 
-.ui.fluid.input > input {
-  width: 0px !important;
+/*-------------------
+       Fluid
+--------------------*/
+
+.ui.label.fluid,
+.ui.fluid.labels > .label {
+  width: 100%;
+  box-sizing: border-box;
 }
 
-/*--------------------
-        Size
----------------------*/
+/*-------------------
+       Inverted
+--------------------*/
 
-.ui.mini.input {
-  font-size: 0.78571429em;
+.ui.inverted.labels .label,
+.ui.inverted.label {
+  color: rgba(255, 255, 255, 0.9) !important;
 }
 
-.ui.small.input {
-  font-size: 0.92857143em;
+/*-------------------
+     Horizontal
+--------------------*/
+
+.ui.horizontal.labels .label,
+.ui.horizontal.label {
+  margin: 0em 0.5em 0em 0em;
+  padding: 0.4em 0.833em;
+  min-width: 3em;
+  text-align: center;
 }
 
-.ui.input {
-  font-size: 1em;
+/*-------------------
+       Circular
+--------------------*/
+
+.ui.circular.labels .label,
+.ui.circular.label {
+  min-width: 2em;
+  min-height: 2em;
+  padding: 0.5em !important;
+  line-height: 1em;
+  text-align: center;
+  border-radius: 500rem;
 }
 
-.ui.large.input {
-  font-size: 1.14285714em;
+.ui.empty.circular.labels .label,
+.ui.empty.circular.label {
+  min-width: 0em;
+  min-height: 0em;
+  overflow: hidden;
+  width: 0.5em;
+  height: 0.5em;
+  vertical-align: baseline;
 }
 
-.ui.big.input {
-  font-size: 1.28571429em;
+/*-------------------
+       Pointing
+--------------------*/
+
+.ui.pointing.label {
+  position: relative;
 }
 
-.ui.huge.input {
-  font-size: 1.42857143em;
+.ui.attached.pointing.label {
+  position: absolute;
 }
 
-.ui.massive.input {
-  font-size: 1.71428571em;
+.ui.pointing.label:before {
+  background-color: inherit;
+  background-image: inherit;
+  border-width: none;
+  border-style: solid;
+  border-color: inherit;
 }
 
-/*******************************
-         Theme Overrides
-*******************************/
+/* Arrow */
 
-/*******************************
-         Site Overrides
-*******************************/
-/*!
- * # Semantic UI undefined - Label
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-/*******************************
-            Label
-*******************************/
-
-.ui.label {
-  display: inline-block;
-  line-height: 1;
-  vertical-align: baseline;
-  margin: 0em 0.14285714em;
-  background-color: #E8E8E8;
+.ui.pointing.label:before {
+  position: absolute;
+  content: '';
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
   background-image: none;
-  padding: 0.5833em 0.833em;
-  color: rgba(0, 0, 0, 0.6);
-  text-transform: none;
-  font-weight: bold;
-  border: 0px solid transparent;
-  border-radius: 0.28571429rem;
+  z-index: 2;
+  width: 0.6666em;
+  height: 0.6666em;
   -webkit-transition: background 0.1s ease;
   transition: background 0.1s ease;
 }
 
-.ui.label:first-child {
-  margin-left: 0em;
+/*--- Above ---*/
+
+.ui.pointing.label,
+.ui[class*="pointing above"].label {
+  margin-top: 1em;
 }
 
-.ui.label:last-child {
-  margin-right: 0em;
+.ui.pointing.label:before,
+.ui[class*="pointing above"].label:before {
+  border-width: 1px 0px 0px 1px;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  top: 0%;
+  left: 50%;
 }
 
-/* Link */
+/*--- Below ---*/
 
-a.ui.label {
-  cursor: pointer;
+.ui[class*="bottom pointing"].label,
+.ui[class*="pointing below"].label {
+  margin-top: 0em;
+  margin-bottom: 1em;
 }
 
-/* Inside Link */
+.ui[class*="bottom pointing"].label:before,
+.ui[class*="pointing below"].label:before {
+  border-width: 0px 1px 1px 0px;
+  top: auto;
+  right: auto;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  top: 100%;
+  left: 50%;
+}
 
-.ui.label > a {
-  cursor: pointer;
-  color: inherit;
-  opacity: 0.5;
-  -webkit-transition: 0.1s opacity ease;
-  transition: 0.1s opacity ease;
+/*--- Left ---*/
+
+.ui[class*="left pointing"].label {
+  margin-top: 0em;
+  margin-left: 0.6666em;
 }
 
-.ui.label > a:hover {
-  opacity: 1;
+.ui[class*="left pointing"].label:before {
+  border-width: 0px 0px 1px 1px;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  bottom: auto;
+  right: auto;
+  top: 50%;
+  left: 0em;
 }
 
-/* Image */
+/*--- Right ---*/
 
-.ui.label > img {
-  width: auto !important;
-  vertical-align: middle;
-  height: 2.1666em !important;
+.ui[class*="right pointing"].label {
+  margin-top: 0em;
+  margin-right: 0.6666em;
 }
 
-/* Icon */
-
-.ui.label > .icon {
-  width: auto;
-  margin: 0em 0.75em 0em 0em;
+.ui[class*="right pointing"].label:before {
+  border-width: 1px 1px 0px 0px;
+  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
+  transform: translateX(50%) translateY(-50%) rotate(45deg);
+  top: 50%;
+  right: 0%;
+  bottom: auto;
+  left: auto;
 }
 
-/* Detail */
+/* Basic Pointing */
 
-.ui.label > .detail {
-  display: inline-block;
-  vertical-align: top;
-  font-weight: bold;
-  margin-left: 1em;
-  opacity: 0.8;
+/*--- Above ---*/
+
+.ui.basic.pointing.label:before,
+.ui.basic[class*="pointing above"].label:before {
+  margin-top: -1px;
 }
 
-.ui.label > .detail .icon {
-  margin: 0em 0.25em 0em 0em;
+/*--- Below ---*/
+
+.ui.basic[class*="bottom pointing"].label:before,
+.ui.basic[class*="pointing below"].label:before {
+  bottom: auto;
+  top: 100%;
+  margin-top: 1px;
 }
 
-/* Removable label */
+/*--- Left ---*/
 
-.ui.label > .close.icon,
-.ui.label > .delete.icon {
-  cursor: pointer;
-  margin-right: 0em;
-  margin-left: 0.5em;
-  font-size: 0.92857143em;
-  opacity: 0.5;
-  -webkit-transition: background 0.1s ease;
-  transition: background 0.1s ease;
+.ui.basic[class*="left pointing"].label:before {
+  top: 50%;
+  left: -1px;
 }
 
-.ui.label > .delete.icon:hover {
-  opacity: 1;
+/*--- Right ---*/
+
+.ui.basic[class*="right pointing"].label:before {
+  top: 50%;
+  right: -1px;
 }
 
-/*-------------------
-       Group
---------------------*/
+/*------------------
+   Floating Label
+-------------------*/
 
-.ui.labels > .label {
-  margin: 0em 0.5em 0.5em 0em;
+.ui.floating.label {
+  position: absolute;
+  z-index: 100;
+  top: -1em;
+  left: 100%;
+  margin: 0em 0em 0em -1.5em !important;
 }
 
 /*-------------------
-       Coupling
+        Sizes
 --------------------*/
 
-.ui.header > .ui.label {
-  margin-top: -0.29165em;
+.ui.mini.labels .label,
+.ui.mini.label {
+  font-size: 0.64285714rem;
 }
 
-/* Remove border radius on attached segment */
-
-.ui.attached.segment > .ui.top.left.attached.label,
-.ui.bottom.attached.segment > .ui.top.left.attached.label {
-  border-top-left-radius: 0;
+.ui.tiny.labels .label,
+.ui.tiny.label {
+  font-size: 0.71428571rem;
 }
 
-.ui.attached.segment > .ui.top.right.attached.label,
-.ui.bottom.attached.segment > .ui.top.right.attached.label {
-  border-top-right-radius: 0;
+.ui.small.labels .label,
+.ui.small.label {
+  font-size: 0.78571429rem;
 }
 
-.ui.top.attached.segment > .ui.bottom.left.attached.label {
-  border-bottom-left-radius: 0;
+.ui.labels .label,
+.ui.label {
+  font-size: 0.85714286rem;
 }
 
-.ui.top.attached.segment > .ui.bottom.right.attached.label {
-  border-bottom-right-radius: 0;
+.ui.large.labels .label,
+.ui.large.label {
+  font-size: 1rem;
 }
 
-/* Padding on next content after a label */
+.ui.big.labels .label,
+.ui.big.label {
+  font-size: 1.28571429rem;
+}
 
-.ui.top.attached.label:first-child + :not(.attached),
-.ui.top.attached.label + [class*="right floated"] + * {
-  margin-top: 2rem !important;
+.ui.huge.labels .label,
+.ui.huge.label {
+  font-size: 1.42857143rem;
 }
 
-.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
-  margin-top: 0em;
-  margin-bottom: 2rem !important;
+.ui.massive.labels .label,
+.ui.massive.label {
+  font-size: 1.71428571rem;
 }
 
 /*******************************
-             Types
+         Theme Overrides
 *******************************/
 
-.ui.image.label {
-  width: auto !important;
-  margin-top: 0em;
-  margin-bottom: 0em;
-  max-width: 9999px;
-  vertical-align: baseline;
-  text-transform: none;
-  background: #E8E8E8;
-  padding: 0.5833em 0.833em 0.5833em 0.5em;
-  border-radius: 0.28571429rem;
-  box-shadow: none;
-}
+/*******************************
+         Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.2.10 - List
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
 
-.ui.image.label img {
-  display: inline-block;
-  vertical-align: top;
-  height: 2.1666em;
-  margin: -0.5833em 0.5em -0.5833em -0.5em;
-  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+/*******************************
+            List
+*******************************/
+
+ul.ui.list,
+ol.ui.list,
+.ui.list {
+  list-style-type: none;
+  margin: 1em 0em;
+  padding: 0em 0em;
 }
 
-.ui.image.label .detail {
-  background: rgba(0, 0, 0, 0.1);
-  margin: -0.5833em -0.833em -0.5833em 0.5em;
-  padding: 0.5833em 0.833em;
-  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+ul.ui.list:first-child,
+ol.ui.list:first-child,
+.ui.list:first-child {
+  margin-top: 0em;
+  padding-top: 0em;
 }
 
-/*-------------------
-         Tag
---------------------*/
-
-.ui.tag.labels .label,
-.ui.tag.label {
-  margin-left: 1em;
-  position: relative;
-  padding-left: 1.5em;
-  padding-right: 1.5em;
-  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
-  -webkit-transition: none;
-  transition: none;
+ul.ui.list:last-child,
+ol.ui.list:last-child,
+.ui.list:last-child {
+  margin-bottom: 0em;
+  padding-bottom: 0em;
 }
 
-.ui.tag.labels .label:before,
-.ui.tag.label:before {
-  position: absolute;
-  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
-  transform: translateY(-50%) translateX(50%) rotate(-45deg);
-  top: 50%;
-  right: 100%;
-  content: '';
-  background-color: inherit;
-  background-image: none;
-  width: 1.56em;
-  height: 1.56em;
-  -webkit-transition: none;
-  transition: none;
+/*******************************
+            Content
+*******************************/
+
+/* List Item */
+
+ul.ui.list li,
+ol.ui.list li,
+.ui.list > .item,
+.ui.list .list > .item {
+  display: list-item;
+  table-layout: fixed;
+  list-style-type: none;
+  list-style-position: outside;
+  padding: 0.21428571em 0em;
+  line-height: 1.14285714em;
 }
 
-.ui.tag.labels .label:after,
-.ui.tag.label:after {
-  position: absolute;
+ul.ui.list > li:first-child:after,
+ol.ui.list > li:first-child:after,
+.ui.list > .list > .item,
+.ui.list > .item:after {
   content: '';
-  top: 50%;
-  left: -0.25em;
-  margin-top: -0.25em;
-  background-color: #FFFFFF !important;
-  width: 0.5em;
-  height: 0.5em;
-  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
-  border-radius: 500rem;
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
 }
 
-/*-------------------
-    Corner Label
---------------------*/
-
-.ui.corner.label {
-  position: absolute;
-  top: 0em;
-  right: 0em;
-  margin: 0em;
-  padding: 0em;
-  text-align: center;
-  border-color: #E8E8E8;
-  width: 4em;
-  height: 4em;
-  z-index: 1;
-  -webkit-transition: border-color 0.1s ease;
-  transition: border-color 0.1s ease;
+ul.ui.list li:first-child,
+ol.ui.list li:first-child,
+.ui.list .list > .item:first-child,
+.ui.list > .item:first-child {
+  padding-top: 0em;
 }
 
-/* Icon Label */
-
-.ui.corner.label {
-  background-color: transparent !important;
+ul.ui.list li:last-child,
+ol.ui.list li:last-child,
+.ui.list .list > .item:last-child,
+.ui.list > .item:last-child {
+  padding-bottom: 0em;
 }
 
-.ui.corner.label:after {
-  position: absolute;
-  content: "";
-  right: 0em;
-  top: 0em;
-  z-index: -1;
-  width: 0em;
-  height: 0em;
-  background-color: transparent !important;
-  border-top: 0em solid transparent;
-  border-right: 4em solid transparent;
-  border-bottom: 4em solid transparent;
-  border-left: 0em solid transparent;
-  border-right-color: inherit;
-  -webkit-transition: border-color 0.1s ease;
-  transition: border-color 0.1s ease;
-}
+/* Child List */
 
-.ui.corner.label .icon {
-  cursor: default;
-  position: relative;
-  top: 0.64285714em;
-  left: 0.78571429em;
-  font-size: 1.14285714em;
+ul.ui.list ul,
+ol.ui.list ol,
+.ui.list .list {
+  clear: both;
   margin: 0em;
+  padding: 0.75em 0em 0.25em 0.5em;
 }
 
-/* Left Corner */
+/* Child Item */
 
-.ui.left.corner.label,
-.ui.left.corner.label:after {
-  right: auto;
-  left: 0em;
+ul.ui.list ul li,
+ol.ui.list ol li,
+.ui.list .list > .item {
+  padding: 0.14285714em 0em;
+  line-height: inherit;
 }
 
-.ui.left.corner.label:after {
-  border-top: 4em solid transparent;
-  border-right: 4em solid transparent;
-  border-bottom: 0em solid transparent;
-  border-left: 0em solid transparent;
-  border-top-color: inherit;
+/* Icon */
+
+.ui.list .list > .item > i.icon,
+.ui.list > .item > i.icon {
+  display: table-cell;
+  margin: 0em;
+  padding-top: 0.07142857em;
+  padding-right: 0.28571429em;
+  vertical-align: top;
+  -webkit-transition: color 0.1s ease;
+  transition: color 0.1s ease;
 }
 
-.ui.left.corner.label .icon {
-  left: -0.78571429em;
+.ui.list .list > .item > i.icon:only-child,
+.ui.list > .item > i.icon:only-child {
+  display: inline-block;
+  vertical-align: top;
 }
 
-/* Segment */
+/* Image */
 
-.ui.segment > .ui.corner.label {
-  top: -1px;
-  right: -1px;
+.ui.list .list > .item > .image,
+.ui.list > .item > .image {
+  display: table-cell;
+  background-color: transparent;
+  margin: 0em;
+  vertical-align: top;
 }
 
-.ui.segment > .ui.left.corner.label {
-  right: auto;
-  left: -1px;
+.ui.list .list > .item > .image:not(:only-child):not(img),
+.ui.list > .item > .image:not(:only-child):not(img) {
+  padding-right: 0.5em;
 }
 
-/*-------------------
-       Ribbon
---------------------*/
-
-.ui.ribbon.label {
-  position: relative;
-  margin: 0em;
-  min-width: -webkit-max-content;
-  min-width: -moz-max-content;
-  min-width: max-content;
-  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
-  border-color: rgba(0, 0, 0, 0.15);
+.ui.list .list > .item > .image img,
+.ui.list > .item > .image img {
+  vertical-align: top;
 }
 
-.ui.ribbon.label:after {
-  position: absolute;
-  content: '';
-  top: 100%;
-  left: 0%;
-  background-color: transparent !important;
-  border-style: solid;
-  border-width: 0em 1.2em 1.2em 0em;
-  border-color: transparent;
-  border-right-color: inherit;
-  width: 0em;
-  height: 0em;
+.ui.list .list > .item > img.image,
+.ui.list .list > .item > .image:only-child,
+.ui.list > .item > img.image,
+.ui.list > .item > .image:only-child {
+  display: inline-block;
 }
 
-/* Positioning */
+/* Content */
 
-.ui.ribbon.label {
-  left: calc( -1rem  -  1.2em );
-  margin-right: -1.2em;
-  padding-left: calc( 1rem  +  1.2em );
-  padding-right: 1.2em;
+.ui.list .list > .item > .content,
+.ui.list > .item > .content {
+  line-height: 1.14285714em;
 }
 
-.ui[class*="right ribbon"].label {
-  left: calc(100% +  1rem  +  1.2em );
-  padding-left: 1.2em;
-  padding-right: calc( 1rem  +  1.2em );
+.ui.list .list > .item > .image + .content,
+.ui.list .list > .item > .icon + .content,
+.ui.list > .item > .image + .content,
+.ui.list > .item > .icon + .content {
+  display: table-cell;
+  padding: 0em 0em 0em 0.5em;
+  vertical-align: top;
 }
 
-/* Right Ribbon */
+.ui.list .list > .item > img.image + .content,
+.ui.list > .item > img.image + .content {
+  display: inline-block;
+}
 
-.ui[class*="right ribbon"].label {
-  text-align: left;
-  -webkit-transform: translateX(-100%);
-  transform: translateX(-100%);
-  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+.ui.list .list > .item > .content > .list,
+.ui.list > .item > .content > .list {
+  margin-left: 0em;
+  padding-left: 0em;
 }
 
-.ui[class*="right ribbon"].label:after {
-  left: auto;
-  right: 0%;
-  border-style: solid;
-  border-width: 1.2em 1.2em 0em 0em;
-  border-color: transparent;
-  border-top-color: inherit;
+/* Header */
+
+.ui.list .list > .item .header,
+.ui.list > .item .header {
+  display: block;
+  margin: 0em;
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
 }
 
-/* Inside Table */
+/* Description */
 
-.ui.image > .ribbon.label,
-.ui.card .image > .ribbon.label {
-  position: absolute;
-  top: 1rem;
+.ui.list .list > .item .description,
+.ui.list > .item .description {
+  display: block;
+  color: rgba(0, 0, 0, 0.7);
 }
 
-.ui.card .image > .ui.ribbon.label,
-.ui.image > .ui.ribbon.label {
-  left: calc( 0.05rem  -  1.2em );
-}
+/* Child Link */
 
-.ui.card .image > .ui[class*="right ribbon"].label,
-.ui.image > .ui[class*="right ribbon"].label {
-  left: calc(100% +  -0.05rem  +  1.2em );
-  padding-left: 0.833em;
+.ui.list > .item a,
+.ui.list .list > .item a {
+  cursor: pointer;
 }
 
-/* Inside Table */
+/* Linking Item */
 
-.ui.table td > .ui.ribbon.label {
-  left: calc( -0.78571429em  -  1.2em );
+.ui.list .list > a.item,
+.ui.list > a.item {
+  cursor: pointer;
+  color: #4183C4;
 }
 
-.ui.table td > .ui[class*="right ribbon"].label {
-  left: calc(100% +  0.78571429em  +  1.2em );
-  padding-left: 0.833em;
+.ui.list .list > a.item:hover,
+.ui.list > a.item:hover {
+  color: #1e70bf;
 }
 
-/*-------------------
-      Attached
---------------------*/
+/* Linked Item Icons */
 
-.ui[class*="top attached"].label,
-.ui.attached.label {
-  width: 100%;
-  position: absolute;
-  margin: 0em;
-  top: 0em;
-  left: 0em;
-  padding: 0.75em 1em;
-  border-radius: 0.21428571rem 0.21428571rem 0em 0em;
+.ui.list .list > a.item i.icon,
+.ui.list > a.item i.icon {
+  color: rgba(0, 0, 0, 0.4);
 }
 
-.ui[class*="bottom attached"].label {
-  top: auto;
-  bottom: 0em;
-  border-radius: 0em 0em 0.21428571rem 0.21428571rem;
+/* Header Link */
+
+.ui.list .list > .item a.header,
+.ui.list > .item a.header {
+  cursor: pointer;
+  color: #4183C4 !important;
 }
 
-.ui[class*="top left attached"].label {
-  width: auto;
-  margin-top: 0em !important;
-  border-radius: 0.21428571rem 0em 0.28571429rem 0em;
+.ui.list .list > .item a.header:hover,
+.ui.list > .item a.header:hover {
+  color: #1e70bf !important;
 }
 
-.ui[class*="top right attached"].label {
-  width: auto;
-  left: auto;
-  right: 0em;
-  border-radius: 0em 0.21428571rem 0em 0.28571429rem;
+/* Floated Content */
+
+.ui[class*="left floated"].list {
+  float: left;
 }
 
-.ui[class*="bottom left attached"].label {
-  width: auto;
-  top: auto;
-  bottom: 0em;
-  border-radius: 0em 0.28571429rem 0em 0.21428571rem;
+.ui[class*="right floated"].list {
+  float: right;
 }
 
-.ui[class*="bottom right attached"].label {
-  top: auto;
-  bottom: 0em;
-  left: auto;
-  right: 0em;
-  width: auto;
-  border-radius: 0.28571429rem 0em 0.21428571rem 0em;
+.ui.list .list > .item [class*="left floated"],
+.ui.list > .item [class*="left floated"] {
+  float: left;
+  margin: 0em 1em 0em 0em;
+}
+
+.ui.list .list > .item [class*="right floated"],
+.ui.list > .item [class*="right floated"] {
+  float: right;
+  margin: 0em 0em 0em 1em;
 }
 
 /*******************************
-             States
+            Coupling
 *******************************/
 
-/*-------------------
-      Disabled
---------------------*/
+.ui.menu .ui.list > .item,
+.ui.menu .ui.list .list > .item {
+  display: list-item;
+  table-layout: fixed;
+  background-color: transparent;
+  list-style-type: none;
+  list-style-position: outside;
+  padding: 0.21428571em 0em;
+  line-height: 1.14285714em;
+}
 
-.ui.label.disabled {
-  opacity: 0.5;
+.ui.menu .ui.list .list > .item:before,
+.ui.menu .ui.list > .item:before {
+  border: none;
+  background: none;
+}
+
+.ui.menu .ui.list .list > .item:first-child,
+.ui.menu .ui.list > .item:first-child {
+  padding-top: 0em;
+}
+
+.ui.menu .ui.list .list > .item:last-child,
+.ui.menu .ui.list > .item:last-child {
+  padding-bottom: 0em;
 }
 
+/*******************************
+            Types
+*******************************/
+
 /*-------------------
-        Hover
+      Horizontal
 --------------------*/
 
-a.ui.labels .label:hover,
-a.ui.label:hover {
-  background-color: #E0E0E0;
-  border-color: #E0E0E0;
-  background-image: none;
-  color: rgba(0, 0, 0, 0.8);
+.ui.horizontal.list {
+  display: inline-block;
+  font-size: 0em;
 }
 
-.ui.labels a.label:hover:before,
-a.ui.label:hover:before {
-  color: rgba(0, 0, 0, 0.8);
+.ui.horizontal.list > .item {
+  display: inline-block;
+  margin-left: 1em;
+  font-size: 1rem;
 }
 
-/*-------------------
-        Active
---------------------*/
+.ui.horizontal.list:not(.celled) > .item:first-child {
+  margin-left: 0em !important;
+  padding-left: 0em !important;
+}
 
-.ui.active.label {
-  background-color: #D0D0D0;
-  border-color: #D0D0D0;
-  background-image: none;
-  color: rgba(0, 0, 0, 0.95);
+.ui.horizontal.list .list {
+  padding-left: 0em;
+  padding-bottom: 0em;
 }
 
-.ui.active.label:before {
-  background-color: #D0D0D0;
-  background-image: none;
-  color: rgba(0, 0, 0, 0.95);
+.ui.horizontal.list > .item > .image,
+.ui.horizontal.list .list > .item > .image,
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list .list > .item > .icon,
+.ui.horizontal.list > .item > .content,
+.ui.horizontal.list .list > .item > .content {
+  vertical-align: middle;
 }
 
-/*-------------------
-     Active Hover
---------------------*/
+/* Padding on all elements */
 
-a.ui.labels .active.label:hover,
-a.ui.active.label:hover {
-  background-color: #C8C8C8;
-  border-color: #C8C8C8;
-  background-image: none;
-  color: rgba(0, 0, 0, 0.95);
+.ui.horizontal.list > .item:first-child,
+.ui.horizontal.list > .item:last-child {
+  padding-top: 0.21428571em;
+  padding-bottom: 0.21428571em;
 }
 
-.ui.labels a.active.label:ActiveHover:before,
-a.ui.active.label:ActiveHover:before {
-  background-color: #C8C8C8;
-  background-image: none;
-  color: rgba(0, 0, 0, 0.95);
+/* Horizontal List */
+
+.ui.horizontal.list > .item > i.icon {
+  margin: 0em;
+  padding: 0em 0.25em 0em 0em;
+}
+
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list > .item > .icon + .content {
+  float: none;
+  display: inline-block;
 }
 
+/*******************************
+             States
+*******************************/
+
 /*-------------------
-      Visible
+       Disabled
 --------------------*/
 
-.ui.labels.visible .label,
-.ui.label.visible:not(.dropdown) {
-  display: inline-block !important;
+.ui.list .list > .disabled.item,
+.ui.list > .disabled.item {
+  pointer-events: none;
+  color: rgba(40, 40, 40, 0.3) !important;
+}
+
+.ui.inverted.list .list > .disabled.item,
+.ui.inverted.list > .disabled.item {
+  color: rgba(225, 225, 225, 0.3) !important;
 }
 
 /*-------------------
-      Hidden
+        Hover
 --------------------*/
 
-.ui.labels.hidden .label,
-.ui.label.hidden {
-  display: none !important;
+.ui.list .list > a.item:hover .icon,
+.ui.list > a.item:hover .icon {
+  color: rgba(0, 0, 0, 0.87);
 }
 
 /*******************************
@@ -12806,2801 +12475,2746 @@ a.ui.active.label:ActiveHover:before {
 *******************************/
 
 /*-------------------
-       Colors
+       Inverted
 --------------------*/
 
-/*--- Red ---*/
-
-.ui.red.labels .label,
-.ui.red.label {
-  background-color: #DB2828 !important;
-  border-color: #DB2828 !important;
-  color: #FFFFFF !important;
+.ui.inverted.list .list > a.item > .icon,
+.ui.inverted.list > a.item > .icon {
+  color: rgba(255, 255, 255, 0.7);
 }
 
-/* Link */
+.ui.inverted.list .list > .item .header,
+.ui.inverted.list > .item .header {
+  color: rgba(255, 255, 255, 0.9);
+}
 
-.ui.red.labels .label:hover,
-a.ui.red.label:hover {
-  background-color: #d01919 !important;
-  border-color: #d01919 !important;
-  color: #FFFFFF !important;
+.ui.inverted.list .list > .item .description,
+.ui.inverted.list > .item .description {
+  color: rgba(255, 255, 255, 0.7);
 }
 
-/* Corner */
+/* Item Link */
 
-.ui.red.corner.label,
-.ui.red.corner.label:hover {
-  background-color: transparent !important;
+.ui.inverted.list .list > a.item,
+.ui.inverted.list > a.item {
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.9);
 }
 
-/* Ribbon */
-
-.ui.red.ribbon.label {
-  border-color: #b21e1e !important;
+.ui.inverted.list .list > a.item:hover,
+.ui.inverted.list > a.item:hover {
+  color: #1e70bf;
 }
 
-/* Basic */
+/* Linking Content */
 
-.ui.basic.red.label {
-  background-color: #FFFFFF !important;
-  color: #DB2828 !important;
-  border-color: #DB2828 !important;
+.ui.inverted.list .item a:not(.ui) {
+  color: rgba(255, 255, 255, 0.9) !important;
 }
 
-.ui.basic.red.labels a.label:hover,
-a.ui.basic.red.label:hover {
-  background-color: #FFFFFF !important;
-  color: #d01919 !important;
-  border-color: #d01919 !important;
+.ui.inverted.list .item a:not(.ui):hover {
+  color: #1e70bf !important;
 }
 
-/*--- Orange ---*/
+/*-------------------
+       Aligned
+--------------------*/
 
-.ui.orange.labels .label,
-.ui.orange.label {
-  background-color: #F2711C !important;
-  border-color: #F2711C !important;
-  color: #FFFFFF !important;
+.ui.list[class*="top aligned"] .image,
+.ui.list[class*="top aligned"] .content,
+.ui.list [class*="top aligned"] {
+  vertical-align: top !important;
 }
 
-/* Link */
+.ui.list[class*="middle aligned"] .image,
+.ui.list[class*="middle aligned"] .content,
+.ui.list [class*="middle aligned"] {
+  vertical-align: middle !important;
+}
 
-.ui.orange.labels .label:hover,
-a.ui.orange.label:hover {
-  background-color: #f26202 !important;
-  border-color: #f26202 !important;
-  color: #FFFFFF !important;
+.ui.list[class*="bottom aligned"] .image,
+.ui.list[class*="bottom aligned"] .content,
+.ui.list [class*="bottom aligned"] {
+  vertical-align: bottom !important;
 }
 
-/* Corner */
+/*-------------------
+       Link
+--------------------*/
 
-.ui.orange.corner.label,
-.ui.orange.corner.label:hover {
-  background-color: transparent !important;
+.ui.link.list .item,
+.ui.link.list a.item,
+.ui.link.list .item a:not(.ui) {
+  color: rgba(0, 0, 0, 0.4);
+  -webkit-transition: 0.1s color ease;
+  transition: 0.1s color ease;
 }
 
-/* Ribbon */
+.ui.link.list a.item:hover,
+.ui.link.list .item a:not(.ui):hover {
+  color: rgba(0, 0, 0, 0.8);
+}
 
-.ui.orange.ribbon.label {
-  border-color: #cf590c !important;
+.ui.link.list a.item:active,
+.ui.link.list .item a:not(.ui):active {
+  color: rgba(0, 0, 0, 0.9);
 }
 
-/* Basic */
+.ui.link.list .active.item,
+.ui.link.list .active.item a:not(.ui) {
+  color: rgba(0, 0, 0, 0.95);
+}
 
-.ui.basic.orange.label {
-  background-color: #FFFFFF !important;
-  color: #F2711C !important;
-  border-color: #F2711C !important;
+/* Inverted */
+
+.ui.inverted.link.list .item,
+.ui.inverted.link.list a.item,
+.ui.inverted.link.list .item a:not(.ui) {
+  color: rgba(255, 255, 255, 0.5);
 }
 
-.ui.basic.orange.labels a.label:hover,
-a.ui.basic.orange.label:hover {
-  background-color: #FFFFFF !important;
-  color: #f26202 !important;
-  border-color: #f26202 !important;
+.ui.inverted.link.list a.item:hover,
+.ui.inverted.link.list .item a:not(.ui):hover {
+  color: #ffffff;
 }
 
-/*--- Yellow ---*/
+.ui.inverted.link.list a.item:active,
+.ui.inverted.link.list .item a:not(.ui):active {
+  color: #ffffff;
+}
 
-.ui.yellow.labels .label,
-.ui.yellow.label {
-  background-color: #FBBD08 !important;
-  border-color: #FBBD08 !important;
-  color: #FFFFFF !important;
+.ui.inverted.link.list a.active.item,
+.ui.inverted.link.list .active.item a:not(.ui) {
+  color: #ffffff;
 }
 
-/* Link */
+/*-------------------
+      Selection
+--------------------*/
 
-.ui.yellow.labels .label:hover,
-a.ui.yellow.label:hover {
-  background-color: #eaae00 !important;
-  border-color: #eaae00 !important;
-  color: #FFFFFF !important;
+.ui.selection.list .list > .item,
+.ui.selection.list > .item {
+  cursor: pointer;
+  background: transparent;
+  padding: 0.5em 0.5em;
+  margin: 0em;
+  color: rgba(0, 0, 0, 0.4);
+  border-radius: 0.5em;
+  -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
+  transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
 }
 
-/* Corner */
+.ui.selection.list .list > .item:last-child,
+.ui.selection.list > .item:last-child {
+  margin-bottom: 0em;
+}
 
-.ui.yellow.corner.label,
-.ui.yellow.corner.label:hover {
-  background-color: transparent !important;
+.ui.selection.list.list > .item:hover,
+.ui.selection.list > .item:hover {
+  background: rgba(0, 0, 0, 0.03);
+  color: rgba(0, 0, 0, 0.8);
 }
 
-/* Ribbon */
+.ui.selection.list .list > .item:active,
+.ui.selection.list > .item:active {
+  background: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.9);
+}
 
-.ui.yellow.ribbon.label {
-  border-color: #cd9903 !important;
+.ui.selection.list .list > .item.active,
+.ui.selection.list > .item.active {
+  background: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.95);
 }
 
-/* Basic */
+/* Inverted */
 
-.ui.basic.yellow.label {
-  background-color: #FFFFFF !important;
-  color: #FBBD08 !important;
-  border-color: #FBBD08 !important;
+.ui.inverted.selection.list > .item,
+.ui.inverted.selection.list > .item {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.5);
 }
 
-.ui.basic.yellow.labels a.label:hover,
-a.ui.basic.yellow.label:hover {
-  background-color: #FFFFFF !important;
-  color: #eaae00 !important;
-  border-color: #eaae00 !important;
+.ui.inverted.selection.list > .item:hover,
+.ui.inverted.selection.list > .item:hover {
+  background: rgba(255, 255, 255, 0.02);
+  color: #ffffff;
 }
 
-/*--- Olive ---*/
+.ui.inverted.selection.list > .item:active,
+.ui.inverted.selection.list > .item:active {
+  background: rgba(255, 255, 255, 0.08);
+  color: #ffffff;
+}
 
-.ui.olive.labels .label,
-.ui.olive.label {
-  background-color: #B5CC18 !important;
-  border-color: #B5CC18 !important;
-  color: #FFFFFF !important;
+.ui.inverted.selection.list > .item.active,
+.ui.inverted.selection.list > .item.active {
+  background: rgba(255, 255, 255, 0.08);
+  color: #ffffff;
 }
 
-/* Link */
+/* Celled / Divided Selection List */
 
-.ui.olive.labels .label:hover,
-a.ui.olive.label:hover {
-  background-color: #a7bd0d !important;
-  border-color: #a7bd0d !important;
-  color: #FFFFFF !important;
+.ui.celled.selection.list .list > .item,
+.ui.divided.selection.list .list > .item,
+.ui.celled.selection.list > .item,
+.ui.divided.selection.list > .item {
+  border-radius: 0em;
 }
 
-/* Corner */
+/*-------------------
+       Animated
+--------------------*/
 
-.ui.olive.corner.label,
-.ui.olive.corner.label:hover {
-  background-color: transparent !important;
+.ui.animated.list > .item {
+  -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
+  transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
 }
 
-/* Ribbon */
-
-.ui.olive.ribbon.label {
-  border-color: #198f35 !important;
+.ui.animated.list:not(.horizontal) > .item:hover {
+  padding-left: 1em;
 }
 
-/* Basic */
+/*-------------------
+       Fitted
+--------------------*/
 
-.ui.basic.olive.label {
-  background-color: #FFFFFF !important;
-  color: #B5CC18 !important;
-  border-color: #B5CC18 !important;
+.ui.fitted.list:not(.selection) .list > .item,
+.ui.fitted.list:not(.selection) > .item {
+  padding-left: 0em;
+  padding-right: 0em;
 }
 
-.ui.basic.olive.labels a.label:hover,
-a.ui.basic.olive.label:hover {
-  background-color: #FFFFFF !important;
-  color: #a7bd0d !important;
-  border-color: #a7bd0d !important;
+.ui.fitted.selection.list .list > .item,
+.ui.fitted.selection.list > .item {
+  margin-left: -0.5em;
+  margin-right: -0.5em;
 }
 
-/*--- Green ---*/
+/*-------------------
+      Bulleted
+--------------------*/
 
-.ui.green.labels .label,
-.ui.green.label {
-  background-color: #21BA45 !important;
-  border-color: #21BA45 !important;
-  color: #FFFFFF !important;
+ul.ui.list,
+.ui.bulleted.list {
+  margin-left: 1.25rem;
 }
 
-/* Link */
+ul.ui.list li,
+.ui.bulleted.list .list > .item,
+.ui.bulleted.list > .item {
+  position: relative;
+}
 
-.ui.green.labels .label:hover,
-a.ui.green.label:hover {
-  background-color: #16ab39 !important;
-  border-color: #16ab39 !important;
-  color: #FFFFFF !important;
+ul.ui.list li:before,
+.ui.bulleted.list .list > .item:before,
+.ui.bulleted.list > .item:before {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: none;
+  position: absolute;
+  top: auto;
+  left: auto;
+  font-weight: normal;
+  margin-left: -1.25rem;
+  content: '•';
+  opacity: 1;
+  color: inherit;
+  vertical-align: top;
 }
 
-/* Corner */
+ul.ui.list li:before,
+.ui.bulleted.list .list > a.item:before,
+.ui.bulleted.list > a.item:before {
+  color: rgba(0, 0, 0, 0.87);
+}
 
-.ui.green.corner.label,
-.ui.green.corner.label:hover {
-  background-color: transparent !important;
+ul.ui.list ul,
+.ui.bulleted.list .list {
+  padding-left: 1.25rem;
 }
 
-/* Ribbon */
+/* Horizontal Bulleted */
 
-.ui.green.ribbon.label {
-  border-color: #198f35 !important;
+ul.ui.horizontal.bulleted.list,
+.ui.horizontal.bulleted.list {
+  margin-left: 0em;
 }
 
-/* Basic */
-
-.ui.basic.green.label {
-  background-color: #FFFFFF !important;
-  color: #21BA45 !important;
-  border-color: #21BA45 !important;
+ul.ui.horizontal.bulleted.list li,
+.ui.horizontal.bulleted.list > .item {
+  margin-left: 1.75rem;
 }
 
-.ui.basic.green.labels a.label:hover,
-a.ui.basic.green.label:hover {
-  background-color: #FFFFFF !important;
-  color: #16ab39 !important;
-  border-color: #16ab39 !important;
+ul.ui.horizontal.bulleted.list li:first-child,
+.ui.horizontal.bulleted.list > .item:first-child {
+  margin-left: 0em;
 }
 
-/*--- Teal ---*/
+ul.ui.horizontal.bulleted.list li::before,
+.ui.horizontal.bulleted.list > .item::before {
+  color: rgba(0, 0, 0, 0.87);
+}
 
-.ui.teal.labels .label,
-.ui.teal.label {
-  background-color: #00B5AD !important;
-  border-color: #00B5AD !important;
-  color: #FFFFFF !important;
+ul.ui.horizontal.bulleted.list li:first-child::before,
+.ui.horizontal.bulleted.list > .item:first-child::before {
+  display: none;
 }
 
-/* Link */
+/*-------------------
+       Ordered
+--------------------*/
 
-.ui.teal.labels .label:hover,
-a.ui.teal.label:hover {
-  background-color: #009c95 !important;
-  border-color: #009c95 !important;
-  color: #FFFFFF !important;
+ol.ui.list,
+.ui.ordered.list,
+.ui.ordered.list .list,
+ol.ui.list ol {
+  counter-reset: ordered;
+  margin-left: 1.25rem;
+  list-style-type: none;
 }
 
-/* Corner */
-
-.ui.teal.corner.label,
-.ui.teal.corner.label:hover {
-  background-color: transparent !important;
+ol.ui.list li,
+.ui.ordered.list .list > .item,
+.ui.ordered.list > .item {
+  list-style-type: none;
+  position: relative;
 }
 
-/* Ribbon */
+ol.ui.list li:before,
+.ui.ordered.list .list > .item:before,
+.ui.ordered.list > .item:before {
+  position: absolute;
+  top: auto;
+  left: auto;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: none;
+  margin-left: -1.25rem;
+  counter-increment: ordered;
+  content: counters(ordered, ".") " ";
+  text-align: right;
+  color: rgba(0, 0, 0, 0.87);
+  vertical-align: middle;
+  opacity: 0.8;
+}
 
-.ui.teal.ribbon.label {
-  border-color: #00827c !important;
+ol.ui.inverted.list li:before,
+.ui.ordered.inverted.list .list > .item:before,
+.ui.ordered.inverted.list > .item:before {
+  color: rgba(255, 255, 255, 0.7);
 }
 
-/* Basic */
+/* Value */
 
-.ui.basic.teal.label {
-  background-color: #FFFFFF !important;
-  color: #00B5AD !important;
-  border-color: #00B5AD !important;
+.ui.ordered.list > .list > .item[data-value],
+.ui.ordered.list > .item[data-value] {
+  content: attr(data-value);
 }
 
-.ui.basic.teal.labels a.label:hover,
-a.ui.basic.teal.label:hover {
-  background-color: #FFFFFF !important;
-  color: #009c95 !important;
-  border-color: #009c95 !important;
+ol.ui.list li[value]:before {
+  content: attr(value);
 }
 
-/*--- Blue ---*/
+/* Child Lists */
 
-.ui.blue.labels .label,
-.ui.blue.label {
-  background-color: #2185D0 !important;
-  border-color: #2185D0 !important;
-  color: #FFFFFF !important;
+ol.ui.list ol,
+.ui.ordered.list .list {
+  margin-left: 1em;
 }
 
-/* Link */
-
-.ui.blue.labels .label:hover,
-a.ui.blue.label:hover {
-  background-color: #1678c2 !important;
-  border-color: #1678c2 !important;
-  color: #FFFFFF !important;
+ol.ui.list ol li:before,
+.ui.ordered.list .list > .item:before {
+  margin-left: -2em;
 }
 
-/* Corner */
+/* Horizontal Ordered */
 
-.ui.blue.corner.label,
-.ui.blue.corner.label:hover {
-  background-color: transparent !important;
+ol.ui.horizontal.list,
+.ui.ordered.horizontal.list {
+  margin-left: 0em;
 }
 
-/* Ribbon */
-
-.ui.blue.ribbon.label {
-  border-color: #1a69a4 !important;
+ol.ui.horizontal.list li:before,
+.ui.ordered.horizontal.list .list > .item:before,
+.ui.ordered.horizontal.list > .item:before {
+  position: static;
+  margin: 0em 0.5em 0em 0em;
 }
 
-/* Basic */
+/*-------------------
+       Divided
+--------------------*/
 
-.ui.basic.blue.label {
-  background-color: #FFFFFF !important;
-  color: #2185D0 !important;
-  border-color: #2185D0 !important;
+.ui.divided.list > .item {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-.ui.basic.blue.labels a.label:hover,
-a.ui.basic.blue.label:hover {
-  background-color: #FFFFFF !important;
-  color: #1678c2 !important;
-  border-color: #1678c2 !important;
+.ui.divided.list .list > .item {
+  border-top: none;
 }
 
-/*--- Violet ---*/
+.ui.divided.list .item .list > .item {
+  border-top: none;
+}
 
-.ui.violet.labels .label,
-.ui.violet.label {
-  background-color: #6435C9 !important;
-  border-color: #6435C9 !important;
-  color: #FFFFFF !important;
+.ui.divided.list .list > .item:first-child,
+.ui.divided.list > .item:first-child {
+  border-top: none;
 }
 
-/* Link */
+/* Sub Menu */
 
-.ui.violet.labels .label:hover,
-a.ui.violet.label:hover {
-  background-color: #5829bb !important;
-  border-color: #5829bb !important;
-  color: #FFFFFF !important;
+.ui.divided.list:not(.horizontal) .list > .item:first-child {
+  border-top-width: 1px;
 }
 
-/* Corner */
+/* Divided bulleted */
 
-.ui.violet.corner.label,
-.ui.violet.corner.label:hover {
-  background-color: transparent !important;
+.ui.divided.bulleted.list:not(.horizontal),
+.ui.divided.bulleted.list .list {
+  margin-left: 0em;
+  padding-left: 0em;
 }
 
-/* Ribbon */
-
-.ui.violet.ribbon.label {
-  border-color: #502aa1 !important;
+.ui.divided.bulleted.list > .item:not(.horizontal) {
+  padding-left: 1.25rem;
 }
 
-/* Basic */
+/* Divided Ordered */
 
-.ui.basic.violet.label {
-  background-color: #FFFFFF !important;
-  color: #6435C9 !important;
-  border-color: #6435C9 !important;
+.ui.divided.ordered.list {
+  margin-left: 0em;
 }
 
-.ui.basic.violet.labels a.label:hover,
-a.ui.basic.violet.label:hover {
-  background-color: #FFFFFF !important;
-  color: #5829bb !important;
-  border-color: #5829bb !important;
+.ui.divided.ordered.list .list > .item,
+.ui.divided.ordered.list > .item {
+  padding-left: 1.25rem;
 }
 
-/*--- Purple ---*/
+.ui.divided.ordered.list .item .list {
+  margin-left: 0em;
+  margin-right: 0em;
+  padding-bottom: 0.21428571em;
+}
 
-.ui.purple.labels .label,
-.ui.purple.label {
-  background-color: #A333C8 !important;
-  border-color: #A333C8 !important;
-  color: #FFFFFF !important;
+.ui.divided.ordered.list .item .list > .item {
+  padding-left: 1em;
 }
 
-/* Link */
+/* Divided Selection */
 
-.ui.purple.labels .label:hover,
-a.ui.purple.label:hover {
-  background-color: #9627ba !important;
-  border-color: #9627ba !important;
-  color: #FFFFFF !important;
+.ui.divided.selection.list .list > .item,
+.ui.divided.selection.list > .item {
+  margin: 0em;
+  border-radius: 0em;
 }
 
-/* Corner */
+/* Divided horizontal */
 
-.ui.purple.corner.label,
-.ui.purple.corner.label:hover {
-  background-color: transparent !important;
+.ui.divided.horizontal.list {
+  margin-left: 0em;
 }
 
-/* Ribbon */
-
-.ui.purple.ribbon.label {
-  border-color: #82299f !important;
+.ui.divided.horizontal.list > .item:not(:first-child) {
+  padding-left: 0.5em;
 }
 
-/* Basic */
+.ui.divided.horizontal.list > .item:not(:last-child) {
+  padding-right: 0.5em;
+}
 
-.ui.basic.purple.label {
-  background-color: #FFFFFF !important;
-  color: #A333C8 !important;
-  border-color: #A333C8 !important;
+.ui.divided.horizontal.list > .item {
+  border-top: none;
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+  margin: 0em;
+  line-height: 0.6;
 }
 
-.ui.basic.purple.labels a.label:hover,
-a.ui.basic.purple.label:hover {
-  background-color: #FFFFFF !important;
-  color: #9627ba !important;
-  border-color: #9627ba !important;
+.ui.horizontal.divided.list > .item:first-child {
+  border-left: none;
 }
 
-/*--- Pink ---*/
+/* Inverted */
 
-.ui.pink.labels .label,
-.ui.pink.label {
-  background-color: #E03997 !important;
-  border-color: #E03997 !important;
-  color: #FFFFFF !important;
+.ui.divided.inverted.list > .item,
+.ui.divided.inverted.list > .list,
+.ui.divided.inverted.horizontal.list > .item {
+  border-color: rgba(255, 255, 255, 0.1);
 }
 
-/* Link */
+/*-------------------
+        Celled
+--------------------*/
 
-.ui.pink.labels .label:hover,
-a.ui.pink.label:hover {
-  background-color: #e61a8d !important;
-  border-color: #e61a8d !important;
-  color: #FFFFFF !important;
+.ui.celled.list > .item,
+.ui.celled.list > .list {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  padding-left: 0.5em;
+  padding-right: 0.5em;
 }
 
-/* Corner */
-
-.ui.pink.corner.label,
-.ui.pink.corner.label:hover {
-  background-color: transparent !important;
+.ui.celled.list > .item:last-child {
+  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-/* Ribbon */
+/* Padding on all elements */
 
-.ui.pink.ribbon.label {
-  border-color: #c71f7e !important;
+.ui.celled.list > .item:first-child,
+.ui.celled.list > .item:last-child {
+  padding-top: 0.21428571em;
+  padding-bottom: 0.21428571em;
 }
 
-/* Basic */
+/* Sub Menu */
 
-.ui.basic.pink.label {
-  background-color: #FFFFFF !important;
-  color: #E03997 !important;
-  border-color: #E03997 !important;
+.ui.celled.list .item .list > .item {
+  border-width: 0px;
 }
 
-.ui.basic.pink.labels a.label:hover,
-a.ui.basic.pink.label:hover {
-  background-color: #FFFFFF !important;
-  color: #e61a8d !important;
-  border-color: #e61a8d !important;
+.ui.celled.list .list > .item:first-child {
+  border-top-width: 0px;
 }
 
-/*--- Brown ---*/
+/* Celled Bulleted */
 
-.ui.brown.labels .label,
-.ui.brown.label {
-  background-color: #A5673F !important;
-  border-color: #A5673F !important;
-  color: #FFFFFF !important;
+.ui.celled.bulleted.list {
+  margin-left: 0em;
 }
 
-/* Link */
-
-.ui.brown.labels .label:hover,
-a.ui.brown.label:hover {
-  background-color: #975b33 !important;
-  border-color: #975b33 !important;
-  color: #FFFFFF !important;
+.ui.celled.bulleted.list .list > .item,
+.ui.celled.bulleted.list > .item {
+  padding-left: 1.25rem;
 }
 
-/* Corner */
-
-.ui.brown.corner.label,
-.ui.brown.corner.label:hover {
-  background-color: transparent !important;
+.ui.celled.bulleted.list .item .list {
+  margin-left: -1.25rem;
+  margin-right: -1.25rem;
+  padding-bottom: 0.21428571em;
 }
 
-/* Ribbon */
+/* Celled Ordered */
 
-.ui.brown.ribbon.label {
-  border-color: #805031 !important;
+.ui.celled.ordered.list {
+  margin-left: 0em;
 }
 
-/* Basic */
+.ui.celled.ordered.list .list > .item,
+.ui.celled.ordered.list > .item {
+  padding-left: 1.25rem;
+}
 
-.ui.basic.brown.label {
-  background-color: #FFFFFF !important;
-  color: #A5673F !important;
-  border-color: #A5673F !important;
+.ui.celled.ordered.list .item .list {
+  margin-left: 0em;
+  margin-right: 0em;
+  padding-bottom: 0.21428571em;
 }
 
-.ui.basic.brown.labels a.label:hover,
-a.ui.basic.brown.label:hover {
-  background-color: #FFFFFF !important;
-  color: #975b33 !important;
-  border-color: #975b33 !important;
+.ui.celled.ordered.list .list > .item {
+  padding-left: 1em;
 }
 
-/*--- Grey ---*/
+/* Celled Horizontal */
 
-.ui.grey.labels .label,
-.ui.grey.label {
-  background-color: #767676 !important;
-  border-color: #767676 !important;
-  color: #FFFFFF !important;
+.ui.horizontal.celled.list {
+  margin-left: 0em;
 }
 
-/* Link */
+.ui.horizontal.celled.list .list > .item,
+.ui.horizontal.celled.list > .item {
+  border-top: none;
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+  margin: 0em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  line-height: 0.6;
+}
 
-.ui.grey.labels .label:hover,
-a.ui.grey.label:hover {
-  background-color: #838383 !important;
-  border-color: #838383 !important;
-  color: #FFFFFF !important;
+.ui.horizontal.celled.list .list > .item:last-child,
+.ui.horizontal.celled.list > .item:last-child {
+  border-bottom: none;
+  border-right: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-/* Corner */
+/* Inverted */
 
-.ui.grey.corner.label,
-.ui.grey.corner.label:hover {
-  background-color: transparent !important;
+.ui.celled.inverted.list > .item,
+.ui.celled.inverted.list > .list {
+  border-color: 1px solid rgba(255, 255, 255, 0.1);
 }
 
-/* Ribbon */
-
-.ui.grey.ribbon.label {
-  border-color: #805031 !important;
+.ui.celled.inverted.horizontal.list .list > .item,
+.ui.celled.inverted.horizontal.list > .item {
+  border-color: 1px solid rgba(255, 255, 255, 0.1);
 }
 
-/* Basic */
+/*-------------------
+       Relaxed
+--------------------*/
 
-.ui.basic.grey.label {
-  background-color: #FFFFFF !important;
-  color: #767676 !important;
-  border-color: #767676 !important;
+.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
+  padding-top: 0.42857143em;
 }
 
-.ui.basic.grey.labels a.label:hover,
-a.ui.basic.grey.label:hover {
-  background-color: #FFFFFF !important;
-  color: #838383 !important;
-  border-color: #838383 !important;
+.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
+  padding-bottom: 0.42857143em;
 }
 
-/*--- Black ---*/
+.ui.horizontal.relaxed.list .list > .item:not(:first-child),
+.ui.horizontal.relaxed.list > .item:not(:first-child) {
+  padding-left: 1rem;
+}
 
-.ui.black.labels .label,
-.ui.black.label {
-  background-color: #1B1C1D !important;
-  border-color: #1B1C1D !important;
-  color: #FFFFFF !important;
+.ui.horizontal.relaxed.list .list > .item:not(:last-child),
+.ui.horizontal.relaxed.list > .item:not(:last-child) {
+  padding-right: 1rem;
 }
 
-/* Link */
+/* Very Relaxed */
 
-.ui.black.labels .label:hover,
-a.ui.black.label:hover {
-  background-color: #27292a !important;
-  border-color: #27292a !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-
-.ui.black.corner.label,
-.ui.black.corner.label:hover {
-  background-color: transparent !important;
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
+  padding-top: 0.85714286em;
 }
 
-/* Ribbon */
-
-.ui.black.ribbon.label {
-  border-color: #805031 !important;
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
+  padding-bottom: 0.85714286em;
 }
 
-/* Basic */
-
-.ui.basic.black.label {
-  background-color: #FFFFFF !important;
-  color: #1B1C1D !important;
-  border-color: #1B1C1D !important;
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
+  padding-left: 1.5rem;
 }
 
-.ui.basic.black.labels a.label:hover,
-a.ui.basic.black.label:hover {
-  background-color: #FFFFFF !important;
-  color: #27292a !important;
-  border-color: #27292a !important;
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
+  padding-right: 1.5rem;
 }
 
 /*-------------------
-        Basic
+      Sizes
 --------------------*/
 
-.ui.basic.label {
-  background: none #FFFFFF;
-  border: 1px solid rgba(34, 36, 38, 0.15);
-  color: rgba(0, 0, 0, 0.87);
-  box-shadow: none;
+.ui.mini.list {
+  font-size: 0.78571429em;
 }
 
-/* Link */
-
-a.ui.basic.label:hover {
-  text-decoration: none;
-  background: none #FFFFFF;
-  color: #1e70bf;
-  box-shadow: 1px solid rgba(34, 36, 38, 0.15);
-  box-shadow: none;
+.ui.tiny.list {
+  font-size: 0.85714286em;
 }
 
-/* Pointing */
-
-.ui.basic.pointing.label:before {
-  border-color: inherit;
+.ui.small.list {
+  font-size: 0.92857143em;
 }
 
-/*-------------------
-       Fluid
---------------------*/
-
-.ui.label.fluid,
-.ui.fluid.labels > .label {
-  width: 100%;
-  box-sizing: border-box;
+.ui.list {
+  font-size: 1em;
 }
 
-/*-------------------
-       Inverted
---------------------*/
-
-.ui.inverted.labels .label,
-.ui.inverted.label {
-  color: rgba(255, 255, 255, 0.9) !important;
+.ui.large.list {
+  font-size: 1.14285714em;
 }
 
-/*-------------------
-     Horizontal
---------------------*/
+.ui.big.list {
+  font-size: 1.28571429em;
+}
 
-.ui.horizontal.labels .label,
-.ui.horizontal.label {
-  margin: 0em 0.5em 0em 0em;
-  padding: 0.4em 0.833em;
-  min-width: 3em;
-  text-align: center;
+.ui.huge.list {
+  font-size: 1.42857143em;
 }
 
-/*-------------------
-       Circular
---------------------*/
+.ui.massive.list {
+  font-size: 1.71428571em;
+}
 
-.ui.circular.labels .label,
-.ui.circular.label {
-  min-width: 2em;
-  min-height: 2em;
-  padding: 0.5em !important;
-  line-height: 1em;
-  text-align: center;
-  border-radius: 500rem;
+.ui.mini.horizontal.list .list > .item,
+.ui.mini.horizontal.list > .item {
+  font-size: 0.78571429rem;
 }
 
-.ui.empty.circular.labels .label,
-.ui.empty.circular.label {
-  min-width: 0em;
-  min-height: 0em;
-  overflow: hidden;
-  width: 0.5em;
-  height: 0.5em;
-  vertical-align: baseline;
+.ui.tiny.horizontal.list .list > .item,
+.ui.tiny.horizontal.list > .item {
+  font-size: 0.85714286rem;
 }
 
-/*-------------------
-       Pointing
---------------------*/
+.ui.small.horizontal.list .list > .item,
+.ui.small.horizontal.list > .item {
+  font-size: 0.92857143rem;
+}
 
-.ui.pointing.label {
-  position: relative;
+.ui.horizontal.list .list > .item,
+.ui.horizontal.list > .item {
+  font-size: 1rem;
 }
 
-.ui.attached.pointing.label {
-  position: absolute;
+.ui.large.horizontal.list .list > .item,
+.ui.large.horizontal.list > .item {
+  font-size: 1.14285714rem;
 }
 
-.ui.pointing.label:before {
-  background-color: inherit;
-  background-image: inherit;
-  border-width: none;
-  border-style: solid;
-  border-color: inherit;
+.ui.big.horizontal.list .list > .item,
+.ui.big.horizontal.list > .item {
+  font-size: 1.28571429rem;
 }
 
-/* Arrow */
+.ui.huge.horizontal.list .list > .item,
+.ui.huge.horizontal.list > .item {
+  font-size: 1.42857143rem;
+}
 
-.ui.pointing.label:before {
-  position: absolute;
-  content: '';
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
-  background-image: none;
-  z-index: 2;
-  width: 0.6666em;
-  height: 0.6666em;
-  -webkit-transition: background 0.1s ease;
-  transition: background 0.1s ease;
+.ui.massive.horizontal.list .list > .item,
+.ui.massive.horizontal.list > .item {
+  font-size: 1.71428571rem;
 }
 
-/*--- Above ---*/
+/*******************************
+         Theme Overrides
+*******************************/
 
-.ui.pointing.label,
-.ui[class*="pointing above"].label {
-  margin-top: 1em;
-}
+/*******************************
+    User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.2.10 - Segment
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
 
-.ui.pointing.label:before,
-.ui[class*="pointing above"].label:before {
-  border-width: 1px 0px 0px 1px;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  top: 0%;
-  left: 50%;
-}
+/*******************************
+            Segment
+*******************************/
 
-/*--- Below ---*/
+.ui.segment {
+  position: relative;
+  background: #FFFFFF;
+  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+  margin: 1rem 0em;
+  padding: 1em 1em;
+  border-radius: 0.28571429rem;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+}
 
-.ui[class*="bottom pointing"].label,
-.ui[class*="pointing below"].label {
+.ui.segment:first-child {
   margin-top: 0em;
-  margin-bottom: 1em;
 }
 
-.ui[class*="bottom pointing"].label:before,
-.ui[class*="pointing below"].label:before {
-  border-width: 0px 1px 1px 0px;
-  top: auto;
-  right: auto;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  top: 100%;
-  left: 50%;
+.ui.segment:last-child {
+  margin-bottom: 0em;
 }
 
-/*--- Left ---*/
+/* Vertical */
 
-.ui[class*="left pointing"].label {
-  margin-top: 0em;
-  margin-left: 0.6666em;
+.ui.vertical.segment {
+  margin: 0em;
+  padding-left: 0em;
+  padding-right: 0em;
+  background: none transparent;
+  border-radius: 0px;
+  box-shadow: none;
+  border: none;
+  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-.ui[class*="left pointing"].label:before {
-  border-width: 0px 0px 1px 1px;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  bottom: auto;
-  right: auto;
-  top: 50%;
-  left: 0em;
+.ui.vertical.segment:last-child {
+  border-bottom: none;
 }
 
-/*--- Right ---*/
+/*-------------------
+    Loose Coupling
+--------------------*/
 
-.ui[class*="right pointing"].label {
-  margin-top: 0em;
-  margin-right: 0.6666em;
-}
+/* Header */
 
-.ui[class*="right pointing"].label:before {
-  border-width: 1px 1px 0px 0px;
-  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
-  transform: translateX(50%) translateY(-50%) rotate(45deg);
-  top: 50%;
-  right: 0%;
-  bottom: auto;
-  left: auto;
+.ui.inverted.segment > .ui.header {
+  color: #FFFFFF;
 }
 
-/* Basic Pointing */
+/* Label */
 
-/*--- Above ---*/
+.ui[class*="bottom attached"].segment > [class*="top attached"].label {
+  border-top-left-radius: 0em;
+  border-top-right-radius: 0em;
+}
 
-.ui.basic.pointing.label:before,
-.ui.basic[class*="pointing above"].label:before {
-  margin-top: -1px;
+.ui[class*="top attached"].segment > [class*="bottom attached"].label {
+  border-bottom-left-radius: 0em;
+  border-bottom-right-radius: 0em;
 }
 
-/*--- Below ---*/
+.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
+  border-top-left-radius: 0em;
+  border-top-right-radius: 0em;
+}
 
-.ui.basic[class*="bottom pointing"].label:before,
-.ui.basic[class*="pointing below"].label:before {
-  bottom: auto;
-  top: 100%;
-  margin-top: 1px;
+.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
+  border-bottom-left-radius: 0em;
+  border-bottom-right-radius: 0em;
 }
 
-/*--- Left ---*/
+/* Grid */
 
-.ui.basic[class*="left pointing"].label:before {
-  top: 50%;
-  left: -1px;
+.ui.page.grid.segment,
+.ui.grid > .row > .ui.segment.column,
+.ui.grid > .ui.segment.column {
+  padding-top: 2em;
+  padding-bottom: 2em;
 }
 
-/*--- Right ---*/
-
-.ui.basic[class*="right pointing"].label:before {
-  top: 50%;
-  right: -1px;
+.ui.grid.segment {
+  margin: 1rem 0em;
+  border-radius: 0.28571429rem;
 }
 
-/*------------------
-   Floating Label
--------------------*/
+/* Table */
 
-.ui.floating.label {
-  position: absolute;
-  z-index: 100;
-  top: -1em;
-  left: 100%;
-  margin: 0em 0em 0em -1.5em !important;
+.ui.basic.table.segment {
+  background: #FFFFFF;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui[class*="very basic"].table.segment {
+  padding: 1em 1em;
 }
 
+/*******************************
+             Types
+*******************************/
+
 /*-------------------
-        Sizes
+        Piled
 --------------------*/
 
-.ui.mini.labels .label,
-.ui.mini.label {
-  font-size: 0.64285714rem;
+.ui.piled.segments,
+.ui.piled.segment {
+  margin: 3em 0em;
+  box-shadow: '';
+  z-index: auto;
 }
 
-.ui.tiny.labels .label,
-.ui.tiny.label {
-  font-size: 0.71428571rem;
+.ui.piled.segment:first-child {
+  margin-top: 0em;
 }
 
-.ui.small.labels .label,
-.ui.small.label {
-  font-size: 0.78571429rem;
+.ui.piled.segment:last-child {
+  margin-bottom: 0em;
 }
 
-.ui.labels .label,
-.ui.label {
-  font-size: 0.85714286rem;
+.ui.piled.segments:after,
+.ui.piled.segments:before,
+.ui.piled.segment:after,
+.ui.piled.segment:before {
+  background-color: #FFFFFF;
+  visibility: visible;
+  content: '';
+  display: block;
+  height: 100%;
+  left: 0px;
+  position: absolute;
+  width: 100%;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  box-shadow: '';
 }
 
-.ui.large.labels .label,
-.ui.large.label {
-  font-size: 1rem;
+.ui.piled.segments:before,
+.ui.piled.segment:before {
+  -webkit-transform: rotate(-1.2deg);
+  transform: rotate(-1.2deg);
+  top: 0;
+  z-index: -2;
 }
 
-.ui.big.labels .label,
-.ui.big.label {
-  font-size: 1.28571429rem;
+.ui.piled.segments:after,
+.ui.piled.segment:after {
+  -webkit-transform: rotate(1.2deg);
+  transform: rotate(1.2deg);
+  top: 0;
+  z-index: -1;
 }
 
-.ui.huge.labels .label,
-.ui.huge.label {
-  font-size: 1.42857143rem;
-}
+/* Piled Attached */
 
-.ui.massive.labels .label,
-.ui.massive.label {
-  font-size: 1.71428571rem;
+.ui[class*="top attached"].piled.segment {
+  margin-top: 3em;
+  margin-bottom: 0em;
 }
 
-/*******************************
-         Theme Overrides
-*******************************/
-
-/*******************************
-         Site Overrides
-*******************************/
-/*!
- * # Semantic UI undefined - List
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-/*******************************
-            List
-*******************************/
-
-ul.ui.list,
-ol.ui.list,
-.ui.list {
-  list-style-type: none;
-  margin: 1em 0em;
-  padding: 0em 0em;
+.ui.piled.segment[class*="top attached"]:first-child {
+  margin-top: 0em;
 }
 
-ul.ui.list:first-child,
-ol.ui.list:first-child,
-.ui.list:first-child {
+.ui.piled.segment[class*="bottom attached"] {
   margin-top: 0em;
-  padding-top: 0em;
+  margin-bottom: 3em;
 }
 
-ul.ui.list:last-child,
-ol.ui.list:last-child,
-.ui.list:last-child {
+.ui.piled.segment[class*="bottom attached"]:last-child {
   margin-bottom: 0em;
-  padding-bottom: 0em;
 }
 
-/*******************************
-            Content
-*******************************/
-
-/* List Item */
+/*-------------------
+       Stacked
+--------------------*/
 
-ul.ui.list li,
-ol.ui.list li,
-.ui.list > .item,
-.ui.list .list > .item {
-  display: list-item;
-  table-layout: fixed;
-  list-style-type: none;
-  list-style-position: outside;
-  padding: 0.21428571em 0em;
-  line-height: 1.14285714em;
+.ui.stacked.segment {
+  padding-bottom: 1.4em;
 }
 
-ul.ui.list > li:first-child:after,
-ol.ui.list > li:first-child:after,
-.ui.list > .list > .item,
-.ui.list > .item:after {
+.ui.stacked.segments:before,
+.ui.stacked.segments:after,
+.ui.stacked.segment:before,
+.ui.stacked.segment:after {
   content: '';
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
+  position: absolute;
+  bottom: -3px;
+  left: 0%;
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  background: rgba(0, 0, 0, 0.03);
+  width: 100%;
+  height: 6px;
+  visibility: visible;
 }
 
-ul.ui.list li:first-child,
-ol.ui.list li:first-child,
-.ui.list .list > .item:first-child,
-.ui.list > .item:first-child {
-  padding-top: 0em;
+.ui.stacked.segments:before,
+.ui.stacked.segment:before {
+  display: none;
 }
 
-ul.ui.list li:last-child,
-ol.ui.list li:last-child,
-.ui.list .list > .item:last-child,
-.ui.list > .item:last-child {
-  padding-bottom: 0em;
+/* Add additional page */
+
+.ui.tall.stacked.segments:before,
+.ui.tall.stacked.segment:before {
+  display: block;
+  bottom: 0px;
 }
 
-/* Child List */
+/* Inverted */
 
-ul.ui.list ul,
-ol.ui.list ol,
-.ui.list .list {
-  clear: both;
-  margin: 0em;
-  padding: 0.75em 0em 0.25em 0.5em;
+.ui.stacked.inverted.segments:before,
+.ui.stacked.inverted.segments:after,
+.ui.stacked.inverted.segment:before,
+.ui.stacked.inverted.segment:after {
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 1px solid rgba(34, 36, 38, 0.35);
 }
 
-/* Child Item */
-
-ul.ui.list ul li,
-ol.ui.list ol li,
-.ui.list .list > .item {
-  padding: 0.14285714em 0em;
-  line-height: inherit;
-}
+/*-------------------
+       Padded
+--------------------*/
 
-/* Icon */
+.ui.padded.segment {
+  padding: 1.5em;
+}
 
-.ui.list .list > .item > i.icon,
-.ui.list > .item > i.icon {
-  display: table-cell;
-  margin: 0em;
-  padding-top: 0.07142857em;
-  padding-right: 0.28571429em;
-  vertical-align: top;
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
+.ui[class*="very padded"].segment {
+  padding: 3em;
 }
 
-.ui.list .list > .item > i.icon:only-child,
-.ui.list > .item > i.icon:only-child {
-  display: inline-block;
-  vertical-align: top;
+/* Padded vertical */
+
+.ui.padded.segment.vertical.segment,
+.ui[class*="very padded"].vertical.segment {
+  padding-left: 0px;
+  padding-right: 0px;
 }
 
-/* Image */
+/*-------------------
+       Compact
+--------------------*/
 
-.ui.list .list > .item > .image,
-.ui.list > .item > .image {
-  display: table-cell;
-  background-color: transparent;
-  margin: 0em;
-  vertical-align: top;
+.ui.compact.segment {
+  display: table;
 }
 
-.ui.list .list > .item > .image:not(:only-child):not(img),
-.ui.list > .item > .image:not(:only-child):not(img) {
-  padding-right: 0.5em;
+/* Compact Group */
+
+.ui.compact.segments {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
 }
 
-.ui.list .list > .item > .image img,
-.ui.list > .item > .image img {
-  vertical-align: top;
+.ui.compact.segments .segment,
+.ui.segments .compact.segment {
+  display: block;
+  -webkit-box-flex: 0;
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
 }
 
-.ui.list .list > .item > img.image,
-.ui.list .list > .item > .image:only-child,
-.ui.list > .item > img.image,
-.ui.list > .item > .image:only-child {
-  display: inline-block;
+/*-------------------
+       Circular
+--------------------*/
+
+.ui.circular.segment {
+  display: table-cell;
+  padding: 2em;
+  text-align: center;
+  vertical-align: middle;
+  border-radius: 500em;
 }
 
-/* Content */
+/*-------------------
+       Raised
+--------------------*/
 
-.ui.list .list > .item > .content,
-.ui.list > .item > .content {
-  line-height: 1.14285714em;
+.ui.raised.segments,
+.ui.raised.segment {
+  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
 }
 
-.ui.list .list > .item > .image + .content,
-.ui.list .list > .item > .icon + .content,
-.ui.list > .item > .image + .content,
-.ui.list > .item > .icon + .content {
-  display: table-cell;
-  padding: 0em 0em 0em 0.5em;
-  vertical-align: top;
+/*******************************
+            Groups
+*******************************/
+
+/* Group */
+
+.ui.segments {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  margin: 1rem 0em;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+  border-radius: 0.28571429rem;
 }
 
-.ui.list .list > .item > img.image + .content,
-.ui.list > .item > img.image + .content {
-  display: inline-block;
+.ui.segments:first-child {
+  margin-top: 0em;
 }
 
-.ui.list .list > .item > .content > .list,
-.ui.list > .item > .content > .list {
-  margin-left: 0em;
-  padding-left: 0em;
+.ui.segments:last-child {
+  margin-bottom: 0em;
 }
 
-/* Header */
+/* Nested Segment */
 
-.ui.list .list > .item .header,
-.ui.list > .item .header {
-  display: block;
+.ui.segments > .segment {
+  top: 0px;
+  bottom: 0px;
+  border-radius: 0px;
   margin: 0em;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-weight: bold;
-  color: rgba(0, 0, 0, 0.87);
+  width: auto;
+  box-shadow: none;
+  border: none;
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-/* Description */
-
-.ui.list .list > .item .description,
-.ui.list > .item .description {
-  display: block;
-  color: rgba(0, 0, 0, 0.7);
+.ui.segments:not(.horizontal) > .segment:first-child {
+  border-top: none;
+  margin-top: 0em;
+  bottom: 0px;
+  margin-bottom: 0em;
+  top: 0px;
+  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
 }
 
-/* Child Link */
+/* Bottom */
 
-.ui.list > .item a,
-.ui.list .list > .item a {
-  cursor: pointer;
+.ui.segments:not(.horizontal) > .segment:last-child {
+  top: 0px;
+  bottom: 0px;
+  margin-top: 0em;
+  margin-bottom: 0em;
+  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
 }
 
-/* Linking Item */
+/* Only */
 
-.ui.list .list > a.item,
-.ui.list > a.item {
-  cursor: pointer;
-  color: #4183C4;
+.ui.segments:not(.horizontal) > .segment:only-child {
+  border-radius: 0.28571429rem;
 }
 
-.ui.list .list > a.item:hover,
-.ui.list > a.item:hover {
-  color: #1e70bf;
+/* Nested Group */
+
+.ui.segments > .ui.segments {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  margin: 1rem 1rem;
 }
 
-/* Linked Item Icons */
+.ui.segments > .segments:first-child {
+  border-top: none;
+}
 
-.ui.list .list > a.item i.icon,
-.ui.list > a.item i.icon {
-  color: rgba(0, 0, 0, 0.4);
+.ui.segments > .segment + .segments:not(.horizontal) {
+  margin-top: 0em;
 }
 
-/* Header Link */
+/* Horizontal Group */
 
-.ui.list .list > .item a.header,
-.ui.list > .item a.header {
-  cursor: pointer;
-  color: #4183C4 !important;
+.ui.horizontal.segments {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  background-color: transparent;
+  border-radius: 0px;
+  padding: 0em;
+  background-color: #FFFFFF;
+  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+  margin: 1rem 0em;
+  border-radius: 0.28571429rem;
+  border: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-.ui.list .list > .item a.header:hover,
-.ui.list > .item a.header:hover {
-  color: #1e70bf !important;
+/* Nested Horizontal Group */
+
+.ui.segments > .horizontal.segments {
+  margin: 0em;
+  background-color: transparent;
+  border-radius: 0px;
+  border: none;
+  box-shadow: none;
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-/* Floated Content */
+/* Horizontal Segment */
 
-.ui[class*="left floated"].list {
-  float: left;
+.ui.horizontal.segments > .segment {
+  -webkit-box-flex: 1;
+  flex: 1 1 auto;
+  -ms-flex: 1 1 0px;
+  /* Solves #2550 MS Flex */
+  margin: 0em;
+  min-width: 0px;
+  background-color: transparent;
+  border-radius: 0px;
+  border: none;
+  box-shadow: none;
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-.ui[class*="right floated"].list {
-  float: right;
-}
+/* Border Fixes */
 
-.ui.list .list > .item [class*="left floated"],
-.ui.list > .item [class*="left floated"] {
-  float: left;
-  margin: 0em 1em 0em 0em;
+.ui.segments > .horizontal.segments:first-child {
+  border-top: none;
 }
 
-.ui.list .list > .item [class*="right floated"],
-.ui.list > .item [class*="right floated"] {
-  float: right;
-  margin: 0em 0em 0em 1em;
+.ui.horizontal.segments > .segment:first-child {
+  border-left: none;
 }
 
 /*******************************
-            Coupling
-*******************************/
-
-.ui.menu .ui.list > .item,
-.ui.menu .ui.list .list > .item {
-  display: list-item;
-  table-layout: fixed;
-  background-color: transparent;
-  list-style-type: none;
-  list-style-position: outside;
-  padding: 0.21428571em 0em;
-  line-height: 1.14285714em;
-}
-
-.ui.menu .ui.list .list > .item:before,
-.ui.menu .ui.list > .item:before {
-  border: none;
-  background: none;
-}
-
-.ui.menu .ui.list .list > .item:first-child,
-.ui.menu .ui.list > .item:first-child {
-  padding-top: 0em;
-}
-
-.ui.menu .ui.list .list > .item:last-child,
-.ui.menu .ui.list > .item:last-child {
-  padding-bottom: 0em;
-}
-
-/*******************************
-            Types
+            States
 *******************************/
 
-/*-------------------
-      Horizontal
---------------------*/
+/*--------------
+    Disabled
+---------------*/
 
-.ui.horizontal.list {
-  display: inline-block;
-  font-size: 0em;
+.ui.disabled.segment {
+  opacity: 0.45;
+  color: rgba(40, 40, 40, 0.3);
 }
 
-.ui.horizontal.list > .item {
-  display: inline-block;
-  margin-left: 1em;
-  font-size: 1rem;
-}
+/*--------------
+    Loading
+---------------*/
 
-.ui.horizontal.list:not(.celled) > .item:first-child {
-  margin-left: 0em !important;
-  padding-left: 0em !important;
+.ui.loading.segment {
+  position: relative;
+  cursor: default;
+  pointer-events: none;
+  text-shadow: none !important;
+  color: transparent !important;
+  -webkit-transition: all 0s linear;
+  transition: all 0s linear;
 }
 
-.ui.horizontal.list .list {
-  padding-left: 0em;
-  padding-bottom: 0em;
+.ui.loading.segment:before {
+  position: absolute;
+  content: '';
+  top: 0%;
+  left: 0%;
+  background: rgba(255, 255, 255, 0.8);
+  width: 100%;
+  height: 100%;
+  border-radius: 0.28571429rem;
+  z-index: 100;
 }
 
-.ui.horizontal.list > .item > .image,
-.ui.horizontal.list .list > .item > .image,
-.ui.horizontal.list > .item > .icon,
-.ui.horizontal.list .list > .item > .icon,
-.ui.horizontal.list > .item > .content,
-.ui.horizontal.list .list > .item > .content {
-  vertical-align: middle;
+.ui.loading.segment:after {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  margin: -1.5em 0em 0em -1.5em;
+  width: 3em;
+  height: 3em;
+  -webkit-animation: segment-spin 0.6s linear;
+  animation: segment-spin 0.6s linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  border-radius: 500rem;
+  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
+  border-style: solid;
+  border-width: 0.2em;
+  box-shadow: 0px 0px 0px 1px transparent;
+  visibility: visible;
+  z-index: 101;
 }
 
-/* Padding on all elements */
+@-webkit-keyframes segment-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
 
-.ui.horizontal.list > .item:first-child,
-.ui.horizontal.list > .item:last-child {
-  padding-top: 0.21428571em;
-  padding-bottom: 0.21428571em;
+  to {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
 }
 
-/* Horizontal List */
-
-.ui.horizontal.list > .item > i.icon {
-  margin: 0em;
-  padding: 0em 0.25em 0em 0em;
-}
+@keyframes segment-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
 
-.ui.horizontal.list > .item > .icon,
-.ui.horizontal.list > .item > .icon + .content {
-  float: none;
-  display: inline-block;
+  to {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
 }
 
 /*******************************
-             States
+           Variations
 *******************************/
 
 /*-------------------
-       Disabled
+       Basic
 --------------------*/
 
-.ui.list .list > .disabled.item,
-.ui.list > .disabled.item {
-  pointer-events: none;
-  color: rgba(40, 40, 40, 0.3) !important;
-}
-
-.ui.inverted.list .list > .disabled.item,
-.ui.inverted.list > .disabled.item {
-  color: rgba(225, 225, 225, 0.3) !important;
+.ui.basic.segment {
+  background: none transparent;
+  box-shadow: none;
+  border: none;
+  border-radius: 0px;
 }
 
 /*-------------------
-        Hover
+       Clearing
 --------------------*/
 
-.ui.list .list > a.item:hover .icon,
-.ui.list > a.item:hover .icon {
-  color: rgba(0, 0, 0, 0.87);
+.ui.clearing.segment:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
 }
 
-/*******************************
-           Variations
-*******************************/
-
 /*-------------------
-       Inverted
+       Colors
 --------------------*/
 
-.ui.inverted.list .list > a.item > .icon,
-.ui.inverted.list > a.item > .icon {
-  color: rgba(255, 255, 255, 0.7);
-}
+/* Red */
 
-.ui.inverted.list .list > .item .header,
-.ui.inverted.list > .item .header {
-  color: rgba(255, 255, 255, 0.9);
+.ui.red.segment:not(.inverted) {
+  border-top: 2px solid #DB2828;
 }
 
-.ui.inverted.list .list > .item .description,
-.ui.inverted.list > .item .description {
-  color: rgba(255, 255, 255, 0.7);
+.ui.inverted.red.segment {
+  background-color: #DB2828 !important;
+  color: #FFFFFF !important;
 }
 
-/* Item Link */
+/* Orange */
 
-.ui.inverted.list .list > a.item,
-.ui.inverted.list > a.item {
-  cursor: pointer;
-  color: rgba(255, 255, 255, 0.9);
+.ui.orange.segment:not(.inverted) {
+  border-top: 2px solid #F2711C;
 }
 
-.ui.inverted.list .list > a.item:hover,
-.ui.inverted.list > a.item:hover {
-  color: #1e70bf;
+.ui.inverted.orange.segment {
+  background-color: #F2711C !important;
+  color: #FFFFFF !important;
 }
 
-/* Linking Content */
+/* Yellow */
 
-.ui.inverted.list .item a:not(.ui) {
-  color: rgba(255, 255, 255, 0.9) !important;
+.ui.yellow.segment:not(.inverted) {
+  border-top: 2px solid #FBBD08;
 }
 
-.ui.inverted.list .item a:not(.ui):hover {
-  color: #1e70bf !important;
+.ui.inverted.yellow.segment {
+  background-color: #FBBD08 !important;
+  color: #FFFFFF !important;
 }
 
-/*-------------------
-       Aligned
---------------------*/
+/* Olive */
 
-.ui.list[class*="top aligned"] .image,
-.ui.list[class*="top aligned"] .content,
-.ui.list [class*="top aligned"] {
-  vertical-align: top !important;
+.ui.olive.segment:not(.inverted) {
+  border-top: 2px solid #B5CC18;
 }
 
-.ui.list[class*="middle aligned"] .image,
-.ui.list[class*="middle aligned"] .content,
-.ui.list [class*="middle aligned"] {
-  vertical-align: middle !important;
+.ui.inverted.olive.segment {
+  background-color: #B5CC18 !important;
+  color: #FFFFFF !important;
 }
 
-.ui.list[class*="bottom aligned"] .image,
-.ui.list[class*="bottom aligned"] .content,
-.ui.list [class*="bottom aligned"] {
-  vertical-align: bottom !important;
-}
+/* Green */
 
-/*-------------------
-       Link
---------------------*/
+.ui.green.segment:not(.inverted) {
+  border-top: 2px solid #21BA45;
+}
 
-.ui.link.list .item,
-.ui.link.list a.item,
-.ui.link.list .item a:not(.ui) {
-  color: rgba(0, 0, 0, 0.4);
-  -webkit-transition: 0.1s color ease;
-  transition: 0.1s color ease;
+.ui.inverted.green.segment {
+  background-color: #21BA45 !important;
+  color: #FFFFFF !important;
 }
 
-.ui.link.list a.item:hover,
-.ui.link.list .item a:not(.ui):hover {
-  color: rgba(0, 0, 0, 0.8);
+/* Teal */
+
+.ui.teal.segment:not(.inverted) {
+  border-top: 2px solid #00B5AD;
 }
 
-.ui.link.list a.item:active,
-.ui.link.list .item a:not(.ui):active {
-  color: rgba(0, 0, 0, 0.9);
-}
-
-.ui.link.list .active.item,
-.ui.link.list .active.item a:not(.ui) {
-  color: rgba(0, 0, 0, 0.95);
+.ui.inverted.teal.segment {
+  background-color: #00B5AD !important;
+  color: #FFFFFF !important;
 }
 
-/* Inverted */
+/* Blue */
 
-.ui.inverted.link.list .item,
-.ui.inverted.link.list a.item,
-.ui.inverted.link.list .item a:not(.ui) {
-  color: rgba(255, 255, 255, 0.5);
+.ui.blue.segment:not(.inverted) {
+  border-top: 2px solid #2185D0;
 }
 
-.ui.inverted.link.list a.item:hover,
-.ui.inverted.link.list .item a:not(.ui):hover {
-  color: #ffffff;
+.ui.inverted.blue.segment {
+  background-color: #2185D0 !important;
+  color: #FFFFFF !important;
 }
 
-.ui.inverted.link.list a.item:active,
-.ui.inverted.link.list .item a:not(.ui):active {
-  color: #ffffff;
+/* Violet */
+
+.ui.violet.segment:not(.inverted) {
+  border-top: 2px solid #6435C9;
 }
 
-.ui.inverted.link.list a.active.item,
-.ui.inverted.link.list .active.item a:not(.ui) {
-  color: #ffffff;
+.ui.inverted.violet.segment {
+  background-color: #6435C9 !important;
+  color: #FFFFFF !important;
 }
 
-/*-------------------
-      Selection
---------------------*/
+/* Purple */
 
-.ui.selection.list .list > .item,
-.ui.selection.list > .item {
-  cursor: pointer;
-  background: transparent;
-  padding: 0.5em 0.5em;
-  margin: 0em;
-  color: rgba(0, 0, 0, 0.4);
-  border-radius: 0.5em;
-  -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
-  transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
+.ui.purple.segment:not(.inverted) {
+  border-top: 2px solid #A333C8;
 }
 
-.ui.selection.list .list > .item:last-child,
-.ui.selection.list > .item:last-child {
-  margin-bottom: 0em;
+.ui.inverted.purple.segment {
+  background-color: #A333C8 !important;
+  color: #FFFFFF !important;
 }
 
-.ui.selection.list.list > .item:hover,
-.ui.selection.list > .item:hover {
-  background: rgba(0, 0, 0, 0.03);
-  color: rgba(0, 0, 0, 0.8);
-}
+/* Pink */
 
-.ui.selection.list .list > .item:active,
-.ui.selection.list > .item:active {
-  background: rgba(0, 0, 0, 0.05);
-  color: rgba(0, 0, 0, 0.9);
+.ui.pink.segment:not(.inverted) {
+  border-top: 2px solid #E03997;
 }
 
-.ui.selection.list .list > .item.active,
-.ui.selection.list > .item.active {
-  background: rgba(0, 0, 0, 0.05);
-  color: rgba(0, 0, 0, 0.95);
+.ui.inverted.pink.segment {
+  background-color: #E03997 !important;
+  color: #FFFFFF !important;
 }
 
-/* Inverted */
+/* Brown */
 
-.ui.inverted.selection.list > .item,
-.ui.inverted.selection.list > .item {
-  background: transparent;
-  color: rgba(255, 255, 255, 0.5);
+.ui.brown.segment:not(.inverted) {
+  border-top: 2px solid #A5673F;
 }
 
-.ui.inverted.selection.list > .item:hover,
-.ui.inverted.selection.list > .item:hover {
-  background: rgba(255, 255, 255, 0.02);
-  color: #ffffff;
+.ui.inverted.brown.segment {
+  background-color: #A5673F !important;
+  color: #FFFFFF !important;
 }
 
-.ui.inverted.selection.list > .item:active,
-.ui.inverted.selection.list > .item:active {
-  background: rgba(255, 255, 255, 0.08);
-  color: #ffffff;
+/* Grey */
+
+.ui.grey.segment:not(.inverted) {
+  border-top: 2px solid #767676;
 }
 
-.ui.inverted.selection.list > .item.active,
-.ui.inverted.selection.list > .item.active {
-  background: rgba(255, 255, 255, 0.08);
-  color: #ffffff;
+.ui.inverted.grey.segment {
+  background-color: #767676 !important;
+  color: #FFFFFF !important;
 }
 
-/* Celled / Divided Selection List */
+/* Black */
 
-.ui.celled.selection.list .list > .item,
-.ui.divided.selection.list .list > .item,
-.ui.celled.selection.list > .item,
-.ui.divided.selection.list > .item {
-  border-radius: 0em;
+.ui.black.segment:not(.inverted) {
+  border-top: 2px solid #1B1C1D;
+}
+
+.ui.inverted.black.segment {
+  background-color: #1B1C1D !important;
+  color: #FFFFFF !important;
 }
 
 /*-------------------
-       Animated
+       Aligned
 --------------------*/
 
-.ui.animated.list > .item {
-  -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
-  transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
+.ui[class*="left aligned"].segment {
+  text-align: left;
 }
 
-.ui.animated.list:not(.horizontal) > .item:hover {
-  padding-left: 1em;
+.ui[class*="right aligned"].segment {
+  text-align: right;
+}
+
+.ui[class*="center aligned"].segment {
+  text-align: center;
 }
 
 /*-------------------
-       Fitted
+       Floated
 --------------------*/
 
-.ui.fitted.list:not(.selection) .list > .item,
-.ui.fitted.list:not(.selection) > .item {
-  padding-left: 0em;
-  padding-right: 0em;
+.ui.floated.segment,
+.ui[class*="left floated"].segment {
+  float: left;
+  margin-right: 1em;
 }
 
-.ui.fitted.selection.list .list > .item,
-.ui.fitted.selection.list > .item {
-  margin-left: -0.5em;
-  margin-right: -0.5em;
+.ui[class*="right floated"].segment {
+  float: right;
+  margin-left: 1em;
 }
 
 /*-------------------
-      Bulleted
+      Inverted
 --------------------*/
 
-ul.ui.list,
-.ui.bulleted.list {
-  margin-left: 1.25rem;
+.ui.inverted.segment {
+  border: none;
+  box-shadow: none;
 }
 
-ul.ui.list li,
-.ui.bulleted.list .list > .item,
-.ui.bulleted.list > .item {
-  position: relative;
+.ui.inverted.segment,
+.ui.primary.inverted.segment {
+  background: #1B1C1D;
+  color: rgba(255, 255, 255, 0.9);
 }
 
-ul.ui.list li:before,
-.ui.bulleted.list .list > .item:before,
-.ui.bulleted.list > .item:before {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  pointer-events: none;
-  position: absolute;
-  top: auto;
-  left: auto;
-  font-weight: normal;
-  margin-left: -1.25rem;
-  content: '•';
-  opacity: 1;
-  color: inherit;
-  vertical-align: top;
-}
+/* Nested */
 
-ul.ui.list li:before,
-.ui.bulleted.list .list > a.item:before,
-.ui.bulleted.list > a.item:before {
+.ui.inverted.segment .segment {
   color: rgba(0, 0, 0, 0.87);
 }
 
-ul.ui.list ul,
-.ui.bulleted.list .list {
-  padding-left: 1.25rem;
+.ui.inverted.segment .inverted.segment {
+  color: rgba(255, 255, 255, 0.9);
 }
 
-/* Horizontal Bulleted */
+/* Attached */
 
-ul.ui.horizontal.bulleted.list,
-.ui.horizontal.bulleted.list {
-  margin-left: 0em;
+.ui.inverted.attached.segment {
+  border-color: #555555;
 }
 
-ul.ui.horizontal.bulleted.list li,
-.ui.horizontal.bulleted.list > .item {
-  margin-left: 1.75rem;
+/*-------------------
+     Emphasis
+--------------------*/
+
+/* Secondary */
+
+.ui.secondary.segment {
+  background: #F3F4F5;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-ul.ui.horizontal.bulleted.list li:first-child,
-.ui.horizontal.bulleted.list > .item:first-child {
-  margin-left: 0em;
+.ui.secondary.inverted.segment {
+  background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
+  background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
+  color: rgba(255, 255, 255, 0.8);
 }
 
-ul.ui.horizontal.bulleted.list li::before,
-.ui.horizontal.bulleted.list > .item::before {
-  color: rgba(0, 0, 0, 0.87);
+/* Tertiary */
+
+.ui.tertiary.segment {
+  background: #DCDDDE;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-ul.ui.horizontal.bulleted.list li:first-child::before,
-.ui.horizontal.bulleted.list > .item:first-child::before {
-  display: none;
+.ui.tertiary.inverted.segment {
+  background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
+  background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
+  color: rgba(255, 255, 255, 0.8);
 }
 
 /*-------------------
-       Ordered
+      Attached
 --------------------*/
 
-ol.ui.list,
-.ui.ordered.list,
-.ui.ordered.list .list,
-ol.ui.list ol {
-  counter-reset: ordered;
-  margin-left: 1.25rem;
-  list-style-type: none;
-}
+/* Middle */
 
-ol.ui.list li,
-.ui.ordered.list .list > .item,
-.ui.ordered.list > .item {
-  list-style-type: none;
-  position: relative;
-}
-
-ol.ui.list li:before,
-.ui.ordered.list .list > .item:before,
-.ui.ordered.list > .item:before {
-  position: absolute;
-  top: auto;
-  left: auto;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  pointer-events: none;
-  margin-left: -1.25rem;
-  counter-increment: ordered;
-  content: counters(ordered, ".") " ";
-  text-align: right;
-  color: rgba(0, 0, 0, 0.87);
-  vertical-align: middle;
-  opacity: 0.8;
-}
-
-ol.ui.inverted.list li:before,
-.ui.ordered.inverted.list .list > .item:before,
-.ui.ordered.inverted.list > .item:before {
-  color: rgba(255, 255, 255, 0.7);
-}
-
-/* Value */
-
-.ui.ordered.list > .list > .item[data-value],
-.ui.ordered.list > .item[data-value] {
-  content: attr(data-value);
+.ui.attached.segment {
+  top: 0px;
+  bottom: 0px;
+  border-radius: 0px;
+  margin: 0em -1px;
+  width: calc(100% +  2px );
+  max-width: calc(100% +  2px );
+  box-shadow: none;
+  border: 1px solid #D4D4D5;
 }
 
-ol.ui.list li[value]:before {
-  content: attr(value);
+.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
+  border-top: none;
 }
 
-/* Child Lists */
+/* Top */
 
-ol.ui.list ol,
-.ui.ordered.list .list {
-  margin-left: 1em;
+.ui[class*="top attached"].segment {
+  bottom: 0px;
+  margin-bottom: 0em;
+  top: 0px;