/*!
 * # Fomantic-UI 2.9.0 - Reset
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Reset
*******************************/


/* Border-Box */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* iPad Input Shadows */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  
/* mobile firefox too! */
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  
/* 1 */
  -webkit-text-size-adjust: 100%;
  
/* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  
/* 1 */
  height: 0;
  
/* 1 */
  overflow: visible;
  
/* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  
/* 1 */
  font-size: 1em;
  
/* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  
/* 1 */
  text-decoration: underline;
  
/* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  
/* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  
/* 1 */
  font-size: 1em;
  
/* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  
/* 1 */
  font-size: 100%;
  
/* 1 */
  line-height: 1.15;
  
/* 1 */
  margin: 0;
  
/* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  
/* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  
/* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  
/* 1 */
  color: inherit;
  
/* 2 */
  display: table;
  
/* 1 */
  max-width: 100%;
  
/* 1 */
  padding: 0;
  
/* 3 */
  white-space: normal;
  
/* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  
/* 1 */
  padding: 0;
  
/* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  
/* 1 */
  outline-offset: -2px;
  
/* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  
/* 1 */
  font: inherit;
  
/* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}


/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Site
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Page
*******************************/









html,
body {
  height: 100%;
}
html {
  font-size: 14px;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-width: 320px;
  background: #FFFFFF;
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
}


/*******************************
             Headers
*******************************/

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.28571429em;
  margin: calc(2rem - 0.1428571428571429em) 0 1rem;
  font-weight: bold;
  padding: 0;
}
h1 {
  min-height: 1rem;
  font-size: 2rem;
}
h2 {
  font-size: 1.71428571rem;
}
h3 {
  font-size: 1.28571429rem;
}
h4 {
  font-size: 1.07142857rem;
}
h5 {
  font-size: 1rem;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0;
}


/*******************************
             Text
*******************************/

p {
  margin: 0 0 1em;
  line-height: 1.4285em;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

/*-------------------
        Links
--------------------*/

a {
  color: #4183C4;
  text-decoration: none;
}
a:hover {
  color: #1e70bf;
  text-decoration: none;
}


/*******************************
         Scrollbars
*******************************/


/* Force Simple Scrollbars */
body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
body ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
body ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
body ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}
body ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}
body .ui {
  
/* IE11 */
  scrollbar-face-color: #bfbfbf;
  scrollbar-shadow-color: #bfbfbf;
  scrollbar-track-color: #e6e6e6;
  scrollbar-arrow-color: #e6e6e6;
  
/* firefox : first color thumb, second track*/
  scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
  scrollbar-width: thin;
}
/* Inverted UI */
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}
body .ui.inverted:not(.dimmer) {
  
/* IE11 */
  scrollbar-face-color: #656565;
  scrollbar-shadow-color: #656565;
  scrollbar-track-color: #323232;
  scrollbar-arrow-color: #323232;
  
/* firefox : first color thumb, second track */
  scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
}


/*******************************
          Highlighting
*******************************/


/* Site */
::-webkit-selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}
::-moz-selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}
::selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}

/* Form */
textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}
textarea::-moz-selection,
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}
textarea::-moz-selection, input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}
textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}


/*******************************
        Global Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Header
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Header
*******************************/


/* Standard */
.ui.header {
  border: none;
  margin: calc(2rem - 0.1428571428571429em) 0 1rem;
  padding: 0 0;
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  line-height: 1.28571429em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
}
.ui.header:first-child {
  margin-top: -0.14285714em;
}
.ui.header:last-child {
  margin-bottom: 0;
}

/*--------------
     Sub Header
  ---------------*/

.ui.header .sub.header {
  display: block;
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0.6);
}

/*--------------
      Icon
---------------*/

.ui.header > .icons,
.ui.header > i.icon {
  display: table-cell;
  opacity: 1;
  font-size: 1.5em;
  padding-top: 0;
  vertical-align: middle;
}

/* With Text Node */
.ui.header:not(.icon) > .icons:only-child,
.ui.header:not(.icon) > i.icon:only-child {
  display: inline-block;
  padding: 0;
  margin-right: 0.75rem;
}

/*-------------------
        Image
--------------------*/

.ui.header > .image:not(.icon),
.ui.header > img {
  display: inline-block;
  margin-top: 0.14285714em;
  width: 2.5em;
  height: auto;
  vertical-align: middle;
}
.ui.header > .image:not(.icon):only-child,
.ui.header > img:only-child {
  margin-right: 0.75rem;
}

/*--------------
     Content
---------------*/

.ui.header .content {
  display: inline-block;
  vertical-align: top;
}

/* After Image */
.ui.header > img + .content,
.ui.header > .image + .content {
  padding-left: 0.75rem;
  vertical-align: middle;
}

/* After Icon */
.ui.header:not(.icon):not(.centered):not(.aligned) > .icons + .content,
.ui.header:not(.icon):not(.centered):not(.aligned) > i.icon + .content {
  padding-left: 0.75rem;
  display: table-cell;
  vertical-align: middle;
}

/*--------------
 Loose Coupling
---------------*/

.ui.header .ui.label {
  font-size: '';
  margin-left: 0.5rem;
  vertical-align: middle;
}

/* Positioning */
.ui.header + p {
  margin-top: 0;
}


/*******************************
            Types
*******************************/


/*--------------
     Page
---------------*/

h1.ui.header {
  font-size: 2rem;
}
h1.ui.header .sub.header {
  font-size: 1.14285714rem;
}
h2.ui.header {
  font-size: 1.71428571rem;
}
h2.ui.header .sub.header {
  font-size: 1.14285714rem;
}
h3.ui.header {
  font-size: 1.28571429rem;
}
h3.ui.header .sub.header {
  font-size: 1rem;
}
h4.ui.header {
  font-size: 1.07142857rem;
}
h4.ui.header .sub.header {
  font-size: 1rem;
}
h5.ui.header {
  font-size: 1rem;
}
h5.ui.header .sub.header {
  font-size: 0.92857143rem;
}
h6.ui.header {
  font-size: 0.85714286rem;
}
h6.ui.header .sub.header {
  font-size: 0.92857143rem;
}

/*--------------
 Content Heading
---------------*/

.ui.mini.header {
  font-size: 0.85714286em;
}
.ui.mini.header .sub.header {
  font-size: 0.92857143rem;
}
.ui.mini.sub.header {
  font-size: 0.78571429em;
}
.ui.tiny.header {
  font-size: 1em;
}
.ui.tiny.header .sub.header {
  font-size: 0.92857143rem;
}
.ui.tiny.sub.header {
  font-size: 0.78571429em;
}
.ui.small.header {
  font-size: 1.07142857em;
}
.ui.small.header .sub.header {
  font-size: 1rem;
}
.ui.small.sub.header {
  font-size: 0.78571429em;
}
.ui.large.header {
  font-size: 1.71428571em;
}
.ui.large.header .sub.header {
  font-size: 1.14285714rem;
}
.ui.large.sub.header {
  font-size: 0.92857143em;
}
.ui.big.header {
  font-size: 1.85714286em;
}
.ui.big.header .sub.header {
  font-size: 1.14285714rem;
}
.ui.big.sub.header {
  font-size: 1em;
}
.ui.huge.header {
  font-size: 2em;
  min-height: 1em;
}
.ui.huge.header .sub.header {
  font-size: 1.14285714rem;
}
.ui.huge.sub.header {
  font-size: 1em;
}
.ui.massive.header {
  font-size: 2.28571429em;
  min-height: 1em;
}
.ui.massive.header .sub.header {
  font-size: 1.42857143rem;
}
.ui.massive.sub.header {
  font-size: 1.14285714em;
}

/*--------------
     Sub Heading
  ---------------*/

.ui.sub.header {
  padding: 0;
  margin-bottom: 0.14285714rem;
  font-weight: bold;
  font-size: 0.85714286em;
  text-transform: uppercase;
  color: '';
}

/*-------------------
          Icon
  --------------------*/

.ui.icon.header {
  display: inline-block;
  text-align: center;
  margin: 2rem 0 1rem;
}
.ui.icon.header::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui.icon.header:first-child {
  margin-top: 0;
}
.ui.icon.header > .image.icon,
.ui.icon.header > .icons,
.ui.icon.header > i.icon {
  float: none;
  display: block;
  width: auto;
  height: auto;
  line-height: 1;
  padding: 0;
  font-size: 3em;
  margin: 0 auto 0.5rem;
  opacity: 1;
}
.ui.icon.header .corner.icon {
  font-size: calc(3em * 0.45);
}
.ui.icon.header .content {
  display: block;
  padding: 0;
}
.ui.icon.header > i.circular {
  font-size: 2em;
}
.ui.icon.header > i.square {
  font-size: 2em;
}
.ui.block.icon.header > .image.icon,
.ui.block.icon.header > .icons,
.ui.block.icon.header > i.icon {
  margin-bottom: 0;
}
.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block;
}


/*******************************
            States
*******************************/

.ui.disabled.header {
  opacity: 0.45;
}


/*******************************
           Variations
*******************************/


/*-------------------
        Inverted
  --------------------*/

.ui.inverted.header {
  color: #FFFFFF;
}
.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.attached.header {
  background: #1B1C1D;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
}
.ui.inverted.block.header {
  background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: none;
}

/*-------------------
       Colors
--------------------*/

.ui.primary.header {
  color: #2185D0;
}
a.ui.primary.header:hover {
  color: #1678c2;
}
.ui.primary.dividing.header {
  border-bottom: 2px solid #2185D0;
}
.ui.inverted.primary.header.header.header {
  color: #54C8FF;
}
a.ui.inverted.primary.header.header.header:hover {
  color: #21b8ff;
}
.ui.inverted.primary.dividing.header {
  border-bottom: 2px solid #54C8FF;
}
.ui.secondary.header {
  color: #1B1C1D;
}
a.ui.secondary.header:hover {
  color: #27292a;
}
.ui.secondary.dividing.header {
  border-bottom: 2px solid #1B1C1D;
}
.ui.inverted.secondary.header.header.header {
  color: #545454;
}
a.ui.inverted.secondary.header.header.header:hover {
  color: #6e6e6e;
}
.ui.inverted.secondary.dividing.header {
  border-bottom: 2px solid #545454;
}
.ui.red.header {
  color: #DB2828;
}
a.ui.red.header:hover {
  color: #d01919;
}
.ui.red.dividing.header {
  border-bottom: 2px solid #DB2828;
}
.ui.inverted.red.header.header.header {
  color: #FF695E;
}
a.ui.inverted.red.header.header.header:hover {
  color: #ff392b;
}
.ui.inverted.red.dividing.header {
  border-bottom: 2px solid #FF695E;
}
.ui.orange.header {
  color: #F2711C;
}
a.ui.orange.header:hover {
  color: #f26202;
}
.ui.orange.dividing.header {
  border-bottom: 2px solid #F2711C;
}
.ui.inverted.orange.header.header.header {
  color: #FF851B;
}
a.ui.inverted.orange.header.header.header:hover {
  color: #e76b00;
}
.ui.inverted.orange.dividing.header {
  border-bottom: 2px solid #FF851B;
}
.ui.yellow.header {
  color: #FBBD08;
}
a.ui.yellow.header:hover {
  color: #eaae00;
}
.ui.yellow.dividing.header {
  border-bottom: 2px solid #FBBD08;
}
.ui.inverted.yellow.header.header.header {
  color: #FFE21F;
}
a.ui.inverted.yellow.header.header.header:hover {
  color: #ebcd00;
}
.ui.inverted.yellow.dividing.header {
  border-bottom: 2px solid #FFE21F;
}
.ui.olive.header {
  color: #B5CC18;
}
a.ui.olive.header:hover {
  color: #a7bd0d;
}
.ui.olive.dividing.header {
  border-bottom: 2px solid #B5CC18;
}
.ui.inverted.olive.header.header.header {
  color: #D9E778;
}
a.ui.inverted.olive.header.header.header:hover {
  color: #d2e745;
}
.ui.inverted.olive.dividing.header {
  border-bottom: 2px solid #D9E778;
}
.ui.green.header {
  color: #21BA45;
}
a.ui.green.header:hover {
  color: #16ab39;
}
.ui.green.dividing.header {
  border-bottom: 2px solid #21BA45;
}
.ui.inverted.green.header.header.header {
  color: #2ECC40;
}
a.ui.inverted.green.header.header.header:hover {
  color: #1ea92e;
}
.ui.inverted.green.dividing.header {
  border-bottom: 2px solid #2ECC40;
}
.ui.teal.header {
  color: #00B5AD;
}
a.ui.teal.header:hover {
  color: #009c95;
}
.ui.teal.dividing.header {
  border-bottom: 2px solid #00B5AD;
}
.ui.inverted.teal.header.header.header {
  color: #6DFFFF;
}
a.ui.inverted.teal.header.header.header:hover {
  color: #3affff;
}
.ui.inverted.teal.dividing.header {
  border-bottom: 2px solid #6DFFFF;
}
.ui.blue.header {
  color: #2185D0;
}
a.ui.blue.header:hover {
  color: #1678c2;
}
.ui.blue.dividing.header {
  border-bottom: 2px solid #2185D0;
}
.ui.inverted.blue.header.header.header {
  color: #54C8FF;
}
a.ui.inverted.blue.header.header.header:hover {
  color: #21b8ff;
}
.ui.inverted.blue.dividing.header {
  border-bottom: 2px solid #54C8FF;
}
.ui.violet.header {
  color: #6435C9;
}
a.ui.violet.header:hover {
  color: #5829bb;
}
.ui.violet.dividing.header {
  border-bottom: 2px solid #6435C9;
}
.ui.inverted.violet.header.header.header {
  color: #A291FB;
}
a.ui.inverted.violet.header.header.header:hover {
  color: #745aff;
}
.ui.inverted.violet.dividing.header {
  border-bottom: 2px solid #A291FB;
}
.ui.purple.header {
  color: #A333C8;
}
a.ui.purple.header:hover {
  color: #9627ba;
}
.ui.purple.dividing.header {
  border-bottom: 2px solid #A333C8;
}
.ui.inverted.purple.header.header.header {
  color: #DC73FF;
}
a.ui.inverted.purple.header.header.header:hover {
  color: #cf40ff;
}
.ui.inverted.purple.dividing.header {
  border-bottom: 2px solid #DC73FF;
}
.ui.pink.header {
  color: #E03997;
}
a.ui.pink.header:hover {
  color: #e61a8d;
}
.ui.pink.dividing.header {
  border-bottom: 2px solid #E03997;
}
.ui.inverted.pink.header.header.header {
  color: #FF8EDF;
}
a.ui.inverted.pink.header.header.header:hover {
  color: #ff5bd1;
}
.ui.inverted.pink.dividing.header {
  border-bottom: 2px solid #FF8EDF;
}
.ui.brown.header {
  color: #A5673F;
}
a.ui.brown.header:hover {
  color: #975b33;
}
.ui.brown.dividing.header {
  border-bottom: 2px solid #A5673F;
}
.ui.inverted.brown.header.header.header {
  color: #D67C1C;
}
a.ui.inverted.brown.header.header.header:hover {
  color: #b0620f;
}
.ui.inverted.brown.dividing.header {
  border-bottom: 2px solid #D67C1C;
}
.ui.grey.header {
  color: #767676;
}
a.ui.grey.header:hover {
  color: #838383;
}
.ui.grey.dividing.header {
  border-bottom: 2px solid #767676;
}
.ui.inverted.grey.header.header.header {
  color: #DCDDDE;
}
a.ui.inverted.grey.header.header.header:hover {
  color: #c2c4c5;
}
.ui.inverted.grey.dividing.header {
  border-bottom: 2px solid #DCDDDE;
}
.ui.black.header {
  color: #1B1C1D;
}
a.ui.black.header:hover {
  color: #27292a;
}
.ui.black.dividing.header {
  border-bottom: 2px solid #1B1C1D;
}
.ui.inverted.black.header.header.header {
  color: #545454;
}
a.ui.inverted.black.header.header.header:hover {
  color: #000000;
}
.ui.inverted.black.dividing.header {
  border-bottom: 2px solid #545454;
}

/*-------------------
         Aligned
  --------------------*/

.ui.left.aligned.header {
  text-align: left;
}
.ui.right.aligned.header {
  text-align: right;
}
.ui.centered.header,
.ui.center.aligned.header {
  text-align: center;
}
.ui.justified.header {
  text-align: justify;
}
.ui.justified.header::after {
  display: inline-block;
  content: '';
  width: 100%;
}

/*-------------------
         Floated
  --------------------*/

.ui.floated.header,
.ui[class*="left floated"].header {
  float: left;
  margin-top: 0;
  margin-right: 0.5em;
}
.ui[class*="right floated"].header {
  float: right;
  margin-top: 0;
  margin-left: 0.5em;
}

/*-------------------
         Fitted
  --------------------*/

.ui.fitted.header {
  padding: 0;
}

/*-------------------
        Dividing
  --------------------*/

.ui.dividing.header {
  padding-bottom: 0.21428571rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.dividing.header .sub.header {
  padding-bottom: 0.21428571rem;
}
.ui.dividing.header i.icon {
  margin-bottom: 0;
}
.ui.inverted.dividing.header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/*-------------------
          Block
  --------------------*/

.ui.block.header {
  background: #F3F4F5;
  padding: 0.78571429rem 1rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #D4D4D5;
  border-radius: 0.28571429rem;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1rem;
}
.ui.mini.block.header {
  font-size: 0.78571429rem;
}
.ui.tiny.block.header {
  font-size: 0.85714286rem;
}
.ui.small.block.header {
  font-size: 0.92857143rem;
}
.ui.large.block.header {
  font-size: 1.14285714rem;
}
.ui.big.block.header {
  font-size: 1.28571429rem;
}
.ui.huge.block.header {
  font-size: 1.42857143rem;
}
.ui.massive.block.header {
  font-size: 1.71428571rem;
}

/*-------------------
         Attached
  --------------------*/

.ui.attached.header {
  background: #FFFFFF;
  padding: 0.78571429rem 1rem;
  margin: 0 -1px 0 -1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #D4D4D5;
  border-radius: 0;
}
.ui.attached.block.header {
  background: #F3F4F5;
}
.ui.attached:not(.top).header {
  border-top: none;
}
.ui.top.attached.header {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.bottom.attached.header {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}

/* Attached Sizes */
.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1em;
}
.ui.mini.attached.header {
  font-size: 0.78571429em;
}
.ui.tiny.attached.header {
  font-size: 0.85714286em;
}
.ui.small.attached.header {
  font-size: 0.92857143em;
}
.ui.large.attached.header {
  font-size: 1.14285714em;
}
.ui.big.attached.header {
  font-size: 1.28571429em;
}
.ui.huge.attached.header {
  font-size: 1.42857143em;
}
.ui.massive.attached.header {
  font-size: 1.71428571em;
}

/*-------------------
        Sizing
--------------------*/

.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28571429em;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Text
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md
 *
 */


/*******************************
             Text
*******************************/

span.ui.text {
  line-height: 1;
}
span.ui.primary.text {
  color: #2185D0;
}
span.ui.inverted.primary.text {
  color: #54C8FF;
}
span.ui.secondary.text {
  color: #1B1C1D;
}
span.ui.inverted.secondary.text {
  color: #545454;
}
span.ui.red.text {
  color: #DB2828;
}
span.ui.inverted.red.text {
  color: #FF695E;
}
span.ui.orange.text {
  color: #F2711C;
}
span.ui.inverted.orange.text {
  color: #FF851B;
}
span.ui.yellow.text {
  color: #FBBD08;
}
span.ui.inverted.yellow.text {
  color: #FFE21F;
}
span.ui.olive.text {
  color: #B5CC18;
}
span.ui.inverted.olive.text {
  color: #D9E778;
}
span.ui.green.text {
  color: #21BA45;
}
span.ui.inverted.green.text {
  color: #2ECC40;
}
span.ui.teal.text {
  color: #00B5AD;
}
span.ui.inverted.teal.text {
  color: #6DFFFF;
}
span.ui.blue.text {
  color: #2185D0;
}
span.ui.inverted.blue.text {
  color: #54C8FF;
}
span.ui.violet.text {
  color: #6435C9;
}
span.ui.inverted.violet.text {
  color: #A291FB;
}
span.ui.purple.text {
  color: #A333C8;
}
span.ui.inverted.purple.text {
  color: #DC73FF;
}
span.ui.pink.text {
  color: #E03997;
}
span.ui.inverted.pink.text {
  color: #FF8EDF;
}
span.ui.brown.text {
  color: #A5673F;
}
span.ui.inverted.brown.text {
  color: #D67C1C;
}
span.ui.grey.text {
  color: #767676;
}
span.ui.inverted.grey.text {
  color: #DCDDDE;
}
span.ui.black.text {
  color: #1B1C1D;
}
span.ui.inverted.black.text {
  color: #545454;
}
span.ui.error.text {
  color: #DB2828;
}
span.ui.info.text {
  color: #31CCEC;
}
span.ui.success.text {
  color: #21BA45;
}
span.ui.warning.text {
  color: #F2C037;
}
span.ui.disabled.text {
  opacity: 0.45;
}

/* Sizes */
span.ui.medium.text {
  font-size: 1em;
}
span.ui.mini.text {
  font-size: 0.4em;
}
span.ui.tiny.text {
  font-size: 0.5em;
}
span.ui.small.text {
  font-size: 0.75em;
}
span.ui.large.text {
  font-size: 1.5em;
}
span.ui.big.text {
  font-size: 2em;
}
span.ui.huge.text {
  font-size: 4em;
}
span.ui.massive.text {
  font-size: 8em;
}


/*******************************
         Theme Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Button
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Button
*******************************/

.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: #E0E1E2 none;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0 0.25em 0 0;
  padding: 0.78571429em 1.5em 0.78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  will-change: auto;
  -webkit-tap-highlight-color: transparent;
}


/*******************************
            States
*******************************/


/*--------------
      Hover
---------------*/

.ui.button:hover {
  background-color: #CACBCD;
  background-image: none;
  -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8);
}
.ui.button:hover .icon {
  opacity: 0.85;
}

/*--------------
      Focus
---------------*/

.ui.button:focus {
  background-color: #CACBCD;
  color: rgba(0, 0, 0, 0.8);
  background-image: none;
  -webkit-box-shadow: '';
          box-shadow: '';
}
.ui.button:focus .icon {
  opacity: 0.85;
}

/*--------------
      Down
---------------*/

.ui.button:active,
.ui.active.button:active {
  background-color: #BABBBC;
  background-image: '';
  color: rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 0 0 1px transparent inset, none;
          box-shadow: 0 0 0 1px transparent inset, none;
}

/*--------------
     Active
---------------*/

.ui.active.button {
  background-color: #C0C1C2;
  background-image: none;
  -webkit-box-shadow: 0 0 0 1px transparent inset;
          box-shadow: 0 0 0 1px transparent inset;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:hover {
  background-color: #C0C1C2;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:active {
  background-color: #C0C1C2;
  background-image: none;
}

/*--------------
      Loading
  ---------------*/


/* Specificity hack */
.ui.loading.loading.loading.loading.loading.loading.button {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0s linear, opacity 0.1s ease;
  transition: all 0s linear, opacity 0.1s ease;
}
.ui.loading.button::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.15);
}
.ui.loading.button::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid currentColor;
  color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
}
.ui.ui.ui.loading.button .label {
  background-color: transparent;
  border-color: transparent;
  color: transparent;
}
.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.loading.button:not(.inverted)::before {
  border-color: rgba(0, 0, 0, 0.1);
}
.ui.basic.loading.button:not(.inverted)::after {
  border-color: #767676;
}

/*-------------------
        Disabled
  --------------------*/

.ui.buttons .disabled.button:not(.basic),
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
  cursor: default;
  opacity: 0.45 !important;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  pointer-events: none !important;
}

/* Basic Group With Disabled */
.ui.basic.buttons .ui.disabled.button {
  border-color: rgba(34, 36, 38, 0.5);
}


/*******************************
             Types
*******************************/


/*-------------------
         Animated
  --------------------*/

.ui.animated.button {
  position: relative;
  overflow: hidden;
  padding-right: 0 !important;
  vertical-align: middle;
  z-index: 1;
}
.ui.animated.button .content {
  will-change: transform, opacity;
}
.ui.animated.button .visible.content {
  position: relative;
  margin-right: 1.5em;
}
.ui.animated.button .hidden.content {
  position: absolute;
  width: 100%;
}

/* Horizontal */
.ui.animated.button .visible.content,
.ui.animated.button .hidden.content {
  -webkit-transition: right 0.3s ease 0s;
  transition: right 0.3s ease 0s;
}
.ui.animated.button .visible.content {
  left: auto;
  right: 0;
}
.ui.animated.button .hidden.content {
  top: 50%;
  left: auto;
  right: -100%;
  margin-top: -0.5em;
}
.ui.animated.button:focus .visible.content,
.ui.animated.button:hover .visible.content {
  left: auto;
  right: 200%;
}
.ui.animated.button:focus .hidden.content,
.ui.animated.button:hover .hidden.content {
  left: auto;
  right: 0;
}

/* Vertical */
.ui.vertical.animated.button .visible.content,
.ui.vertical.animated.button .hidden.content {
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s ease, transform 0.3s ease;
  transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ui.vertical.animated.button .visible.content {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  right: auto;
}
.ui.vertical.animated.button .hidden.content {
  top: -50%;
  left: 0;
  right: auto;
}
.ui.vertical.animated.button:focus .visible.content,
.ui.vertical.animated.button:hover .visible.content {
  -webkit-transform: translateY(200%);
          transform: translateY(200%);
  right: auto;
}
.ui.vertical.animated.button:focus .hidden.content,
.ui.vertical.animated.button:hover .hidden.content {
  top: 50%;
  right: auto;
}

/* Fade */
.ui.fade.animated.button .visible.content,
.ui.fade.animated.button .hidden.content {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ui.fade.animated.button .visible.content {
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.ui.fade.animated.button .hidden.content {
  opacity: 0;
  left: 0;
  right: auto;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.ui.fade.animated.button:focus .visible.content,
.ui.fade.animated.button:hover .visible.content {
  left: auto;
  right: auto;
  opacity: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
.ui.fade.animated.button:focus .hidden.content,
.ui.fade.animated.button:hover .hidden.content {
  left: 0;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*-------------------
         Inverted
  --------------------*/

.ui.inverted.button {
  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
          box-shadow: 0 0 0 2px #FFFFFF inset;
  background: transparent none;
  color: #FFFFFF;
  text-shadow: none !important;
}

/* Group */
.ui.inverted.buttons .button {
  margin: 0 0 0 -2px;
}
.ui.inverted.buttons .button:first-child {
  margin-left: 0;
}
.ui.inverted.vertical.buttons .button {
  margin: 0 0 -2px 0;
}
.ui.inverted.vertical.buttons .button:first-child {
  margin-top: 0;
}

/* States */

/* Hover */
.ui.inverted.button:hover {
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
          box-shadow: 0 0 0 2px #FFFFFF inset;
  color: rgba(0, 0, 0, 0.8);
}

/* Active / Focus */
.ui.inverted.button:focus,
.ui.inverted.button.active {
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
          box-shadow: 0 0 0 2px #FFFFFF inset;
  color: rgba(0, 0, 0, 0.8);
}

/* Active Focus */
.ui.inverted.button.active:focus {
  background: #DCDDDE;
  -webkit-box-shadow: 0 0 0 2px #DCDDDE inset;
          box-shadow: 0 0 0 2px #DCDDDE inset;
  color: rgba(0, 0, 0, 0.8);
}

/*-------------------
      Labeled Button
  --------------------*/

.ui.labeled.button:not(.icon) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: none;
  padding: 0 !important;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.labeled.button > .button {
  margin: 0;
}
.ui.labeled.button > .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 -1px !important;
  font-size: 1em;
  padding: '';
  border-color: rgba(34, 36, 38, 0.15);
}

/* Tag */
.ui.labeled.button > .tag.label::before {
  width: 1.85em;
  height: 1.85em;
}

/* Right */
.ui.labeled.button:not([class*="left labeled"]) > .button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.labeled.button:not([class*="left labeled"]) > .label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Left Side */
.ui[class*="left labeled"].button > .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ui[class*="left labeled"].button > .label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/*-------------------
         Social
  --------------------*/


/* Facebook */
.ui.facebook.button {
  background-color: #3B5998;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.facebook.button:hover {
  background-color: #304d8a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.facebook.button:active {
  background-color: #2d4373;
  color: #FFFFFF;
  text-shadow: none;
}

/* Twitter */
.ui.twitter.button {
  background-color: #1DA1F2;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.twitter.button:hover {
  background-color: #0298f3;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.twitter.button:active {
  background-color: #0c85d0;
  color: #FFFFFF;
  text-shadow: none;
}

/* Google Plus */
.ui.google.plus.button {
  background-color: #DD4B39;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.google.plus.button:hover {
  background-color: #e0321c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.google.plus.button:active {
  background-color: #c23321;
  color: #FFFFFF;
  text-shadow: none;
}

/* Linked In */
.ui.linkedin.button {
  background-color: #0077B5;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.linkedin.button:hover {
  background-color: #00669c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.linkedin.button:active {
  background-color: #005582;
  color: #FFFFFF;
  text-shadow: none;
}

/* YouTube */
.ui.youtube.button {
  background-color: #FF0000;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.youtube.button:hover {
  background-color: #e60000;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.youtube.button:active {
  background-color: #cc0000;
  color: #FFFFFF;
  text-shadow: none;
}

/* Instagram */
.ui.instagram.button {
  background-color: #49769C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.instagram.button:hover {
  background-color: #3d698e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.instagram.button:active {
  background-color: #395c79;
  color: #FFFFFF;
  text-shadow: none;
}

/* Pinterest */
.ui.pinterest.button {
  background-color: #BD081C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.pinterest.button:hover {
  background-color: #ac0013;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pinterest.button:active {
  background-color: #8c0615;
  color: #FFFFFF;
  text-shadow: none;
}

/* VK */
.ui.vk.button {
  background-color: #45668E;
  color: #FFFFFF;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.vk.button:hover {
  background-color: #395980;
  color: #FFFFFF;
}
.ui.vk.button:active {
  background-color: #344d6c;
  color: #FFFFFF;
}

/* WhatsApp */
.ui.whatsapp.button {
  background-color: #25D366;
  color: #FFFFFF;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.whatsapp.button:hover {
  background-color: #19c55a;
  color: #FFFFFF;
}
.ui.whatsapp.button:active {
  background-color: #1da851;
  color: #FFFFFF;
}

/* Telegram */
.ui.telegram.button {
  background-color: #0088CC;
  color: #FFFFFF;
  background-image: none;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.telegram.button:hover {
  background-color: #0077b3;
  color: #FFFFFF;
}
.ui.telegram.button:active {
  background-color: #006699;
  color: #FFFFFF;
}

/*--------------
     Icon
---------------*/

.ui.button > .icon:not(.button) {
  height: auto;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  color: '';
}
.ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
.ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
  margin: 0 0.42857143em 0 -0.21428571em;
  vertical-align: baseline;
}
.ui.button:not(.icon) > .icons:not(.button):not(.dropdown) > .icon {
  vertical-align: baseline;
}
.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
  margin: 0 -0.21428571em 0 0.42857143em;
}


/*******************************
           Variations
*******************************/


/*--------------
     Stackable
  ---------------*/


/* Tablet Or Below */
@media only screen and (max-width: 767.98px) {
  .ui.stackable.buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .ui.stackable.buttons .button:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.28571429rem;
  }
  .ui.stackable.buttons .button:last-child {
    border-bottom-left-radius: 0.28571429rem;
    border-top-right-radius: 0;
  }
  .ui.stackable.buttons .button:only-child {
    border-radius: 0.28571429rem;
  }
}

/*-------------------
         Floated
  --------------------*/

.ui[class*="left floated"].buttons,
.ui[class*="left floated"].button {
  float: left;
  margin-left: 0;
  margin-right: 0.25em;
}
.ui[class*="right floated"].buttons,
.ui[class*="right floated"].button {
  float: right;
  margin-right: 0;
  margin-left: 0.25em;
}

/*-------------------
         Compact
  --------------------*/

.ui.compact.buttons .button,
.ui.compact.button {
  padding: 0.58928571em 1.125em 0.58928571em;
}
.ui.compact.icon.buttons .button,
.ui.compact.icon.button {
  padding: 0.58928571em 0.58928571em 0.58928571em;
}
.ui.compact.labeled.icon.buttons .button,
.ui.compact.labeled.icon.button {
  padding: 0.58928571em 3.69642857em 0.58928571em;
}
.ui.compact.labeled.icon.buttons .button > .icon,
.ui.compact.labeled.icon.button > .icon {
  padding: 0.58928571em 0 0.58928571em 0;
}

/*-------------------
        Sizes
--------------------*/

.ui.buttons .button,
.ui.buttons .or,
.ui.button {
  font-size: 1rem;
}
.ui.mini.buttons .dropdown,
.ui.mini.buttons .dropdown .menu > .item,
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.ui.ui.ui.mini.button {
  font-size: 0.78571429rem;
}
.ui.tiny.buttons .dropdown,
.ui.tiny.buttons .dropdown .menu > .item,
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.ui.ui.ui.tiny.button {
  font-size: 0.85714286rem;
}
.ui.small.buttons .dropdown,
.ui.small.buttons .dropdown .menu > .item,
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.ui.ui.ui.small.button {
  font-size: 0.92857143rem;
}
.ui.large.buttons .dropdown,
.ui.large.buttons .dropdown .menu > .item,
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.ui.ui.ui.large.button {
  font-size: 1.14285714rem;
}
.ui.big.buttons .dropdown,
.ui.big.buttons .dropdown .menu > .item,
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.ui.ui.ui.big.button {
  font-size: 1.28571429rem;
}
.ui.huge.buttons .dropdown,
.ui.huge.buttons .dropdown .menu > .item,
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.ui.ui.ui.huge.button {
  font-size: 1.42857143rem;
}
.ui.massive.buttons .dropdown,
.ui.massive.buttons .dropdown .menu > .item,
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.ui.ui.ui.massive.button {
  font-size: 1.71428571rem;
}

/*--------------
      Icon Only
  ---------------*/

.ui.icon.buttons .button,
.ui.icon.button:not(.animated):not(.compact):not(.labeled) {
  padding: 0.78571429em 0.78571429em 0.78571429em;
}
.ui.animated.icon.button > .content > .icon,
.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
  opacity: 0.9;
  margin: 0 !important;
  vertical-align: top;
}
.ui.animated.button > .content > .icon {
  vertical-align: top;
}

/*-------------------
          Basic
  --------------------*/

.ui.basic.buttons .button,
.ui.basic.button {
  background: transparent none;
  color: rgba(0, 0, 0, 0.6);
  font-weight: normal;
  border-radius: 0.28571429rem;
  text-transform: none;
  text-shadow: none !important;
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  border-right: none;
}
.ui.basic.buttons .button {
  border-radius: 0;
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .button:focus,
.ui.basic.button:focus {
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .button:active,
.ui.basic.button:active {
  background: #F8F8F8;
  color: rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .active.button,
.ui.basic.active.button {
  background: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: '';
          box-shadow: '';
  color: rgba(0, 0, 0, 0.95);
}
.ui.basic.buttons .active.button:hover,
.ui.basic.active.button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.ui.basic.buttons .button:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
}
.ui.basic.buttons .button:active {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
}
.ui.basic.buttons .active.button {
  -webkit-box-shadow: '';
          box-shadow: '';
}

/* Standard Basic Inverted */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  background-color: transparent;
  color: #F9FAFB;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
}
.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
          box-shadow: 0 0 0 2px #ffffff inset;
}
.ui.basic.inverted.buttons .button:focus,
.ui.basic.inverted.button:focus {
  color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
          box-shadow: 0 0 0 2px #ffffff inset;
}
.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
}
.ui.basic.inverted.buttons .active.button,
.ui.basic.inverted.active.button {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  text-shadow: none;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
}
.ui.basic.inverted.buttons .active.button:hover,
.ui.basic.inverted.active.button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
          box-shadow: 0 0 0 2px #ffffff inset;
}

/* Basic Group */
.ui.basic.buttons:not(.inverted) .button:not(.basic) {
  border-right: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.vertical.buttons .button {
  border-left: none;
  border-left-width: 0;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.basic.vertical.buttons:not(.spaced) .button:first-child {
  border-top: none;
}

/*-------------------
         Tertiary
  --------------------*/


/* Overline Mixin */
.ui.tertiary.button {
  -webkit-transition: color 0.1s ease !important;
  transition: color 0.1s ease !important;
  border-radius: 0;
  margin: 0.28571429em 0.25em 0.28571429em 0 !important;
  padding: 0.5em 0.5em !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
  background: none;
}
.ui.tertiary.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #666666;
          box-shadow: inset 0 -0.2em 0 #666666;
  color: #333333;
  background: none;
}
.ui.tertiary.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #666666;
          box-shadow: inset 0 -0.2em 0 #666666;
  color: #333333;
  background: none;
}
.ui.tertiary.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #999999;
          box-shadow: inset 0 -0.2em 0 #999999;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
  color: #666666;
  background: none;
}

/*--------------
    Labeled Icon
  ---------------*/

.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
  position: relative;
  padding-left: 4.07142857em !important;
  padding-right: 1.5em !important;
}

/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  line-height: 1;
  border-radius: 0;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  text-align: center;
  -webkit-animation: none;
          animation: none;
  padding: 0.78571429em 0 0.78571429em 0;
  margin: 0;
  width: 2.57142857em;
  background-color: rgba(0, 0, 0, 0.05);
  color: '';
  -webkit-box-shadow: -1px 0 0 0 transparent inset;
          box-shadow: -1px 0 0 0 transparent inset;
}

/* Right Labeled */
.ui[class*="right labeled"].icon.button {
  padding-right: 4.07142857em !important;
  padding-left: 1.5em !important;
}
.ui[class*="right labeled"].icon.button > .icon {
  left: auto;
  right: 0;
  border-radius: 0;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  -webkit-box-shadow: 1px 0 0 0 transparent inset;
          box-shadow: 1px 0 0 0 transparent inset;
}
.ui.labeled.icon.buttons > .button > .icon::before,
.ui.labeled.icon.button > .icon::before,
.ui.labeled.icon.buttons > .button > .icon::after,
.ui.labeled.icon.button > .icon::after {
  display: block;
  position: relative;
  width: 100%;
  top: 0;
  text-align: center;
}
.ui.labeled.icon.buttons .button > .icon {
  border-radius: 0;
}
.ui.labeled.icon.buttons .button:first-child > .icon {
  border-top-left-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
}
.ui.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0;
  border-top-left-radius: 0.28571429rem;
}
.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0;
  border-bottom-left-radius: 0.28571429rem;
}

/* Loading Icon in Labeled Button */
.ui.labeled.icon.button > .loading.icon::before {
  -webkit-animation: loader 2s linear infinite;
          animation: loader 2s linear infinite;
}

/*--------------
       Toggle
  ---------------*/


/* Toggle (Modifies active state to give affordances) */
.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
  background-color: #21BA45;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  color: #FFFFFF;
}
.ui.button.toggle.active:hover {
  background-color: #16ab39;
  text-shadow: none;
  color: #FFFFFF;
}

/*--------------
      Circular
  ---------------*/

.ui.circular.button {
  border-radius: 10em;
}
.ui.circular.button > .icon {
  width: 1em;
  vertical-align: baseline;
}

/*-------------------
        Or Buttons
  --------------------*/

.ui.buttons .or {
  position: relative;
  width: 0.3em;
  height: 2.57142857em;
  z-index: 3;
}
.ui.buttons .or::before {
  position: absolute;
  text-align: center;
  border-radius: 500rem;
  content: 'or';
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  text-shadow: none;
  margin-top: -0.89285714em;
  margin-left: -0.89285714em;
  width: 1.78571429em;
  height: 1.78571429em;
  line-height: 1.78571429em;
  color: rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: bold;
  -webkit-box-shadow: 0 0 0 1px transparent inset;
          box-shadow: 0 0 0 1px transparent inset;
}
.ui.buttons .or[data-text]::before {
  content: attr(data-text);
}

/* Fluid Or */
.ui.fluid.buttons .or {
  width: 0 !important;
}
.ui.fluid.buttons .or::after {
  display: none;
}

/*-------------------
         Attached
  --------------------*/


/* Singular */
.ui.attached.button {
  position: relative;
  display: block;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
}

/* Top / Bottom */
.ui.attached.top.button {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.attached.bottom.button {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}

/* Left / Right */
.ui.left.attached.button {
  display: inline-block;
  border-left: none;
  text-align: right;
  padding-right: 0.75em;
  border-radius: 0.28571429rem 0 0 0.28571429rem;
}
.ui.right.attached.button {
  display: inline-block;
  text-align: left;
  padding-left: 0.75em;
  border-radius: 0 0.28571429rem 0.28571429rem 0;
}

/* Plural */
.ui.attached.buttons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  width: auto !important;
  z-index: auto;
  margin-left: -1px;
  margin-right: -1px;
}
.ui.attached.buttons .button {
  margin: 0;
}
.ui.attached.buttons .button:first-child {
  border-radius: 0;
}
.ui.attached.buttons .button:last-child {
  border-radius: 0;
}

/* Top / Bottom */
.ui[class*="top attached"].buttons {
  margin-bottom: 0;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui[class*="top attached"].buttons .button:first-child {
  border-radius: 0.28571429rem 0 0 0;
}
.ui[class*="top attached"].buttons .button:last-child {
  border-radius: 0 0.28571429rem 0 0;
}
.ui[class*="bottom attached"].buttons {
  margin-top: -1px;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0 0 0 0.28571429rem;
}
.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0 0 0.28571429rem 0;
}

/* Left / Right */
.ui[class*="left attached"].buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0;
  margin-left: -1px;
  border-radius: 0 0.28571429rem 0.28571429rem 0;
}
.ui[class*="left attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0 0.28571429rem 0 0;
}
.ui[class*="left attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0 0 0.28571429rem 0;
}
.ui[class*="right attached"].buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0;
  margin-right: -1px;
  border-radius: 0.28571429rem 0 0 0.28571429rem;
}
.ui[class*="right attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0.28571429rem 0 0 0;
}
.ui[class*="right attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0 0 0 0.28571429rem;
}

/*-------------------
          Fluid
  --------------------*/

.ui.fluid.buttons,
.ui.fluid.button {
  width: 100%;
}
.ui.fluid.button {
  display: block;
}
.ui.two.buttons {
  width: 100%;
}
.ui.two.buttons > .button {
  width: 50%;
}
.ui.three.buttons {
  width: 100%;
}
.ui.three.buttons > .button {
  width: 33.333%;
}
.ui.four.buttons {
  width: 100%;
}
.ui.four.buttons > .button {
  width: 25%;
}
.ui.five.buttons {
  width: 100%;
}
.ui.five.buttons > .button {
  width: 20%;
}
.ui.six.buttons {
  width: 100%;
}
.ui.six.buttons > .button {
  width: 16.666%;
}
.ui.seven.buttons {
  width: 100%;
}
.ui.seven.buttons > .button {
  width: 14.285%;
}
.ui.eight.buttons {
  width: 100%;
}
.ui.eight.buttons > .button {
  width: 12.5%;
}
.ui.nine.buttons {
  width: 100%;
}
.ui.nine.buttons > .button {
  width: 11.11%;
}
.ui.ten.buttons {
  width: 100%;
}
.ui.ten.buttons > .button {
  width: 10%;
}
.ui.eleven.buttons {
  width: 100%;
}
.ui.eleven.buttons > .button {
  width: 9.09%;
}
.ui.twelve.buttons {
  width: 100%;
}
.ui.twelve.buttons > .button {
  width: 8.3333%;
}

/* Fluid Vertical Buttons */
.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons > .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui.two.vertical.buttons > .button {
  height: 50%;
}
.ui.three.vertical.buttons > .button {
  height: 33.333%;
}
.ui.four.vertical.buttons > .button {
  height: 25%;
}
.ui.five.vertical.buttons > .button {
  height: 20%;
}
.ui.six.vertical.buttons > .button {
  height: 16.666%;
}
.ui.seven.vertical.buttons > .button {
  height: 14.285%;
}
.ui.eight.vertical.buttons > .button {
  height: 12.5%;
}
.ui.nine.vertical.buttons > .button {
  height: 11.11%;
}
.ui.ten.vertical.buttons > .button {
  height: 10%;
}
.ui.eleven.vertical.buttons > .button {
  height: 9.09%;
}
.ui.twelve.vertical.buttons > .button {
  height: 8.3333%;
}

/*-------------------
       Colors
--------------------*/

.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #2185D0;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.primary.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
  background-color: #1678c2;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  background-color: #0d71bb;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #1a69a4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active,
.ui.primary.active.button,
.ui.primary.button .active.button:active {
  background-color: #1279c6;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
          box-shadow: 0 0 0 1px #2185D0 inset;
  color: #2185D0;
}
.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
          box-shadow: 0 0 0 1px #1678c2 inset;
  color: #1678c2;
}
.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
          box-shadow: 0 0 0 1px #0d71bb inset;
  color: #1678c2;
}
.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
          box-shadow: 0 0 0 1px #1279c6 inset;
  color: #1a69a4;
}
.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
  -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
          box-shadow: 0 0 0 1px #1a69a4 inset;
  color: #1a69a4;
}

/* Inverted */
.ui.inverted.primary.buttons .button,
.ui.inverted.primary.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
          box-shadow: 0 0 0 2px #54C8FF inset;
  color: #54C8FF;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover,
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus,
.ui.inverted.primary.buttons .button.active,
.ui.inverted.primary.button.active,
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover {
  background-color: #21b8ff;
}
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus {
  background-color: #2bbbff;
}
.ui.inverted.primary.buttons .active.button,
.ui.inverted.primary.active.button {
  background-color: #3ac0ff;
}
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  background-color: #21b8ff;
}

/* Inverted Basic */
.ui.inverted.primary.basic.buttons .button,
.ui.inverted.primary.buttons .basic.button,
.ui.inverted.primary.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.primary.basic.buttons .button:hover,
.ui.inverted.primary.buttons .basic.button:hover,
.ui.inverted.primary.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
          box-shadow: 0 0 0 2px #21b8ff inset;
  color: #54C8FF;
}
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
          box-shadow: 0 0 0 2px #2bbbff inset;
  color: #54C8FF;
}
.ui.inverted.primary.basic.buttons .active.button,
.ui.inverted.primary.buttons .basic.active.button,
.ui.inverted.primary.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
          box-shadow: 0 0 0 2px #3ac0ff inset;
  color: #54C8FF;
}
.ui.inverted.primary.basic.buttons .button:active,
.ui.inverted.primary.buttons .basic.button:active,
.ui.inverted.primary.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
          box-shadow: 0 0 0 2px #21b8ff inset;
  color: #54C8FF;
}

/* Tertiary */
.ui.tertiary.primary.buttons .button,
.ui.tertiary.primary.buttons .tertiary.button,
.ui.tertiary.primary.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2185D0;
}
.ui.tertiary.primary.buttons .button:hover,
.ui.tertiary.primary.buttons button:hover,
.ui.tertiary.primary.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
          box-shadow: inset 0 -0.2em 0 #2b75ac;
  color: #2b75ac;
}
.ui.tertiary.primary.buttons .button:focus,
.ui.tertiary.primary.buttons .tertiary.button:focus,
.ui.tertiary.primary.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
          box-shadow: inset 0 -0.2em 0 #216ea7;
  color: #216ea7;
}
.ui.tertiary.primary.buttons .active.button,
.ui.tertiary.primary.buttons .tertiary.active.button,
.ui.tertiary.primary.active.button,
.ui.tertiary.primary.buttons .button:active,
.ui.tertiary.primary.buttons .tertiary.button:active,
.ui.tertiary.primary.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
          box-shadow: inset 0 -0.2em 0 #007bd8;
  color: #1279c6;
}
.ui.secondary.buttons .button,
.ui.secondary.button {
  background-color: #1B1C1D;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.secondary.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.secondary.buttons .button:focus,
.ui.secondary.button:focus {
  background-color: #2e3032;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
  background-color: #343637;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.secondary.buttons .active.button,
.ui.secondary.buttons .active.button:active,
.ui.secondary.active.button,
.ui.secondary.button .active.button:active {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.secondary.buttons .button,
.ui.basic.secondary.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
          box-shadow: 0 0 0 1px #1B1C1D inset;
  color: #1B1C1D;
}
.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #27292a inset;
          box-shadow: 0 0 0 1px #27292a inset;
  color: #27292a;
}
.ui.basic.secondary.buttons .button:focus,
.ui.basic.secondary.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #2e3032 inset;
          box-shadow: 0 0 0 1px #2e3032 inset;
  color: #27292a;
}
.ui.basic.secondary.buttons .active.button,
.ui.basic.secondary.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #27292a inset;
          box-shadow: 0 0 0 1px #27292a inset;
  color: #343637;
}
.ui.basic.secondary.buttons .button:active,
.ui.basic.secondary.button:active {
  -webkit-box-shadow: 0 0 0 1px #343637 inset;
          box-shadow: 0 0 0 1px #343637 inset;
  color: #343637;
}

/* Inverted */
.ui.inverted.secondary.buttons .button,
.ui.inverted.secondary.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #545454 inset;
          box-shadow: 0 0 0 2px #545454 inset;
  color: #545454;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover,
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus,
.ui.inverted.secondary.buttons .button.active,
.ui.inverted.secondary.button.active,
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover {
  background-color: #6e6e6e;
}
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus {
  background-color: #686868;
}
.ui.inverted.secondary.buttons .active.button,
.ui.inverted.secondary.active.button {
  background-color: #616161;
}
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  background-color: #6e6e6e;
}

/* Inverted Basic */
.ui.inverted.secondary.basic.buttons .button,
.ui.inverted.secondary.buttons .basic.button,
.ui.inverted.secondary.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.secondary.basic.buttons .button:hover,
.ui.inverted.secondary.buttons .basic.button:hover,
.ui.inverted.secondary.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
          box-shadow: 0 0 0 2px #6e6e6e inset;
  color: #545454;
}
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #686868 inset;
          box-shadow: 0 0 0 2px #686868 inset;
  color: #545454;
}
.ui.inverted.secondary.basic.buttons .active.button,
.ui.inverted.secondary.buttons .basic.active.button,
.ui.inverted.secondary.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #616161 inset;
          box-shadow: 0 0 0 2px #616161 inset;
  color: #545454;
}
.ui.inverted.secondary.basic.buttons .button:active,
.ui.inverted.secondary.buttons .basic.button:active,
.ui.inverted.secondary.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
          box-shadow: 0 0 0 2px #6e6e6e inset;
  color: #545454;
}

/* Tertiary */
.ui.tertiary.secondary.buttons .button,
.ui.tertiary.secondary.buttons .tertiary.button,
.ui.tertiary.secondary.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #1B1C1D;
}
.ui.tertiary.secondary.buttons .button:hover,
.ui.tertiary.secondary.buttons button:hover,
.ui.tertiary.secondary.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #292929;
          box-shadow: inset 0 -0.2em 0 #292929;
  color: #292929;
}
.ui.tertiary.secondary.buttons .button:focus,
.ui.tertiary.secondary.buttons .tertiary.button:focus,
.ui.tertiary.secondary.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #303030;
          box-shadow: inset 0 -0.2em 0 #303030;
  color: #303030;
}
.ui.tertiary.secondary.buttons .active.button,
.ui.tertiary.secondary.buttons .tertiary.active.button,
.ui.tertiary.secondary.active.button,
.ui.tertiary.secondary.buttons .button:active,
.ui.tertiary.secondary.buttons .tertiary.button:active,
.ui.tertiary.secondary.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #1f2933;
          box-shadow: inset 0 -0.2em 0 #1f2933;
  color: #27292a;
}
.ui.red.buttons .button,
.ui.red.button {
  background-color: #DB2828;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.red.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.red.buttons .button:hover,
.ui.red.button:hover {
  background-color: #d01919;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .button:focus,
.ui.red.button:focus {
  background-color: #ca1010;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .button:active,
.ui.red.button:active {
  background-color: #b21e1e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .active.button,
.ui.red.buttons .active.button:active,
.ui.red.active.button,
.ui.red.button .active.button:active {
  background-color: #d41515;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
          box-shadow: 0 0 0 1px #DB2828 inset;
  color: #DB2828;
}
.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #d01919 inset;
          box-shadow: 0 0 0 1px #d01919 inset;
  color: #d01919;
}
.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
          box-shadow: 0 0 0 1px #ca1010 inset;
  color: #d01919;
}
.ui.basic.red.buttons .active.button,
.ui.basic.red.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #d41515 inset;
          box-shadow: 0 0 0 1px #d41515 inset;
  color: #b21e1e;
}
.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
  -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
          box-shadow: 0 0 0 1px #b21e1e inset;
  color: #b21e1e;
}

/* Inverted */
.ui.inverted.red.buttons .button,
.ui.inverted.red.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #FF695E inset;
          box-shadow: 0 0 0 2px #FF695E inset;
  color: #FF695E;
}
.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus,
.ui.inverted.red.buttons .button.active,
.ui.inverted.red.button.active,
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover {
  background-color: #ff392b;
}
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus {
  background-color: #ff4335;
}
.ui.inverted.red.buttons .active.button,
.ui.inverted.red.active.button {
  background-color: #ff5144;
}
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  background-color: #ff392b;
}

/* Inverted Basic */
.ui.inverted.red.basic.buttons .button,
.ui.inverted.red.buttons .basic.button,
.ui.inverted.red.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover,
.ui.inverted.red.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #ff392b inset;
          box-shadow: 0 0 0 2px #ff392b inset;
  color: #FF695E;
}
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #ff4335 inset;
          box-shadow: 0 0 0 2px #ff4335 inset;
  color: #FF695E;
}
.ui.inverted.red.basic.buttons .active.button,
.ui.inverted.red.buttons .basic.active.button,
.ui.inverted.red.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #ff5144 inset;
          box-shadow: 0 0 0 2px #ff5144 inset;
  color: #FF695E;
}
.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active,
.ui.inverted.red.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #ff392b inset;
          box-shadow: 0 0 0 2px #ff392b inset;
  color: #FF695E;
}

/* Tertiary */
.ui.tertiary.red.buttons .button,
.ui.tertiary.red.buttons .tertiary.button,
.ui.tertiary.red.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #DB2828;
}
.ui.tertiary.red.buttons .button:hover,
.ui.tertiary.red.buttons button:hover,
.ui.tertiary.red.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #b93131;
          box-shadow: inset 0 -0.2em 0 #b93131;
  color: #b93131;
}
.ui.tertiary.red.buttons .button:focus,
.ui.tertiary.red.buttons .tertiary.button:focus,
.ui.tertiary.red.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #b52626;
          box-shadow: inset 0 -0.2em 0 #b52626;
  color: #b52626;
}
.ui.tertiary.red.buttons .active.button,
.ui.tertiary.red.buttons .tertiary.active.button,
.ui.tertiary.red.active.button,
.ui.tertiary.red.buttons .button:active,
.ui.tertiary.red.buttons .tertiary.button:active,
.ui.tertiary.red.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #ea0000;
          box-shadow: inset 0 -0.2em 0 #ea0000;
  color: #d41515;
}
.ui.orange.buttons .button,
.ui.orange.button {
  background-color: #F2711C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.orange.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover {
  background-color: #f26202;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .button:focus,
.ui.orange.button:focus {
  background-color: #e55b00;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .button:active,
.ui.orange.button:active {
  background-color: #cf590c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active,
.ui.orange.active.button,
.ui.orange.button .active.button:active {
  background-color: #f56100;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #F2711C inset;
          box-shadow: 0 0 0 1px #F2711C inset;
  color: #F2711C;
}
.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #f26202 inset;
          box-shadow: 0 0 0 1px #f26202 inset;
  color: #f26202;
}
.ui.basic.orange.buttons .button:focus,
.ui.basic.orange.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #e55b00 inset;
          box-shadow: 0 0 0 1px #e55b00 inset;
  color: #f26202;
}
.ui.basic.orange.buttons .active.button,
.ui.basic.orange.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #f56100 inset;
          box-shadow: 0 0 0 1px #f56100 inset;
  color: #cf590c;
}
.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
  -webkit-box-shadow: 0 0 0 1px #cf590c inset;
          box-shadow: 0 0 0 1px #cf590c inset;
  color: #cf590c;
}

/* Inverted */
.ui.inverted.orange.buttons .button,
.ui.inverted.orange.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #FF851B inset;
          box-shadow: 0 0 0 2px #FF851B inset;
  color: #FF851B;
}
.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus,
.ui.inverted.orange.buttons .button.active,
.ui.inverted.orange.button.active,
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover {
  background-color: #e76b00;
}
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus {
  background-color: #f17000;
}
.ui.inverted.orange.buttons .active.button,
.ui.inverted.orange.active.button {
  background-color: #ff7701;
}
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  background-color: #e76b00;
}

/* Inverted Basic */
.ui.inverted.orange.basic.buttons .button,
.ui.inverted.orange.buttons .basic.button,
.ui.inverted.orange.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.orange.basic.buttons .button:hover,
.ui.inverted.orange.buttons .basic.button:hover,
.ui.inverted.orange.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
          box-shadow: 0 0 0 2px #e76b00 inset;
  color: #FF851B;
}
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #f17000 inset;
          box-shadow: 0 0 0 2px #f17000 inset;
  color: #FF851B;
}
.ui.inverted.orange.basic.buttons .active.button,
.ui.inverted.orange.buttons .basic.active.button,
.ui.inverted.orange.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #ff7701 inset;
          box-shadow: 0 0 0 2px #ff7701 inset;
  color: #FF851B;
}
.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active,
.ui.inverted.orange.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
          box-shadow: 0 0 0 2px #e76b00 inset;
  color: #FF851B;
}

/* Tertiary */
.ui.tertiary.orange.buttons .button,
.ui.tertiary.orange.buttons .tertiary.button,
.ui.tertiary.orange.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #F2711C;
}
.ui.tertiary.orange.buttons .button:hover,
.ui.tertiary.orange.buttons button:hover,
.ui.tertiary.orange.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #da671b;
          box-shadow: inset 0 -0.2em 0 #da671b;
  color: #da671b;
}
.ui.tertiary.orange.buttons .button:focus,
.ui.tertiary.orange.buttons .tertiary.button:focus,
.ui.tertiary.orange.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #ce6017;
          box-shadow: inset 0 -0.2em 0 #ce6017;
  color: #ce6017;
}
.ui.tertiary.orange.buttons .active.button,
.ui.tertiary.orange.buttons .tertiary.active.button,
.ui.tertiary.orange.active.button,
.ui.tertiary.orange.buttons .button:active,
.ui.tertiary.orange.buttons .tertiary.button:active,
.ui.tertiary.orange.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #f56100;
          box-shadow: inset 0 -0.2em 0 #f56100;
  color: #f56100;
}
.ui.yellow.buttons .button,
.ui.yellow.button {
  background-color: #FBBD08;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.yellow.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.yellow.buttons .button:hover,
.ui.yellow.button:hover {
  background-color: #eaae00;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .button:focus,
.ui.yellow.button:focus {
  background-color: #daa300;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .button:active,
.ui.yellow.button:active {
  background-color: #cd9903;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .active.button,
.ui.yellow.buttons .active.button:active,
.ui.yellow.active.button,
.ui.yellow.button .active.button:active {
  background-color: #eaae00;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #FBBD08 inset;
          box-shadow: 0 0 0 1px #FBBD08 inset;
  color: #FBBD08;
}
.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
          box-shadow: 0 0 0 1px #eaae00 inset;
  color: #eaae00;
}
.ui.basic.yellow.buttons .button:focus,
.ui.basic.yellow.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #daa300 inset;
          box-shadow: 0 0 0 1px #daa300 inset;
  color: #eaae00;
}
.ui.basic.yellow.buttons .active.button,
.ui.basic.yellow.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
          box-shadow: 0 0 0 1px #eaae00 inset;
  color: #cd9903;
}
.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
  -webkit-box-shadow: 0 0 0 1px #cd9903 inset;
          box-shadow: 0 0 0 1px #cd9903 inset;
  color: #cd9903;
}

/* Inverted */
.ui.inverted.yellow.buttons .button,
.ui.inverted.yellow.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #FFE21F inset;
          box-shadow: 0 0 0 2px #FFE21F inset;
  color: #FFE21F;
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.buttons .button.active,
.ui.inverted.yellow.button.active,
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover {
  background-color: #ebcd00;
}
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus {
  background-color: #f5d500;
}
.ui.inverted.yellow.buttons .active.button,
.ui.inverted.yellow.active.button {
  background-color: #ffdf05;
}
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  background-color: #ebcd00;
}

/* Inverted Basic */
.ui.inverted.yellow.basic.buttons .button,
.ui.inverted.yellow.buttons .basic.button,
.ui.inverted.yellow.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.yellow.basic.buttons .button:hover,
.ui.inverted.yellow.buttons .basic.button:hover,
.ui.inverted.yellow.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
          box-shadow: 0 0 0 2px #ebcd00 inset;
  color: #FFE21F;
}
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #f5d500 inset;
          box-shadow: 0 0 0 2px #f5d500 inset;
  color: #FFE21F;
}
.ui.inverted.yellow.basic.buttons .active.button,
.ui.inverted.yellow.buttons .basic.active.button,
.ui.inverted.yellow.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #ffdf05 inset;
          box-shadow: 0 0 0 2px #ffdf05 inset;
  color: #FFE21F;
}
.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active,
.ui.inverted.yellow.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
          box-shadow: 0 0 0 2px #ebcd00 inset;
  color: #FFE21F;
}

/* Tertiary */
.ui.tertiary.yellow.buttons .button,
.ui.tertiary.yellow.buttons .tertiary.button,
.ui.tertiary.yellow.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FBBD08;
}
.ui.tertiary.yellow.buttons .button:hover,
.ui.tertiary.yellow.buttons button:hover,
.ui.tertiary.yellow.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #d2a217;
          box-shadow: inset 0 -0.2em 0 #d2a217;
  color: #d2a217;
}
.ui.tertiary.yellow.buttons .button:focus,
.ui.tertiary.yellow.buttons .tertiary.button:focus,
.ui.tertiary.yellow.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #c49816;
          box-shadow: inset 0 -0.2em 0 #c49816;
  color: #c49816;
}
.ui.tertiary.yellow.buttons .active.button,
.ui.tertiary.yellow.buttons .tertiary.active.button,
.ui.tertiary.yellow.active.button,
.ui.tertiary.yellow.buttons .button:active,
.ui.tertiary.yellow.buttons .tertiary.button:active,
.ui.tertiary.yellow.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #eaae00;
          box-shadow: inset 0 -0.2em 0 #eaae00;
  color: #eaae00;
}
.ui.olive.buttons .button,
.ui.olive.button {
  background-color: #B5CC18;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.olive.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.olive.buttons .button:hover,
.ui.olive.button:hover {
  background-color: #a7bd0d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .button:focus,
.ui.olive.button:focus {
  background-color: #a0b605;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .button:active,
.ui.olive.button:active {
  background-color: #8d9e13;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .active.button,
.ui.olive.buttons .active.button:active,
.ui.olive.active.button,
.ui.olive.button .active.button:active {
  background-color: #aac109;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.olive.buttons .button,
.ui.basic.olive.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #B5CC18 inset;
          box-shadow: 0 0 0 1px #B5CC18 inset;
  color: #B5CC18;
}
.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #a7bd0d inset;
          box-shadow: 0 0 0 1px #a7bd0d inset;
  color: #a7bd0d;
}
.ui.basic.olive.buttons .button:focus,
.ui.basic.olive.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #a0b605 inset;
          box-shadow: 0 0 0 1px #a0b605 inset;
  color: #a7bd0d;
}
.ui.basic.olive.buttons .active.button,
.ui.basic.olive.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #aac109 inset;
          box-shadow: 0 0 0 1px #aac109 inset;
  color: #8d9e13;
}
.ui.basic.olive.buttons .button:active,
.ui.basic.olive.button:active {
  -webkit-box-shadow: 0 0 0 1px #8d9e13 inset;
          box-shadow: 0 0 0 1px #8d9e13 inset;
  color: #8d9e13;
}

/* Inverted */
.ui.inverted.olive.buttons .button,
.ui.inverted.olive.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #D9E778 inset;
          box-shadow: 0 0 0 2px #D9E778 inset;
  color: #D9E778;
}
.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus,
.ui.inverted.olive.buttons .button.active,
.ui.inverted.olive.button.active,
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover {
  background-color: #d2e745;
}
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus {
  background-color: #daef47;
}
.ui.inverted.olive.buttons .active.button,
.ui.inverted.olive.active.button {
  background-color: #daed59;
}
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  background-color: #cddf4d;
}

/* Inverted Basic */
.ui.inverted.olive.basic.buttons .button,
.ui.inverted.olive.buttons .basic.button,
.ui.inverted.olive.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.olive.basic.buttons .button:hover,
.ui.inverted.olive.buttons .basic.button:hover,
.ui.inverted.olive.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #d2e745 inset;
          box-shadow: 0 0 0 2px #d2e745 inset;
  color: #D9E778;
}
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #daef47 inset;
          box-shadow: 0 0 0 2px #daef47 inset;
  color: #D9E778;
}
.ui.inverted.olive.basic.buttons .active.button,
.ui.inverted.olive.buttons .basic.active.button,
.ui.inverted.olive.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #daed59 inset;
          box-shadow: 0 0 0 2px #daed59 inset;
  color: #D9E778;
}
.ui.inverted.olive.basic.buttons .button:active,
.ui.inverted.olive.buttons .basic.button:active,
.ui.inverted.olive.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #cddf4d inset;
          box-shadow: 0 0 0 2px #cddf4d inset;
  color: #D9E778;
}

/* Tertiary */
.ui.tertiary.olive.buttons .button,
.ui.tertiary.olive.buttons .tertiary.button,
.ui.tertiary.olive.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #B5CC18;
}
.ui.tertiary.olive.buttons .button:hover,
.ui.tertiary.olive.buttons button:hover,
.ui.tertiary.olive.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #98a922;
          box-shadow: inset 0 -0.2em 0 #98a922;
  color: #98a922;
}
.ui.tertiary.olive.buttons .button:focus,
.ui.tertiary.olive.buttons .tertiary.button:focus,
.ui.tertiary.olive.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #92a418;
          box-shadow: inset 0 -0.2em 0 #92a418;
  color: #92a418;
}
.ui.tertiary.olive.buttons .active.button,
.ui.tertiary.olive.buttons .tertiary.active.button,
.ui.tertiary.olive.active.button,
.ui.tertiary.olive.buttons .button:active,
.ui.tertiary.olive.buttons .tertiary.button:active,
.ui.tertiary.olive.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #b1cb00;
          box-shadow: inset 0 -0.2em 0 #b1cb00;
  color: #aac109;
}
.ui.green.buttons .button,
.ui.green.button {
  background-color: #21BA45;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.green.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.green.buttons .button:hover,
.ui.green.button:hover {
  background-color: #16ab39;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .button:focus,
.ui.green.button:focus {
  background-color: #0ea432;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .button:active,
.ui.green.button:active {
  background-color: #198f35;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active,
.ui.green.active.button,
.ui.green.button .active.button:active {
  background-color: #13ae38;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.green.buttons .button,
.ui.basic.green.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
          box-shadow: 0 0 0 1px #21BA45 inset;
  color: #21BA45;
}
.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
          box-shadow: 0 0 0 1px #16ab39 inset;
  color: #16ab39;
}
.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
          box-shadow: 0 0 0 1px #0ea432 inset;
  color: #16ab39;
}
.ui.basic.green.buttons .active.button,
.ui.basic.green.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
          box-shadow: 0 0 0 1px #13ae38 inset;
  color: #198f35;
}
.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
  -webkit-box-shadow: 0 0 0 1px #198f35 inset;
          box-shadow: 0 0 0 1px #198f35 inset;
  color: #198f35;
}

/* Inverted */
.ui.inverted.green.buttons .button,
.ui.inverted.green.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #2ECC40 inset;
          box-shadow: 0 0 0 2px #2ECC40 inset;
  color: #2ECC40;
}
.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus,
.ui.inverted.green.buttons .button.active,
.ui.inverted.green.button.active,
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover {
  background-color: #1ea92e;
}
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus {
  background-color: #19b82b;
}
.ui.inverted.green.buttons .active.button,
.ui.inverted.green.active.button {
  background-color: #1fc231;
}
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  background-color: #25a233;
}

/* Inverted Basic */
.ui.inverted.green.basic.buttons .button,
.ui.inverted.green.buttons .basic.button,
.ui.inverted.green.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover,
.ui.inverted.green.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #1ea92e inset;
          box-shadow: 0 0 0 2px #1ea92e inset;
  color: #2ECC40;
}
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #19b82b inset;
          box-shadow: 0 0 0 2px #19b82b inset;
  color: #2ECC40;
}
.ui.inverted.green.basic.buttons .active.button,
.ui.inverted.green.buttons .basic.active.button,
.ui.inverted.green.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #1fc231 inset;
          box-shadow: 0 0 0 2px #1fc231 inset;
  color: #2ECC40;
}
.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active,
.ui.inverted.green.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #25a233 inset;
          box-shadow: 0 0 0 2px #25a233 inset;
  color: #2ECC40;
}

/* Tertiary */
.ui.tertiary.green.buttons .button,
.ui.tertiary.green.buttons .tertiary.button,
.ui.tertiary.green.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #21BA45;
}
.ui.tertiary.green.buttons .button:hover,
.ui.tertiary.green.buttons button:hover,
.ui.tertiary.green.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #2a9844;
          box-shadow: inset 0 -0.2em 0 #2a9844;
  color: #2a9844;
}
.ui.tertiary.green.buttons .button:focus,
.ui.tertiary.green.buttons .tertiary.button:focus,
.ui.tertiary.green.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #20923b;
          box-shadow: inset 0 -0.2em 0 #20923b;
  color: #20923b;
}
.ui.tertiary.green.buttons .active.button,
.ui.tertiary.green.buttons .tertiary.active.button,
.ui.tertiary.green.active.button,
.ui.tertiary.green.buttons .button:active,
.ui.tertiary.green.buttons .tertiary.button:active,
.ui.tertiary.green.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #00c22e;
          box-shadow: inset 0 -0.2em 0 #00c22e;
  color: #13ae38;
}
.ui.teal.buttons .button,
.ui.teal.button {
  background-color: #00B5AD;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.teal.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
  background-color: #009c95;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .button:focus,
.ui.teal.button:focus {
  background-color: #008c86;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .button:active,
.ui.teal.button:active {
  background-color: #00827c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active,
.ui.teal.active.button,
.ui.teal.button .active.button:active {
  background-color: #009c95;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #00B5AD inset;
          box-shadow: 0 0 0 1px #00B5AD inset;
  color: #00B5AD;
}
.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #009c95 inset;
          box-shadow: 0 0 0 1px #009c95 inset;
  color: #009c95;
}
.ui.basic.teal.buttons .button:focus,
.ui.basic.teal.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #008c86 inset;
          box-shadow: 0 0 0 1px #008c86 inset;
  color: #009c95;
}
.ui.basic.teal.buttons .active.button,
.ui.basic.teal.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #009c95 inset;
          box-shadow: 0 0 0 1px #009c95 inset;
  color: #00827c;
}
.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
  -webkit-box-shadow: 0 0 0 1px #00827c inset;
          box-shadow: 0 0 0 1px #00827c inset;
  color: #00827c;
}

/* Inverted */
.ui.inverted.teal.buttons .button,
.ui.inverted.teal.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #6DFFFF inset;
          box-shadow: 0 0 0 2px #6DFFFF inset;
  color: #6DFFFF;
}
.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus,
.ui.inverted.teal.buttons .button.active,
.ui.inverted.teal.button.active,
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover {
  background-color: #3affff;
}
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus {
  background-color: #44ffff;
}
.ui.inverted.teal.buttons .active.button,
.ui.inverted.teal.active.button {
  background-color: #54ffff;
}
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  background-color: #3affff;
}

/* Inverted Basic */
.ui.inverted.teal.basic.buttons .button,
.ui.inverted.teal.buttons .basic.button,
.ui.inverted.teal.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover,
.ui.inverted.teal.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #3affff inset;
          box-shadow: 0 0 0 2px #3affff inset;
  color: #6DFFFF;
}
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #44ffff inset;
          box-shadow: 0 0 0 2px #44ffff inset;
  color: #6DFFFF;
}
.ui.inverted.teal.basic.buttons .active.button,
.ui.inverted.teal.buttons .basic.active.button,
.ui.inverted.teal.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #54ffff inset;
          box-shadow: 0 0 0 2px #54ffff inset;
  color: #6DFFFF;
}
.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active,
.ui.inverted.teal.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #3affff inset;
          box-shadow: 0 0 0 2px #3affff inset;
  color: #6DFFFF;
}

/* Tertiary */
.ui.tertiary.teal.buttons .button,
.ui.tertiary.teal.buttons .tertiary.button,
.ui.tertiary.teal.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #00B5AD;
}
.ui.tertiary.teal.buttons .button:hover,
.ui.tertiary.teal.buttons button:hover,
.ui.tertiary.teal.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #108c86;
          box-shadow: inset 0 -0.2em 0 #108c86;
  color: #108c86;
}
.ui.tertiary.teal.buttons .button:focus,
.ui.tertiary.teal.buttons .tertiary.button:focus,
.ui.tertiary.teal.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #0e7e79;
          box-shadow: inset 0 -0.2em 0 #0e7e79;
  color: #0e7e79;
}
.ui.tertiary.teal.buttons .active.button,
.ui.tertiary.teal.buttons .tertiary.active.button,
.ui.tertiary.teal.active.button,
.ui.tertiary.teal.buttons .button:active,
.ui.tertiary.teal.buttons .tertiary.button:active,
.ui.tertiary.teal.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #009c95;
          box-shadow: inset 0 -0.2em 0 #009c95;
  color: #009c95;
}
.ui.blue.buttons .button,
.ui.blue.button {
  background-color: #2185D0;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.blue.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover {
  background-color: #1678c2;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .button:focus,
.ui.blue.button:focus {
  background-color: #0d71bb;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .button:active,
.ui.blue.button:active {
  background-color: #1a69a4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active,
.ui.blue.active.button,
.ui.blue.button .active.button:active {
  background-color: #1279c6;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
          box-shadow: 0 0 0 1px #2185D0 inset;
  color: #2185D0;
}
.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
          box-shadow: 0 0 0 1px #1678c2 inset;
  color: #1678c2;
}
.ui.basic.blue.buttons .button:focus,
.ui.basic.blue.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
          box-shadow: 0 0 0 1px #0d71bb inset;
  color: #1678c2;
}
.ui.basic.blue.buttons .active.button,
.ui.basic.blue.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
          box-shadow: 0 0 0 1px #1279c6 inset;
  color: #1a69a4;
}
.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
  -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
          box-shadow: 0 0 0 1px #1a69a4 inset;
  color: #1a69a4;
}

/* Inverted */
.ui.inverted.blue.buttons .button,
.ui.inverted.blue.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
          box-shadow: 0 0 0 2px #54C8FF inset;
  color: #54C8FF;
}
.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus,
.ui.inverted.blue.buttons .button.active,
.ui.inverted.blue.button.active,
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover {
  background-color: #21b8ff;
}
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus {
  background-color: #2bbbff;
}
.ui.inverted.blue.buttons .active.button,
.ui.inverted.blue.active.button {
  background-color: #3ac0ff;
}
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  background-color: #21b8ff;
}

/* Inverted Basic */
.ui.inverted.blue.basic.buttons .button,
.ui.inverted.blue.buttons .basic.button,
.ui.inverted.blue.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover,
.ui.inverted.blue.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
          box-shadow: 0 0 0 2px #21b8ff inset;
  color: #54C8FF;
}
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
          box-shadow: 0 0 0 2px #2bbbff inset;
  color: #54C8FF;
}
.ui.inverted.blue.basic.buttons .active.button,
.ui.inverted.blue.buttons .basic.active.button,
.ui.inverted.blue.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
          box-shadow: 0 0 0 2px #3ac0ff inset;
  color: #54C8FF;
}
.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active,
.ui.inverted.blue.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
          box-shadow: 0 0 0 2px #21b8ff inset;
  color: #54C8FF;
}

/* Tertiary */
.ui.tertiary.blue.buttons .button,
.ui.tertiary.blue.buttons .tertiary.button,
.ui.tertiary.blue.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2185D0;
}
.ui.tertiary.blue.buttons .button:hover,
.ui.tertiary.blue.buttons button:hover,
.ui.tertiary.blue.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
          box-shadow: inset 0 -0.2em 0 #2b75ac;
  color: #2b75ac;
}
.ui.tertiary.blue.buttons .button:focus,
.ui.tertiary.blue.buttons .tertiary.button:focus,
.ui.tertiary.blue.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
          box-shadow: inset 0 -0.2em 0 #216ea7;
  color: #216ea7;
}
.ui.tertiary.blue.buttons .active.button,
.ui.tertiary.blue.buttons .tertiary.active.button,
.ui.tertiary.blue.active.button,
.ui.tertiary.blue.buttons .button:active,
.ui.tertiary.blue.buttons .tertiary.button:active,
.ui.tertiary.blue.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
          box-shadow: inset 0 -0.2em 0 #007bd8;
  color: #1279c6;
}
.ui.violet.buttons .button,
.ui.violet.button {
  background-color: #6435C9;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.violet.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.violet.buttons .button:hover,
.ui.violet.button:hover {
  background-color: #5829bb;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .button:focus,
.ui.violet.button:focus {
  background-color: #4f20b5;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .button:active,
.ui.violet.button:active {
  background-color: #502aa1;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .active.button,
.ui.violet.buttons .active.button:active,
.ui.violet.active.button,
.ui.violet.button .active.button:active {
  background-color: #5626bf;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.violet.buttons .button,
.ui.basic.violet.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #6435C9 inset;
          box-shadow: 0 0 0 1px #6435C9 inset;
  color: #6435C9;
}
.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #5829bb inset;
          box-shadow: 0 0 0 1px #5829bb inset;
  color: #5829bb;
}
.ui.basic.violet.buttons .button:focus,
.ui.basic.violet.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #4f20b5 inset;
          box-shadow: 0 0 0 1px #4f20b5 inset;
  color: #5829bb;
}
.ui.basic.violet.buttons .active.button,
.ui.basic.violet.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #5626bf inset;
          box-shadow: 0 0 0 1px #5626bf inset;
  color: #502aa1;
}
.ui.basic.violet.buttons .button:active,
.ui.basic.violet.button:active {
  -webkit-box-shadow: 0 0 0 1px #502aa1 inset;
          box-shadow: 0 0 0 1px #502aa1 inset;
  color: #502aa1;
}

/* Inverted */
.ui.inverted.violet.buttons .button,
.ui.inverted.violet.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #A291FB inset;
          box-shadow: 0 0 0 2px #A291FB inset;
  color: #A291FB;
}
.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus,
.ui.inverted.violet.buttons .button.active,
.ui.inverted.violet.button.active,
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover {
  background-color: #745aff;
}
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus {
  background-color: #7d64ff;
}
.ui.inverted.violet.buttons .active.button,
.ui.inverted.violet.active.button {
  background-color: #8a73ff;
}
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  background-color: #7860f9;
}

/* Inverted Basic */
.ui.inverted.violet.basic.buttons .button,
.ui.inverted.violet.buttons .basic.button,
.ui.inverted.violet.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.violet.basic.buttons .button:hover,
.ui.inverted.violet.buttons .basic.button:hover,
.ui.inverted.violet.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #745aff inset;
          box-shadow: 0 0 0 2px #745aff inset;
  color: #A291FB;
}
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #7d64ff inset;
          box-shadow: 0 0 0 2px #7d64ff inset;
  color: #A291FB;
}
.ui.inverted.violet.basic.buttons .active.button,
.ui.inverted.violet.buttons .basic.active.button,
.ui.inverted.violet.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #8a73ff inset;
          box-shadow: 0 0 0 2px #8a73ff inset;
  color: #A291FB;
}
.ui.inverted.violet.basic.buttons .button:active,
.ui.inverted.violet.buttons .basic.button:active,
.ui.inverted.violet.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #7860f9 inset;
          box-shadow: 0 0 0 2px #7860f9 inset;
  color: #A291FB;
}

/* Tertiary */
.ui.tertiary.violet.buttons .button,
.ui.tertiary.violet.buttons .tertiary.button,
.ui.tertiary.violet.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #6435C9;
}
.ui.tertiary.violet.buttons .button:hover,
.ui.tertiary.violet.buttons button:hover,
.ui.tertiary.violet.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #6040a5;
          box-shadow: inset 0 -0.2em 0 #6040a5;
  color: #6040a5;
}
.ui.tertiary.violet.buttons .button:focus,
.ui.tertiary.violet.buttons .tertiary.button:focus,
.ui.tertiary.violet.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #5735a0;
          box-shadow: inset 0 -0.2em 0 #5735a0;
  color: #5735a0;
}
.ui.tertiary.violet.buttons .active.button,
.ui.tertiary.violet.buttons .tertiary.active.button,
.ui.tertiary.violet.active.button,
.ui.tertiary.violet.buttons .button:active,
.ui.tertiary.violet.buttons .tertiary.button:active,
.ui.tertiary.violet.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6;
          box-shadow: inset 0 -0.2em 0 #4e0fd6;
  color: #5626bf;
}
.ui.purple.buttons .button,
.ui.purple.button {
  background-color: #A333C8;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.purple.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover {
  background-color: #9627ba;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .button:focus,
.ui.purple.button:focus {
  background-color: #8f1eb4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .button:active,
.ui.purple.button:active {
  background-color: #82299f;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .active.button,
.ui.purple.buttons .active.button:active,
.ui.purple.active.button,
.ui.purple.button .active.button:active {
  background-color: #9724be;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #A333C8 inset;
          box-shadow: 0 0 0 1px #A333C8 inset;
  color: #A333C8;
}
.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #9627ba inset;
          box-shadow: 0 0 0 1px #9627ba inset;
  color: #9627ba;
}
.ui.basic.purple.buttons .button:focus,
.ui.basic.purple.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset;
          box-shadow: 0 0 0 1px #8f1eb4 inset;
  color: #9627ba;
}
.ui.basic.purple.buttons .active.button,
.ui.basic.purple.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #9724be inset;
          box-shadow: 0 0 0 1px #9724be inset;
  color: #82299f;
}
.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
  -webkit-box-shadow: 0 0 0 1px #82299f inset;
          box-shadow: 0 0 0 1px #82299f inset;
  color: #82299f;
}

/* Inverted */
.ui.inverted.purple.buttons .button,
.ui.inverted.purple.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #DC73FF inset;
          box-shadow: 0 0 0 2px #DC73FF inset;
  color: #DC73FF;
}
.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus,
.ui.inverted.purple.buttons .button.active,
.ui.inverted.purple.button.active,
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover {
  background-color: #cf40ff;
}
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus {
  background-color: #d24aff;
}
.ui.inverted.purple.buttons .active.button,
.ui.inverted.purple.active.button {
  background-color: #d65aff;
}
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  background-color: #cf40ff;
}

/* Inverted Basic */
.ui.inverted.purple.basic.buttons .button,
.ui.inverted.purple.buttons .basic.button,
.ui.inverted.purple.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.purple.basic.buttons .button:hover,
.ui.inverted.purple.buttons .basic.button:hover,
.ui.inverted.purple.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
          box-shadow: 0 0 0 2px #cf40ff inset;
  color: #DC73FF;
}
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #d24aff inset;
          box-shadow: 0 0 0 2px #d24aff inset;
  color: #DC73FF;
}
.ui.inverted.purple.basic.buttons .active.button,
.ui.inverted.purple.buttons .basic.active.button,
.ui.inverted.purple.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #d65aff inset;
          box-shadow: 0 0 0 2px #d65aff inset;
  color: #DC73FF;
}
.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active,
.ui.inverted.purple.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
          box-shadow: 0 0 0 2px #cf40ff inset;
  color: #DC73FF;
}

/* Tertiary */
.ui.tertiary.purple.buttons .button,
.ui.tertiary.purple.buttons .tertiary.button,
.ui.tertiary.purple.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #A333C8;
}
.ui.tertiary.purple.buttons .button:hover,
.ui.tertiary.purple.buttons button:hover,
.ui.tertiary.purple.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #8a3ea4;
          box-shadow: inset 0 -0.2em 0 #8a3ea4;
  color: #8a3ea4;
}
.ui.tertiary.purple.buttons .button:focus,
.ui.tertiary.purple.buttons .tertiary.button:focus,
.ui.tertiary.purple.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #84339f;
          box-shadow: inset 0 -0.2em 0 #84339f;
  color: #84339f;
}
.ui.tertiary.purple.buttons .active.button,
.ui.tertiary.purple.buttons .tertiary.active.button,
.ui.tertiary.purple.active.button,
.ui.tertiary.purple.buttons .button:active,
.ui.tertiary.purple.buttons .tertiary.button:active,
.ui.tertiary.purple.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #a30dd4;
          box-shadow: inset 0 -0.2em 0 #a30dd4;
  color: #9724be;
}
.ui.pink.buttons .button,
.ui.pink.button {
  background-color: #E03997;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.pink.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.pink.buttons .button:hover,
.ui.pink.button:hover {
  background-color: #e61a8d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .button:focus,
.ui.pink.button:focus {
  background-color: #e10f85;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .button:active,
.ui.pink.button:active {
  background-color: #c71f7e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .active.button,
.ui.pink.buttons .active.button:active,
.ui.pink.active.button,
.ui.pink.button .active.button:active {
  background-color: #ea158d;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #E03997 inset;
          box-shadow: 0 0 0 1px #E03997 inset;
  color: #E03997;
}
.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #e61a8d inset;
          box-shadow: 0 0 0 1px #e61a8d inset;
  color: #e61a8d;
}
.ui.basic.pink.buttons .button:focus,
.ui.basic.pink.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #e10f85 inset;
          box-shadow: 0 0 0 1px #e10f85 inset;
  color: #e61a8d;
}
.ui.basic.pink.buttons .active.button,
.ui.basic.pink.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #ea158d inset;
          box-shadow: 0 0 0 1px #ea158d inset;
  color: #c71f7e;
}
.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
  -webkit-box-shadow: 0 0 0 1px #c71f7e inset;
          box-shadow: 0 0 0 1px #c71f7e inset;
  color: #c71f7e;
}

/* Inverted */
.ui.inverted.pink.buttons .button,
.ui.inverted.pink.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #FF8EDF inset;
          box-shadow: 0 0 0 2px #FF8EDF inset;
  color: #FF8EDF;
}
.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus,
.ui.inverted.pink.buttons .button.active,
.ui.inverted.pink.button.active,
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover {
  background-color: #ff5bd1;
}
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus {
  background-color: #ff65d3;
}
.ui.inverted.pink.buttons .active.button,
.ui.inverted.pink.active.button {
  background-color: #ff74d8;
}
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  background-color: #ff5bd1;
}

/* Inverted Basic */
.ui.inverted.pink.basic.buttons .button,
.ui.inverted.pink.buttons .basic.button,
.ui.inverted.pink.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.pink.basic.buttons .button:hover,
.ui.inverted.pink.buttons .basic.button:hover,
.ui.inverted.pink.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
          box-shadow: 0 0 0 2px #ff5bd1 inset;
  color: #FF8EDF;
}
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #ff65d3 inset;
          box-shadow: 0 0 0 2px #ff65d3 inset;
  color: #FF8EDF;
}
.ui.inverted.pink.basic.buttons .active.button,
.ui.inverted.pink.buttons .basic.active.button,
.ui.inverted.pink.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #ff74d8 inset;
          box-shadow: 0 0 0 2px #ff74d8 inset;
  color: #FF8EDF;
}
.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active,
.ui.inverted.pink.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
          box-shadow: 0 0 0 2px #ff5bd1 inset;
  color: #FF8EDF;
}

/* Tertiary */
.ui.tertiary.pink.buttons .button,
.ui.tertiary.pink.buttons .tertiary.button,
.ui.tertiary.pink.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #E03997;
}
.ui.tertiary.pink.buttons .button:hover,
.ui.tertiary.pink.buttons button:hover,
.ui.tertiary.pink.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #cc3389;
          box-shadow: inset 0 -0.2em 0 #cc3389;
  color: #cc3389;
}
.ui.tertiary.pink.buttons .button:focus,
.ui.tertiary.pink.buttons .tertiary.button:focus,
.ui.tertiary.pink.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #c92782;
          box-shadow: inset 0 -0.2em 0 #c92782;
  color: #c92782;
}
.ui.tertiary.pink.buttons .active.button,
.ui.tertiary.pink.buttons .tertiary.active.button,
.ui.tertiary.pink.active.button,
.ui.tertiary.pink.buttons .button:active,
.ui.tertiary.pink.buttons .tertiary.button:active,
.ui.tertiary.pink.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #ff0090;
          box-shadow: inset 0 -0.2em 0 #ff0090;
  color: #ea158d;
}
.ui.brown.buttons .button,
.ui.brown.button {
  background-color: #A5673F;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.brown.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.brown.buttons .button:hover,
.ui.brown.button:hover {
  background-color: #975b33;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .button:focus,
.ui.brown.button:focus {
  background-color: #90532b;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .button:active,
.ui.brown.button:active {
  background-color: #805031;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .active.button,
.ui.brown.buttons .active.button:active,
.ui.brown.active.button,
.ui.brown.button .active.button:active {
  background-color: #995a31;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.brown.buttons .button,
.ui.basic.brown.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #A5673F inset;
          box-shadow: 0 0 0 1px #A5673F inset;
  color: #A5673F;
}
.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #975b33 inset;
          box-shadow: 0 0 0 1px #975b33 inset;
  color: #975b33;
}
.ui.basic.brown.buttons .button:focus,
.ui.basic.brown.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #90532b inset;
          box-shadow: 0 0 0 1px #90532b inset;
  color: #975b33;
}
.ui.basic.brown.buttons .active.button,
.ui.basic.brown.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #995a31 inset;
          box-shadow: 0 0 0 1px #995a31 inset;
  color: #805031;
}
.ui.basic.brown.buttons .button:active,
.ui.basic.brown.button:active {
  -webkit-box-shadow: 0 0 0 1px #805031 inset;
          box-shadow: 0 0 0 1px #805031 inset;
  color: #805031;
}

/* Inverted */
.ui.inverted.brown.buttons .button,
.ui.inverted.brown.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #D67C1C inset;
          box-shadow: 0 0 0 2px #D67C1C inset;
  color: #D67C1C;
}
.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus,
.ui.inverted.brown.buttons .button.active,
.ui.inverted.brown.button.active,
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover {
  background-color: #b0620f;
}
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus {
  background-color: #c16808;
}
.ui.inverted.brown.buttons .active.button,
.ui.inverted.brown.active.button {
  background-color: #cc6f0d;
}
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  background-color: #a96216;
}

/* Inverted Basic */
.ui.inverted.brown.basic.buttons .button,
.ui.inverted.brown.buttons .basic.button,
.ui.inverted.brown.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.brown.basic.buttons .button:hover,
.ui.inverted.brown.buttons .basic.button:hover,
.ui.inverted.brown.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #b0620f inset;
          box-shadow: 0 0 0 2px #b0620f inset;
  color: #D67C1C;
}
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #c16808 inset;
          box-shadow: 0 0 0 2px #c16808 inset;
  color: #D67C1C;
}
.ui.inverted.brown.basic.buttons .active.button,
.ui.inverted.brown.buttons .basic.active.button,
.ui.inverted.brown.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #cc6f0d inset;
          box-shadow: 0 0 0 2px #cc6f0d inset;
  color: #D67C1C;
}
.ui.inverted.brown.basic.buttons .button:active,
.ui.inverted.brown.buttons .basic.button:active,
.ui.inverted.brown.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #a96216 inset;
          box-shadow: 0 0 0 2px #a96216 inset;
  color: #D67C1C;
}

/* Tertiary */
.ui.tertiary.brown.buttons .button,
.ui.tertiary.brown.buttons .tertiary.button,
.ui.tertiary.brown.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #A5673F;
}
.ui.tertiary.brown.buttons .button:hover,
.ui.tertiary.brown.buttons button:hover,
.ui.tertiary.brown.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #835f48;
          box-shadow: inset 0 -0.2em 0 #835f48;
  color: #835f48;
}
.ui.tertiary.brown.buttons .button:focus,
.ui.tertiary.brown.buttons .tertiary.button:focus,
.ui.tertiary.brown.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #7d573e;
          box-shadow: inset 0 -0.2em 0 #7d573e;
  color: #7d573e;
}
.ui.tertiary.brown.buttons .active.button,
.ui.tertiary.brown.buttons .tertiary.active.button,
.ui.tertiary.brown.active.button,
.ui.tertiary.brown.buttons .button:active,
.ui.tertiary.brown.buttons .tertiary.button:active,
.ui.tertiary.brown.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #ae561d;
          box-shadow: inset 0 -0.2em 0 #ae561d;
  color: #995a31;
}
.ui.grey.buttons .button,
.ui.grey.button {
  background-color: #767676;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.grey.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.grey.buttons .button:hover,
.ui.grey.button:hover {
  background-color: #838383;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .button:focus,
.ui.grey.button:focus {
  background-color: #8a8a8a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .button:active,
.ui.grey.button:active {
  background-color: #909090;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .active.button,
.ui.grey.buttons .active.button:active,
.ui.grey.active.button,
.ui.grey.button .active.button:active {
  background-color: #696969;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.grey.buttons .button,
.ui.basic.grey.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #767676 inset;
          box-shadow: 0 0 0 1px #767676 inset;
  color: #767676;
}
.ui.basic.grey.buttons .button:hover,
.ui.basic.grey.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #838383 inset;
          box-shadow: 0 0 0 1px #838383 inset;
  color: #838383;
}
.ui.basic.grey.buttons .button:focus,
.ui.basic.grey.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #8a8a8a inset;
          box-shadow: 0 0 0 1px #8a8a8a inset;
  color: #838383;
}
.ui.basic.grey.buttons .active.button,
.ui.basic.grey.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #696969 inset;
          box-shadow: 0 0 0 1px #696969 inset;
  color: #909090;
}
.ui.basic.grey.buttons .button:active,
.ui.basic.grey.button:active {
  -webkit-box-shadow: 0 0 0 1px #909090 inset;
          box-shadow: 0 0 0 1px #909090 inset;
  color: #909090;
}

/* Inverted */
.ui.inverted.grey.buttons .button,
.ui.inverted.grey.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
          box-shadow: 0 0 0 2px #D4D4D5 inset;
  color: #FFFFFF;
}
.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus,
.ui.inverted.grey.buttons .button.active,
.ui.inverted.grey.button.active,
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover {
  background-color: #c2c4c5;
}
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus {
  background-color: #c7c9cb;
}
.ui.inverted.grey.buttons .active.button,
.ui.inverted.grey.active.button {
  background-color: #cfd0d2;
}
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  background-color: #c2c4c5;
}

/* Inverted Basic */
.ui.inverted.grey.basic.buttons .button,
.ui.inverted.grey.buttons .basic.button,
.ui.inverted.grey.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.grey.basic.buttons .button:hover,
.ui.inverted.grey.buttons .basic.button:hover,
.ui.inverted.grey.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
          box-shadow: 0 0 0 2px #c2c4c5 inset;
  color: #FFFFFF;
}
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #c7c9cb inset;
          box-shadow: 0 0 0 2px #c7c9cb inset;
  color: #DCDDDE;
}
.ui.inverted.grey.basic.buttons .active.button,
.ui.inverted.grey.buttons .basic.active.button,
.ui.inverted.grey.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset;
          box-shadow: 0 0 0 2px #cfd0d2 inset;
  color: #FFFFFF;
}
.ui.inverted.grey.basic.buttons .button:active,
.ui.inverted.grey.buttons .basic.button:active,
.ui.inverted.grey.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
          box-shadow: 0 0 0 2px #c2c4c5 inset;
  color: #FFFFFF;
}

/* Tertiary */
.ui.tertiary.grey.buttons .button,
.ui.tertiary.grey.buttons .tertiary.button,
.ui.tertiary.grey.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #767676;
}
.ui.tertiary.grey.buttons .button:hover,
.ui.tertiary.grey.buttons button:hover,
.ui.tertiary.grey.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #909090;
          box-shadow: inset 0 -0.2em 0 #909090;
  color: #909090;
}
.ui.tertiary.grey.buttons .button:focus,
.ui.tertiary.grey.buttons .tertiary.button:focus,
.ui.tertiary.grey.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #9f9f9f;
          box-shadow: inset 0 -0.2em 0 #9f9f9f;
  color: #9f9f9f;
}
.ui.tertiary.grey.buttons .active.button,
.ui.tertiary.grey.buttons .tertiary.active.button,
.ui.tertiary.grey.active.button,
.ui.tertiary.grey.buttons .button:active,
.ui.tertiary.grey.buttons .tertiary.button:active,
.ui.tertiary.grey.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #5d5d5d;
          box-shadow: inset 0 -0.2em 0 #5d5d5d;
  color: #696969;
}
.ui.black.buttons .button,
.ui.black.button {
  background-color: #1B1C1D;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.black.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .button:focus,
.ui.black.button:focus {
  background-color: #2f3032;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .button:active,
.ui.black.button:active {
  background-color: #343637;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .active.button,
.ui.black.buttons .active.button:active,
.ui.black.active.button,
.ui.black.button .active.button:active {
  background-color: #0f0f10;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.black.buttons .button,
.ui.basic.black.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
          box-shadow: 0 0 0 1px #1B1C1D inset;
  color: #1B1C1D;
}
.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #27292a inset;
          box-shadow: 0 0 0 1px #27292a inset;
  color: #27292a;
}
.ui.basic.black.buttons .button:focus,
.ui.basic.black.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #2f3032 inset;
          box-shadow: 0 0 0 1px #2f3032 inset;
  color: #27292a;
}
.ui.basic.black.buttons .active.button,
.ui.basic.black.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0f0f10 inset;
          box-shadow: 0 0 0 1px #0f0f10 inset;
  color: #343637;
}
.ui.basic.black.buttons .button:active,
.ui.basic.black.button:active {
  -webkit-box-shadow: 0 0 0 1px #343637 inset;
          box-shadow: 0 0 0 1px #343637 inset;
  color: #343637;
}

/* Inverted */
.ui.inverted.black.buttons .button,
.ui.inverted.black.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
          box-shadow: 0 0 0 2px #D4D4D5 inset;
  color: #FFFFFF;
}
.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus,
.ui.inverted.black.buttons .button.active,
.ui.inverted.black.button.active,
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
}
.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover {
  background-color: #000000;
}
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus {
  background-color: #000000;
}
.ui.inverted.black.buttons .active.button,
.ui.inverted.black.active.button {
  background-color: #000000;
}
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  background-color: #000000;
}

/* Inverted Basic */
.ui.inverted.black.basic.buttons .button,
.ui.inverted.black.buttons .basic.button,
.ui.inverted.black.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #FFFFFF;
}
.ui.inverted.black.basic.buttons .button:hover,
.ui.inverted.black.buttons .basic.button:hover,
.ui.inverted.black.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #000000 inset;
          box-shadow: 0 0 0 2px #000000 inset;
  color: #FFFFFF;
}
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #000000 inset;
          box-shadow: 0 0 0 2px #000000 inset;
  color: #545454;
}
.ui.inverted.black.basic.buttons .active.button,
.ui.inverted.black.buttons .basic.active.button,
.ui.inverted.black.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #000000 inset;
          box-shadow: 0 0 0 2px #000000 inset;
  color: #FFFFFF;
}
.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active,
.ui.inverted.black.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #000000 inset;
          box-shadow: 0 0 0 2px #000000 inset;
  color: #FFFFFF;
}

/* Tertiary */
.ui.tertiary.black.buttons .button,
.ui.tertiary.black.buttons .tertiary.button,
.ui.tertiary.black.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #1B1C1D;
}
.ui.tertiary.black.buttons .button:hover,
.ui.tertiary.black.buttons button:hover,
.ui.tertiary.black.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #8b8f93;
          box-shadow: inset 0 -0.2em 0 #8b8f93;
  color: #8b8f93;
}
.ui.tertiary.black.buttons .button:focus,
.ui.tertiary.black.buttons .tertiary.button:focus,
.ui.tertiary.black.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #93969a;
          box-shadow: inset 0 -0.2em 0 #93969a;
  color: #93969a;
}
.ui.tertiary.black.buttons .active.button,
.ui.tertiary.black.buttons .tertiary.active.button,
.ui.tertiary.black.active.button,
.ui.tertiary.black.buttons .button:active,
.ui.tertiary.black.buttons .tertiary.button:active,
.ui.tertiary.black.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #404245;
          box-shadow: inset 0 -0.2em 0 #404245;
  color: #0f0f10;
}

/*---------------
    Positive
----------------*/


/* Standard */
.ui.positive.buttons .button,
.ui.positive.button {
  background-color: #21BA45;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.positive.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover {
  background-color: #16ab39;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .button:focus,
.ui.positive.button:focus {
  background-color: #0ea432;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
  background-color: #198f35;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active,
.ui.positive.active.button,
.ui.positive.button .active.button:active {
  background-color: #13ae38;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.positive.buttons .button,
.ui.basic.positive.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
          box-shadow: 0 0 0 1px #21BA45 inset;
  color: #21BA45;
}
.ui.basic.positive.buttons .button:hover,
.ui.basic.positive.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
          box-shadow: 0 0 0 1px #16ab39 inset;
  color: #16ab39;
}
.ui.basic.positive.buttons .button:focus,
.ui.basic.positive.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
          box-shadow: 0 0 0 1px #0ea432 inset;
  color: #16ab39;
}
.ui.basic.positive.buttons .active.button,
.ui.basic.positive.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
          box-shadow: 0 0 0 1px #13ae38 inset;
  color: #198f35;
}
.ui.basic.positive.buttons .button:active,
.ui.basic.positive.button:active {
  -webkit-box-shadow: 0 0 0 1px #198f35 inset;
          box-shadow: 0 0 0 1px #198f35 inset;
  color: #198f35;
}
.ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
  margin-left: -1px;
}

/*---------------
     Negative
----------------*/


/* Standard */
.ui.negative.buttons .button,
.ui.negative.button {
  background-color: #DB2828;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.negative.button {
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover {
  background-color: #d01919;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .button:focus,
.ui.negative.button:focus {
  background-color: #ca1010;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
  background-color: #b21e1e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active,
.ui.negative.active.button,
.ui.negative.button .active.button:active {
  background-color: #d41515;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */
.ui.basic.negative.buttons .button,
.ui.basic.negative.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
          box-shadow: 0 0 0 1px #DB2828 inset;
  color: #DB2828;
}
.ui.basic.negative.buttons .button:hover,
.ui.basic.negative.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #d01919 inset;
          box-shadow: 0 0 0 1px #d01919 inset;
  color: #d01919;
}
.ui.basic.negative.buttons .button:focus,
.ui.basic.negative.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
          box-shadow: 0 0 0 1px #ca1010 inset;
  color: #d01919;
}
.ui.basic.negative.buttons .active.button,
.ui.basic.negative.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #d41515 inset;
          box-shadow: 0 0 0 1px #d41515 inset;
  color: #b21e1e;
}
.ui.basic.negative.buttons .button:active,
.ui.basic.negative.button:active {
  -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
          box-shadow: 0 0 0 1px #b21e1e inset;
  color: #b21e1e;
}
.ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
  margin-left: -1px;
}


/*******************************
              Groups
  *******************************/

.ui.buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0;
  vertical-align: baseline;
  margin: 0 0.25em 0 0;
}
.ui.buttons:not(.basic):not(.inverted) {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Clearfix */
.ui.buttons::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Standard Group */
.ui.buttons .button {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  border-radius: 0;
  margin: 0 0 0 0;
}
.ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) {
  -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.buttons .button:first-child {
  border-left: none;
  margin-left: 0;
  border-top-left-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}

/* Vertical  Style */
.ui.vertical.buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ui.vertical.buttons .button {
  display: block;
  float: none;
  width: 100%;
  margin: 0 0 0 0;
  border-radius: 0;
}
.ui.vertical.buttons .button:not(.basic) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.vertical.buttons .button:first-child {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}
.ui.vertical.buttons .button:last-child {
  margin-bottom: 0;
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
.ui.vertical.buttons .button:only-child {
  border-radius: 0.28571429rem;
}
.ui.vertical.buttons .basic.button:not(:first-child) {
  border-top: none;
}
.ui.wrapping.buttons {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui.wrapping.basic.buttons {
  border-bottom: none;
}
.ui.wrapping.basic.buttons .button {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.wrapping.basic.buttons .button:hover {
  background: transparent !important;
}
.ui.compact.wrapping.buttons .button {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.ui.wrapped.buttons:not(.spaced) {
  border-top-right-radius: 0;
}
.ui.wrapped.buttons:not(.spaced) .button:first-child {
  border-radius: 0.28571429rem 0 0 0;
}
.ui.wrapped.buttons:not(.spaced) .button:last-child {
  border-radius: 0 0 0.28571429rem 0;
}
.ui.wrapped[class*="top attached"].buttons {
  border-radius: 0.28571429rem 0 0 0;
}
.ui.wrapped[class*="top attached"].buttons .button:last-child {
  border-radius: 0;
}
.ui.wrapped[class*="bottom attached"].buttons {
  border-radius: 0 0 0 0.28571429rem;
}
.ui.wrapped[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0;
}
.ui.spaced.buttons .ui.button {
  margin-bottom: 1em;
  margin-right: 1em;
  border-radius: 0.28571429rem;
}
.ui.spaced.basic.buttons {
  border: none;
}
.ui.spaced.basic.buttons .button {
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.spaced.basic.buttons .button.basic {
  border: none;
}
.ui.spaced.basic.vertical.buttons .button:first-child {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.spaced.basic.wrapping.buttons .button:not(.basic) {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.spaced.basic.wrapping.buttons .button:not(.basic):first-child {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.spaced.basic.inverted.buttons .basic.button {
  margin-bottom: calc(1em + 1px);
  margin-top: 1px;
}
.ui.basic.buttons:not(.vertical).inverted .button,
.ui.basic.buttons:not(.vertical) .basic.button {
  margin-left: -1px;
  border-right: none;
}
.ui.basic.buttons:not(.vertical):not(.spaced):not(.inverted) .basic.button {
  margin-top: -1px;
  border-bottom: none;
}
.ui.inverted.basic.buttons:not(.spaced) .button,
.ui.attached.basic.buttons:not(.wrapping):not(.inverted) .basic.button {
  margin-bottom: -1px;
}
.ui.basic.buttons:not(.vertical):not(.attached):not(.spaced):not(.wrapping):not(.inverted) .basic.button {
  margin-bottom: -1px;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Container
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Container
*******************************/


/* All Sizes */
.ui.container {
  display: block;
  max-width: 100%;
}

/* Mobile */
@media only screen and (max-width: 767.98px) {
  .ui.ui.ui.container:not(.fluid) {
    width: auto;
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.ui.ui.grid.container {
    width: auto;
  }
  .ui.ui.ui.relaxed.grid.container {
    width: auto;
  }
  .ui.ui.ui.very.relaxed.grid.container {
    width: auto;
  }
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ui.ui.ui.container:not(.fluid) {
    width: 723px;
    margin-left: auto;
    margin-right: auto;
  }
  .ui.ui.ui.grid.container {
    width: calc(723px + 2rem);
  }
  .ui.ui.ui.relaxed.grid.container {
    width: calc(723px + 3rem);
  }
  .ui.ui.ui.very.relaxed.grid.container {
    width: calc(723px + 5rem);
  }
}

/* Small Monitor */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .ui.ui.ui.container:not(.fluid) {
    width: 933px;
    margin-left: auto;
    margin-right: auto;
  }
  .ui.ui.ui.grid.container {
    width: calc(933px + 2rem);
  }
  .ui.ui.ui.relaxed.grid.container {
    width: calc(933px + 3rem);
  }
  .ui.ui.ui.very.relaxed.grid.container {
    width: calc(933px + 5rem);
  }
}

/* Large Monitor */
@media only screen and (min-width: 1200px) {
  .ui.ui.ui.container:not(.fluid) {
    width: 1127px;
    margin-left: auto;
    margin-right: auto;
  }
  .ui.ui.ui.grid.container {
    width: calc(1127px + 2rem);
  }
  .ui.ui.ui.relaxed.grid.container {
    width: calc(1127px + 3rem);
  }
  .ui.ui.ui.very.relaxed.grid.container {
    width: calc(1127px + 5rem);
  }
}


/*******************************
             Types
*******************************/


/* Text Container */
.ui.text.container {
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 700px;
  line-height: 1.5;
  font-size: 1.14285714rem;
}

/* Wide Container */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ui.ui.ui.wide.container {
    width: 867.6px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .ui.ui.ui.wide.container {
    width: 1119.6px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.ui.ui.wide.container {
    width: 1352.4px;
  }
}

/* Fluid */
.ui.fluid.container {
  width: 100%;
}


/*******************************
           Variations
*******************************/

.ui[class*="left aligned"].container {
  text-align: left;
}
.ui[class*="center aligned"].container {
  text-align: center;
}
.ui[class*="right aligned"].container {
  text-align: right;
}
.ui.justified.container {
  text-align: justify;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

/*--------------
    Scrolling
  ---------------*/

.ui.scrolling.container {
  overflow: auto;
}
@media only screen and (max-width: 767.98px) {
  .ui.scrolling.container.short {
    max-height: 11.25em;
  }
  .ui.scrolling.container[class*="very short"] {
    max-height: 7.5em;
  }
  .ui.scrolling.container {
    max-height: 15em;
  }
  .ui.scrolling.container.long {
    max-height: 30em;
  }
  .ui.scrolling.container[class*="very long"] {
    max-height: 45em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.container.short {
    max-height: 13.5em;
  }
  .ui.scrolling.container[class*="very short"] {
    max-height: 9em;
  }
  .ui.scrolling.container {
    max-height: 18em;
  }
  .ui.scrolling.container.long {
    max-height: 36em;
  }
  .ui.scrolling.container[class*="very long"] {
    max-height: 54em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.container.short {
    max-height: 18em;
  }
  .ui.scrolling.container[class*="very short"] {
    max-height: 12em;
  }
  .ui.scrolling.container {
    max-height: 24em;
  }
  .ui.scrolling.container.long {
    max-height: 48em;
  }
  .ui.scrolling.container[class*="very long"] {
    max-height: 72em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.container.short {
    max-height: 22.5em;
  }
  .ui.scrolling.container[class*="very short"] {
    max-height: 15em;
  }
  .ui.scrolling.container {
    max-height: 30em;
  }
  .ui.scrolling.container.long {
    max-height: 60em;
  }
  .ui.scrolling.container[class*="very long"] {
    max-height: 90em;
  }
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Input
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Standard
*******************************/


/*--------------------
        Inputs
---------------------*/

.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.input > input {
  margin: 0;
  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', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.input > input:not([type="color"]) {
  padding: 0.67857143em 1em;
}
.ui.input > input::-webkit-calendar-picker-indicator {
  padding: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

/*--------------------
      Placeholder
---------------------*/


/* browsers require these rules separate */
.ui.input > input::-webkit-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.input > input::-moz-placeholder {
  color: rgba(191, 191, 191, 0.87);
  opacity: 1;
}
.ui.input > input:-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}


/*******************************
            States
*******************************/


/*--------------------
          Disabled
  ---------------------*/

.ui.disabled.input,
.ui.input:not(.disabled) input[disabled] {
  opacity: 0.45;
}
.ui.disabled.input > input,
.ui.input:not(.disabled) input[disabled] {
  pointer-events: none;
}

/*--------------------
        Active
---------------------*/

.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);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*--------------------
         Loading
  ---------------------*/

.ui.loading.loading.input > i.icon::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.loading.input > i.icon::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
}

/*--------------------
        Focus
---------------------*/

.ui.input.focus > input,
.ui.input > input:focus {
  border-color: #85B7D9;
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.input.focus > input::-webkit-input-placeholder,
.ui.input > input:focus::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus > input::-moz-placeholder,
.ui.input > input:focus::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus > input:-ms-input-placeholder,
.ui.input > input:focus:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

/*--------------------
          States
  ---------------------*/

.ui.input.error > input {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.input > input:not(:-moz-placeholder-shown):invalid {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
}
.ui.input > input:not(:-ms-input-placeholder):invalid {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
}
.ui.input > input:not(:placeholder-shown):invalid {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.input > input:not(:-ms-input-placeholder):invalid {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
}

/* Placeholder */
.ui.input.error > input::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.input.error > input::-moz-placeholder {
  color: #e7bdbc;
}
.ui.input.error > input:-ms-input-placeholder {
  color: #e7bdbc !important;
}

/* Focused Placeholder */
.ui.input.error > input:focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.input.error > input:focus::-moz-placeholder {
  color: #da9796;
}
.ui.input.error > input:focus:-ms-input-placeholder {
  color: #da9796 !important;
}
.ui.input.info > input {
  background-color: #F8FFFF;
  border-color: #A9D5DE;
  color: #276F86;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Placeholder */
.ui.input.info > input::-webkit-input-placeholder {
  color: #98cfe1;
}
.ui.input.info > input::-moz-placeholder {
  color: #98cfe1;
}
.ui.input.info > input:-ms-input-placeholder {
  color: #98cfe1 !important;
}

/* Focused Placeholder */
.ui.input.info > input:focus::-webkit-input-placeholder {
  color: #70bdd6;
}
.ui.input.info > input:focus::-moz-placeholder {
  color: #70bdd6;
}
.ui.input.info > input:focus:-ms-input-placeholder {
  color: #70bdd6 !important;
}
.ui.input.success > input {
  background-color: #FCFFF5;
  border-color: #A3C293;
  color: #2C662D;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Placeholder */
.ui.input.success > input::-webkit-input-placeholder {
  color: #8fcf90;
}
.ui.input.success > input::-moz-placeholder {
  color: #8fcf90;
}
.ui.input.success > input:-ms-input-placeholder {
  color: #8fcf90 !important;
}

/* Focused Placeholder */
.ui.input.success > input:focus::-webkit-input-placeholder {
  color: #6cbf6d;
}
.ui.input.success > input:focus::-moz-placeholder {
  color: #6cbf6d;
}
.ui.input.success > input:focus:-ms-input-placeholder {
  color: #6cbf6d !important;
}
.ui.input.warning > input {
  background-color: #FFFAF3;
  border-color: #C9BA9B;
  color: #573A08;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Placeholder */
.ui.input.warning > input::-webkit-input-placeholder {
  color: #edad3e;
}
.ui.input.warning > input::-moz-placeholder {
  color: #edad3e;
}
.ui.input.warning > input:-ms-input-placeholder {
  color: #edad3e !important;
}

/* Focused Placeholder */
.ui.input.warning > input:focus::-webkit-input-placeholder {
  color: #e39715;
}
.ui.input.warning > input:focus::-moz-placeholder {
  color: #e39715;
}
.ui.input.warning > input:focus:-ms-input-placeholder {
  color: #e39715 !important;
}


/*******************************
           Variations
*******************************/


/*--------------------
        Transparent
  ---------------------*/

.ui.transparent.input > textarea,
.ui.transparent.input > input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0 !important;
}
.field .ui.transparent.input > textarea {
  padding: 0.67857143em 1em;
}

/* Transparent Icon */
:not(.field) > .ui.transparent.icon.input > i.icon {
  width: 1.1em;
}
:not(.field) > .ui.ui.ui.transparent.icon.input > input {
  padding-left: 0;
  padding-right: 2em;
}
:not(.field) > .ui.ui.ui.transparent[class*="left icon"].input > input {
  padding-left: 2em;
  padding-right: 0;
}

/* Transparent Inverted */
.ui.transparent.inverted.input {
  color: #FFFFFF;
}
.ui.ui.transparent.inverted.input > textarea,
.ui.ui.transparent.inverted.input > input {
  color: inherit;
}
.ui.transparent.inverted.input > input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input > input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input > input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/*--------------------
           Icon
  ---------------------*/

.ui.icon.input > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 2.67142857em;
  opacity: 0.5;
  border-radius: 0 0.28571429rem 0.28571429rem 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}
.ui.ui.ui.ui.icon.input:not(.corner) > textarea,
.ui.ui.ui.ui.icon.input:not(.corner) > input {
  padding-right: 2.67142857em;
}
.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.icon.input > i.link.icon {
  cursor: pointer;
}
.ui.icon.input > i.circular.icon {
  top: 0.35em;
  right: 0.5em;
}

/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
  right: auto;
  left: 1px;
  border-radius: 0.28571429rem 0 0 0.28571429rem;
}
.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: 0.5em;
}
.ui.ui.ui.ui[class*="left icon"]:not([class*="left corner"]).input > textarea,
.ui.ui.ui.ui[class*="left icon"]:not([class*="left corner"]).input > input {
  padding-left: 2.67142857em;
}
.ui.ui.ui.ui[class*="left icon"]:not(.corner).input > textarea,
.ui.ui.ui.ui[class*="left icon"]:not(.corner).input > input {
  padding-right: 1em;
}

/* Focus */
.ui.input > input:focus::-webkit-calendar-picker-indicator,
.ui.icon.input > textarea:focus ~ i.icon,
.ui.icon.input > input:focus ~ i.icon {
  opacity: 1;
}

/*--------------------
          Labeled
  ---------------------*/


/* Adjacent Label */
.ui.labeled.input > .label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  font-size: 1em;
}
.ui.labeled.input > .label:not(.corner) {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
}

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
  border-left-color: #85B7D9;
}

/* Regular Label on Right */
.ui[class*="right labeled"].input > input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: transparent !important;
}
.ui[class*="right labeled"].input > input + .label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ui[class*="right labeled"].input > input:focus {
  border-right-color: #85B7D9 !important;
}

/* Corner Label */
.ui.labeled.input .corner.label {
  top: 1px;
  right: 1px;
  font-size: 0.64285714em;
  border-radius: 0 0.28571429rem 0 0;
}

/* Spacing with corner label */
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > .ui.dropdown,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > textarea,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > input {
  padding-right: 2.5em;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .ui.dropdown,
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > textarea,
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
  padding-right: 3.25em;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > i.icon {
  margin-right: 1.25em;
}

/* Left Labeled */
.ui[class*="left icon"].input > .ui.dropdown,
.ui[class*="left corner labeled"].input > .ui.dropdown,
.ui[class*="left corner labeled"].input > textarea,
.ui[class*="left corner labeled"].input > input {
  padding-left: 2.5em;
}
.ui[class*="corner labeled"]:not([class*="left corner labeled"])[class*="left icon"].input > .ui.dropdown,
.ui[class*="corner labeled"]:not([class*="left corner labeled"])[class*="left icon"].input > textarea,
.ui[class*="corner labeled"]:not([class*="left corner labeled"])[class*="left icon"].input > input {
  padding-right: 3.25em;
}
.ui[class*="left corner labeled"][class*="left icon"].input > .ui.dropdown,
.ui[class*="left corner labeled"][class*="left icon"].input > textarea,
.ui[class*="left corner labeled"][class*="left icon"].input > input {
  padding-left: 4em;
}
.ui[class*="left corner labeled"].icon.input > i.icon {
  margin-left: 1.25em;
}
.ui[class*="left corner labeled"].icon:not([class*="left icon"]).input > input {
  padding-right: 2.5em;
}
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > input {
  padding-right: 5em;
}
.ui[class*="left icon"].input > .ui.dropdown > .search,
.ui[class*="left corner labeled"].input > .ui.dropdown > .search {
  padding-left: 2.5em;
}
.ui[class*="left icon"].input > .ui.dropdown > .menu,
.ui[class*="left corner labeled"].input > .ui.dropdown > .menu {
  padding-left: 1.25em;
}
.ui[class*="left icon"].input > .ui.dropdown > .menu > .item,
.ui[class*="left corner labeled"].input > .ui.dropdown > .menu > .item {
  padding-left: 2.5em;
  margin-left: -1.25em;
}
.ui[class*="left corner labeled"][class*="left icon"].input > .ui.dropdown > .search {
  padding-left: 4em;
}
.ui[class*="left corner labeled"][class*="left icon"].input > .ui.dropdown > .menu > .item {
  padding-left: 4em;
}
.ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .search,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > .ui.dropdown > .search {
  padding-right: 5.75em;
}
.ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .remove.icon,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > .ui.dropdown > .remove.icon,
.ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .dropdown.icon,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > .ui.dropdown > .dropdown.icon {
  padding-right: 2.5em;
}
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .search {
  padding-right: 7.25em;
}
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .remove.icon,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .dropdown.icon {
  padding-right: 4em;
}
.ui.icon.input > .ui.visible.dropdown ~ i.icon,
.ui.icon.input > .ui.active.dropdown ~ i.icon,
.ui[class*="corner labeled"].input > .ui.visible.dropdown ~ .ui.corner.label,
.ui[class*="corner labeled"].input > .ui.active.dropdown ~ .ui.corner.label {
  z-index: 10;
}
.ui.icon.input > textarea ~ i.icon {
  height: 3em;
}
:not(.field) > .ui.transparent.icon.input > textarea ~ i.icon {
  height: 1.3em;
}

/* Corner Label Position  */
.ui.input > .ui.corner.label {
  top: 1px;
  right: 1px;
}
.ui.input > .ui.left.corner.label {
  right: auto;
  left: 1px;
}

/* Labeled and action input states */
.ui.form .field.error > .ui.action.input > .ui.button,
.ui.form .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
.ui.action.input.error > .ui.button,
.ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
  border-top: 1px solid #E0B4B4;
  border-bottom: 1px solid #E0B4B4;
}
.ui.form .field.error > .ui[class*="left action"].input > .ui.button,
.ui.form .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
.ui[class*="left action"].input.error > .ui.button,
.ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
  border-left: 1px solid #E0B4B4;
}
.ui.form .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
.ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
.ui.action.input.error:not([class*="left action"]) > input + .ui.button,
.ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
  border-right: 1px solid #E0B4B4;
}
.ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
.ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
  border-left: 1px solid #E0B4B4;
}
.ui.form .field.info > .ui.action.input > .ui.button,
.ui.form .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
.ui.action.input.info > .ui.button,
.ui.labeled.input.info:not([class*="corner labeled"]) > .ui.label {
  border-top: 1px solid #A9D5DE;
  border-bottom: 1px solid #A9D5DE;
}
.ui.form .field.info > .ui[class*="left action"].input > .ui.button,
.ui.form .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
.ui[class*="left action"].input.info > .ui.button,
.ui.labeled.input.info:not(.right):not([class*="corner labeled"]) > .ui.label {
  border-left: 1px solid #A9D5DE;
}
.ui.form .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
.ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
.ui.action.input.info:not([class*="left action"]) > input + .ui.button,
.ui.right.labeled.input.info:not([class*="corner labeled"]) > input + .ui.label {
  border-right: 1px solid #A9D5DE;
}
.ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
.ui.right.labeled.input.info:not([class*="corner labeled"]) > .ui.label:first-child {
  border-left: 1px solid #A9D5DE;
}
.ui.form .field.success > .ui.action.input > .ui.button,
.ui.form .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
.ui.action.input.success > .ui.button,
.ui.labeled.input.success:not([class*="corner labeled"]) > .ui.label {
  border-top: 1px solid #A3C293;
  border-bottom: 1px solid #A3C293;
}
.ui.form .field.success > .ui[class*="left action"].input > .ui.button,
.ui.form .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
.ui[class*="left action"].input.success > .ui.button,
.ui.labeled.input.success:not(.right):not([class*="corner labeled"]) > .ui.label {
  border-left: 1px solid #A3C293;
}
.ui.form .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
.ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
.ui.action.input.success:not([class*="left action"]) > input + .ui.button,
.ui.right.labeled.input.success:not([class*="corner labeled"]) > input + .ui.label {
  border-right: 1px solid #A3C293;
}
.ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
.ui.right.labeled.input.success:not([class*="corner labeled"]) > .ui.label:first-child {
  border-left: 1px solid #A3C293;
}
.ui.form .field.warning > .ui.action.input > .ui.button,
.ui.form .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
.ui.action.input.warning > .ui.button,
.ui.labeled.input.warning:not([class*="corner labeled"]) > .ui.label {
  border-top: 1px solid #C9BA9B;
  border-bottom: 1px solid #C9BA9B;
}
.ui.form .field.warning > .ui[class*="left action"].input > .ui.button,
.ui.form .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
.ui[class*="left action"].input.warning > .ui.button,
.ui.labeled.input.warning:not(.right):not([class*="corner labeled"]) > .ui.label {
  border-left: 1px solid #C9BA9B;
}
.ui.form .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
.ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
.ui.action.input.warning:not([class*="left action"]) > input + .ui.button,
.ui.right.labeled.input.warning:not([class*="corner labeled"]) > input + .ui.label {
  border-right: 1px solid #C9BA9B;
}
.ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
.ui.right.labeled.input.warning:not([class*="corner labeled"]) > .ui.label:first-child {
  border-left: 1px solid #C9BA9B;
}

/*--------------------
          Action
  ---------------------*/

.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.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
  margin: 0;
}

/* Input when ui Left*/
.ui[class*="left action"].input > input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent;
}
/* Input when ui Right*/
.ui.action.input:not([class*="left action"]) > input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent;
}
/* Button and Dropdown */
.ui.action.input > .dropdown:first-child,
.ui.action.input > .button:first-child,
.ui.action.input > .buttons:first-child > .button {
  border-radius: 0.28571429rem 0 0 0.28571429rem;
}
.ui.action.input > .dropdown:not(:first-child),
.ui.action.input > .button:not(:first-child),
.ui.action.input > .buttons:not(:first-child) > .button {
  border-radius: 0;
}
.ui.action.input > .dropdown:last-child,
.ui.action.input > .button:last-child,
.ui.action.input > .buttons:last-child > .button {
  border-radius: 0 0.28571429rem 0.28571429rem 0;
}

/* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus {
  border-right-color: #85B7D9;
}
.ui.ui[class*="left action"].input > input:focus {
  border-left-color: #85B7D9;
}

/*--------------------
         Inverted
  ---------------------*/


/* Standard */
.ui.inverted.input > input {
  border: none;
}

/*--------------------
          Fluid
  ---------------------*/

.ui.fluid.input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.fluid.input > input {
  width: 0 !important;
}

/*--------------------
          File
  ---------------------*/


/* width hack for chrome/edge */
.ui.file.input {
  width: 100%;
}
.ui.file.input input[type="file"] {
  width: 0;
}
.ui.form .field > input[type="file"],
.ui.file.input:not(.action) input[type="file"] {
  padding: 0;
}
.ui.action.file.input input[type="file"]::-webkit-file-upload-button {
  display: none;
}
.ui.form .field input[type="file"]::-webkit-file-upload-button,
.ui.file.input input[type="file"]::-webkit-file-upload-button {
  border: none;
  cursor: pointer;
  padding: 0.67857143em 1em;
  margin-right: 1em;
  background: #e0e1e2;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}
.ui.form .field input[type="file"]::-webkit-file-upload-button:hover,
.ui.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #cacbcd;
  color: rgba(0, 0, 0, 0.6);
}
.ui.action.file.input input[type="file"]::-ms-browse {
  display: none;
}
.ui.form .field input[type="file"]::-ms-browse,
.ui.file.input input[type="file"]::-ms-browse {
  border: none;
  cursor: pointer;
  padding: 0.67857143em 1em;
  margin: 0;
  background: #e0e1e2;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}
.ui.form .field input[type="file"]::-ms-browse:hover,
.ui.file.input input[type="file"]::-ms-browse:hover {
  background: #cacbcd;
  color: rgba(0, 0, 0, 0.6);
}

/* IE needs additional styling for input field :S */
@media all and (-ms-high-contrast: none) {
  .ui.file.input > input[type="file"],
  input[type="file"].ui.file.input {
    padding: 0 !important;
  }
}
.ui.action.file.input input[type="file"]::file-selector-button {
  display: none;
}
.ui.form .field input[type="file"]::file-selector-button,
.ui.file.input input[type="file"]::file-selector-button {
  border: none;
  cursor: pointer;
  padding: 0.67857143em 1em;
  margin-right: 1em;
  background: #e0e1e2;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}
.ui.form .field input[type="file"]::file-selector-button:hover,
.ui.file.input input[type="file"]::file-selector-button:hover {
  background: #cacbcd;
  color: rgba(0, 0, 0, 0.6);
}
.ui.form .field input[type="file"]:required:invalid,
.ui.file.input input[type="file"]:required:invalid {
  color: #9F3A38;
  background: #FFF6F6;
  border-color: #E0B4B4;
}
input[type="file"].ui.invisible.file.input,
.ui.invisible.file.input input[type="file"] {
  left: -99999px;
  position: absolute;
}
input[type="file"].ui.file.input:focus + label.ui.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.button:not(.basic):not(.tertiary) {
  background: #cacbcd;
  color: rgba(0, 0, 0, 0.8);
}
input[type="file"].ui.file.input:focus + label.ui.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.button:not(.basic):not(.tertiary).inverted {
  background: #FFFFFF;
}

/* this is related to existing buttons, so the button color variable is used here! */
input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary) {
  background-color: #1678c2;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted {
  background-color: #21b8ff;
}
input[type="file"].ui.file.input:focus + label.ui.secondary.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.secondary.button:not(.basic):not(.tertiary) {
  background-color: #27292a;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.secondary.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.secondary.button:not(.basic):not(.tertiary).inverted {
  background-color: #6e6e6e;
}
input[type="file"].ui.file.input:focus + label.ui.red.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.red.button:not(.basic):not(.tertiary) {
  background-color: #d01919;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.red.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.red.button:not(.basic):not(.tertiary).inverted {
  background-color: #ff392b;
}
input[type="file"].ui.file.input:focus + label.ui.orange.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.orange.button:not(.basic):not(.tertiary) {
  background-color: #f26202;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.orange.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.orange.button:not(.basic):not(.tertiary).inverted {
  background-color: #e76b00;
}
input[type="file"].ui.file.input:focus + label.ui.yellow.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.yellow.button:not(.basic):not(.tertiary) {
  background-color: #eaae00;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.yellow.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.yellow.button:not(.basic):not(.tertiary).inverted {
  background-color: #ebcd00;
}
input[type="file"].ui.file.input:focus + label.ui.olive.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.olive.button:not(.basic):not(.tertiary) {
  background-color: #a7bd0d;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.olive.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.olive.button:not(.basic):not(.tertiary).inverted {
  background-color: #d2e745;
}
input[type="file"].ui.file.input:focus + label.ui.green.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.green.button:not(.basic):not(.tertiary) {
  background-color: #16ab39;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.green.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.green.button:not(.basic):not(.tertiary).inverted {
  background-color: #1ea92e;
}
input[type="file"].ui.file.input:focus + label.ui.teal.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.teal.button:not(.basic):not(.tertiary) {
  background-color: #009c95;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.teal.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.teal.button:not(.basic):not(.tertiary).inverted {
  background-color: #3affff;
}
input[type="file"].ui.file.input:focus + label.ui.blue.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.blue.button:not(.basic):not(.tertiary) {
  background-color: #1678c2;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.blue.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.blue.button:not(.basic):not(.tertiary).inverted {
  background-color: #21b8ff;
}
input[type="file"].ui.file.input:focus + label.ui.violet.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.violet.button:not(.basic):not(.tertiary) {
  background-color: #5829bb;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.violet.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.violet.button:not(.basic):not(.tertiary).inverted {
  background-color: #745aff;
}
input[type="file"].ui.file.input:focus + label.ui.purple.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.purple.button:not(.basic):not(.tertiary) {
  background-color: #9627ba;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.purple.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.purple.button:not(.basic):not(.tertiary).inverted {
  background-color: #cf40ff;
}
input[type="file"].ui.file.input:focus + label.ui.pink.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.pink.button:not(.basic):not(.tertiary) {
  background-color: #e61a8d;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.pink.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.pink.button:not(.basic):not(.tertiary).inverted {
  background-color: #ff5bd1;
}
input[type="file"].ui.file.input:focus + label.ui.brown.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.brown.button:not(.basic):not(.tertiary) {
  background-color: #975b33;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.brown.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.brown.button:not(.basic):not(.tertiary).inverted {
  background-color: #b0620f;
}
input[type="file"].ui.file.input:focus + label.ui.grey.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.grey.button:not(.basic):not(.tertiary) {
  background-color: #838383;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.grey.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.grey.button:not(.basic):not(.tertiary).inverted {
  background-color: #c2c4c5;
}
input[type="file"].ui.file.input:focus + label.ui.black.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.black.button:not(.basic):not(.tertiary) {
  background-color: #27292a;
  color: #FFFFFF;
}
input[type="file"].ui.file.input:focus + label.ui.black.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.black.button:not(.basic):not(.tertiary).inverted {
  background-color: #000000;
}
input[type="file"].ui.primary.file.input::-webkit-file-upload-button,
.ui.primary.file.input input[type="file"]::-webkit-file-upload-button {
  background: #2185D0;
  color: #FFFFFF;
}
input[type="file"].ui.primary.file.input::-webkit-file-upload-button:hover,
.ui.primary.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #1678c2;
}
input[type="file"].ui.primary.file.input::-ms-browse,
.ui.primary.file.input input[type="file"]::-ms-browse {
  background: #2185D0;
  color: #FFFFFF;
}
input[type="file"].ui.primary.file.input::-ms-browse:hover,
.ui.primary.file.input input[type="file"]::-ms-browse:hover {
  background: #1678c2;
}
input[type="file"].ui.primary.file.input::file-selector-button,
.ui.primary.file.input input[type="file"]::file-selector-button {
  background: #2185D0;
  color: #FFFFFF;
}
input[type="file"].ui.primary.file.input::file-selector-button:hover,
.ui.primary.file.input input[type="file"]::file-selector-button:hover {
  background: #1678c2;
}
input[type="file"].ui.secondary.file.input::-webkit-file-upload-button,
.ui.secondary.file.input input[type="file"]::-webkit-file-upload-button {
  background: #1B1C1D;
  color: #FFFFFF;
}
input[type="file"].ui.secondary.file.input::-webkit-file-upload-button:hover,
.ui.secondary.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #27292a;
}
input[type="file"].ui.secondary.file.input::-ms-browse,
.ui.secondary.file.input input[type="file"]::-ms-browse {
  background: #1B1C1D;
  color: #FFFFFF;
}
input[type="file"].ui.secondary.file.input::-ms-browse:hover,
.ui.secondary.file.input input[type="file"]::-ms-browse:hover {
  background: #27292a;
}
input[type="file"].ui.secondary.file.input::file-selector-button,
.ui.secondary.file.input input[type="file"]::file-selector-button {
  background: #1B1C1D;
  color: #FFFFFF;
}
input[type="file"].ui.secondary.file.input::file-selector-button:hover,
.ui.secondary.file.input input[type="file"]::file-selector-button:hover {
  background: #27292a;
}
input[type="file"].ui.red.file.input::-webkit-file-upload-button,
.ui.red.file.input input[type="file"]::-webkit-file-upload-button {
  background: #DB2828;
  color: #FFFFFF;
}
input[type="file"].ui.red.file.input::-webkit-file-upload-button:hover,
.ui.red.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #d01919;
}
input[type="file"].ui.red.file.input::-ms-browse,
.ui.red.file.input input[type="file"]::-ms-browse {
  background: #DB2828;
  color: #FFFFFF;
}
input[type="file"].ui.red.file.input::-ms-browse:hover,
.ui.red.file.input input[type="file"]::-ms-browse:hover {
  background: #d01919;
}
input[type="file"].ui.red.file.input::file-selector-button,
.ui.red.file.input input[type="file"]::file-selector-button {
  background: #DB2828;
  color: #FFFFFF;
}
input[type="file"].ui.red.file.input::file-selector-button:hover,
.ui.red.file.input input[type="file"]::file-selector-button:hover {
  background: #d01919;
}
input[type="file"].ui.orange.file.input::-webkit-file-upload-button,
.ui.orange.file.input input[type="file"]::-webkit-file-upload-button {
  background: #F2711C;
  color: #FFFFFF;
}
input[type="file"].ui.orange.file.input::-webkit-file-upload-button:hover,
.ui.orange.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #f26202;
}
input[type="file"].ui.orange.file.input::-ms-browse,
.ui.orange.file.input input[type="file"]::-ms-browse {
  background: #F2711C;
  color: #FFFFFF;
}
input[type="file"].ui.orange.file.input::-ms-browse:hover,
.ui.orange.file.input input[type="file"]::-ms-browse:hover {
  background: #f26202;
}
input[type="file"].ui.orange.file.input::file-selector-button,
.ui.orange.file.input input[type="file"]::file-selector-button {
  background: #F2711C;
  color: #FFFFFF;
}
input[type="file"].ui.orange.file.input::file-selector-button:hover,
.ui.orange.file.input input[type="file"]::file-selector-button:hover {
  background: #f26202;
}
input[type="file"].ui.yellow.file.input::-webkit-file-upload-button,
.ui.yellow.file.input input[type="file"]::-webkit-file-upload-button {
  background: #FBBD08;
  color: #FFFFFF;
}
input[type="file"].ui.yellow.file.input::-webkit-file-upload-button:hover,
.ui.yellow.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #eaae00;
}
input[type="file"].ui.yellow.file.input::-ms-browse,
.ui.yellow.file.input input[type="file"]::-ms-browse {
  background: #FBBD08;
  color: #FFFFFF;
}
input[type="file"].ui.yellow.file.input::-ms-browse:hover,
.ui.yellow.file.input input[type="file"]::-ms-browse:hover {
  background: #eaae00;
}
input[type="file"].ui.yellow.file.input::file-selector-button,
.ui.yellow.file.input input[type="file"]::file-selector-button {
  background: #FBBD08;
  color: #FFFFFF;
}
input[type="file"].ui.yellow.file.input::file-selector-button:hover,
.ui.yellow.file.input input[type="file"]::file-selector-button:hover {
  background: #eaae00;
}
input[type="file"].ui.olive.file.input::-webkit-file-upload-button,
.ui.olive.file.input input[type="file"]::-webkit-file-upload-button {
  background: #B5CC18;
  color: #FFFFFF;
}
input[type="file"].ui.olive.file.input::-webkit-file-upload-button:hover,
.ui.olive.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #a7bd0d;
}
input[type="file"].ui.olive.file.input::-ms-browse,
.ui.olive.file.input input[type="file"]::-ms-browse {
  background: #B5CC18;
  color: #FFFFFF;
}
input[type="file"].ui.olive.file.input::-ms-browse:hover,
.ui.olive.file.input input[type="file"]::-ms-browse:hover {
  background: #a7bd0d;
}
input[type="file"].ui.olive.file.input::file-selector-button,
.ui.olive.file.input input[type="file"]::file-selector-button {
  background: #B5CC18;
  color: #FFFFFF;
}
input[type="file"].ui.olive.file.input::file-selector-button:hover,
.ui.olive.file.input input[type="file"]::file-selector-button:hover {
  background: #a7bd0d;
}
input[type="file"].ui.green.file.input::-webkit-file-upload-button,
.ui.green.file.input input[type="file"]::-webkit-file-upload-button {
  background: #21BA45;
  color: #FFFFFF;
}
input[type="file"].ui.green.file.input::-webkit-file-upload-button:hover,
.ui.green.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #16ab39;
}
input[type="file"].ui.green.file.input::-ms-browse,
.ui.green.file.input input[type="file"]::-ms-browse {
  background: #21BA45;
  color: #FFFFFF;
}
input[type="file"].ui.green.file.input::-ms-browse:hover,
.ui.green.file.input input[type="file"]::-ms-browse:hover {
  background: #16ab39;
}
input[type="file"].ui.green.file.input::file-selector-button,
.ui.green.file.input input[type="file"]::file-selector-button {
  background: #21BA45;
  color: #FFFFFF;
}
input[type="file"].ui.green.file.input::file-selector-button:hover,
.ui.green.file.input input[type="file"]::file-selector-button:hover {
  background: #16ab39;
}
input[type="file"].ui.teal.file.input::-webkit-file-upload-button,
.ui.teal.file.input input[type="file"]::-webkit-file-upload-button {
  background: #00B5AD;
  color: #FFFFFF;
}
input[type="file"].ui.teal.file.input::-webkit-file-upload-button:hover,
.ui.teal.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #009c95;
}
input[type="file"].ui.teal.file.input::-ms-browse,
.ui.teal.file.input input[type="file"]::-ms-browse {
  background: #00B5AD;
  color: #FFFFFF;
}
input[type="file"].ui.teal.file.input::-ms-browse:hover,
.ui.teal.file.input input[type="file"]::-ms-browse:hover {
  background: #009c95;
}
input[type="file"].ui.teal.file.input::file-selector-button,
.ui.teal.file.input input[type="file"]::file-selector-button {
  background: #00B5AD;
  color: #FFFFFF;
}
input[type="file"].ui.teal.file.input::file-selector-button:hover,
.ui.teal.file.input input[type="file"]::file-selector-button:hover {
  background: #009c95;
}
input[type="file"].ui.blue.file.input::-webkit-file-upload-button,
.ui.blue.file.input input[type="file"]::-webkit-file-upload-button {
  background: #2185D0;
  color: #FFFFFF;
}
input[type="file"].ui.blue.file.input::-webkit-file-upload-button:hover,
.ui.blue.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #1678c2;
}
input[type="file"].ui.blue.file.input::-ms-browse,
.ui.blue.file.input input[type="file"]::-ms-browse {
  background: #2185D0;
  color: #FFFFFF;
}
input[type="file"].ui.blue.file.input::-ms-browse:hover,
.ui.blue.file.input input[type="file"]::-ms-browse:hover {
  background: #1678c2;
}
input[type="file"].ui.blue.file.input::file-selector-button,
.ui.blue.file.input input[type="file"]::file-selector-button {
  background: #2185D0;
  color: #FFFFFF;
}
input[type="file"].ui.blue.file.input::file-selector-button:hover,
.ui.blue.file.input input[type="file"]::file-selector-button:hover {
  background: #1678c2;
}
input[type="file"].ui.violet.file.input::-webkit-file-upload-button,
.ui.violet.file.input input[type="file"]::-webkit-file-upload-button {
  background: #6435C9;
  color: #FFFFFF;
}
input[type="file"].ui.violet.file.input::-webkit-file-upload-button:hover,
.ui.violet.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #5829bb;
}
input[type="file"].ui.violet.file.input::-ms-browse,
.ui.violet.file.input input[type="file"]::-ms-browse {
  background: #6435C9;
  color: #FFFFFF;
}
input[type="file"].ui.violet.file.input::-ms-browse:hover,
.ui.violet.file.input input[type="file"]::-ms-browse:hover {
  background: #5829bb;
}
input[type="file"].ui.violet.file.input::file-selector-button,
.ui.violet.file.input input[type="file"]::file-selector-button {
  background: #6435C9;
  color: #FFFFFF;
}
input[type="file"].ui.violet.file.input::file-selector-button:hover,
.ui.violet.file.input input[type="file"]::file-selector-button:hover {
  background: #5829bb;
}
input[type="file"].ui.purple.file.input::-webkit-file-upload-button,
.ui.purple.file.input input[type="file"]::-webkit-file-upload-button {
  background: #A333C8;
  color: #FFFFFF;
}
input[type="file"].ui.purple.file.input::-webkit-file-upload-button:hover,
.ui.purple.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #9627ba;
}
input[type="file"].ui.purple.file.input::-ms-browse,
.ui.purple.file.input input[type="file"]::-ms-browse {
  background: #A333C8;
  color: #FFFFFF;
}
input[type="file"].ui.purple.file.input::-ms-browse:hover,
.ui.purple.file.input input[type="file"]::-ms-browse:hover {
  background: #9627ba;
}
input[type="file"].ui.purple.file.input::file-selector-button,
.ui.purple.file.input input[type="file"]::file-selector-button {
  background: #A333C8;
  color: #FFFFFF;
}
input[type="file"].ui.purple.file.input::file-selector-button:hover,
.ui.purple.file.input input[type="file"]::file-selector-button:hover {
  background: #9627ba;
}
input[type="file"].ui.pink.file.input::-webkit-file-upload-button,
.ui.pink.file.input input[type="file"]::-webkit-file-upload-button {
  background: #E03997;
  color: #FFFFFF;
}
input[type="file"].ui.pink.file.input::-webkit-file-upload-button:hover,
.ui.pink.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #e61a8d;
}
input[type="file"].ui.pink.file.input::-ms-browse,
.ui.pink.file.input input[type="file"]::-ms-browse {
  background: #E03997;
  color: #FFFFFF;
}
input[type="file"].ui.pink.file.input::-ms-browse:hover,
.ui.pink.file.input input[type="file"]::-ms-browse:hover {
  background: #e61a8d;
}
input[type="file"].ui.pink.file.input::file-selector-button,
.ui.pink.file.input input[type="file"]::file-selector-button {
  background: #E03997;
  color: #FFFFFF;
}
input[type="file"].ui.pink.file.input::file-selector-button:hover,
.ui.pink.file.input input[type="file"]::file-selector-button:hover {
  background: #e61a8d;
}
input[type="file"].ui.brown.file.input::-webkit-file-upload-button,
.ui.brown.file.input input[type="file"]::-webkit-file-upload-button {
  background: #A5673F;
  color: #FFFFFF;
}
input[type="file"].ui.brown.file.input::-webkit-file-upload-button:hover,
.ui.brown.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #975b33;
}
input[type="file"].ui.brown.file.input::-ms-browse,
.ui.brown.file.input input[type="file"]::-ms-browse {
  background: #A5673F;
  color: #FFFFFF;
}
input[type="file"].ui.brown.file.input::-ms-browse:hover,
.ui.brown.file.input input[type="file"]::-ms-browse:hover {
  background: #975b33;
}
input[type="file"].ui.brown.file.input::file-selector-button,
.ui.brown.file.input input[type="file"]::file-selector-button {
  background: #A5673F;
  color: #FFFFFF;
}
input[type="file"].ui.brown.file.input::file-selector-button:hover,
.ui.brown.file.input input[type="file"]::file-selector-button:hover {
  background: #975b33;
}
input[type="file"].ui.grey.file.input::-webkit-file-upload-button,
.ui.grey.file.input input[type="file"]::-webkit-file-upload-button {
  background: #767676;
  color: #FFFFFF;
}
input[type="file"].ui.grey.file.input::-webkit-file-upload-button:hover,
.ui.grey.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #838383;
}
input[type="file"].ui.grey.file.input::-ms-browse,
.ui.grey.file.input input[type="file"]::-ms-browse {
  background: #767676;
  color: #FFFFFF;
}
input[type="file"].ui.grey.file.input::-ms-browse:hover,
.ui.grey.file.input input[type="file"]::-ms-browse:hover {
  background: #838383;
}
input[type="file"].ui.grey.file.input::file-selector-button,
.ui.grey.file.input input[type="file"]::file-selector-button {
  background: #767676;
  color: #FFFFFF;
}
input[type="file"].ui.grey.file.input::file-selector-button:hover,
.ui.grey.file.input input[type="file"]::file-selector-button:hover {
  background: #838383;
}
input[type="file"].ui.black.file.input::-webkit-file-upload-button,
.ui.black.file.input input[type="file"]::-webkit-file-upload-button {
  background: #1B1C1D;
  color: #FFFFFF;
}
input[type="file"].ui.black.file.input::-webkit-file-upload-button:hover,
.ui.black.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #27292a;
}
input[type="file"].ui.black.file.input::-ms-browse,
.ui.black.file.input input[type="file"]::-ms-browse {
  background: #1B1C1D;
  color: #FFFFFF;
}
input[type="file"].ui.black.file.input::-ms-browse:hover,
.ui.black.file.input input[type="file"]::-ms-browse:hover {
  background: #27292a;
}
input[type="file"].ui.black.file.input::file-selector-button,
.ui.black.file.input input[type="file"]::file-selector-button {
  background: #1B1C1D;
  color: #FFFFFF;
}
input[type="file"].ui.black.file.input::file-selector-button:hover,
.ui.black.file.input input[type="file"]::file-selector-button:hover {
  background: #27292a;
}

/*--------------------
        Size
---------------------*/

.ui.input {
  font-size: 1em;
}
.ui.mini.input {
  font-size: 0.78571429em;
}
.ui.tiny.input {
  font-size: 0.85714286em;
}
.ui.small.input {
  font-size: 0.92857143em;
}
.ui.large.input {
  font-size: 1.14285714em;
}
.ui.big.input {
  font-size: 1.28571429em;
}
.ui.huge.input {
  font-size: 1.42857143em;
}
.ui.massive.input {
  font-size: 1.71428571em;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Loader
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Loader
*******************************/


/* Standard Size */
.ui.loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  text-align: center;
  z-index: 1000;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

/* Static Shape */
.ui.loader::before {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}

/* Active Shape */
.ui.loader::after {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
}

/* Speeds */
.ui.fast.loading.loading::after,
.ui.fast.loading.loading .input > i.icon::after,
.ui.fast.loading.loading > i.icon::after,
.ui.fast.loader::after {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.ui.slow.loading.loading::after,
.ui.slow.loading.loading .input > i.icon::after,
.ui.slow.loading.loading > i.icon::after,
.ui.slow.loader::after {
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
}

/* Active Animation */
@-webkit-keyframes loader {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loader {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*-------------------
      Coupling
--------------------*/


/* Show inside active dimmer */
.ui.dimmer > .loader {
  display: block;
}

/* Black Dimmer */
.ui.dimmer > .ui.loader {
  color: rgba(255, 255, 255, 0.9);
}
.ui.dimmer > .ui.loader:not(.elastic)::before {
  border-color: rgba(255, 255, 255, 0.15);
}

/* White Dimmer (Inverted) */
.ui.inverted.dimmer > .ui.loader {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.dimmer > .ui.loader:not(.elastic)::before {
  border-color: rgba(0, 0, 0, 0.1);
}


/*******************************
             Types
*******************************/


/*-------------------
          Text
  --------------------*/

.ui.ui.ui.ui.text.loader {
  width: auto;
  height: auto;
  text-align: center;
  font-style: normal;
}


/*******************************
            States
*******************************/

.ui.indeterminate.loader::after {
  animation-direction: reverse;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
.ui.loader.active,
.ui.loader.visible {
  display: block;
}
.ui.loader.disabled,
.ui.loader.hidden {
  display: none;
}


/*******************************
            Variations
*******************************/


/*-------------------
        Sizes
--------------------*/

.ui.loader {
  width: 2.28571429rem;
  height: 2.28571429rem;
  font-size: 1em;
}
.ui.loader::before,
.ui.loader::after {
  width: 2.28571429rem;
  height: 2.28571429rem;
  margin: 0 0 0 -1.14285714rem;
}
.ui.text.loader {
  min-width: 2.28571429rem;
  padding-top: 3.07142857rem;
}
.ui.mini.loader {
  width: 1rem;
  height: 1rem;
  font-size: 0.78571429em;
}
.ui.mini.loader::before,
.ui.mini.loader::after {
  width: 1rem;
  height: 1rem;
  margin: 0 0 0 -0.5rem;
}
.ui.mini.text.loader {
  min-width: 1rem;
  padding-top: 1.78571429rem;
}
.ui.tiny.loader {
  width: 1.14285714rem;
  height: 1.14285714rem;
  font-size: 0.85714286em;
}
.ui.tiny.loader::before,
.ui.tiny.loader::after {
  width: 1.14285714rem;
  height: 1.14285714rem;
  margin: 0 0 0 -0.57142857rem;
}
.ui.tiny.text.loader {
  min-width: 1.14285714rem;
  padding-top: 1.92857143rem;
}
.ui.small.loader {
  width: 1.71428571rem;
  height: 1.71428571rem;
  font-size: 0.92857143em;
}
.ui.small.loader::before,
.ui.small.loader::after {
  width: 1.71428571rem;
  height: 1.71428571rem;
  margin: 0 0 0 -0.85714286rem;
}
.ui.small.text.loader {
  min-width: 1.71428571rem;
  padding-top: 2.5rem;
}
.ui.large.loader {
  width: 3.42857143rem;
  height: 3.42857143rem;
  font-size: 1.14285714em;
}
.ui.large.loader::before,
.ui.large.loader::after {
  width: 3.42857143rem;
  height: 3.42857143rem;
  margin: 0 0 0 -1.71428571rem;
}
.ui.large.text.loader {
  min-width: 3.42857143rem;
  padding-top: 4.21428571rem;
}
.ui.big.loader {
  width: 3.71428571rem;
  height: 3.71428571rem;
  font-size: 1.28571429em;
}
.ui.big.loader::before,
.ui.big.loader::after {
  width: 3.71428571rem;
  height: 3.71428571rem;
  margin: 0 0 0 -1.85714286rem;
}
.ui.big.text.loader {
  min-width: 3.71428571rem;
  padding-top: 4.5rem;
}
.ui.huge.loader {
  width: 4.14285714rem;
  height: 4.14285714rem;
  font-size: 1.42857143em;
}
.ui.huge.loader::before,
.ui.huge.loader::after {
  width: 4.14285714rem;
  height: 4.14285714rem;
  margin: 0 0 0 -2.07142857rem;
}
.ui.huge.text.loader {
  min-width: 4.14285714rem;
  padding-top: 4.92857143rem;
}
.ui.massive.loader {
  width: 4.57142857rem;
  height: 4.57142857rem;
  font-size: 1.71428571em;
}
.ui.massive.loader::before,
.ui.massive.loader::after {
  width: 4.57142857rem;
  height: 4.57142857rem;
  margin: 0 0 0 -2.28571429rem;
}
.ui.massive.text.loader {
  min-width: 4.57142857rem;
  padding-top: 5.35714286rem;
}

/*-------------------
       Colors
--------------------*/

.ui.primary.elastic.loader.loader::before,
.ui.primary.basic.elastic.loading.button::before,
.ui.primary.basic.elastic.loading.button::after,
.ui.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.primary.elastic.loading.loading.loading .input > i.icon::before,
.ui.primary.elastic.loading.loading.loading.loading > i.icon::before,
.ui.primary.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.primary.loading.loading.loading.loading .input > i.icon::after,
.ui.primary.loading.loading.loading.loading > i.icon::after,
.ui.primary.loader.loader.loader::after {
  color: #2185D0;
}
.ui.inverted.primary.elastic.loader::before,
.ui.inverted.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.primary.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.primary.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.primary.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.primary.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.primary.loading.loading.loading.loading > i.icon::after,
.ui.inverted.primary.loader.loader.loader::after {
  color: #54C8FF;
}
.ui.secondary.elastic.loader.loader::before,
.ui.secondary.basic.elastic.loading.button::before,
.ui.secondary.basic.elastic.loading.button::after,
.ui.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.secondary.elastic.loading.loading.loading .input > i.icon::before,
.ui.secondary.elastic.loading.loading.loading.loading > i.icon::before,
.ui.secondary.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.secondary.loading.loading.loading.loading .input > i.icon::after,
.ui.secondary.loading.loading.loading.loading > i.icon::after,
.ui.secondary.loader.loader.loader::after {
  color: #1B1C1D;
}
.ui.inverted.secondary.elastic.loader::before,
.ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.secondary.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.secondary.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.secondary.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.secondary.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.secondary.loading.loading.loading.loading > i.icon::after,
.ui.inverted.secondary.loader.loader.loader::after {
  color: #545454;
}
.ui.red.elastic.loader.loader::before,
.ui.red.basic.elastic.loading.button::before,
.ui.red.basic.elastic.loading.button::after,
.ui.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.red.elastic.loading.loading.loading .input > i.icon::before,
.ui.red.elastic.loading.loading.loading.loading > i.icon::before,
.ui.red.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.red.loading.loading.loading.loading .input > i.icon::after,
.ui.red.loading.loading.loading.loading > i.icon::after,
.ui.red.loader.loader.loader::after {
  color: #DB2828;
}
.ui.inverted.red.elastic.loader::before,
.ui.inverted.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.red.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.red.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.red.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.red.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.red.loading.loading.loading.loading > i.icon::after,
.ui.inverted.red.loader.loader.loader::after {
  color: #FF695E;
}
.ui.orange.elastic.loader.loader::before,
.ui.orange.basic.elastic.loading.button::before,
.ui.orange.basic.elastic.loading.button::after,
.ui.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.orange.elastic.loading.loading.loading .input > i.icon::before,
.ui.orange.elastic.loading.loading.loading.loading > i.icon::before,
.ui.orange.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.orange.loading.loading.loading.loading .input > i.icon::after,
.ui.orange.loading.loading.loading.loading > i.icon::after,
.ui.orange.loader.loader.loader::after {
  color: #F2711C;
}
.ui.inverted.orange.elastic.loader::before,
.ui.inverted.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.orange.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.orange.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.orange.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.orange.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.orange.loading.loading.loading.loading > i.icon::after,
.ui.inverted.orange.loader.loader.loader::after {
  color: #FF851B;
}
.ui.yellow.elastic.loader.loader::before,
.ui.yellow.basic.elastic.loading.button::before,
.ui.yellow.basic.elastic.loading.button::after,
.ui.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.yellow.elastic.loading.loading.loading .input > i.icon::before,
.ui.yellow.elastic.loading.loading.loading.loading > i.icon::before,
.ui.yellow.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.yellow.loading.loading.loading.loading .input > i.icon::after,
.ui.yellow.loading.loading.loading.loading > i.icon::after,
.ui.yellow.loader.loader.loader::after {
  color: #FBBD08;
}
.ui.inverted.yellow.elastic.loader::before,
.ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.yellow.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.yellow.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.yellow.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.yellow.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.yellow.loading.loading.loading.loading > i.icon::after,
.ui.inverted.yellow.loader.loader.loader::after {
  color: #FFE21F;
}
.ui.olive.elastic.loader.loader::before,
.ui.olive.basic.elastic.loading.button::before,
.ui.olive.basic.elastic.loading.button::after,
.ui.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.olive.elastic.loading.loading.loading .input > i.icon::before,
.ui.olive.elastic.loading.loading.loading.loading > i.icon::before,
.ui.olive.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.olive.loading.loading.loading.loading .input > i.icon::after,
.ui.olive.loading.loading.loading.loading > i.icon::after,
.ui.olive.loader.loader.loader::after {
  color: #B5CC18;
}
.ui.inverted.olive.elastic.loader::before,
.ui.inverted.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.olive.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.olive.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.olive.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.olive.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.olive.loading.loading.loading.loading > i.icon::after,
.ui.inverted.olive.loader.loader.loader::after {
  color: #D9E778;
}
.ui.green.elastic.loader.loader::before,
.ui.green.basic.elastic.loading.button::before,
.ui.green.basic.elastic.loading.button::after,
.ui.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.green.elastic.loading.loading.loading .input > i.icon::before,
.ui.green.elastic.loading.loading.loading.loading > i.icon::before,
.ui.green.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.green.loading.loading.loading.loading .input > i.icon::after,
.ui.green.loading.loading.loading.loading > i.icon::after,
.ui.green.loader.loader.loader::after {
  color: #21BA45;
}
.ui.inverted.green.elastic.loader::before,
.ui.inverted.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.green.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.green.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.green.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.green.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.green.loading.loading.loading.loading > i.icon::after,
.ui.inverted.green.loader.loader.loader::after {
  color: #2ECC40;
}
.ui.teal.elastic.loader.loader::before,
.ui.teal.basic.elastic.loading.button::before,
.ui.teal.basic.elastic.loading.button::after,
.ui.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.teal.elastic.loading.loading.loading .input > i.icon::before,
.ui.teal.elastic.loading.loading.loading.loading > i.icon::before,
.ui.teal.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.teal.loading.loading.loading.loading .input > i.icon::after,
.ui.teal.loading.loading.loading.loading > i.icon::after,
.ui.teal.loader.loader.loader::after {
  color: #00B5AD;
}
.ui.inverted.teal.elastic.loader::before,
.ui.inverted.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.teal.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.teal.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.teal.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.teal.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.teal.loading.loading.loading.loading > i.icon::after,
.ui.inverted.teal.loader.loader.loader::after {
  color: #6DFFFF;
}
.ui.blue.elastic.loader.loader::before,
.ui.blue.basic.elastic.loading.button::before,
.ui.blue.basic.elastic.loading.button::after,
.ui.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.blue.elastic.loading.loading.loading .input > i.icon::before,
.ui.blue.elastic.loading.loading.loading.loading > i.icon::before,
.ui.blue.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.blue.loading.loading.loading.loading .input > i.icon::after,
.ui.blue.loading.loading.loading.loading > i.icon::after,
.ui.blue.loader.loader.loader::after {
  color: #2185D0;
}
.ui.inverted.blue.elastic.loader::before,
.ui.inverted.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.blue.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.blue.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.blue.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.blue.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.blue.loading.loading.loading.loading > i.icon::after,
.ui.inverted.blue.loader.loader.loader::after {
  color: #54C8FF;
}
.ui.violet.elastic.loader.loader::before,
.ui.violet.basic.elastic.loading.button::before,
.ui.violet.basic.elastic.loading.button::after,
.ui.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.violet.elastic.loading.loading.loading .input > i.icon::before,
.ui.violet.elastic.loading.loading.loading.loading > i.icon::before,
.ui.violet.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.violet.loading.loading.loading.loading .input > i.icon::after,
.ui.violet.loading.loading.loading.loading > i.icon::after,
.ui.violet.loader.loader.loader::after {
  color: #6435C9;
}
.ui.inverted.violet.elastic.loader::before,
.ui.inverted.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.violet.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.violet.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.violet.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.violet.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.violet.loading.loading.loading.loading > i.icon::after,
.ui.inverted.violet.loader.loader.loader::after {
  color: #A291FB;
}
.ui.purple.elastic.loader.loader::before,
.ui.purple.basic.elastic.loading.button::before,
.ui.purple.basic.elastic.loading.button::after,
.ui.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.purple.elastic.loading.loading.loading .input > i.icon::before,
.ui.purple.elastic.loading.loading.loading.loading > i.icon::before,
.ui.purple.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.purple.loading.loading.loading.loading .input > i.icon::after,
.ui.purple.loading.loading.loading.loading > i.icon::after,
.ui.purple.loader.loader.loader::after {
  color: #A333C8;
}
.ui.inverted.purple.elastic.loader::before,
.ui.inverted.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.purple.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.purple.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.purple.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.purple.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.purple.loading.loading.loading.loading > i.icon::after,
.ui.inverted.purple.loader.loader.loader::after {
  color: #DC73FF;
}
.ui.pink.elastic.loader.loader::before,
.ui.pink.basic.elastic.loading.button::before,
.ui.pink.basic.elastic.loading.button::after,
.ui.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.pink.elastic.loading.loading.loading .input > i.icon::before,
.ui.pink.elastic.loading.loading.loading.loading > i.icon::before,
.ui.pink.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.pink.loading.loading.loading.loading .input > i.icon::after,
.ui.pink.loading.loading.loading.loading > i.icon::after,
.ui.pink.loader.loader.loader::after {
  color: #E03997;
}
.ui.inverted.pink.elastic.loader::before,
.ui.inverted.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.pink.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.pink.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.pink.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.pink.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.pink.loading.loading.loading.loading > i.icon::after,
.ui.inverted.pink.loader.loader.loader::after {
  color: #FF8EDF;
}
.ui.brown.elastic.loader.loader::before,
.ui.brown.basic.elastic.loading.button::before,
.ui.brown.basic.elastic.loading.button::after,
.ui.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.brown.elastic.loading.loading.loading .input > i.icon::before,
.ui.brown.elastic.loading.loading.loading.loading > i.icon::before,
.ui.brown.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.brown.loading.loading.loading.loading .input > i.icon::after,
.ui.brown.loading.loading.loading.loading > i.icon::after,
.ui.brown.loader.loader.loader::after {
  color: #A5673F;
}
.ui.inverted.brown.elastic.loader::before,
.ui.inverted.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.brown.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.brown.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.brown.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.brown.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.brown.loading.loading.loading.loading > i.icon::after,
.ui.inverted.brown.loader.loader.loader::after {
  color: #D67C1C;
}
.ui.grey.elastic.loader.loader::before,
.ui.grey.basic.elastic.loading.button::before,
.ui.grey.basic.elastic.loading.button::after,
.ui.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.grey.elastic.loading.loading.loading .input > i.icon::before,
.ui.grey.elastic.loading.loading.loading.loading > i.icon::before,
.ui.grey.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.grey.loading.loading.loading.loading .input > i.icon::after,
.ui.grey.loading.loading.loading.loading > i.icon::after,
.ui.grey.loader.loader.loader::after {
  color: #767676;
}
.ui.inverted.grey.elastic.loader::before,
.ui.inverted.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.grey.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.grey.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.grey.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.grey.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.grey.loading.loading.loading.loading > i.icon::after,
.ui.inverted.grey.loader.loader.loader::after {
  color: #DCDDDE;
}
.ui.black.elastic.loader.loader::before,
.ui.black.basic.elastic.loading.button::before,
.ui.black.basic.elastic.loading.button::after,
.ui.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.black.elastic.loading.loading.loading .input > i.icon::before,
.ui.black.elastic.loading.loading.loading.loading > i.icon::before,
.ui.black.loading.loading.loading.loading:not(.usual):not(.button)::after,
.ui.black.loading.loading.loading.loading .input > i.icon::after,
.ui.black.loading.loading.loading.loading > i.icon::after,
.ui.black.loader.loader.loader::after {
  color: #1B1C1D;
}
.ui.inverted.black.elastic.loader::before,
.ui.inverted.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
.ui.inverted.black.elastic.loading.loading.loading .input > i.icon::before,
.ui.inverted.black.elastic.loading.loading.loading > i.icon::before,
.ui.inverted.black.loading.loading.loading.loading:not(.usual)::after,
.ui.inverted.black.loading.loading.loading.loading .input > i.icon::after,
.ui.inverted.black.loading.loading.loading.loading > i.icon::after,
.ui.inverted.black.loader.loader.loader::after {
  color: #545454;
}
.ui.elastic.loader.loader::before,
.ui.elastic.loading.loading.loading::before,
.ui.elastic.loading.loading.loading .input > i.icon::before,
.ui.elastic.loading.loading.loading > i.icon::before,
.ui.loading.loading.loading.loading:not(.usual)::after,
.ui.loading.loading.loading.loading .input > i.icon::after,
.ui.loading.loading.loading.loading > i.icon::after,
.ui.loader.loader.loader::after {
  border-color: currentColor;
}
.ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic)::before {
  color: #FFFFFF;
}
.ui.elastic.basic.loading.button::before,
.ui.elastic.basic.loading.button::after {
  color: #767676;
}
.ui.double.loading.loading.loading.loading.button::after {
  border-bottom-color: currentColor;
}

/*-------------------
         Inline
  --------------------*/

.ui.inline.loader {
  position: relative;
  vertical-align: middle;
  margin: 0;
  left: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
}
.ui.inline.loader.active,
.ui.inline.loader.visible {
  display: inline-block;
}

/* Centered Inline */
.ui.centered.inline.loader.active,
.ui.centered.inline.loader.visible {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ui.loading.loading.loading.loading.loading.loading::after,
.ui.loading.loading.loading.loading.loading.loading .input > i.icon::after,
.ui.loading.loading.loading.loading.loading.loading > i.icon::after,
.ui.loader.loader.loader.loader.loader::after {
  border-left-color: transparent;
  border-right-color: transparent;
}
.ui.loading.loading.loading.loading.loading.loading.loading:not(.double)::after,
.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon::after,
.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon::after,
.ui.loader.loader.loader.loader.loader.loader:not(.double)::after {
  border-bottom-color: transparent;
}
.ui.loading.loading.loading.loading.loading.loading.card::after,
.ui.loading.loading.loading.loading.loading.loading.segments::after,
.ui.loading.loading.loading.loading.loading.loading.segment::after,
.ui.loading.loading.loading.loading.loading.loading.form::after {
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
}
.ui.loading.loading.loading.loading.loading.loading.card:not(.double)::after,
.ui.loading.loading.loading.loading.loading.loading.segments:not(.double)::after,
.ui.loading.loading.loading.loading.loading.loading.segment:not(.double)::after,
.ui.loading.loading.loading.loading.loading.loading.form:not(.double)::after {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

/*-------------------
         Elastic
  --------------------*/

.ui.dimmer > .ui.elastic.loader {
  color: #FFFFFF;
}
.ui.inverted.dimmer > .ui.elastic.loader {
  color: #767676;
}
.ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
.ui.elastic.loading.loading .input > i.icon::after,
.ui.elastic.loading.loading > i.icon::after,
.ui.elastic.loader.loader::after {
  -webkit-animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
          animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
.ui.elastic.loading.loading.loading .input > i.icon::before,
.ui.elastic.loading.loading.loading > i.icon::before,
.ui.elastic.loader.loader::before {
  -webkit-animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
          animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  -moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
  border-right-color: transparent;
}
.ui.elastic.inline.loader:empty {
  -webkit-animation: loader 8s infinite linear;
          animation: loader 8s infinite linear;
}
.ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
.ui.slow.elastic.loading.loading .input > i.icon::after,
.ui.slow.elastic.loading.loading > i.icon::after,
.ui.slow.elastic.loader.loader::after {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
.ui.slow.elastic.loading.loading.loading .input > i.icon::before,
.ui.slow.elastic.loading.loading.loading > i.icon::before,
.ui.slow.elastic.loader.loader::before {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
.ui.fast.elastic.loading.loading .input > i.icon::after,
.ui.fast.elastic.loading.loading > i.icon::after,
.ui.fast.elastic.loader.loader::after {
  -webkit-animation-duration: 0.66s;
          animation-duration: 0.66s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
.ui.fast.elastic.loading.loading.loading .input > i.icon::before,
.ui.fast.elastic.loading.loading.loading > i.icon::before,
.ui.fast.elastic.loader.loader::before {
  -webkit-animation-duration: 0.66s;
          animation-duration: 0.66s;
}
@-webkit-keyframes elastic-loader {
  0%,
  1% {
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
  1.1%,
  50% {
    border-left-color: inherit;
  }
  10%,
  35.1% {
    border-bottom-color: transparent;
  }
  10.1%,
  35% {
    border-bottom-color: inherit;
  }
  50.1% {
    border-left-color: transparent;
  }
  100% {
    border-left-color: transparent;
    border-bottom-color: transparent;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes elastic-loader {
  0%,
  1% {
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
  1.1%,
  50% {
    border-left-color: inherit;
  }
  10%,
  35.1% {
    border-bottom-color: transparent;
  }
  10.1%,
  35% {
    border-bottom-color: inherit;
  }
  50.1% {
    border-left-color: transparent;
  }
  100% {
    border-left-color: transparent;
    border-bottom-color: transparent;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes currentcolor-elastic-loader {
  0%,
  1% {
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
  1.1%,
  50% {
    border-left-color: currentColor;
  }
  10%,
  35.1% {
    border-bottom-color: transparent;
  }
  10.1%,
  35% {
    border-bottom-color: currentColor;
  }
  50.1% {
    border-left-color: transparent;
  }
  100% {
    border-left-color: transparent;
    border-bottom-color: transparent;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes currentcolor-elastic-loader {
  0%,
  1% {
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
  1.1%,
  50% {
    border-left-color: currentColor;
  }
  10%,
  35.1% {
    border-bottom-color: transparent;
  }
  10.1%,
  35% {
    border-bottom-color: currentColor;
  }
  50.1% {
    border-left-color: transparent;
  }
  100% {
    border-left-color: transparent;
    border-bottom-color: transparent;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Segment
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Segment
*******************************/

.ui.segment {
  position: relative;
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0;
  padding: 1em 1em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.segment:first-child {
  margin-top: 0;
}
.ui.segment:last-child {
  margin-bottom: 0;
}

/* Vertical */
.ui.vertical.segment {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  background: none transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.vertical.segment:first-child {
  border-top: none;
}

/*-------------------
    Loose Coupling
--------------------*/


/* Header */
.ui.inverted.segments .segment > .ui.header .sub.header,
.ui.inverted.segments .segment > .ui.header,
.ui.inverted.segment > .ui.header .sub.header,
.ui.inverted.segment > .ui.header {
  color: #FFFFFF;
}

/* Label */
.ui[class*="bottom attached"].segment > [class*="top attached"].label {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ui[class*="top attached"].segment > [class*="bottom attached"].label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* Grid */
.ui.page.grid.segment,
.ui.grid > .row > .ui.segment.column,
.ui.grid > .ui.segment.column {
  padding-top: 2em;
  padding-bottom: 2em;
}
.ui.grid.segment {
  margin: 1rem 0;
  border-radius: 0.28571429rem;
}

/* Table */
.ui.basic.table.segment {
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui[class*="very basic"].table.segment {
  padding: 1em 1em;
}

/* Tab */
.ui.segment.tab:last-child {
  margin-bottom: 1rem;
}


/*******************************
             Types
*******************************/


/*-------------------
       Placeholder
  --------------------*/

.ui.placeholder.segment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-width: initial;
  -webkit-animation: none;
          animation: none;
  overflow: visible;
  padding: 1em 1em;
  min-height: 18rem;
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
          box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
}
.ui.placeholder.segment.tab {
  display: none;
}
.ui.placeholder.segment.tab.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.placeholder.segment .button,
.ui.placeholder.segment textarea {
  display: block;
}
.ui.placeholder.segment .field,
.ui.placeholder.segment textarea,
.ui.placeholder.segment > .ui.input,
.ui.placeholder.segment .button {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment .column .button,
.ui.placeholder.segment .column .field,
.ui.placeholder.segment .column textarea,
.ui.placeholder.segment .column > .ui.input {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment > .inline {
  -ms-flex-item-align: center;
      align-self: center;
}
.ui.placeholder.segment > .inline > .button {
  display: inline-block;
  width: auto;
  margin: 0 0.35714286rem 0 0;
}
.ui.placeholder.segment > .inline > .button:last-child {
  margin-right: 0;
}

/*-------------------
          Piled
  --------------------*/

.ui.piled.segments,
.ui.piled.segment {
  margin: 3em 0;
  -webkit-box-shadow: '';
          box-shadow: '';
  z-index: auto;
}
.ui.piled.segment:first-child {
  margin-top: 0;
}
.ui.piled.segment:last-child {
  margin-bottom: 0;
}
.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: 0;
  position: absolute;
  width: 100%;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: '';
          box-shadow: '';
}
.ui.piled.segments::before,
.ui.piled.segment::before {
  -webkit-transform: rotate(-1.2deg);
          transform: rotate(-1.2deg);
  top: 0;
  z-index: -2;
}
.ui.piled.segments::after,
.ui.piled.segment::after {
  -webkit-transform: rotate(1.2deg);
          transform: rotate(1.2deg);
  top: 0;
  z-index: -1;
}

/* Piled Attached */
.ui[class*="top attached"].piled.segment {
  margin-top: 3em;
  margin-bottom: 0;
}
.ui.piled.segment[class*="top attached"]:first-child {
  margin-top: 0;
}
.ui.piled.segment[class*="bottom attached"] {
  margin-top: 0;
  margin-bottom: 3em;
}
.ui.piled.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0;
}

/*-------------------
         Stacked
  --------------------*/

.ui.stacked.segment {
  padding-bottom: 1.4em;
}
.ui.stacked.segments::before,
.ui.stacked.segments::after,
.ui.stacked.segment::before,
.ui.stacked.segment::after {
  content: '';
  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;
}
.ui.stacked.segments::before,
.ui.stacked.segment::before {
  display: none;
}

/* Add additional page */
.ui.tall.stacked.segments::before,
.ui.tall.stacked.segment::before {
  display: block;
  bottom: 0;
}

/* Inverted */
.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);
}

/*-------------------
         Padded
  --------------------*/

.ui.padded.segment {
  padding: 1.5em;
}
.ui[class*="very padded"].segment {
  padding: 3em;
}

/* Padded vertical */
.ui.padded.segment.vertical.segment,
.ui[class*="very padded"].vertical.segment {
  padding-left: 0;
  padding-right: 0;
}

/*-------------------
         Compact
  --------------------*/

.ui.compact.segment {
  display: table;
}

/* Compact Group */
.ui.compact.segments {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ui.compact.segments .segment,
.ui.segments .compact.segment {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

/*-------------------
         Circular
  --------------------*/

.ui.circular.segment {
  display: table-cell;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  border-radius: 500em;
}

/*-------------------
         Raised
  --------------------*/

.ui.raised.raised.segments,
.ui.raised.raised.segment {
  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}


/*******************************
              Groups
  *******************************/


/* Group */
.ui.segments {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 1rem 0;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}
.ui.segments:first-child {
  margin-top: 0;
}
.ui.segments:last-child {
  margin-bottom: 0;
}

/* Nested Segment */
.ui.segments > .segment {
  top: 0;
  bottom: 0;
  border-radius: 0;
  margin: 0;
  width: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.segments:not(.horizontal) > .segment:first-child {
  top: 0;
  bottom: 0;
  border-top: none;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}

/* Bottom */
.ui.segments:not(.horizontal) > .segment:last-child {
  top: 0;
  bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}

/* Only */
.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0.28571429rem;
}

/* Nested Group */
.ui.segments > .ui.segments {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 1rem 1rem;
}
.ui.segments > .segments:first-child {
  border-top: none;
}
.ui.segments > .segment + .segments:not(.horizontal) {
  margin-top: 0;
}

/* Horizontal Group */
.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;
  padding: 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.stackable.horizontal.segments {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* Nested Horizontal Group */
.ui.segments > .horizontal.segments {
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

/* Horizontal Segment */
.ui.horizontal.segments:not(.compact) > .segment:not(.compact) {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  -ms-flex: 1 1 0;
  
/* Solves #2550 MS Flex */
}
.ui.horizontal.segments > .segment {
  margin: 0;
  min-width: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}

/* Border Fixes */
.ui.segments > .horizontal.segments:first-child {
  border-top: none;
}
.ui.horizontal.segments:not(.stackable) > .segment:first-child {
  border-left: none;
}
.ui.horizontal.segments > .segment:first-child {
  border-radius: 0.28571429rem 0 0 0.28571429rem;
}
.ui.horizontal.segments > .segment:last-child {
  border-radius: 0 0.28571429rem 0.28571429rem 0;
}

/* Equal Width */
.ui[class*="equal width"].horizontal.segments > .segment {
  width: 100%;
}


/*******************************
            States
*******************************/


/*--------------
      Disabled
  ---------------*/

.ui.disabled.segments,
.ui.disabled.segment {
  opacity: 0.45;
  color: rgba(40, 40, 40, 0.3);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/*--------------
      Loading
  ---------------*/

.ui.loading.segments,
.ui.loading.segment {
  position: relative;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}
.ui.loading.segments::before,
.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.loading.segments::after,
.ui.loading.segment::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0 0 -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
  visibility: visible;
  z-index: 101;
}


/*******************************
           Variations
*******************************/


/*-------------------
         Basic
  --------------------*/

.ui.basic.segment,
.ui.segments .ui.basic.segment,
.ui.basic.segments {
  background: none transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
}

/*-------------------
         Clearing
  --------------------*/

.ui.clearing.segment::after {
  content: "";
  display: block;
  clear: both;
}

/*-------------------
       Colors
--------------------*/

.ui.red.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #DB2828;
}
.ui.inverted.red.segment.segment.segment.segment.segment {
  background-color: #DB2828;
  color: #FFFFFF;
}
.ui.orange.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #F2711C;
}
.ui.inverted.orange.segment.segment.segment.segment.segment {
  background-color: #F2711C;
  color: #FFFFFF;
}
.ui.yellow.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #FBBD08;
}
.ui.inverted.yellow.segment.segment.segment.segment.segment {
  background-color: #FBBD08;
  color: #FFFFFF;
}
.ui.olive.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #B5CC18;
}
.ui.inverted.olive.segment.segment.segment.segment.segment {
  background-color: #B5CC18;
  color: #FFFFFF;
}
.ui.green.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #21BA45;
}
.ui.inverted.green.segment.segment.segment.segment.segment {
  background-color: #21BA45;
  color: #FFFFFF;
}
.ui.teal.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #00B5AD;
}
.ui.inverted.teal.segment.segment.segment.segment.segment {
  background-color: #00B5AD;
  color: #FFFFFF;
}
.ui.blue.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #2185D0;
}
.ui.inverted.blue.segment.segment.segment.segment.segment {
  background-color: #2185D0;
  color: #FFFFFF;
}
.ui.violet.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #6435C9;
}
.ui.inverted.violet.segment.segment.segment.segment.segment {
  background-color: #6435C9;
  color: #FFFFFF;
}
.ui.purple.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #A333C8;
}
.ui.inverted.purple.segment.segment.segment.segment.segment {
  background-color: #A333C8;
  color: #FFFFFF;
}
.ui.pink.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #E03997;
}
.ui.inverted.pink.segment.segment.segment.segment.segment {
  background-color: #E03997;
  color: #FFFFFF;
}
.ui.brown.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #A5673F;
}
.ui.inverted.brown.segment.segment.segment.segment.segment {
  background-color: #A5673F;
  color: #FFFFFF;
}
.ui.grey.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #767676;
}
.ui.inverted.grey.segment.segment.segment.segment.segment {
  background-color: #767676;
  color: #FFFFFF;
}
.ui.black.segment.segment.segment.segment.segment:not(.inverted) {
  border-top: 2px solid #1B1C1D;
}
.ui.inverted.black.segment.segment.segment.segment.segment {
  background-color: #1B1C1D;
  color: #FFFFFF;
}

/*-------------------
         Aligned
  --------------------*/

.ui[class*="left aligned"].segment {
  text-align: left;
}
.ui[class*="right aligned"].segment {
  text-align: right;
}
.ui[class*="center aligned"].segment {
  text-align: center;
}

/*-------------------
         Floated
  --------------------*/

.ui.floated.segment,
.ui[class*="left floated"].segment {
  float: left;
  margin-right: 1em;
}
.ui[class*="right floated"].segment {
  float: right;
  margin-left: 1em;
}

/*-------------------
        Inverted
  --------------------*/

.ui.inverted.segments,
.ui.inverted.segments .segment,
.ui.inverted.segment {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.inverted.segments .segment,
.ui.inverted.segment,
.ui.primary.inverted.segment {
  background: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}

/* Nested */
.ui.inverted.segment .segment {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.segment .inverted.segment {
  color: rgba(255, 255, 255, 0.9);
}

/* Attached */
.ui.ui.inverted.attached.segment {
  border-color: #555555;
}

/* Loading */
.ui.inverted.loading.segments,
.ui.inverted.loading.segment {
  color: #FFFFFF;
}
.ui.inverted.loading.segments::before,
.ui.inverted.loading.segment::before {
  background: rgba(0, 0, 0, 0.85);
}

/*-------------------
     Emphasis
--------------------*/


/* Secondary */
.ui.secondary.segment {
  background: #F3F4F5;
  color: rgba(0, 0, 0, 0.6);
}
.ui.secondary.inverted.segment {
  background: #4c4f52 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
  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);
}

/* Tertiary */
.ui.tertiary.segment {
  background: #DCDDDE;
  color: rgba(0, 0, 0, 0.6);
}
.ui.tertiary.inverted.segment {
  background: #717579 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
  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);
}

/*-------------------
        Attached
  --------------------*/


/* Middle */
.ui.attached.segment {
  top: 0;
  bottom: 0;
  border-radius: 0;
  margin: 0 -1px;
  width: calc(100% + 2px);
  max-width: calc(100% + 2px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.attached.segment:not(.basic) {
  border: 1px solid #D4D4D5;
}
.ui.attached:not(.message):not(.text) + .ui.attached.segment:not(.top) {
  border-top: none;
}

/* Top */
.ui.segment[class*="top attached"] {
  bottom: 0;
  margin-bottom: 0;
  top: 0;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.segment[class*="top attached"]:first-child {
  margin-top: 0;
}
.ui.tab.segment[class*="top attached"]:first-child {
  margin-top: 1rem;
}

/* Bottom */
.ui.segment[class*="bottom attached"] {
  bottom: 0;
  margin-top: 0;
  top: 0;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0;
}
.ui.tab.segment[class*="bottom attached"]:last-child {
  margin-bottom: 1rem;
}

/*--------------
       Fitted
  ---------------*/

.ui.fitted.segment:not(.horizontally) {
  padding-top: 0;
  padding-bottom: 0;
}
.ui.fitted.segment:not(.vertically) {
  padding-left: 0;
  padding-right: 0;
}

/*--------------
    Scrolling
  ---------------*/

.ui.scrolling.segment {
  overflow: auto;
}
@media only screen and (max-width: 767.98px) {
  .ui.scrolling.segment.short {
    max-height: 11.25em;
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height: 7.5em;
  }
  .ui.scrolling.segment {
    max-height: 15em;
  }
  .ui.scrolling.segment.long {
    max-height: 30em;
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height: 45em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.segment.short {
    max-height: 13.5em;
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height: 9em;
  }
  .ui.scrolling.segment {
    max-height: 18em;
  }
  .ui.scrolling.segment.long {
    max-height: 36em;
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height: 54em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.segment.short {
    max-height: 18em;
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height: 12em;
  }
  .ui.scrolling.segment {
    max-height: 24em;
  }
  .ui.scrolling.segment.long {
    max-height: 48em;
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height: 72em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.segment.short {
    max-height: 22.5em;
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height: 15em;
  }
  .ui.scrolling.segment {
    max-height: 30em;
  }
  .ui.scrolling.segment.long {
    max-height: 60em;
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height: 90em;
  }
}

/*-------------------
        Size
--------------------*/

.ui.segments .segment,
.ui.segment {
  font-size: 1rem;
}
.ui.mini.segments .segment,
.ui.mini.segment {
  font-size: 0.78571429rem;
}
.ui.tiny.segments .segment,
.ui.tiny.segment {
  font-size: 0.85714286rem;
}
.ui.small.segments .segment,
.ui.small.segment {
  font-size: 0.92857143rem;
}
.ui.large.segments .segment,
.ui.large.segment {
  font-size: 1.14285714rem;
}
.ui.big.segments .segment,
.ui.big.segment {
  font-size: 1.28571429rem;
}
.ui.huge.segments .segment,
.ui.huge.segment {
  font-size: 1.42857143rem;
}
.ui.massive.segments .segment,
.ui.massive.segment {
  font-size: 1.71428571rem;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Form
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Elements
*******************************/


/*--------------------
        Form
---------------------*/

.ui.form {
  position: relative;
  max-width: 100%;
}

/*--------------------
        Content
---------------------*/

.ui.form > p {
  margin: 1em 0;
}

/*--------------------
        Field
---------------------*/

.ui.form .field {
  clear: both;
  margin: 0 0 1em;
}
.ui.form .fields .fields,
.ui.form .field:last-child,
.ui.form .fields:last-child .field {
  margin-bottom: 0;
}
.ui.form .fields .field {
  clear: both;
  margin: 0;
}

/*--------------------
        Labels
---------------------*/

.ui.form .field > label {
  display: block;
  margin: 0 0 0.28571429rem 0;
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}
.ui.form:not(.inverted) .field > label:not(.button) {
  color: rgba(0, 0, 0, 0.87);
}

/*--------------------
    Standard Inputs
---------------------*/

.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="color"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="month"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"],
.ui.form input[type="week"] {
  width: 100%;
  vertical-align: top;
}

/* Set max height on unusual input */
.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
  height: 1.21428571em;
}
.ui.form input:not([type]),
.ui.form input[type="color"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="month"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"],
.ui.form input[type="week"] {
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0 0 0 0 transparent inset;
          box-shadow: 0 0 0 0 transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}
.ui.form input[type="color"] {
  padding: initial;
}
.ui.form input::-webkit-calendar-picker-indicator {
  padding: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

/* Text Area */
.ui.input textarea,
.ui.form textarea {
  margin: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.78571429em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0 0 0 0 transparent inset;
          box-shadow: 0 0 0 0 transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
  font-size: 1em;
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.2857;
  resize: vertical;
}
.ui.form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em;
}
.ui.form textarea,
.ui.form input[type="checkbox"] {
  vertical-align: top;
}

/*--------------------
    Checkbox margin
---------------------*/

.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) label + .ui.ui.checkbox {
  margin-top: 0.7em;
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.checkbox {
  margin-top: 2.41428571em;
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox {
  margin-top: 2.21428571em;
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox {
  margin-top: 2.61428571em;
}
.ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox {
  margin-top: 0.6em;
}
.ui.ui.form .field .fields .field:not(:only-child) .ui.toggle.checkbox {
  margin-top: 0.5em;
}
.ui.ui.form .field .fields .field:not(:only-child) .ui.slider.checkbox {
  margin-top: 0.7em;
}

/*--------------------
        Transparent
  ---------------------*/

.ui.form .field .transparent.input:not(.icon) input,
.ui.form .field input.transparent,
.ui.form .field textarea.transparent {
  padding: 0.67857143em 1em;
}
.ui.form .field input.transparent,
.ui.form .field textarea.transparent {
  border-color: transparent !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/*--------------------------
  Input w/ attached Button
---------------------------*/

.ui.form input.attached {
  width: auto;
}

/*--------------------
     Basic Select
---------------------*/

.ui.form select {
  display: block;
  height: auto;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0 0 0 0 transparent inset;
          box-shadow: 0 0 0 0 transparent inset;
  padding: 0.62em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}

/*--------------------
       Dropdown
---------------------*/


/* Block */
.ui.form .field > .selection.dropdown:not(.compact) {
  min-width: auto;
  width: 100%;
}
.ui.form .field > .selection.dropdown > .dropdown.icon {
  float: right;
}

/* Inline */
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
  width: auto;
}
.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
  float: none;
}

/*--------------------
       UI Input
---------------------*/


/* Block */
.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
  width: 100%;
}

/* Inline  */
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
  width: auto;
  vertical-align: middle;
}

/* Auto Input */
.ui.form .fields .field .ui.input input,
.ui.form .field .ui.input input {
  width: auto;
}

/* Full Width Input */
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 0;
}

/*--------------------
   Types of Messages
---------------------*/

.ui.form .error.message,
.ui.form .error.message:empty {
  display: none;
}
.ui.form .info.message,
.ui.form .info.message:empty {
  display: none;
}
.ui.form .success.message,
.ui.form .success.message:empty {
  display: none;
}
.ui.form .warning.message,
.ui.form .warning.message:empty {
  display: none;
}

/* Assumptions */
.ui.form .message:first-child {
  margin-top: 0;
}

/*--------------------
   Validation Prompt
---------------------*/

.ui.form .field .prompt.label {
  white-space: normal;
  background: #FFFFFF !important;
  border: 1px solid #E0B4B4 !important;
  color: #9F3A38 !important;
}
.ui.form .field .prompt.label li::before {
  color: #9F3A38;
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
  vertical-align: top;
  margin: -0.25em 0 -0.5em 0.5em;
}
.ui.form .inline.fields .field .prompt::before,
.ui.form .inline.field .prompt::before {
  border-width: 0 0 1px 1px;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0;
}


/*******************************
            States
*******************************/


/*--------------------
      Autofilled
---------------------*/

.ui.form .field.field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #FFFFF0 inset !important;
          box-shadow: 0 0 0 100px #FFFFF0 inset !important;
  border-color: #E5DFA1 !important;
}

/* Focus */
.ui.form .field.field input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 100px #FFFFF0 inset !important;
          box-shadow: 0 0 0 100px #FFFFF0 inset !important;
  border-color: #D5C315 !important;
}

/*--------------------
      Placeholder
---------------------*/


/* browsers require these rules separate */
.ui.form ::-webkit-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form :-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87) !important;
}
.ui.form ::-moz-placeholder {
  color: rgba(191, 191, 191, 0.87);
  opacity: 1;
}
.ui.form :focus::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.form :focus:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87) !important;
}
.ui.form :focus::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

/*--------------------
        Focus
---------------------*/

.ui.form input:not([type]):focus,
.ui.form input[type="color"]:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="month"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="url"]:focus,
.ui.form input[type="week"]:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85B7D9;
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
}
.ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="color"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="date"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="datetime-local"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="email"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="month"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="number"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="password"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="search"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="tel"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="time"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="text"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="file"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="week"]:focus {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.form .ui[class*="left action"].input input:not([type]),
.ui.form .ui[class*="left action"].input input[type="color"],
.ui.form .ui[class*="left action"].input input[type="date"],
.ui.form .ui[class*="left action"].input input[type="datetime-local"],
.ui.form .ui[class*="left action"].input input[type="email"],
.ui.form .ui[class*="left action"].input input[type="month"],
.ui.form .ui[class*="left action"].input input[type="number"],
.ui.form .ui[class*="left action"].input input[type="password"],
.ui.form .ui[class*="left action"].input input[type="search"],
.ui.form .ui[class*="left action"].input input[type="tel"],
.ui.form .ui[class*="left action"].input input[type="time"],
.ui.form .ui[class*="left action"].input input[type="text"],
.ui.form .ui[class*="left action"].input input[type="file"],
.ui.form .ui[class*="left action"].input input[type="url"],
.ui.form .ui[class*="left action"].input input[type="week"] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85B7D9;
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
  -webkit-appearance: none;
}

/* Focus */
.ui.form input:focus::-webkit-calendar-picker-indicator {
  opacity: 1;
}

/*--------------------
          States
  ---------------------*/


/* On Form */
.ui.form.error .error.message:not(:empty) {
  display: block;
}
.ui.form.error .compact.error.message:not(:empty) {
  display: inline-block;
}
.ui.form.error .icon.error.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* On Field(s) */
.ui.form .fields.error .error.message:not(:empty),
.ui.form .field.error .error.message:not(:empty) {
  display: block;
}
.ui.form .fields.error .compact.error.message:not(:empty),
.ui.form .field.error .compact.error.message:not(:empty) {
  display: inline-block;
}
.ui.form .fields.error .icon.error.message:not(:empty),
.ui.form .field.error .icon.error.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.ui.form .fields.error .field label,
.ui.ui.form .fields.error .field .ui.label:not(.corner),
.ui.ui.form .field.error label,
.ui.ui.form .field.error .ui.label:not(.corner),
.ui.ui.form .fields.error .field .input,
.ui.ui.form .field.error .input {
  color: #9F3A38;
}
.ui.form .fields.error .field .ui.label,
.ui.form .field.error .ui.label {
  background-color: #ecd1d1;
}
.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
  border-color: #9F3A38;
  color: #FFFFFF;
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="color"],
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="month"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field input[type="week"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="color"],
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="month"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="url"],
.ui.form .field.error input[type="week"] {
  color: #9F3A38;
  background: #FFF6F6;
  border-color: #E0B4B4;
  border-radius: '';
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field input:not(:-moz-placeholder-shown):invalid {
  color: #9F3A38;
  background: #FFF6F6;
  border-color: #E0B4B4;
  border-radius: '';
  box-shadow: none;
}
.ui.form .field input:not(:-ms-input-placeholder):invalid {
  color: #9F3A38;
  background: #FFF6F6;
  border-color: #E0B4B4;
  border-radius: '';
  box-shadow: none;
}
.ui.form .field input:not(:placeholder-shown):invalid {
  color: #9F3A38;
  background: #FFF6F6;
  border-color: #E0B4B4;
  border-radius: '';
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field input:not(:-ms-input-placeholder):invalid {
  color: #9F3A38;
  background: #FFF6F6;
  border-color: #E0B4B4;
  border-radius: '';
  box-shadow: none;
}
.ui.form .field.error textarea:focus,
.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="color"]:focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="month"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="file"]:focus,
.ui.form .field.error input[type="url"]:focus,
.ui.form .field.error input[type="week"]:focus {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Preserve Native Select Stylings */
.ui.form .field.error select {
  -webkit-appearance: menulist-button;
}

/*------------------
        Input State
    --------------------*/


/* Transparent */
.ui.form .field.error .transparent.input input,
.ui.form .field.error .transparent.input textarea,
.ui.form .field.error input.transparent,
.ui.form .field.error textarea.transparent {
  background-color: #FFF6F6 !important;
  color: #9F3A38 !important;
}

/* Autofilled */
.ui.form .error.error input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #FFFAF0 inset !important;
          box-shadow: 0 0 0 100px #FFFAF0 inset !important;
  border-color: #E0B4B4 !important;
}

/* Placeholder */
.ui.form .error ::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.form .error :-ms-input-placeholder {
  color: #e7bdbc !important;
}
.ui.form .error ::-moz-placeholder {
  color: #e7bdbc;
}
.ui.form .error :focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.form .error :focus:-ms-input-placeholder {
  color: #da9796 !important;
}
.ui.form .error :focus::-moz-placeholder {
  color: #da9796;
}

/*------------------
        Dropdown State
    --------------------*/

.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown > .text,
.ui.form .field.error .ui.dropdown .item {
  background: #FFF6F6;
  color: #9F3A38;
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
  border-color: #E0B4B4 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
  border-color: #E0B4B4 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
  border-color: #E0B4B4;
}
.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.error .ui.multiple.selection.dropdown > .label {
  background-color: #EACBCB;
  color: #9F3A38;
}

/* Hover */
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover {
  background-color: #FBE7E7;
}

/* Selected */
.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
.ui.form .field.error .ui.dropdown .menu .selected.item {
  background-color: #FBE7E7;
}

/* Active */
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
  background-color: #FDCFCF !important;
}

/*--------------------
        Checkbox State
    ---------------------*/

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label {
  color: #9F3A38;
}
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label::before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label::before {
  background: #FFF6F6;
  border-color: #E0B4B4;
}
.ui.form .fields.error .field .checkbox label::after,
.ui.form .field.error .checkbox label::after {
  color: #9F3A38;
}
.ui.inverted.form .fields.error .field label,
.ui.inverted.form .error.field label {
  color: #ecd1d1;
}

/* On Form */
.ui.form.info .info.message:not(:empty) {
  display: block;
}
.ui.form.info .compact.info.message:not(:empty) {
  display: inline-block;
}
.ui.form.info .icon.info.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* On Field(s) */
.ui.form .fields.info .info.message:not(:empty),
.ui.form .field.info .info.message:not(:empty) {
  display: block;
}
.ui.form .fields.info .compact.info.message:not(:empty),
.ui.form .field.info .compact.info.message:not(:empty) {
  display: inline-block;
}
.ui.form .fields.info .icon.info.message:not(:empty),
.ui.form .field.info .icon.info.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.ui.form .fields.info .field label,
.ui.ui.form .fields.info .field .ui.label:not(.corner),
.ui.ui.form .field.info label,
.ui.ui.form .field.info .ui.label:not(.corner),
.ui.ui.form .fields.info .field .input,
.ui.ui.form .field.info .input {
  color: #276F86;
}
.ui.form .fields.info .field .ui.label,
.ui.form .field.info .ui.label {
  background-color: #c6e3e9;
}
.ui.form .fields.info .field .corner.label,
.ui.form .field.info .corner.label {
  border-color: #276F86;
  color: #FFFFFF;
}
.ui.form .fields.info .field textarea,
.ui.form .fields.info .field select,
.ui.form .fields.info .field input:not([type]),
.ui.form .fields.info .field input[type="color"],
.ui.form .fields.info .field input[type="date"],
.ui.form .fields.info .field input[type="datetime-local"],
.ui.form .fields.info .field input[type="email"],
.ui.form .fields.info .field input[type="month"],
.ui.form .fields.info .field input[type="number"],
.ui.form .fields.info .field input[type="password"],
.ui.form .fields.info .field input[type="search"],
.ui.form .fields.info .field input[type="tel"],
.ui.form .fields.info .field input[type="time"],
.ui.form .fields.info .field input[type="text"],
.ui.form .fields.info .field input[type="file"],
.ui.form .fields.info .field input[type="url"],
.ui.form .fields.info .field input[type="week"],
.ui.form .field.info textarea,
.ui.form .field.info select,
.ui.form .field.info input:not([type]),
.ui.form .field.info input[type="color"],
.ui.form .field.info input[type="date"],
.ui.form .field.info input[type="datetime-local"],
.ui.form .field.info input[type="email"],
.ui.form .field.info input[type="month"],
.ui.form .field.info input[type="number"],
.ui.form .field.info input[type="password"],
.ui.form .field.info input[type="search"],
.ui.form .field.info input[type="tel"],
.ui.form .field.info input[type="time"],
.ui.form .field.info input[type="text"],
.ui.form .field.info input[type="file"],
.ui.form .field.info input[type="url"],
.ui.form .field.info input[type="week"] {
  color: #276F86;
  background: #F8FFFF;
  border-color: #A9D5DE;
  border-radius: '';
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.info textarea:focus,
.ui.form .field.info select:focus,
.ui.form .field.info input:not([type]):focus,
.ui.form .field.info input[type="color"]:focus,
.ui.form .field.info input[type="date"]:focus,
.ui.form .field.info input[type="datetime-local"]:focus,
.ui.form .field.info input[type="email"]:focus,
.ui.form .field.info input[type="month"]:focus,
.ui.form .field.info input[type="number"]:focus,
.ui.form .field.info input[type="password"]:focus,
.ui.form .field.info input[type="search"]:focus,
.ui.form .field.info input[type="tel"]:focus,
.ui.form .field.info input[type="time"]:focus,
.ui.form .field.info input[type="text"]:focus,
.ui.form .field.info input[type="file"]:focus,
.ui.form .field.info input[type="url"]:focus,
.ui.form .field.info input[type="week"]:focus {
  background: #F8FFFF;
  border-color: #A9D5DE;
  color: #276F86;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Preserve Native Select Stylings */
.ui.form .field.info select {
  -webkit-appearance: menulist-button;
}

/*------------------
        Input State
    --------------------*/


/* Transparent */
.ui.form .field.info .transparent.input input,
.ui.form .field.info .transparent.input textarea,
.ui.form .field.info input.transparent,
.ui.form .field.info textarea.transparent {
  background-color: #F8FFFF !important;
  color: #276F86 !important;
}

/* Autofilled */
.ui.form .info.info input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #F0FAFF inset !important;
          box-shadow: 0 0 0 100px #F0FAFF inset !important;
  border-color: #b3e0e0 !important;
}

/* Placeholder */
.ui.form .info ::-webkit-input-placeholder {
  color: #98cfe1;
}
.ui.form .info :-ms-input-placeholder {
  color: #98cfe1 !important;
}
.ui.form .info ::-moz-placeholder {
  color: #98cfe1;
}
.ui.form .info :focus::-webkit-input-placeholder {
  color: #70bdd6;
}
.ui.form .info :focus:-ms-input-placeholder {
  color: #70bdd6 !important;
}
.ui.form .info :focus::-moz-placeholder {
  color: #70bdd6;
}

/*------------------
        Dropdown State
    --------------------*/

.ui.form .fields.info .field .ui.dropdown,
.ui.form .fields.info .field .ui.dropdown .item,
.ui.form .field.info .ui.dropdown,
.ui.form .field.info .ui.dropdown > .text,
.ui.form .field.info .ui.dropdown .item {
  background: #F8FFFF;
  color: #276F86;
}
.ui.form .fields.info .field .ui.dropdown,
.ui.form .field.info .ui.dropdown {
  border-color: #A9D5DE !important;
}
.ui.form .fields.info .field .ui.dropdown:hover,
.ui.form .field.info .ui.dropdown:hover {
  border-color: #A9D5DE !important;
}
.ui.form .fields.info .field .ui.dropdown:hover .menu,
.ui.form .field.info .ui.dropdown:hover .menu {
  border-color: #A9D5DE;
}
.ui.form .fields.info .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.info .ui.multiple.selection.dropdown > .label {
  background-color: #cce3ea;
  color: #276F86;
}

/* Hover */
.ui.form .fields.info .field .ui.dropdown .menu .item:hover,
.ui.form .field.info .ui.dropdown .menu .item:hover {
  background-color: #e9f2fb;
}

/* Selected */
.ui.form .fields.info .field .ui.dropdown .menu .selected.item,
.ui.form .field.info .ui.dropdown .menu .selected.item {
  background-color: #e9f2fb;
}

/* Active */
.ui.form .fields.info .field .ui.dropdown .menu .active.item,
.ui.form .field.info .ui.dropdown .menu .active.item {
  background-color: #cef1fd !important;
}

/*--------------------
        Checkbox State
    ---------------------*/

.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.info .checkbox:not(.toggle):not(.slider) label {
  color: #276F86;
}
.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label::before,
.ui.form .field.info .checkbox:not(.toggle):not(.slider) label::before {
  background: #F8FFFF;
  border-color: #A9D5DE;
}
.ui.form .fields.info .field .checkbox label::after,
.ui.form .field.info .checkbox label::after {
  color: #276F86;
}
.ui.inverted.form .fields.info .field label,
.ui.inverted.form .info.field label {
  color: #c6e3e9;
}

/* On Form */
.ui.form.success .success.message:not(:empty) {
  display: block;
}
.ui.form.success .compact.success.message:not(:empty) {
  display: inline-block;
}
.ui.form.success .icon.success.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* On Field(s) */
.ui.form .fields.success .success.message:not(:empty),
.ui.form .field.success .success.message:not(:empty) {
  display: block;
}
.ui.form .fields.success .compact.success.message:not(:empty),
.ui.form .field.success .compact.success.message:not(:empty) {
  display: inline-block;
}
.ui.form .fields.success .icon.success.message:not(:empty),
.ui.form .field.success .icon.success.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.ui.form .fields.success .field label,
.ui.ui.form .fields.success .field .ui.label:not(.corner),
.ui.ui.form .field.success label,
.ui.ui.form .field.success .ui.label:not(.corner),
.ui.ui.form .fields.success .field .input,
.ui.ui.form .field.success .input {
  color: #2C662D;
}
.ui.form .fields.success .field .ui.label,
.ui.form .field.success .ui.label {
  background-color: #b9d1ad;
}
.ui.form .fields.success .field .corner.label,
.ui.form .field.success .corner.label {
  border-color: #2C662D;
  color: #FFFFFF;
}
.ui.form .fields.success .field textarea,
.ui.form .fields.success .field select,
.ui.form .fields.success .field input:not([type]),
.ui.form .fields.success .field input[type="color"],
.ui.form .fields.success .field input[type="date"],
.ui.form .fields.success .field input[type="datetime-local"],
.ui.form .fields.success .field input[type="email"],
.ui.form .fields.success .field input[type="month"],
.ui.form .fields.success .field input[type="number"],
.ui.form .fields.success .field input[type="password"],
.ui.form .fields.success .field input[type="search"],
.ui.form .fields.success .field input[type="tel"],
.ui.form .fields.success .field input[type="time"],
.ui.form .fields.success .field input[type="text"],
.ui.form .fields.success .field input[type="file"],
.ui.form .fields.success .field input[type="url"],
.ui.form .fields.success .field input[type="week"],
.ui.form .field.success textarea,
.ui.form .field.success select,
.ui.form .field.success input:not([type]),
.ui.form .field.success input[type="color"],
.ui.form .field.success input[type="date"],
.ui.form .field.success input[type="datetime-local"],
.ui.form .field.success input[type="email"],
.ui.form .field.success input[type="month"],
.ui.form .field.success input[type="number"],
.ui.form .field.success input[type="password"],
.ui.form .field.success input[type="search"],
.ui.form .field.success input[type="tel"],
.ui.form .field.success input[type="time"],
.ui.form .field.success input[type="text"],
.ui.form .field.success input[type="file"],
.ui.form .field.success input[type="url"],
.ui.form .field.success input[type="week"] {
  color: #2C662D;
  background: #FCFFF5;
  border-color: #A3C293;
  border-radius: '';
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.success textarea:focus,
.ui.form .field.success select:focus,
.ui.form .field.success input:not([type]):focus,
.ui.form .field.success input[type="color"]:focus,
.ui.form .field.success input[type="date"]:focus,
.ui.form .field.success input[type="datetime-local"]:focus,
.ui.form .field.success input[type="email"]:focus,
.ui.form .field.success input[type="month"]:focus,
.ui.form .field.success input[type="number"]:focus,
.ui.form .field.success input[type="password"]:focus,
.ui.form .field.success input[type="search"]:focus,
.ui.form .field.success input[type="tel"]:focus,
.ui.form .field.success input[type="time"]:focus,
.ui.form .field.success input[type="text"]:focus,
.ui.form .field.success input[type="file"]:focus,
.ui.form .field.success input[type="url"]:focus,
.ui.form .field.success input[type="week"]:focus {
  background: #FCFFF5;
  border-color: #A3C293;
  color: #2C662D;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Preserve Native Select Stylings */
.ui.form .field.success select {
  -webkit-appearance: menulist-button;
}

/*------------------
        Input State
    --------------------*/


/* Transparent */
.ui.form .field.success .transparent.input input,
.ui.form .field.success .transparent.input textarea,
.ui.form .field.success input.transparent,
.ui.form .field.success textarea.transparent {
  background-color: #FCFFF5 !important;
  color: #2C662D !important;
}

/* Autofilled */
.ui.form .success.success input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #F0FFF0 inset !important;
          box-shadow: 0 0 0 100px #F0FFF0 inset !important;
  border-color: #bee0b3 !important;
}

/* Placeholder */
.ui.form .success ::-webkit-input-placeholder {
  color: #8fcf90;
}
.ui.form .success :-ms-input-placeholder {
  color: #8fcf90 !important;
}
.ui.form .success ::-moz-placeholder {
  color: #8fcf90;
}
.ui.form .success :focus::-webkit-input-placeholder {
  color: #6cbf6d;
}
.ui.form .success :focus:-ms-input-placeholder {
  color: #6cbf6d !important;
}
.ui.form .success :focus::-moz-placeholder {
  color: #6cbf6d;
}

/*------------------
        Dropdown State
    --------------------*/

.ui.form .fields.success .field .ui.dropdown,
.ui.form .fields.success .field .ui.dropdown .item,
.ui.form .field.success .ui.dropdown,
.ui.form .field.success .ui.dropdown > .text,
.ui.form .field.success .ui.dropdown .item {
  background: #FCFFF5;
  color: #2C662D;
}
.ui.form .fields.success .field .ui.dropdown,
.ui.form .field.success .ui.dropdown {
  border-color: #A3C293 !important;
}
.ui.form .fields.success .field .ui.dropdown:hover,
.ui.form .field.success .ui.dropdown:hover {
  border-color: #A3C293 !important;
}
.ui.form .fields.success .field .ui.dropdown:hover .menu,
.ui.form .field.success .ui.dropdown:hover .menu {
  border-color: #A3C293;
}
.ui.form .fields.success .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.success .ui.multiple.selection.dropdown > .label {
  background-color: #cceacc;
  color: #2C662D;
}

/* Hover */
.ui.form .fields.success .field .ui.dropdown .menu .item:hover,
.ui.form .field.success .ui.dropdown .menu .item:hover {
  background-color: #e9fbe9;
}

/* Selected */
.ui.form .fields.success .field .ui.dropdown .menu .selected.item,
.ui.form .field.success .ui.dropdown .menu .selected.item {
  background-color: #e9fbe9;
}

/* Active */
.ui.form .fields.success .field .ui.dropdown .menu .active.item,
.ui.form .field.success .ui.dropdown .menu .active.item {
  background-color: #dafdce !important;
}

/*--------------------
        Checkbox State
    ---------------------*/

.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.success .checkbox:not(.toggle):not(.slider) label {
  color: #2C662D;
}
.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label::before,
.ui.form .field.success .checkbox:not(.toggle):not(.slider) label::before {
  background: #FCFFF5;
  border-color: #A3C293;
}
.ui.form .fields.success .field .checkbox label::after,
.ui.form .field.success .checkbox label::after {
  color: #2C662D;
}
.ui.inverted.form .fields.success .field label,
.ui.inverted.form .success.field label {
  color: #b9d1ad;
}

/* On Form */
.ui.form.warning .warning.message:not(:empty) {
  display: block;
}
.ui.form.warning .compact.warning.message:not(:empty) {
  display: inline-block;
}
.ui.form.warning .icon.warning.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* On Field(s) */
.ui.form .fields.warning .warning.message:not(:empty),
.ui.form .field.warning .warning.message:not(:empty) {
  display: block;
}
.ui.form .fields.warning .compact.warning.message:not(:empty),
.ui.form .field.warning .compact.warning.message:not(:empty) {
  display: inline-block;
}
.ui.form .fields.warning .icon.warning.message:not(:empty),
.ui.form .field.warning .icon.warning.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.ui.form .fields.warning .field label,
.ui.ui.form .fields.warning .field .ui.label:not(.corner),
.ui.ui.form .field.warning label,
.ui.ui.form .field.warning .ui.label:not(.corner),
.ui.ui.form .fields.warning .field .input,
.ui.ui.form .field.warning .input {
  color: #573A08;
}
.ui.form .fields.warning .field .ui.label,
.ui.form .field.warning .ui.label {
  background-color: #d7ccb5;
}
.ui.form .fields.warning .field .corner.label,
.ui.form .field.warning .corner.label {
  border-color: #573A08;
  color: #FFFFFF;
}
.ui.form .fields.warning .field textarea,
.ui.form .fields.warning .field select,
.ui.form .fields.warning .field input:not([type]),
.ui.form .fields.warning .field input[type="color"],
.ui.form .fields.warning .field input[type="date"],
.ui.form .fields.warning .field input[type="datetime-local"],
.ui.form .fields.warning .field input[type="email"],
.ui.form .fields.warning .field input[type="month"],
.ui.form .fields.warning .field input[type="number"],
.ui.form .fields.warning .field input[type="password"],
.ui.form .fields.warning .field input[type="search"],
.ui.form .fields.warning .field input[type="tel"],
.ui.form .fields.warning .field input[type="time"],
.ui.form .fields.warning .field input[type="text"],
.ui.form .fields.warning .field input[type="file"],
.ui.form .fields.warning .field input[type="url"],
.ui.form .fields.warning .field input[type="week"],
.ui.form .field.warning textarea,
.ui.form .field.warning select,
.ui.form .field.warning input:not([type]),
.ui.form .field.warning input[type="color"],
.ui.form .field.warning input[type="date"],
.ui.form .field.warning input[type="datetime-local"],
.ui.form .field.warning input[type="email"],
.ui.form .field.warning input[type="month"],
.ui.form .field.warning input[type="number"],
.ui.form .field.warning input[type="password"],
.ui.form .field.warning input[type="search"],
.ui.form .field.warning input[type="tel"],
.ui.form .field.warning input[type="time"],
.ui.form .field.warning input[type="text"],
.ui.form .field.warning input[type="file"],
.ui.form .field.warning input[type="url"],
.ui.form .field.warning input[type="week"] {
  color: #573A08;
  background: #FFFAF3;
  border-color: #C9BA9B;
  border-radius: '';
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.warning textarea:focus,
.ui.form .field.warning select:focus,
.ui.form .field.warning input:not([type]):focus,
.ui.form .field.warning input[type="color"]:focus,
.ui.form .field.warning input[type="date"]:focus,
.ui.form .field.warning input[type="datetime-local"]:focus,
.ui.form .field.warning input[type="email"]:focus,
.ui.form .field.warning input[type="month"]:focus,
.ui.form .field.warning input[type="number"]:focus,
.ui.form .field.warning input[type="password"]:focus,
.ui.form .field.warning input[type="search"]:focus,
.ui.form .field.warning input[type="tel"]:focus,
.ui.form .field.warning input[type="time"]:focus,
.ui.form .field.warning input[type="text"]:focus,
.ui.form .field.warning input[type="file"]:focus,
.ui.form .field.warning input[type="url"]:focus,
.ui.form .field.warning input[type="week"]:focus {
  background: #FFFAF3;
  border-color: #C9BA9B;
  color: #573A08;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Preserve Native Select Stylings */
.ui.form .field.warning select {
  -webkit-appearance: menulist-button;
}

/*------------------
        Input State
    --------------------*/


/* Transparent */
.ui.form .field.warning .transparent.input input,
.ui.form .field.warning .transparent.input textarea,
.ui.form .field.warning input.transparent,
.ui.form .field.warning textarea.transparent {
  background-color: #FFFAF3 !important;
  color: #573A08 !important;
}

/* Autofilled */
.ui.form .warning.warning input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #FFFFe0 inset !important;
          box-shadow: 0 0 0 100px #FFFFe0 inset !important;
  border-color: #e0e0b3 !important;
}

/* Placeholder */
.ui.form .warning ::-webkit-input-placeholder {
  color: #edad3e;
}
.ui.form .warning :-ms-input-placeholder {
  color: #edad3e !important;
}
.ui.form .warning ::-moz-placeholder {
  color: #edad3e;
}
.ui.form .warning :focus::-webkit-input-placeholder {
  color: #e39715;
}
.ui.form .warning :focus:-ms-input-placeholder {
  color: #e39715 !important;
}
.ui.form .warning :focus::-moz-placeholder {
  color: #e39715;
}

/*------------------
        Dropdown State
    --------------------*/

.ui.form .fields.warning .field .ui.dropdown,
.ui.form .fields.warning .field .ui.dropdown .item,
.ui.form .field.warning .ui.dropdown,
.ui.form .field.warning .ui.dropdown > .text,
.ui.form .field.warning .ui.dropdown .item {
  background: #FFFAF3;
  color: #573A08;
}
.ui.form .fields.warning .field .ui.dropdown,
.ui.form .field.warning .ui.dropdown {
  border-color: #C9BA9B !important;
}
.ui.form .fields.warning .field .ui.dropdown:hover,
.ui.form .field.warning .ui.dropdown:hover {
  border-color: #C9BA9B !important;
}
.ui.form .fields.warning .field .ui.dropdown:hover .menu,
.ui.form .field.warning .ui.dropdown:hover .menu {
  border-color: #C9BA9B;
}
.ui.form .fields.warning .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.warning .ui.multiple.selection.dropdown > .label {
  background-color: #eaeacc;
  color: #573A08;
}

/* Hover */
.ui.form .fields.warning .field .ui.dropdown .menu .item:hover,
.ui.form .field.warning .ui.dropdown .menu .item:hover {
  background-color: #fbfbe9;
}

/* Selected */
.ui.form .fields.warning .field .ui.dropdown .menu .selected.item,
.ui.form .field.warning .ui.dropdown .menu .selected.item {
  background-color: #fbfbe9;
}

/* Active */
.ui.form .fields.warning .field .ui.dropdown .menu .active.item,
.ui.form .field.warning .ui.dropdown .menu .active.item {
  background-color: #fdfdce !important;
}

/*--------------------
        Checkbox State
    ---------------------*/

.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label {
  color: #573A08;
}
.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label::before,
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label::before {
  background: #FFFAF3;
  border-color: #C9BA9B;
}
.ui.form .fields.warning .field .checkbox label::after,
.ui.form .field.warning .checkbox label::after {
  color: #573A08;
}
.ui.inverted.form .fields.warning .field label,
.ui.inverted.form .warning.field label {
  color: #d7ccb5;
}

/*--------------------
         Disabled
  ---------------------*/

.ui.form .disabled.fields .field,
.ui.form .disabled.field,
.ui.form .field :disabled {
  pointer-events: none;
  opacity: 0.45;
}
.ui.form .field.disabled > label,
.ui.form .fields.disabled > label {
  opacity: 0.45;
}
.ui.form .field.disabled :disabled {
  opacity: 1;
}

/*--------------
      Loading
  ---------------*/

.ui.loading.form {
  position: relative;
  cursor: default;
  pointer-events: none;
}
.ui.loading.form::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.ui.loading.form.segments::before {
  border-radius: 0.28571429rem;
}
.ui.loading.form::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0 0 -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
  visibility: visible;
  z-index: 101;
}


/*******************************
         Element Types
*******************************/


/*--------------------
       Required Field
  ---------------------*/

.ui.form .required.fields:not(.grouped) > .field > label::after,
.ui.form .required.fields.grouped > label::after,
.ui.form .required.field > label::after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
.ui.form .required.field > .checkbox::after,
.ui.form label.required::after {
  margin: -0.2em 0 0 0.2em;
  content: '*';
  color: #DB2828;
}
.ui.form .required.fields:not(.grouped) > .field > label::after,
.ui.form .required.fields.grouped > label::after,
.ui.form .required.field > label::after,
.ui.form label.required::after {
  display: inline-block;
  vertical-align: top;
}
.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
.ui.form .required.field > .checkbox::after {
  position: absolute;
  top: 0;
  left: 100%;
}


/*******************************
           Variations
*******************************/


/*--------------------
      Inverted Colors
  ---------------------*/

.ui.inverted.form label,
.ui.form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form .inline.fields > label,
.ui.inverted.form .inline.fields .field > label,
.ui.inverted.form .inline.fields .field > p,
.ui.inverted.form .inline.field > label,
.ui.inverted.form .inline.field > p {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.loading.form {
  color: #FFFFFF;
}
.ui.inverted.loading.form::before {
  background: rgba(0, 0, 0, 0.85);
}

/* Inverted Field */
.ui.inverted.form input:not([type]),
.ui.inverted.form input[type="color"],
.ui.inverted.form input[type="date"],
.ui.inverted.form input[type="datetime-local"],
.ui.inverted.form input[type="email"],
.ui.inverted.form input[type="month"],
.ui.inverted.form input[type="number"],
.ui.inverted.form input[type="password"],
.ui.inverted.form input[type="search"],
.ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="time"],
.ui.inverted.form input[type="text"],
.ui.inverted.form input[type="file"],
.ui.inverted.form input[type="url"],
.ui.inverted.form input[type="week"] {
  background: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*--------------------
       Field Groups
  ---------------------*/


/* Grouped Vertically */
.ui.form .grouped.fields {
  display: block;
  margin: 0 0 1em;
}
.ui.form .grouped.fields:last-child {
  margin-bottom: 0;
}
.ui.form .grouped.fields > label {
  margin: 0 0 0.28571429rem 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}
.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
  display: block;
  margin: 0.5em 0;
  padding: 0;
}
.ui.form .grouped.inline.fields .ui.checkbox {
  margin-bottom: 0.4em;
}

/*--------------------
        Fields
---------------------*/


/* Split fields */
.ui.form .fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -0.5em 1em;
}
.ui.form .fields > .field {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .fields > .field:first-child {
  border-left: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Other Combinations */
.ui.form .two.fields > .fields,
.ui.form .two.fields > .field {
  width: 50%;
}
.ui.form .three.fields > .fields,
.ui.form .three.fields > .field {
  width: 33.33333333%;
}
.ui.form .four.fields > .fields,
.ui.form .four.fields > .field {
  width: 25%;
}
.ui.form .five.fields > .fields,
.ui.form .five.fields > .field {
  width: 20%;
}
.ui.form .six.fields > .fields,
.ui.form .six.fields > .field {
  width: 16.66666667%;
}
.ui.form .seven.fields > .fields,
.ui.form .seven.fields > .field {
  width: 14.28571429%;
}
.ui.form .eight.fields > .fields,
.ui.form .eight.fields > .field {
  width: 12.5%;
}
.ui.form .nine.fields > .fields,
.ui.form .nine.fields > .field {
  width: 11.11111111%;
}
.ui.form .ten.fields > .fields,
.ui.form .ten.fields > .field {
  width: 10%;
}

/* Swap to full width on mobile */
@media only screen and (max-width: 767.98px) {
  .ui.form .fields {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .field {
    width: 100%;
    margin: 0 0 1em;
  }
}

/* Sizing Combinations */
.ui.form .fields .wide.field {
  width: 6.25%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .one.wide.field {
  width: 6.25%;
}
.ui.form .two.wide.field {
  width: 12.5%;
}
.ui.form .three.wide.field {
  width: 18.75%;
}
.ui.form .four.wide.field {
  width: 25%;
}
.ui.form .five.wide.field {
  width: 31.25%;
}
.ui.form .six.wide.field {
  width: 37.5%;
}
.ui.form .seven.wide.field {
  width: 43.75%;
}
.ui.form .eight.wide.field {
  width: 50%;
}
.ui.form .nine.wide.field {
  width: 56.25%;
}
.ui.form .ten.wide.field {
  width: 62.5%;
}
.ui.form .eleven.wide.field {
  width: 68.75%;
}
.ui.form .twelve.wide.field {
  width: 75%;
}
.ui.form .thirteen.wide.field {
  width: 81.25%;
}
.ui.form .fourteen.wide.field {
  width: 87.5%;
}
.ui.form .fifteen.wide.field {
  width: 93.75%;
}
.ui.form .sixteen.wide.field {
  width: 100%;
}

/*--------------------
     Equal Width
---------------------*/

.ui[class*="equal width"].form .fields > .field,
.ui.form [class*="equal width"].fields > .field {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/*--------------------
      Inline Fields
  ---------------------*/

.ui.form .inline.fields {
  margin: 0 0 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.form .inline.fields .field {
  margin: 0;
  padding: 0 1em 0 0;
}

/* Inline Label */
.ui.form .inline.fields > label,
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.field > label,
.ui.form .inline.field > p {
  display: inline-block;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: baseline;
  font-size: 0.92857143em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  text-transform: none;
}

/* Grouped Inline Label */
.ui.form .inline.fields > label {
  margin: 0.035714em 1em 0 0;
}

/* Inline Input */
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
.ui.form .inline.field > input,
.ui.form .inline.field > select {
  display: inline-block;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
  font-size: 1em;
}
.ui.form .inline.fields .field .calendar:not(.popup),
.ui.form .inline.field .calendar:not(.popup) {
  display: inline-block;
}
.ui.form .inline.fields .field .calendar:not(.popup) > .input > input,
.ui.form .inline.field .calendar:not(.popup) > .input > input {
  width: 13.11em;
}

/* Label */
.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
  margin: 0 0.85714286em 0 0;
}
.ui.form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child {
  margin: 0;
}

/* Wide */
.ui.form .inline.fields .wide.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select {
  width: 100%;
}

/*--------------------
        Sizes
---------------------*/

.ui.form,
.ui.form .field .dropdown,
.ui.form .field .dropdown .menu > .item {
  font-size: 1rem;
}
.ui.mini.form,
.ui.mini.form .field .dropdown,
.ui.mini.form .field .dropdown .menu > .item {
  font-size: 0.78571429rem;
}
.ui.tiny.form,
.ui.tiny.form .field .dropdown,
.ui.tiny.form .field .dropdown .menu > .item {
  font-size: 0.85714286rem;
}
.ui.small.form,
.ui.small.form .field .dropdown,
.ui.small.form .field .dropdown .menu > .item {
  font-size: 0.92857143rem;
}
.ui.large.form,
.ui.large.form .field .dropdown,
.ui.large.form .field .dropdown .menu > .item {
  font-size: 1.14285714rem;
}
.ui.big.form,
.ui.big.form .field .dropdown,
.ui.big.form .field .dropdown .menu > .item {
  font-size: 1.28571429rem;
}
.ui.huge.form,
.ui.huge.form .field .dropdown,
.ui.huge.form .field .dropdown .menu > .item {
  font-size: 1.42857143rem;
}
.ui.massive.form,
.ui.massive.form .field .dropdown,
.ui.massive.form .field .dropdown .menu > .item {
  font-size: 1.71428571rem;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Grid
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Standard
*******************************/

.ui.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0;
}

/*----------------------
      Remove Gutters
-----------------------*/

.ui.grid {
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.ui.relaxed.grid {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.ui[class*="very relaxed"].grid {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

/* Preserve Rows Spacing on Consecutive Grids */
.ui.grid + .grid {
  margin-top: 1rem;
}

/*-------------------
       Columns
--------------------*/


/* Standard 16 column */
.ui.grid > .column:not(.row),
.ui.grid > .row > .column {
  position: relative;
  display: inline-block;
  width: 6.25%;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: top;
}
.ui.grid > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

/*-------------------
        Rows
--------------------*/

.ui.grid > .row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100% !important;
  padding: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/*-------------------
       Columns
--------------------*/


/* Vertical padding when no rows */
.ui.grid > .column:not(.row) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.grid > .row > .column {
  margin-top: 0;
  margin-bottom: 0;
}

/*-------------------
      Content
--------------------*/

.ui.grid > .row > img,
.ui.grid > .row > .column > img {
  max-width: 100%;
}

/*-------------------
    Loose Coupling
--------------------*/


/* Collapse Margin on Consecutive Grid */
.ui.grid > .ui.grid:first-child {
  margin-top: 0;
}
.ui.grid > .ui.grid:last-child {
  margin-bottom: 0;
}

/* Segment inside Aligned Grid */
.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
  width: 100%;
}

/* Align Dividers with Gutter */
.ui.grid .row + .ui.divider {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 1rem 1rem;
}
.ui.grid .column + .ui.vertical.divider {
  height: calc(50% - 1rem);
}

/* Remove Border on Last Horizontal Segment */
.ui.grid > .row > .column:last-child > .horizontal.segment,
.ui.grid > .column:last-child > .horizontal.segment {
  -webkit-box-shadow: none;
          box-shadow: none;
}


/*******************************
           Variations
*******************************/


/*-----------------------
         Page Grid
  -------------------------*/

@media only screen and (max-width: 767.98px) {
  .ui.page.grid {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 23%;
    padding-right: 23%;
  }
}

/*-------------------
     Column Count
--------------------*/


/* Assume full width with one column */
.ui.grid > .column:only-child,
.ui.grid > .row > .column:only-child {
  width: 100%;
}

/* Grid Based */
.ui[class*="one column"].grid > .row > .column,
.ui[class*="one column"].grid > .column:not(.row) {
  width: 100%;
}
.ui[class*="two column"].grid > .row > .column,
.ui[class*="two column"].grid > .column:not(.row) {
  width: 50%;
}
.ui[class*="three column"].grid > .row > .column,
.ui[class*="three column"].grid > .column:not(.row) {
  width: 33.33333333%;
}
.ui[class*="four column"].grid > .row > .column,
.ui[class*="four column"].grid > .column:not(.row) {
  width: 25%;
}
.ui[class*="five column"].grid > .row > .column,
.ui[class*="five column"].grid > .column:not(.row) {
  width: 20%;
}
.ui[class*="six column"].grid > .row > .column,
.ui[class*="six column"].grid > .column:not(.row) {
  width: 16.66666667%;
}
.ui[class*="seven column"].grid > .row > .column,
.ui[class*="seven column"].grid > .column:not(.row) {
  width: 14.28571429%;
}
.ui[class*="eight column"].grid > .row > .column,
.ui[class*="eight column"].grid > .column:not(.row) {
  width: 12.5%;
}
.ui[class*="nine column"].grid > .row > .column,
.ui[class*="nine column"].grid > .column:not(.row) {
  width: 11.11111111%;
}
.ui[class*="ten column"].grid > .row > .column,
.ui[class*="ten column"].grid > .column:not(.row) {
  width: 10%;
}
.ui[class*="eleven column"].grid > .row > .column,
.ui[class*="eleven column"].grid > .column:not(.row) {
  width: 9.09090909%;
}
.ui[class*="twelve column"].grid > .row > .column,
.ui[class*="twelve column"].grid > .column:not(.row) {
  width: 8.33333333%;
}
.ui[class*="thirteen column"].grid > .row > .column,
.ui[class*="thirteen column"].grid > .column:not(.row) {
  width: 7.69230769%;
}
.ui[class*="fourteen column"].grid > .row > .column,
.ui[class*="fourteen column"].grid > .column:not(.row) {
  width: 7.14285714%;
}
.ui[class*="fifteen column"].grid > .row > .column,
.ui[class*="fifteen column"].grid > .column:not(.row) {
  width: 6.66666667%;
}
.ui[class*="sixteen column"].grid > .row > .column,
.ui[class*="sixteen column"].grid > .column:not(.row) {
  width: 6.25%;
}

/* Row Based Overrides */
.ui.grid > [class*="one column"].row > .column {
  width: 100% !important;
}
.ui.grid > [class*="two column"].row > .column {
  width: 50% !important;
}
.ui.grid > [class*="three column"].row > .column {
  width: 33.33333333% !important;
}
.ui.grid > [class*="four column"].row > .column {
  width: 25% !important;
}
.ui.grid > [class*="five column"].row > .column {
  width: 20% !important;
}
.ui.grid > [class*="six column"].row > .column {
  width: 16.66666667% !important;
}
.ui.grid > [class*="seven column"].row > .column {
  width: 14.28571429% !important;
}
.ui.grid > [class*="eight column"].row > .column {
  width: 12.5% !important;
}
.ui.grid > [class*="nine column"].row > .column {
  width: 11.11111111% !important;
}
.ui.grid > [class*="ten column"].row > .column {
  width: 10% !important;
}
.ui.grid > [class*="eleven column"].row > .column {
  width: 9.09090909% !important;
}
.ui.grid > [class*="twelve column"].row > .column {
  width: 8.33333333% !important;
}
.ui.grid > [class*="thirteen column"].row > .column {
  width: 7.69230769% !important;
}
.ui.grid > [class*="fourteen column"].row > .column {
  width: 7.14285714% !important;
}
.ui.grid > [class*="fifteen column"].row > .column {
  width: 6.66666667% !important;
}
.ui.grid > [class*="sixteen column"].row > .column {
  width: 6.25% !important;
}

/* Celled Page */
.ui.celled.page.grid {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*-------------------
      Column Width
  --------------------*/


/* Sizing Combinations */
.ui.grid > .row > [class*="one wide"].column,
.ui.grid > .column.row > [class*="one wide"].column,
.ui.grid > [class*="one wide"].column,
.ui.column.grid > [class*="one wide"].column {
  width: 6.25% !important;
}
.ui.grid > .row > [class*="two wide"].column,
.ui.grid > .column.row > [class*="two wide"].column,
.ui.grid > [class*="two wide"].column,
.ui.column.grid > [class*="two wide"].column {
  width: 12.5% !important;
}
.ui.grid > .row > [class*="three wide"].column,
.ui.grid > .column.row > [class*="three wide"].column,
.ui.grid > [class*="three wide"].column,
.ui.column.grid > [class*="three wide"].column {
  width: 18.75% !important;
}
.ui.grid > .row > [class*="four wide"].column,
.ui.grid > .column.row > [class*="four wide"].column,
.ui.grid > [class*="four wide"].column,
.ui.column.grid > [class*="four wide"].column {
  width: 25% !important;
}
.ui.grid > .row > [class*="five wide"].column,
.ui.grid > .column.row > [class*="five wide"].column,
.ui.grid > [class*="five wide"].column,
.ui.column.grid > [class*="five wide"].column {
  width: 31.25% !important;
}
.ui.grid > .row > [class*="six wide"].column,
.ui.grid > .column.row > [class*="six wide"].column,
.ui.grid > [class*="six wide"].column,
.ui.column.grid > [class*="six wide"].column {
  width: 37.5% !important;
}
.ui.grid > .row > [class*="seven wide"].column,
.ui.grid > .column.row > [class*="seven wide"].column,
.ui.grid > [class*="seven wide"].column,
.ui.column.grid > [class*="seven wide"].column {
  width: 43.75% !important;
}
.ui.grid > .row > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column,
.ui.column.grid > [class*="eight wide"].column {
  width: 50% !important;
}
.ui.grid > .row > [class*="nine wide"].column,
.ui.grid > .column.row > [class*="nine wide"].column,
.ui.grid > [class*="nine wide"].column,
.ui.column.grid > [class*="nine wide"].column {
  width: 56.25% !important;
}
.ui.grid > .row > [class*="ten wide"].column,
.ui.grid > .column.row > [class*="ten wide"].column,
.ui.grid > [class*="ten wide"].column,
.ui.column.grid > [class*="ten wide"].column {
  width: 62.5% !important;
}
.ui.grid > .row > [class*="eleven wide"].column,
.ui.grid > .column.row > [class*="eleven wide"].column,
.ui.grid > [class*="eleven wide"].column,
.ui.column.grid > [class*="eleven wide"].column {
  width: 68.75% !important;
}
.ui.grid > .row > [class*="twelve wide"].column,
.ui.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column,
.ui.column.grid > [class*="twelve wide"].column {
  width: 75% !important;
}
.ui.grid > .row > [class*="thirteen wide"].column,
.ui.grid > .column.row > [class*="thirteen wide"].column,
.ui.grid > [class*="thirteen wide"].column,
.ui.column.grid > [class*="thirteen wide"].column {
  width: 81.25% !important;
}
.ui.grid > .row > [class*="fourteen wide"].column,
.ui.grid > .column.row > [class*="fourteen wide"].column,
.ui.grid > [class*="fourteen wide"].column,
.ui.column.grid > [class*="fourteen wide"].column {
  width: 87.5% !important;
}
.ui.grid > .row > [class*="fifteen wide"].column,
.ui.grid > .column.row > [class*="fifteen wide"].column,
.ui.grid > [class*="fifteen wide"].column,
.ui.column.grid > [class*="fifteen wide"].column {
  width: 93.75% !important;
}
.ui.grid > .row > [class*="sixteen wide"].column,
.ui.grid > .column.row > [class*="sixteen wide"].column,
.ui.grid > [class*="sixteen wide"].column,
.ui.column.grid > [class*="sixteen wide"].column {
  width: 100% !important;
}

/*----------------------
      Width per Device
  -----------------------*/


/* Mobile Sizing Combinations */
@media only screen and (min-width: 320px) and (max-width: 767.98px) {
  .ui.grid > .row > [class*="one wide mobile"].column,
  .ui.grid > .column.row > [class*="one wide mobile"].column,
  .ui.grid > [class*="one wide mobile"].column,
  .ui.column.grid > [class*="one wide mobile"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide mobile"].column,
  .ui.grid > .column.row > [class*="two wide mobile"].column,
  .ui.grid > [class*="two wide mobile"].column,
  .ui.column.grid > [class*="two wide mobile"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide mobile"].column,
  .ui.grid > .column.row > [class*="three wide mobile"].column,
  .ui.grid > [class*="three wide mobile"].column,
  .ui.column.grid > [class*="three wide mobile"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide mobile"].column,
  .ui.grid > .column.row > [class*="four wide mobile"].column,
  .ui.grid > [class*="four wide mobile"].column,
  .ui.column.grid > [class*="four wide mobile"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide mobile"].column,
  .ui.grid > .column.row > [class*="five wide mobile"].column,
  .ui.grid > [class*="five wide mobile"].column,
  .ui.column.grid > [class*="five wide mobile"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide mobile"].column,
  .ui.grid > .column.row > [class*="six wide mobile"].column,
  .ui.grid > [class*="six wide mobile"].column,
  .ui.column.grid > [class*="six wide mobile"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide mobile"].column,
  .ui.grid > .column.row > [class*="seven wide mobile"].column,
  .ui.grid > [class*="seven wide mobile"].column,
  .ui.column.grid > [class*="seven wide mobile"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide mobile"].column,
  .ui.grid > .column.row > [class*="eight wide mobile"].column,
  .ui.grid > [class*="eight wide mobile"].column,
  .ui.column.grid > [class*="eight wide mobile"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide mobile"].column,
  .ui.grid > .column.row > [class*="nine wide mobile"].column,
  .ui.grid > [class*="nine wide mobile"].column,
  .ui.column.grid > [class*="nine wide mobile"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide mobile"].column,
  .ui.grid > .column.row > [class*="ten wide mobile"].column,
  .ui.grid > [class*="ten wide mobile"].column,
  .ui.column.grid > [class*="ten wide mobile"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide mobile"].column,
  .ui.grid > .column.row > [class*="eleven wide mobile"].column,
  .ui.grid > [class*="eleven wide mobile"].column,
  .ui.column.grid > [class*="eleven wide mobile"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide mobile"].column,
  .ui.grid > .column.row > [class*="twelve wide mobile"].column,
  .ui.grid > [class*="twelve wide mobile"].column,
  .ui.column.grid > [class*="twelve wide mobile"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide mobile"].column,
  .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
  .ui.grid > [class*="thirteen wide mobile"].column,
  .ui.column.grid > [class*="thirteen wide mobile"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
  .ui.grid > [class*="fourteen wide mobile"].column,
  .ui.column.grid > [class*="fourteen wide mobile"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
  .ui.grid > [class*="fifteen wide mobile"].column,
  .ui.column.grid > [class*="fifteen wide mobile"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide mobile"].column,
  .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
  .ui.grid > [class*="sixteen wide mobile"].column,
  .ui.column.grid > [class*="sixteen wide mobile"].column {
    width: 100% !important;
  }
}

/* Tablet Sizing Combinations */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ui.grid > .row > [class*="one wide tablet"].column,
  .ui.grid > .column.row > [class*="one wide tablet"].column,
  .ui.grid > [class*="one wide tablet"].column,
  .ui.column.grid > [class*="one wide tablet"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide tablet"].column,
  .ui.grid > .column.row > [class*="two wide tablet"].column,
  .ui.grid > [class*="two wide tablet"].column,
  .ui.column.grid > [class*="two wide tablet"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide tablet"].column,
  .ui.grid > .column.row > [class*="three wide tablet"].column,
  .ui.grid > [class*="three wide tablet"].column,
  .ui.column.grid > [class*="three wide tablet"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide tablet"].column,
  .ui.grid > .column.row > [class*="four wide tablet"].column,
  .ui.grid > [class*="four wide tablet"].column,
  .ui.column.grid > [class*="four wide tablet"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide tablet"].column,
  .ui.grid > .column.row > [class*="five wide tablet"].column,
  .ui.grid > [class*="five wide tablet"].column,
  .ui.column.grid > [class*="five wide tablet"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide tablet"].column,
  .ui.grid > .column.row > [class*="six wide tablet"].column,
  .ui.grid > [class*="six wide tablet"].column,
  .ui.column.grid > [class*="six wide tablet"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide tablet"].column,
  .ui.grid > .column.row > [class*="seven wide tablet"].column,
  .ui.grid > [class*="seven wide tablet"].column,
  .ui.column.grid > [class*="seven wide tablet"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide tablet"].column,
  .ui.grid > .column.row > [class*="eight wide tablet"].column,
  .ui.grid > [class*="eight wide tablet"].column,
  .ui.column.grid > [class*="eight wide tablet"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide tablet"].column,
  .ui.grid > .column.row > [class*="nine wide tablet"].column,
  .ui.grid > [class*="nine wide tablet"].column,
  .ui.column.grid > [class*="nine wide tablet"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide tablet"].column,
  .ui.grid > .column.row > [class*="ten wide tablet"].column,
  .ui.grid > [class*="ten wide tablet"].column,
  .ui.column.grid > [class*="ten wide tablet"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide tablet"].column,
  .ui.grid > .column.row > [class*="eleven wide tablet"].column,
  .ui.grid > [class*="eleven wide tablet"].column,
  .ui.column.grid > [class*="eleven wide tablet"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide tablet"].column,
  .ui.grid > .column.row > [class*="twelve wide tablet"].column,
  .ui.grid > [class*="twelve wide tablet"].column,
  .ui.column.grid > [class*="twelve wide tablet"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide tablet"].column,
  .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
  .ui.grid > [class*="thirteen wide tablet"].column,
  .ui.column.grid > [class*="thirteen wide tablet"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
  .ui.grid > [class*="fourteen wide tablet"].column,
  .ui.column.grid > [class*="fourteen wide tablet"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
  .ui.grid > [class*="fifteen wide tablet"].column,
  .ui.column.grid > [class*="fifteen wide tablet"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide tablet"].column,
  .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
  .ui.grid > [class*="sixteen wide tablet"].column,
  .ui.column.grid > [class*="sixteen wide tablet"].column {
    width: 100% !important;
  }
}

/* Computer/Desktop Sizing Combinations */
@media only screen and (min-width: 992px) {
  .ui.grid > .row > [class*="one wide computer"].column,
  .ui.grid > .column.row > [class*="one wide computer"].column,
  .ui.grid > [class*="one wide computer"].column,
  .ui.column.grid > [class*="one wide computer"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide computer"].column,
  .ui.grid > .column.row > [class*="two wide computer"].column,
  .ui.grid > [class*="two wide computer"].column,
  .ui.column.grid > [class*="two wide computer"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide computer"].column,
  .ui.grid > .column.row > [class*="three wide computer"].column,
  .ui.grid > [class*="three wide computer"].column,
  .ui.column.grid > [class*="three wide computer"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide computer"].column,
  .ui.grid > .column.row > [class*="four wide computer"].column,
  .ui.grid > [class*="four wide computer"].column,
  .ui.column.grid > [class*="four wide computer"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide computer"].column,
  .ui.grid > .column.row > [class*="five wide computer"].column,
  .ui.grid > [class*="five wide computer"].column,
  .ui.column.grid > [class*="five wide computer"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide computer"].column,
  .ui.grid > .column.row > [class*="six wide computer"].column,
  .ui.grid > [class*="six wide computer"].column,
  .ui.column.grid > [class*="six wide computer"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide computer"].column,
  .ui.grid > .column.row > [class*="seven wide computer"].column,
  .ui.grid > [class*="seven wide computer"].column,
  .ui.column.grid > [class*="seven wide computer"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide computer"].column,
  .ui.grid > .column.row > [class*="eight wide computer"].column,
  .ui.grid > [class*="eight wide computer"].column,
  .ui.column.grid > [class*="eight wide computer"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide computer"].column,
  .ui.grid > .column.row > [class*="nine wide computer"].column,
  .ui.grid > [class*="nine wide computer"].column,
  .ui.column.grid > [class*="nine wide computer"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide computer"].column,
  .ui.grid > .column.row > [class*="ten wide computer"].column,
  .ui.grid > [class*="ten wide computer"].column,
  .ui.column.grid > [class*="ten wide computer"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide computer"].column,
  .ui.grid > .column.row > [class*="eleven wide computer"].column,
  .ui.grid > [class*="eleven wide computer"].column,
  .ui.column.grid > [class*="eleven wide computer"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide computer"].column,
  .ui.grid > .column.row > [class*="twelve wide computer"].column,
  .ui.grid > [class*="twelve wide computer"].column,
  .ui.column.grid > [class*="twelve wide computer"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide computer"].column,
  .ui.grid > .column.row > [class*="thirteen wide computer"].column,
  .ui.grid > [class*="thirteen wide computer"].column,
  .ui.column.grid > [class*="thirteen wide computer"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide computer"].column,
  .ui.grid > .column.row > [class*="fourteen wide computer"].column,
  .ui.grid > [class*="fourteen wide computer"].column,
  .ui.column.grid > [class*="fourteen wide computer"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide computer"].column,
  .ui.grid > .column.row > [class*="fifteen wide computer"].column,
  .ui.grid > [class*="fifteen wide computer"].column,
  .ui.column.grid > [class*="fifteen wide computer"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide computer"].column,
  .ui.grid > .column.row > [class*="sixteen wide computer"].column,
  .ui.grid > [class*="sixteen wide computer"].column,
  .ui.column.grid > [class*="sixteen wide computer"].column {
    width: 100% !important;
  }
}

/* Large Monitor Sizing Combinations */
@media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
  .ui.grid > .row > [class*="one wide large screen"].column,
  .ui.grid > .column.row > [class*="one wide large screen"].column,
  .ui.grid > [class*="one wide large screen"].column,
  .ui.column.grid > [class*="one wide large screen"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide large screen"].column,
  .ui.grid > .column.row > [class*="two wide large screen"].column,
  .ui.grid > [class*="two wide large screen"].column,
  .ui.column.grid > [class*="two wide large screen"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide large screen"].column,
  .ui.grid > .column.row > [class*="three wide large screen"].column,
  .ui.grid > [class*="three wide large screen"].column,
  .ui.column.grid > [class*="three wide large screen"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide large screen"].column,
  .ui.grid > .column.row > [class*="four wide large screen"].column,
  .ui.grid > [class*="four wide large screen"].column,
  .ui.column.grid > [class*="four wide large screen"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide large screen"].column,
  .ui.grid > .column.row > [class*="five wide large screen"].column,
  .ui.grid > [class*="five wide large screen"].column,
  .ui.column.grid > [class*="five wide large screen"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide large screen"].column,
  .ui.grid > .column.row > [class*="six wide large screen"].column,
  .ui.grid > [class*="six wide large screen"].column,
  .ui.column.grid > [class*="six wide large screen"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide large screen"].column,
  .ui.grid > .column.row > [class*="seven wide large screen"].column,
  .ui.grid > [class*="seven wide large screen"].column,
  .ui.column.grid > [class*="seven wide large screen"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide large screen"].column,
  .ui.grid > .column.row > [class*="eight wide large screen"].column,
  .ui.grid > [class*="eight wide large screen"].column,
  .ui.column.grid > [class*="eight wide large screen"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide large screen"].column,
  .ui.grid > .column.row > [class*="nine wide large screen"].column,
  .ui.grid > [class*="nine wide large screen"].column,
  .ui.column.grid > [class*="nine wide large screen"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide large screen"].column,
  .ui.grid > .column.row > [class*="ten wide large screen"].column,
  .ui.grid > [class*="ten wide large screen"].column,
  .ui.column.grid > [class*="ten wide large screen"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide large screen"].column,
  .ui.grid > .column.row > [class*="eleven wide large screen"].column,
  .ui.grid > [class*="eleven wide large screen"].column,
  .ui.column.grid > [class*="eleven wide large screen"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide large screen"].column,
  .ui.grid > .column.row > [class*="twelve wide large screen"].column,
  .ui.grid > [class*="twelve wide large screen"].column,
  .ui.column.grid > [class*="twelve wide large screen"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide large screen"].column,
  .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
  .ui.grid > [class*="thirteen wide large screen"].column,
  .ui.column.grid > [class*="thirteen wide large screen"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
  .ui.grid > [class*="fourteen wide large screen"].column,
  .ui.column.grid > [class*="fourteen wide large screen"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
  .ui.grid > [class*="fifteen wide large screen"].column,
  .ui.column.grid > [class*="fifteen wide large screen"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide large screen"].column,
  .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
  .ui.grid > [class*="sixteen wide large screen"].column,
  .ui.column.grid > [class*="sixteen wide large screen"].column {
    width: 100% !important;
  }
}

/* Widescreen Sizing Combinations */
@media only screen and (min-width: 1920px) {
  .ui.grid > .row > [class*="one wide widescreen"].column,
  .ui.grid > .column.row > [class*="one wide widescreen"].column,
  .ui.grid > [class*="one wide widescreen"].column,
  .ui.column.grid > [class*="one wide widescreen"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide widescreen"].column,
  .ui.grid > .column.row > [class*="two wide widescreen"].column,
  .ui.grid > [class*="two wide widescreen"].column,
  .ui.column.grid > [class*="two wide widescreen"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide widescreen"].column,
  .ui.grid > .column.row > [class*="three wide widescreen"].column,
  .ui.grid > [class*="three wide widescreen"].column,
  .ui.column.grid > [class*="three wide widescreen"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide widescreen"].column,
  .ui.grid > .column.row > [class*="four wide widescreen"].column,
  .ui.grid > [class*="four wide widescreen"].column,
  .ui.column.grid > [class*="four wide widescreen"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide widescreen"].column,
  .ui.grid > .column.row > [class*="five wide widescreen"].column,
  .ui.grid > [class*="five wide widescreen"].column,
  .ui.column.grid > [class*="five wide widescreen"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide widescreen"].column,
  .ui.grid > .column.row > [class*="six wide widescreen"].column,
  .ui.grid > [class*="six wide widescreen"].column,
  .ui.column.grid > [class*="six wide widescreen"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide widescreen"].column,
  .ui.grid > .column.row > [class*="seven wide widescreen"].column,
  .ui.grid > [class*="seven wide widescreen"].column,
  .ui.column.grid > [class*="seven wide widescreen"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide widescreen"].column,
  .ui.grid > .column.row > [class*="eight wide widescreen"].column,
  .ui.grid > [class*="eight wide widescreen"].column,
  .ui.column.grid > [class*="eight wide widescreen"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide widescreen"].column,
  .ui.grid > .column.row > [class*="nine wide widescreen"].column,
  .ui.grid > [class*="nine wide widescreen"].column,
  .ui.column.grid > [class*="nine wide widescreen"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide widescreen"].column,
  .ui.grid > .column.row > [class*="ten wide widescreen"].column,
  .ui.grid > [class*="ten wide widescreen"].column,
  .ui.column.grid > [class*="ten wide widescreen"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide widescreen"].column,
  .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
  .ui.grid > [class*="eleven wide widescreen"].column,
  .ui.column.grid > [class*="eleven wide widescreen"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide widescreen"].column,
  .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
  .ui.grid > [class*="twelve wide widescreen"].column,
  .ui.column.grid > [class*="twelve wide widescreen"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
  .ui.grid > [class*="thirteen wide widescreen"].column,
  .ui.column.grid > [class*="thirteen wide widescreen"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
  .ui.grid > [class*="fourteen wide widescreen"].column,
  .ui.column.grid > [class*="fourteen wide widescreen"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
  .ui.grid > [class*="fifteen wide widescreen"].column,
  .ui.column.grid > [class*="fifteen wide widescreen"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
  .ui.grid > [class*="sixteen wide widescreen"].column,
  .ui.column.grid > [class*="sixteen wide widescreen"].column {
    width: 100% !important;
  }
}

/*----------------------
          Centered
  -----------------------*/

.ui.centered.grid,
.ui.centered.grid > .row,
.ui.grid > .centered.row {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
.ui.grid .centered.row > .column:not(.aligned):not(.justified) {
  text-align: left;
}
.ui.grid > .centered.column,
.ui.grid > .row > .centered.column {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*----------------------
          Relaxed
  -----------------------*/

.ui.relaxed.grid > .column:not(.row),
.ui.relaxed.grid > .row > .column,
.ui.grid > .relaxed.row > .column {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ui[class*="very relaxed"].grid > .column:not(.row),
.ui[class*="very relaxed"].grid > .row > .column,
.ui.grid > [class*="very relaxed"].row > .column {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/* Coupling with UI Divider */
.ui.relaxed.grid .row + .ui.divider,
.ui.grid .relaxed.row + .ui.divider {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.ui[class*="very relaxed"].grid .row + .ui.divider,
.ui.grid [class*="very relaxed"].row + .ui.divider {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

/*----------------------
          Padded
  -----------------------*/

.ui.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0 !important;
}
[class*="horizontally padded"].ui.grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
[class*="vertically padded"].ui.grid {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/*----------------------
         "Floated"
  -----------------------*/

.ui.grid [class*="left floated"].column {
  margin-right: auto;
}
.ui.grid [class*="right floated"].column {
  margin-left: auto;
}

/*----------------------
          Divided
  -----------------------*/

.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
  -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
          box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
}

/* Swap from padding to margin on columns to have dividers align */
.ui[class*="vertically divided"].grid > .column:not(.row),
.ui[class*="vertically divided"].grid > .row > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 0;
  padding-bottom: 0;
}
.ui[class*="vertically divided"].grid > .row {
  margin-top: 0;
  margin-bottom: 0;
}

/* No divider on first column on row */
.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* No space on top of first row */
.ui[class*="vertically divided"].grid > .row:first-child > .column {
  margin-top: 0;
}

/* Divided Row */
.ui.grid > .divided.row > .column {
  -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
          box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
}
.ui.grid > .divided.row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Vertically Divided */
.ui[class*="vertically divided"].grid > .row {
  position: relative;
}
.ui[class*="vertically divided"].grid > .row::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: calc(100% - 2rem);
  height: 1px;
  margin: 0 1rem;
  -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
}

/* Padded Horizontally Divided */
[class*="horizontally padded"].ui.divided.grid,
.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
  width: 100%;
}

/* First Row Vertically Divided */
.ui[class*="vertically divided"].grid > .row:first-child::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Inverted Divided */
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
  -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
          box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
}
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.inverted[class*="vertically divided"].grid > .row::before {
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
          box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
}

/* Relaxed */
.ui.relaxed[class*="vertically divided"].grid > .row::before {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: calc(100% - 3rem);
}
.ui[class*="very relaxed"][class*="vertically divided"].grid > .row::before {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  width: calc(100% - 5rem);
}

/*----------------------
           Celled
  -----------------------*/

.ui.celled.grid {
  width: 100%;
  margin: 1em 0;
  -webkit-box-shadow: 0 0 0 1px #D4D4D5;
          box-shadow: 0 0 0 1px #D4D4D5;
}
.ui.celled.grid > .row {
  width: 100% !important;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0 -1px 0 0 #D4D4D5;
          box-shadow: 0 -1px 0 0 #D4D4D5;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
          box-shadow: -1px 0 0 0 #D4D4D5;
}
.ui.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  padding: 1em;
}
.ui.relaxed.celled.grid > .column:not(.row),
.ui.relaxed.celled.grid > .row > .column {
  padding: 1.5em;
}
.ui[class*="very relaxed"].celled.grid > .column:not(.row),
.ui[class*="very relaxed"].celled.grid > .row > .column {
  padding: 2em;
}

/* Internally Celled */
.ui[class*="internally celled"].grid {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.ui[class*="internally celled"].grid > .row:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui[class*="internally celled"].grid > .row > .column:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*----------------------
     Vertically Aligned
  -----------------------*/


/* Top Aligned */
.ui[class*="top aligned"].grid > .column:not(.row),
.ui[class*="top aligned"].grid > .row > .column,
.ui.grid > [class*="top aligned"].row > .column,
.ui.grid > [class*="top aligned"].column:not(.row),
.ui.grid > .row > [class*="top aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  vertical-align: top;
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

/* Middle Aligned */
.ui[class*="middle aligned"].grid > .column:not(.row),
.ui[class*="middle aligned"].grid > .row > .column,
.ui.grid > [class*="middle aligned"].row > .column,
.ui.grid > [class*="middle aligned"].column:not(.row),
.ui.grid > .row > [class*="middle aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  vertical-align: middle;
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

/* Bottom Aligned */
.ui[class*="bottom aligned"].grid > .column:not(.row),
.ui[class*="bottom aligned"].grid > .row > .column,
.ui.grid > [class*="bottom aligned"].row > .column,
.ui.grid > [class*="bottom aligned"].column:not(.row),
.ui.grid > .row > [class*="bottom aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  vertical-align: bottom;
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

/* Stretched */
.ui.stretched.grid > .row > .column,
.ui.stretched.grid > .column,
.ui.grid > .stretched.row > .column,
.ui.grid > .stretched.column:not(.row),
.ui.grid > .row > .stretched.column {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ui.stretched.grid > .row > .column > *,
.ui.stretched.grid > .column > *,
.ui.grid > .stretched.row > .column > *,
.ui.grid > .stretched.column:not(.row) > *,
.ui.grid > .row > .stretched.column > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/*----------------------
    Horizontally Centered
  -----------------------*/


/* Left Aligned */
.ui[class*="left aligned"].grid > .column,
.ui[class*="left aligned"].grid > .row > .column,
.ui.grid > [class*="left aligned"].row > .column,
.ui.grid > [class*="left aligned"].column.column,
.ui.grid > .row > [class*="left aligned"].column.column {
  text-align: left;
  -ms-flex-item-align: inherit;
      align-self: inherit;
}

/* Center Aligned */
.ui[class*="center aligned"].grid > .column,
.ui[class*="center aligned"].grid > .row > .column,
.ui.grid > [class*="center aligned"].row > .column,
.ui.grid > [class*="center aligned"].column.column,
.ui.grid > .row > [class*="center aligned"].column.column {
  text-align: center;
  -ms-flex-item-align: inherit;
      align-self: inherit;
}
.ui[class*="center aligned"].grid {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Right Aligned */
.ui[class*="right aligned"].grid > .column,
.ui[class*="right aligned"].grid > .row > .column,
.ui.grid > [class*="right aligned"].row > .column,
.ui.grid > [class*="right aligned"].column.column,
.ui.grid > .row > [class*="right aligned"].column.column {
  text-align: right;
  -ms-flex-item-align: inherit;
      align-self: inherit;
}

/* Justified */
.ui.justified.grid > .column,
.ui.justified.grid > .row > .column,
.ui.grid > .justified.row > .column,
.ui.grid > .justified.column.column,
.ui.grid > .row > .justified.column.column {
  text-align: justify;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

/*----------------------
         Colored
-----------------------*/

.ui.grid > .primary.row,
.ui.grid > .primary.column,
.ui.grid > .row > .primary.column {
  background-color: #2185D0;
  color: #FFFFFF;
}
.ui.grid > .secondary.row,
.ui.grid > .secondary.column,
.ui.grid > .row > .secondary.column {
  background-color: #1B1C1D;
  color: #FFFFFF;
}
.ui.grid > .red.row,
.ui.grid > .red.column,
.ui.grid > .row > .red.column {
  background-color: #DB2828;
  color: #FFFFFF;
}
.ui.grid > .orange.row,
.ui.grid > .orange.column,
.ui.grid > .row > .orange.column {
  background-color: #F2711C;
  color: #FFFFFF;
}
.ui.grid > .yellow.row,
.ui.grid > .yellow.column,
.ui.grid > .row > .yellow.column {
  background-color: #FBBD08;
  color: #FFFFFF;
}
.ui.grid > .olive.row,
.ui.grid > .olive.column,
.ui.grid > .row > .olive.column {
  background-color: #B5CC18;
  color: #FFFFFF;
}
.ui.grid > .green.row,
.ui.grid > .green.column,
.ui.grid > .row > .green.column {
  background-color: #21BA45;
  color: #FFFFFF;
}
.ui.grid > .teal.row,
.ui.grid > .teal.column,
.ui.grid > .row > .teal.column {
  background-color: #00B5AD;
  color: #FFFFFF;
}
.ui.grid > .blue.row,
.ui.grid > .blue.column,
.ui.grid > .row > .blue.column {
  background-color: #2185D0;
  color: #FFFFFF;
}
.ui.grid > .violet.row,
.ui.grid > .violet.column,
.ui.grid > .row > .violet.column {
  background-color: #6435C9;
  color: #FFFFFF;
}
.ui.grid > .purple.row,
.ui.grid > .purple.column,
.ui.grid > .row > .purple.column {
  background-color: #A333C8;
  color: #FFFFFF;
}
.ui.grid > .pink.row,
.ui.grid > .pink.column,
.ui.grid > .row > .pink.column {
  background-color: #E03997;
  color: #FFFFFF;
}
.ui.grid > .brown.row,
.ui.grid > .brown.column,
.ui.grid > .row > .brown.column {
  background-color: #A5673F;
  color: #FFFFFF;
}
.ui.grid > .grey.row,
.ui.grid > .grey.column,
.ui.grid > .row > .grey.column {
  background-color: #767676;
  color: #FFFFFF;
}
.ui.grid > .black.row,
.ui.grid > .black.column,
.ui.grid > .row > .black.column {
  background-color: #1B1C1D;
  color: #FFFFFF;
}

/*----------------------
        Equal Width
  -----------------------*/

.ui[class*="equal width"].grid > .column:not(.row),
.ui[class*="equal width"].grid > .row > .column,
.ui.grid > [class*="equal width"].row > .column {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui[class*="equal width"].grid > .wide.column,
.ui[class*="equal width"].grid > .row > .wide.column,
.ui.grid > [class*="equal width"].row > .wide.column {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

/*----------------------
          Reverse
  -----------------------*/


/* Mobile */
@media only screen and (max-width: 767.98px) {
  .ui[class*="mobile reversed"].grid,
  .ui[class*="mobile reversed"].grid > .row,
  .ui.grid > [class*="mobile reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .ui[class*="mobile vertically reversed"].grid,
  .ui.stackable[class*="mobile reversed"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  
/* Divided Reversed */
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
            box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
  }
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
/* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child::before {
    -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
            box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
  }
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child::before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
/* Celled Reversed */
  .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
    -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
            box-shadow: -1px 0 0 0 #D4D4D5;
  }
  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ui[class*="tablet reversed"].grid,
  .ui[class*="tablet reversed"].grid > .row,
  .ui.grid > [class*="tablet reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .ui[class*="tablet vertically reversed"].grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  
/* Divided Reversed */
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
            box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
  }
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
/* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child::before {
    -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
            box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
  }
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child::before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
/* Celled Reversed */
  .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
    -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
            box-shadow: -1px 0 0 0 #D4D4D5;
  }
  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

/* Computer */
@media only screen and (min-width: 992px) {
  .ui[class*="computer reversed"].grid,
  .ui[class*="computer reversed"].grid > .row,
  .ui.grid > [class*="computer reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .ui[class*="computer vertically reversed"].grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  
/* Divided Reversed */
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
            box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
  }
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
/* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child::before {
    -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
            box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
  }
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child::before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
/* Celled Reversed */
  .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
    -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
            box-shadow: -1px 0 0 0 #D4D4D5;
  }
  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

/*-------------------
        Doubling
  --------------------*/


/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ui.doubling.grid {
    width: auto;
  }
  .ui.grid > .doubling.row,
  .ui.doubling.grid > .row {
    margin: 0 !important;
    padding: 0 !important;
  }
  .ui.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    margin: 0;
  }
  .ui.grid:not(.stretched) > .doubling.row:not(.stretched) > .column:not(.stretched),
  .ui.doubling.grid:not(.stretched) > .row:not(.stretched) > .column:not(.stretched) {
    display: inline-block !important;
  }
  .ui[class*="two column"].doubling.grid > .row > .column,
  .ui[class*="two column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling.row.row > .column {
    width: 100% !important;
  }
  .ui[class*="three column"].doubling.grid > .row > .column,
  .ui[class*="three column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling.row.row > .column {
    width: 50% !important;
  }
  .ui[class*="four column"].doubling.grid > .row > .column,
  .ui[class*="four column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling.row.row > .column {
    width: 50% !important;
  }
  .ui[class*="five column"].doubling.grid > .row > .column,
  .ui[class*="five column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="six column"].doubling.grid > .row > .column,
  .ui[class*="six column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="seven column"].doubling.grid > .row > .column,
  .ui[class*="seven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="eight column"].doubling.grid > .row > .column,
  .ui[class*="eight column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling.row.row > .column {
    width: 25% !important;
  }
  .ui[class*="nine column"].doubling.grid > .row > .column,
  .ui[class*="nine column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling.row.row > .column {
    width: 25% !important;
  }
  .ui[class*="ten column"].doubling.grid > .row > .column,
  .ui[class*="ten column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling.row.row > .column {
    width: 20% !important;
  }
  .ui[class*="eleven column"].doubling.grid > .row > .column,
  .ui[class*="eleven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling.row.row > .column {
    width: 20% !important;
  }
  .ui[class*="twelve column"].doubling.grid > .row > .column,
  .ui[class*="twelve column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling.row.row > .column {
    width: 16.66666667% !important;
  }
  .ui[class*="thirteen column"].doubling.grid > .row > .column,
  .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
    width: 16.66666667% !important;
  }
  .ui[class*="fourteen column"].doubling.grid > .row > .column,
  .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
    width: 14.28571429% !important;
  }
  .ui[class*="fifteen column"].doubling.grid > .row > .column,
  .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
    width: 14.28571429% !important;
  }
  .ui[class*="sixteen column"].doubling.grid > .row > .column,
  .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
    width: 12.5% !important;
  }
}

/* Mobile Only */
@media only screen and (max-width: 767.98px) {
  .ui.grid > .doubling.row,
  .ui.doubling.grid > .row {
    margin: 0 !important;
    padding: 0 !important;
  }
  .ui.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    margin: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
    width: 100% !important;
  }
  .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
}

/*-------------------
        Stackable
  --------------------*/

@media only screen and (max-width: 767.98px) {
  .ui.ui.ui.ui.stackable.grid {
    width: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ui.stackable.grid > .row > .wide.column,
  .ui.stackable.grid > .wide.column,
  .ui.stackable.grid > .column.grid > .column,
  .ui.stackable.grid > .column.row > .column,
  .ui.stackable.grid > .row > .column,
  .ui.stackable.grid > .column:not(.row),
  .ui.grid > .stackable.stackable.stackable.row > .column {
    width: 100% !important;
    margin: 0 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding: 1rem 1rem;
  }
  .ui.stackable.grid:not(.vertically) > .row {
    margin: 0;
    padding: 0;
  }
  
/* Coupling */
  .ui.container > .ui.stackable.grid > .column,
  .ui.container > .ui.stackable.grid > .row > .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
/* Don't pad inside segment or nested grid */
  .ui.grid .ui.stackable.grid,
  .ui.segment:not(.vertical) .ui.stackable.page.grid {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  
/* Divided Stackable */
  .ui.stackable.divided.grid > .row:first-child > .column:first-child,
  .ui.stackable.celled.grid > .row:first-child > .column:first-child,
  .ui.stackable.divided.grid > .column:not(.row):first-child,
  .ui.stackable.celled.grid > .column:not(.row):first-child {
    border-top: none !important;
  }
  .ui.inverted.stackable.celled.grid > .column:not(.row),
  .ui.inverted.stackable.divided.grid > .column:not(.row),
  .ui.inverted.stackable.celled.grid > .row > .column,
  .ui.inverted.stackable.divided.grid > .row > .column {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .ui.stackable.celled.grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.celled.grid > .row > .column,
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ui.stackable.celled.grid > .row {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*----------------------
     Only (Device)
-----------------------*/


/* These include arbitrary class repetitions for forced specificity */

/* Mobile Only Hide */
@media only screen and (max-width: 767.98px) {
  .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="computer only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}

/* Tablet Only Hide */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
    display: none !important;
  }
  .ui[class*="computer only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
    display: none !important;
  }
  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}

/* Computer Only Hide */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}

/* Large Screen Only Hide */
@media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}

/* Widescreen Only Hide */
@media only screen and (min-width: 1920px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
}

/*-----------------
        Compact
  -----------------*/

.ui.ui.ui.compact.grid {
  margin: -0.5rem;
}
.ui.ui.ui.compact.grid > .column:not(.row),
.ui.ui.ui.compact.grid > .row > .column {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.ui.ui.ui.compact.grid > * {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Row */
.ui.ui.ui.compact.grid > .row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0;
  padding-right: 0;
}

/* Columns */
.ui.ui.ui.compact.grid > .column:not(.row) {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* Relaxed + Celled */
.ui.compact.relaxed.celled.grid > .column:not(.row),
.ui.compact.relaxed.celled.grid > .row > .column {
  padding: 0.75em;
}
.ui.compact[class*="very relaxed"].celled.grid > .column:not(.row),
.ui.compact[class*="very relaxed"].celled.grid > .row > .column {
  padding: 1em;
}

/*-----------------
      Very compact
  -----------------*/

.ui.ui.ui[class*="very compact"].grid {
  margin: -0.25rem;
}
.ui.ui.ui[class*="very compact"].grid > .column:not(.row),
.ui.ui.ui[class*="very compact"].grid > .row > .column {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.ui.ui.ui[class*="very compact"].grid > * {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

/* Row */
.ui.ui.ui[class*="very compact"].grid > .row {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0;
  padding-right: 0;
}

/* Columns */
.ui.ui.ui[class*="very compact"].grid > .column:not(.row) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* Relaxed + Celled */
.ui[class*="very compact"].relaxed.celled.grid > .column:not(.row),
.ui[class*="very compact"].relaxed.celled.grid > .row > .column {
  padding: 0.375em;
}
.ui[class*="very compact"][class*="very relaxed"].celled.grid > .column:not(.row),
.ui[class*="very compact"][class*="very relaxed"].celled.grid > .row > .column {
  padding: 0.5em;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*
 * # Fomantic - Menu
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Copyright 2015 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Standard
*******************************/


/*--------------
      Menu
---------------*/

.ui.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: #FFFFFF;
  font-weight: normal;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  min-height: 2.85714286em;
}
.ui.menu::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui.menu:first-child {
  margin-top: 0;
}
.ui.menu:last-child {
  margin-bottom: 0;
}

/*--------------
    Sub-Menu
---------------*/

.ui.menu .menu {
  margin: 0;
}
.ui.menu:not(.vertical) > .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*--------------
      Item
---------------*/

.ui.menu:not(.vertical) .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  padding: 0.92857143em 1.14285714em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
  -webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
}
.ui.menu > .item:first-child {
  border-radius: 0.28571429rem 0 0 0.28571429rem;
}

/* Border */
.ui.menu .item::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: rgba(34, 36, 38, 0.1);
}

/*--------------
  Text Content
---------------*/

.ui.menu .text.item > *,
.ui.menu .item > a:not(.ui),
.ui.menu .item > p:only-child {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  line-height: 1.3;
}
.ui.menu .item > p:first-child {
  margin-top: 0;
}
.ui.menu .item > p:last-child {
  margin-bottom: 0;
}

/*--------------
      Icons
---------------*/

.ui.menu .item > i.icon {
  opacity: 0.9;
  float: none;
  margin: 0 0.35714286em 0 0;
}

/*--------------
     Button
---------------*/

.ui.menu:not(.vertical) .item > .button {
  position: relative;
  top: 0;
  margin: -0.5em 0;
  padding-bottom: 0.78571429em;
  padding-top: 0.78571429em;
  font-size: 1em;
}

/*----------------
 Grid / Container
-----------------*/

.ui.menu > .grid,
.ui.menu > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
}

/*--------------
     Inputs
---------------*/

.ui.menu .item > .input {
  width: 100%;
}
.ui.menu:not(.vertical) .item > .input {
  position: relative;
  top: 0;
  margin: -0.5em 0;
}
.ui.menu .item > .input input {
  font-size: 1em;
  padding-top: 0.57142857em;
  padding-bottom: 0.57142857em;
}

/*--------------
     Header
---------------*/

.ui.menu .header.item,
.ui.vertical.menu .header.item {
  margin: 0;
  background: none;
  text-transform: normal;
  font-weight: bold;
}
.ui.vertical.menu .item > .header:not(.ui) {
  margin: 0 0 0.5em;
  font-size: 1em;
  font-weight: bold;
}

/*--------------
    Dropdowns
---------------*/


/* Dropdown Icon */
.ui.menu .item > i.dropdown.icon {
  padding: 0;
  float: right;
  margin: 0 0 0 1em;
}

/* Menu */
.ui.menu .dropdown.item .menu {
  min-width: calc(100% - 1px);
  border-radius: 0 0 0.28571429rem 0.28571429rem;
  background: #FFFFFF;
  margin: 0 0 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
.ui.menu .dropdown.item:not(.column) .menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Menu Items */
.ui.menu .ui.dropdown .menu > .item {
  margin: 0;
  text-align: left;
  font-size: 1em !important;
  padding: 0.78571429em 1.14285714em !important;
  background: transparent !important;
  color: rgba(0, 0, 0, 0.87) !important;
  text-transform: none !important;
  font-weight: normal !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.ui.menu .ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown .menu > .selected.item {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown .menu > .active.item {
  background: rgba(0, 0, 0, 0.03) !important;
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
  display: block;
}
.ui.menu .ui.dropdown .menu > .item > .icons,
.ui.menu .ui.dropdown .menu > .item > i.icon:not(.dropdown) {
  display: inline-block;
  font-size: 1em !important;
  float: none;
  margin: 0 0.75em 0 0 !important;
}

/* Secondary */
.ui.secondary.menu .dropdown.item > .menu,
.ui.text.menu .dropdown.item > .menu {
  border-radius: 0.28571429rem;
  margin-top: 0.35714286em;
}

/* Pointing */
.ui.menu .pointing.dropdown.item .menu {
  margin-top: 0.75em;
}

/* Inverted */
.ui.inverted.menu .search.dropdown.item > .search,
.ui.inverted.menu .search.dropdown.item > .text {
  color: rgba(255, 255, 255, 0.9);
}

/* Vertical */
.ui.vertical.menu .dropdown.item > i.icon {
  float: right;
  content: "\f0da";
  margin-left: 1em;
}
.ui.vertical.menu .dropdown.item .menu {
  left: 100%;
  
/* IE needs 0, all others support max-content to show dropdown icon inline, so keep both settings! */
  min-width: 0;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0 0 0 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem;
}
.ui.vertical.menu .dropdown.item.upward .menu {
  bottom: 0;
}
.ui.vertical.menu .dropdown.item:not(.upward) .menu {
  top: 0;
}
.ui.vertical.menu .active.dropdown.item {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.vertical.menu .dropdown.active.item {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Evenly Divided */
.ui.item.menu .dropdown .menu .item {
  width: 100%;
}

/*--------------
     Labels
---------------*/

.ui.menu .item > .label:not(.floating) {
  margin-left: 1em;
  padding: 0.3em 0.78571429em;
}
.ui.vertical.menu .item > .label {
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  padding: 0.3em 0.78571429em;
}
.ui.menu .item > .floating.label {
  padding: 0.3em 0.78571429em;
}
.ui.menu .item > .label {
  background: #999999;
  color: #FFFFFF;
}
.ui.menu .item > .image.label img {
  margin: -0.2833em 0.8em -0.2833em -0.8em;
  height: 1.5666em;
}

/*--------------
     Images
---------------*/

.ui.menu .item > img:not(.ui) {
  display: inline-block;
  vertical-align: middle;
  margin: -0.3em 0;
  width: 2.5em;
}
.ui.vertical.menu .item > img:not(.ui):only-child {
  display: block;
  max-width: 100%;
  width: auto;
}


/*******************************
          Coupling
*******************************/


/*--------------
     List
---------------*/


/* Menu divider shouldn't apply */
.ui.menu .list .item::before {
  background: none !important;
}

/*--------------
       Sidebar
  ---------------*/


/* Show vertical dividers below last */
.ui.vertical.sidebar.menu > .item:first-child::before {
  display: block !important;
}
.ui.vertical.sidebar.menu > .item::before {
  top: auto;
  bottom: 0;
}

/*--------------
    Container
---------------*/

@media only screen and (max-width: 767.98px) {
  .ui.menu > .ui.container {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 768px) {
  .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
    border-left: 1px solid rgba(34, 36, 38, 0.1);
  }
  .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.item:not(.borderless):last-child,
  .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.menu > .item:not(.borderless):last-child {
    border-right: 1px solid rgba(34, 36, 38, 0.1);
  }
}


/*******************************
             States
*******************************/


/*--------------
      Hover
---------------*/

.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Pressed
---------------*/

.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Active
---------------*/

.ui.menu .active.item {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  font-weight: normal;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.menu .active.item > i.icon {
  opacity: 1;
}

/*--------------
  Active Hover
---------------*/

.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Disabled
---------------*/

.ui.ui.menu .item.disabled {
  cursor: default;
  background-color: transparent;
  color: rgba(40, 40, 40, 0.3);
  pointer-events: none;
}


/*******************************
             Types
*******************************/


/*------------------
Floated Menu / Item
-------------------*/


/* Left Floated */
.ui.menu:not(.vertical) .left.item,
.ui.menu:not(.vertical) .left.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto !important;
}

/* Right Floated */
.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto !important;
}
.ui.menu:not(.vertical) :not(.dropdown) > .left.menu,
.ui.menu:not(.vertical) :not(.dropdown) > .right.menu {
  display: inherit;
}

/* Center */
.ui.menu:not(.vertical) .center.item,
.ui.menu:not(.vertical) .center.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Swapped Borders */
.ui.menu .right.item::before,
.ui.menu .right.menu > .item::before {
  right: auto;
  left: 0;
}

/* Remove Outer Borders */
.ui.menu .center.item:last-child::before,
.ui.menu .center.menu > .item:last-child::before {
  display: none;
}

/*--------------
      Vertical
  ---------------*/

.ui.vertical.menu {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
}

/*--- Item ---*/

.ui.vertical.menu .item {
  display: block;
  background: none;
  border-top: none;
  border-right: none;
}
.ui.vertical.menu > .item:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.vertical.menu > .item:last-child {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}

/*--- Label ---*/

.ui.vertical.menu .item > .label {
  float: right;
  text-align: center;
}

/*--- Icon ---*/

.ui.vertical.menu .item > i.icon,
.ui.vertical.menu .item > i.icons {
  width: 1.18em;
  float: right;
  margin: 0 0 0 0.5em;
}
.ui.vertical.menu .item > .label + i.icon {
  float: none;
  margin: 0 0.5em 0 0;
}

/*--- Border ---*/

.ui.vertical.menu .item::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(34, 36, 38, 0.1);
}
.ui.vertical.menu .item:first-child::before {
  display: none !important;
}

/*--- Sub Menu ---*/

.ui.vertical.menu .item > .menu {
  margin: 0.5em -1.14285714em 0;
}
.ui.vertical.menu .menu .item {
  background: none;
  padding: 0.5em 1.33333333em;
  font-size: 0.85714286em;
  color: rgba(0, 0, 0, 0.5);
}
.ui.vertical.menu .item .menu a.item:hover,
.ui.vertical.menu .item .menu .link.item:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ui.vertical.menu .menu .item::before {
  display: none;
}

/* Vertical Active */
.ui.vertical.menu .active.item {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.vertical.menu > .active.item:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.vertical.menu > .active.item:last-child {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.vertical.menu > .active.item:only-child {
  border-radius: 0.28571429rem;
}
.ui.vertical.menu .active.item .menu .active.item {
  border-left: none;
}
.ui.vertical.menu .item .menu .active.item {
  background-color: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
       Tabular
  ---------------*/

.ui.tabular.menu {
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none;
  background: none transparent;
  border-bottom: 1px solid #D4D4D5;
}
.ui.tabular.fluid.menu {
  width: calc(100% + 2px) !important;
}
.ui.tabular.menu .item {
  background: transparent;
  border-bottom: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  padding: 0.92857143em 1.42857143em;
  color: rgba(0, 0, 0, 0.87);
}
.ui.tabular.menu .item::before {
  display: none;
}

/* Hover */
.ui.tabular.menu .item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}

/* Active */
.ui.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-top-width: 1px;
  border-color: #D4D4D5;
  font-weight: bold;
  margin-bottom: -1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
}
.ui.tabular.menu .active.item:hover {
  cursor: default;
}

/* Coupling with segment for attachment */
.ui.tabular.menu ~ .attached:not(.top).segment {
  border-top: none;
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  width: 100%;
}
.top.attached.segment + .ui.bottom.tabular.menu {
  position: relative;
  width: calc(100% + 2px);
  left: -1px;
}

/* Bottom Vertical Tabular */
.ui.bottom.tabular.menu {
  background: none transparent;
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-bottom: none;
  border-top: 1px solid #D4D4D5;
}
.ui.bottom.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: none;
}
.ui.bottom.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: -1px 0 0 0;
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}

/* Vertical Tabular (Left) */
.ui.vertical.tabular.menu {
  background: none transparent;
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-bottom: none;
  border-right: 1px solid #D4D4D5;
}
.ui.vertical.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: none;
}
.ui.vertical.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: 0 -1px 0 0;
  border-radius: 0.28571429rem 0 0 0.28571429rem !important;
}

/* Vertical Right Tabular */
.ui.vertical.right.tabular.menu {
  background: none transparent;
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-bottom: none;
  border-right: none;
  border-left: 1px solid #D4D4D5;
}
.ui.vertical.right.tabular.menu .item {
  background: none;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: none;
}
.ui.vertical.right.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: 0 0 0 -1px;
  border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
}

/* Dropdown */
.ui.tabular.menu .active.dropdown.item {
  margin-bottom: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  border-bottom: none;
}
.ui.inverted.tabular.menu .active.item,
.ui.inverted.tabular.menu .active.item:hover {
  background: none #1B1C1D;
  border-color: #555555;
}
.ui.inverted.tabular.menu .item:not(.active):hover {
  color: #ffffff;
  background: transparent;
  cursor: pointer;
}

/*--------------
     Pagination
  ---------------*/

.ui.pagination.menu {
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.ui.pagination.menu .item:last-child {
  border-radius: 0 0.28571429rem 0.28571429rem 0;
}
.ui.compact.menu .item:last-child {
  border-radius: 0 0.28571429rem 0.28571429rem 0;
}
.ui.pagination.menu .item:last-child::before {
  display: none;
}
.ui.pagination.menu .item {
  min-width: 3em;
  text-align: center;
}
.ui.pagination.menu .icon.item i.icon {
  vertical-align: top;
}

/* Active */
.ui.pagination.menu .active.item {
  border-top: none;
  padding-top: 0.92857143em;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*--------------
     Secondary
  ---------------*/

.ui.secondary.menu {
  background: none;
  margin-left: -0.35714286em;
  margin-right: -0.35714286em;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Item */
.ui.secondary.menu .item {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0.78571429em 0.92857143em;
  margin: 0 0.35714286em;
  background: none;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  border-radius: 0.28571429rem;
}

/* No Divider */
.ui.secondary.menu .item::before {
  display: none !important;
}

/* Header */
.ui.secondary.menu .header.item {
  border-radius: 0;
  border-right: none;
  background: none transparent;
}

/* Image */
.ui.secondary.menu .item > img:not(.ui) {
  margin: 0;
}

/* Hover */
.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}

/* Active */
.ui.secondary.menu .active.item {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  border-radius: 0.28571429rem;
}

/* Active Hover */
.ui.secondary.menu .active.item:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}

/* Inverted */
.ui.secondary.inverted.menu .link.item:not(.disabled),
.ui.secondary.inverted.menu a.item:not(.disabled) {
  color: rgba(255, 255, 255, 0.7);
}
.ui.secondary.inverted.menu .dropdown.item:hover,
.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.ui.secondary.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

/* Fix item margins */
.ui.secondary.item.menu {
  margin-left: 0;
  margin-right: 0;
}
.ui.secondary.item.menu .item:last-child {
  margin-right: 0;
}
.ui.secondary.attached.menu {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*---------------------
       Secondary Vertical
    -----------------------*/


/* Sub Menu */
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
  margin: 0 -0.92857143em;
}
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
  margin: 0;
  padding: 0.5em 1.33333333em;
}
.ui.secondary.vertical.menu > .item {
  border: none;
  margin: 0 0 0.35714286em;
  border-radius: 0.28571429rem !important;
}
.ui.secondary.vertical.menu > .header.item {
  border-radius: 0;
}

/* Sub Menu */
.ui.vertical.secondary.menu .item > .menu .item {
  background-color: transparent;
}

/* Inverted */
.ui.secondary.inverted.menu {
  background-color: transparent;
}

/*---------------------
       Secondary Pointing
    -----------------------*/

.ui.secondary.pointing.menu {
  margin-left: 0;
  margin-right: 0;
  border-bottom: 2px solid rgba(34, 36, 38, 0.15);
}
.ui.secondary.pointing.menu .item {
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-radius: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin: 0 0 -2px;
  padding: 0.85714286em 1.14285714em;
  border-bottom-width: 2px;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.secondary.pointing.menu .ui.dropdown .menu .item {
  border-bottom-width: 0;
}
.ui.secondary.pointing.menu .item > .label:not(.floating) {
  margin-top: -0.3em;
  margin-bottom: -0.3em;
}
.ui.secondary.pointing.menu .item > .circular.label {
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}

/* Item Types */
.ui.secondary.pointing.menu .header.item {
  color: rgba(0, 0, 0, 0.85) !important;
}
.ui.secondary.pointing.menu .text.item {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ui.secondary.pointing.menu .item::after {
  display: none;
}

/* Hover */
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}

/* Pressed */
.ui.secondary.pointing.menu .dropdown.item:active,
.ui.secondary.pointing.menu .link.item:active,
.ui.secondary.pointing.menu a.item:active {
  background-color: transparent;
  border-color: rgba(34, 36, 38, 0.15);
}

/* Active */
.ui.secondary.pointing.menu .active.item {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: currentColor;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}

/* Active Hover */
.ui.secondary.pointing.menu .active.item:hover {
  border-color: currentColor;
  color: rgba(0, 0, 0, 0.95);
}

/* Active Dropdown */
.ui.secondary.pointing.menu .active.dropdown.item {
  border-color: transparent;
}

/* Vertical Pointing */
.ui.secondary.vertical.pointing.menu {
  border-bottom-width: 0;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: rgba(34, 36, 38, 0.15);
}
.ui.secondary.vertical.pointing.menu .item {
  border-bottom: none;
  border-right-style: solid;
  border-right-color: transparent;
  border-radius: 0 !important;
  margin: 0 -2px 0 0;
  border-right-width: 2px;
}

/* Vertical Active */
.ui.secondary.vertical.pointing.menu .active.item {
  border-color: currentColor;
}

/* Inverted */
.ui.secondary.inverted.pointing.menu {
  border-color: rgba(255, 255, 255, 0.1);
}
.ui.secondary.inverted.pointing.menu .item:not(.disabled) {
  color: rgba(255, 255, 255, 0.9);
}
.ui.secondary.inverted.pointing.menu .header.item {
  color: #FFFFFF !important;
}

/* Hover */
.ui.secondary.inverted.pointing.menu .link.item:hover,
.ui.secondary.inverted.pointing.menu a.item:hover {
  color: #ffffff;
}

/* Active */
.ui.ui.secondary.inverted.pointing.menu .active.item {
  border-color: #FFFFFF;
  color: #ffffff;
  background-color: transparent;
}

/*--------------
      Text Menu
  ---------------*/

.ui.text.menu {
  background: none transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  margin: 1em -0.5em;
}
.ui.text.menu .item {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 0;
  padding: 0.35714286em 0.5em;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

/* Border */
.ui.text.menu .item::before,
.ui.text.menu .menu .item::before {
  display: none !important;
}

/* Header */
.ui.text.menu .header.item {
  background-color: transparent;
  opacity: 1;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.92857143em;
  text-transform: uppercase;
  font-weight: bold;
}

/* Image */
.ui.text.menu .item > img:not(.ui) {
  margin: 0;
}

/*--- fluid text ---*/

.ui.text.item.menu .item {
  margin: 0;
}

/*--- vertical text ---*/

.ui.vertical.text.menu {
  margin: 1em 0;
}
.ui.vertical.text.menu:first-child {
  margin-top: 0;
}
.ui.vertical.text.menu:last-child {
  margin-bottom: 0;
}
.ui.vertical.text.menu .item {
  margin: 0.57142857em 0;
  padding-left: 0;
  padding-right: 0;
}
.ui.vertical.text.menu .item > i.icon {
  float: none;
  margin: 0 0.35714286em 0 0;
}
.ui.vertical.text.menu .header.item {
  margin: 0.57142857em 0 0.71428571em;
}

/* Vertical Sub Menu */
.ui.vertical.text.menu .item:not(.dropdown) > .menu {
  margin: 0;
}
.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
  margin: 0;
  padding: 0.5em 0;
}

/*--- hover ---*/

.ui.text.menu .item:hover {
  opacity: 1;
  background-color: transparent;
}

/*--- active ---*/

.ui.text.menu .active.item {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.95);
}

/*--- active hover ---*/

.ui.text.menu .active.item:hover {
  background-color: transparent;
}

/* Disable Bariations */
.ui.text.pointing.menu .active.item::after {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.text.attached.menu {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Inverted */
.ui.inverted.text.menu,
.ui.inverted.text.menu .item,
.ui.inverted.text.menu .item:hover,
.ui.inverted.text.menu .active.item {
  background-color: transparent;
}

/* Fluid */
.ui.fluid.text.menu {
  margin-left: 0;
  margin-right: 0;
}

/*--------------
      Icon Only
  ---------------*/


/* Vertical Menu */
.ui.vertical.icon.menu {
  display: inline-block;
  width: auto;
}

/* Item */
.ui.icon.menu .item {
  height: auto;
  text-align: center;
  color: #1B1C1D;
}

/* Icon */
.ui.icon.menu .item > i.icon:not(.dropdown) {
  margin: 0;
  opacity: 1;
}

/* Icon Glyph */
.ui.icon.menu i.icon::before {
  opacity: 1;
}

/* (x) Item Icon */
.ui.menu .icon.item > i.icon {
  width: auto;
  margin: 0 auto;
}

/* Vertical Icon */
.ui.vertical.icon.menu .item > i.icon:not(.dropdown) {
  display: block;
  opacity: 1;
  margin: 0 auto;
  float: none;
}

/* Inverted */
.ui.inverted.icon.menu .item {
  color: #FFFFFF;
}

/*--------------
     Labeled Icon
  ---------------*/


/* Menu */
.ui.labeled.icon.menu {
  text-align: center;
}

/* Item */
.ui.labeled.icon.menu .item {
  min-width: 6em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Icon */
.ui.labeled.icon.menu > .item > i.icon:not(.dropdown) {
  height: 1em;
  display: block;
  font-size: 1.71428571em !important;
  margin: 0 auto 0.5rem !important;
}

/* Fluid */
.ui.fluid.labeled.icon.menu > .item {
  min-width: 0;
}


/*******************************
           Variations
*******************************/


/*--------------
      Stackable
  ---------------*/

@media only screen and (max-width: 767.98px) {
  .ui.stackable.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ui.stackable.menu.pointing .active.item::after {
    display: none;
  }
  .ui.stackable.menu .item {
    width: 100% !important;
  }
  .ui.stackable.menu .item::before {
    position: absolute;
    content: '';
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(34, 36, 38, 0.1);
  }
  .ui.stackable.menu .left.menu,
  .ui.stackable.menu .left.item {
    margin-right: 0 !important;
  }
  .ui.stackable.menu .right.menu,
  .ui.stackable.menu .right.item {
    margin-left: 0 !important;
  }
  .ui.stackable.menu .center.menu,
  .ui.stackable.menu .center.item {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ui.stackable.menu .right.menu,
  .ui.stackable.menu .center.menu,
  .ui.stackable.menu .left.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*--------------
     Colors
---------------*/

.ui.ui.ui.menu .primary.active.item,
.ui.ui.primary.menu .active.item:hover,
.ui.ui.primary.menu .active.item {
  color: #2185D0;
}
.ui.ui.ui.menu .red.active.item,
.ui.ui.red.menu .active.item:hover,
.ui.ui.red.menu .active.item {
  color: #DB2828;
}
.ui.ui.ui.menu .orange.active.item,
.ui.ui.orange.menu .active.item:hover,
.ui.ui.orange.menu .active.item {
  color: #F2711C;
}
.ui.ui.ui.menu .yellow.active.item,
.ui.ui.yellow.menu .active.item:hover,
.ui.ui.yellow.menu .active.item {
  color: #FBBD08;
}
.ui.ui.ui.menu .olive.active.item,
.ui.ui.olive.menu .active.item:hover,
.ui.ui.olive.menu .active.item {
  color: #B5CC18;
}
.ui.ui.ui.menu .green.active.item,
.ui.ui.green.menu .active.item:hover,
.ui.ui.green.menu .active.item {
  color: #21BA45;
}
.ui.ui.ui.menu .teal.active.item,
.ui.ui.teal.menu .active.item:hover,
.ui.ui.teal.menu .active.item {
  color: #00B5AD;
}
.ui.ui.ui.menu .blue.active.item,
.ui.ui.blue.menu .active.item:hover,
.ui.ui.blue.menu .active.item {
  color: #2185D0;
}
.ui.ui.ui.menu .violet.active.item,
.ui.ui.violet.menu .active.item:hover,
.ui.ui.violet.menu .active.item {
  color: #6435C9;
}
.ui.ui.ui.menu .purple.active.item,
.ui.ui.purple.menu .active.item:hover,
.ui.ui.purple.menu .active.item {
  color: #A333C8;
}
.ui.ui.ui.menu .pink.active.item,
.ui.ui.pink.menu .active.item:hover,
.ui.ui.pink.menu .active.item {
  color: #E03997;
}
.ui.ui.ui.menu .brown.active.item,
.ui.ui.brown.menu .active.item:hover,
.ui.ui.brown.menu .active.item {
  color: #A5673F;
}
.ui.ui.ui.menu .grey.active.item,
.ui.ui.grey.menu .active.item:hover,
.ui.ui.grey.menu .active.item {
  color: #767676;
}
.ui.ui.ui.menu .black.active.item,
.ui.ui.black.menu .active.item:hover,
.ui.ui.black.menu .active.item {
  color: #1B1C1D;
}

/*--------------
      Inverted
  ---------------*/

.ui.inverted.menu {
  border: 0 solid transparent;
  background: #1B1C1D;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Menu Item */
.ui.inverted.menu .item,
.ui.inverted.menu .item > a:not(.ui) {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.menu .item.menu {
  background: transparent;
}

/*--- Border ---*/

.ui.inverted.menu .item::before {
  background: rgba(255, 255, 255, 0.08);
}
.ui.vertical.inverted.menu .item::before {
  background: rgba(255, 255, 255, 0.08);
}

/* Sub Menu */
.ui.vertical.inverted.menu .menu .item,
.ui.vertical.inverted.menu .menu .item a:not(.ui) {
  color: rgba(255, 255, 255, 0.5);
}

/* Header */
.ui.inverted.menu .header.item {
  margin: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Disabled */
.ui.ui.inverted.menu .item.disabled {
  color: rgba(225, 225, 225, 0.3);
}

/*--- Hover ---*/

.ui.link.inverted.menu .item:hover,
.ui.inverted.menu .dropdown.item:hover,
.ui.inverted.menu .link.item:hover,
.ui.inverted.menu a.item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.ui.vertical.inverted.menu .item .menu a.item:hover,
.ui.vertical.inverted.menu .item .menu .link.item:hover {
  background: transparent;
  color: #ffffff;
}

/*--- Pressed ---*/

.ui.inverted.menu a.item:active,
.ui.inverted.menu .link.item:active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

/*--- Active ---*/

.ui.inverted.menu .active.item {
  background: #3D3E3F;
  color: #ffffff !important;
}
.ui.inverted.vertical.menu .item .menu .active.item {
  background: transparent;
  color: #FFFFFF;
}
.ui.inverted.pointing.menu .active.item::after {
  background: #3D3E3F;
  margin: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
}

/*--- Active Hover ---*/

.ui.inverted.menu .active.item:hover {
  background: #3D3E3F;
  color: #FFFFFF !important;
}
.ui.inverted.pointing.menu .active.item:hover::after {
  background: #3D3E3F;
}

/*--------------
       Floated
  ---------------*/

.ui.floated.menu {
  float: left;
  margin: 0 0.5rem 0 0;
}
.ui.floated.menu .item:last-child::before {
  display: none;
}
.ui.right.floated.menu {
  float: right;
  margin: 0 0 0 0.5rem;
}
.ui.center.aligned.menu,
.ui.centered.menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: 50%;
}

/*--------------
      Inverted
  ---------------*/

.ui.ui.ui.inverted.menu .primary.active.item,
.ui.ui.inverted.primary.menu {
  background-color: #2185D0;
}
.ui.inverted.primary.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.primary.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.primary.menu .active.item {
  background-color: #1678c2;
}
.ui.ui.ui.inverted.menu .red.active.item,
.ui.ui.inverted.red.menu {
  background-color: #DB2828;
}
.ui.inverted.red.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.red.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.red.menu .active.item {
  background-color: #d01919;
}
.ui.ui.ui.inverted.menu .orange.active.item,
.ui.ui.inverted.orange.menu {
  background-color: #F2711C;
}
.ui.inverted.orange.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.orange.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.orange.menu .active.item {
  background-color: #f26202;
}
.ui.ui.ui.inverted.menu .yellow.active.item,
.ui.ui.inverted.yellow.menu {
  background-color: #FBBD08;
}
.ui.inverted.yellow.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.yellow.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.yellow.menu .active.item {
  background-color: #eaae00;
}
.ui.ui.ui.inverted.menu .olive.active.item,
.ui.ui.inverted.olive.menu {
  background-color: #B5CC18;
}
.ui.inverted.olive.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.olive.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.olive.menu .active.item {
  background-color: #a7bd0d;
}
.ui.ui.ui.inverted.menu .green.active.item,
.ui.ui.inverted.green.menu {
  background-color: #21BA45;
}
.ui.inverted.green.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.green.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.green.menu .active.item {
  background-color: #16ab39;
}
.ui.ui.ui.inverted.menu .teal.active.item,
.ui.ui.inverted.teal.menu {
  background-color: #00B5AD;
}
.ui.inverted.teal.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.teal.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.teal.menu .active.item {
  background-color: #009c95;
}
.ui.ui.ui.inverted.menu .blue.active.item,
.ui.ui.inverted.blue.menu {
  background-color: #2185D0;
}
.ui.inverted.blue.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.blue.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.blue.menu .active.item {
  background-color: #1678c2;
}
.ui.ui.ui.inverted.menu .violet.active.item,
.ui.ui.inverted.violet.menu {
  background-color: #6435C9;
}
.ui.inverted.violet.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.violet.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.violet.menu .active.item {
  background-color: #5829bb;
}
.ui.ui.ui.inverted.menu .purple.active.item,
.ui.ui.inverted.purple.menu {
  background-color: #A333C8;
}
.ui.inverted.purple.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.purple.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.purple.menu .active.item {
  background-color: #9627ba;
}
.ui.ui.ui.inverted.menu .pink.active.item,
.ui.ui.inverted.pink.menu {
  background-color: #E03997;
}
.ui.inverted.pink.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.pink.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.pink.menu .active.item {
  background-color: #e61a8d;
}
.ui.ui.ui.inverted.menu .brown.active.item,
.ui.ui.inverted.brown.menu {
  background-color: #A5673F;
}
.ui.inverted.brown.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.brown.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.brown.menu .active.item {
  background-color: #975b33;
}
.ui.ui.ui.inverted.menu .grey.active.item,
.ui.ui.inverted.grey.menu {
  background-color: #767676;
}
.ui.inverted.grey.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.grey.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.grey.menu .active.item {
  background-color: #838383;
}
.ui.ui.ui.inverted.menu .black.active.item,
.ui.ui.inverted.black.menu {
  background-color: #1B1C1D;
}
.ui.inverted.black.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.black.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.black.menu .active.item {
  background-color: #27292a;
}
.ui.ui.ui.inverted.pointing.menu .active.item::after {
  background-color: inherit;
}

/*--------------
       Fitted
  ---------------*/

.ui.fitted.menu .item,
.ui.fitted.menu .item .menu .item,
.ui.menu .fitted.item {
  padding: 0;
}
.ui.horizontally.fitted.menu .item,
.ui.horizontally.fitted.menu .item .menu .item,
.ui.menu .horizontally.fitted.item {
  padding-top: 0.92857143em;
  padding-bottom: 0.92857143em;
}
.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item,
.ui.menu .vertically.fitted.item {
  padding-left: 1.14285714em;
  padding-right: 1.14285714em;
}

/*--------------
     Borderless
  ---------------*/

.ui.borderless.menu .item::before,
.ui.borderless.menu .item .menu .item::before,
.ui.menu .borderless.item::before {
  background: none !important;
}

/*-------------------
         Compact
  --------------------*/

.ui.compact.menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  vertical-align: middle;
}
.ui.compact.vertical.menu {
  
/* IE hack to make dropdown icons appear inline */
  display: -ms-inline-flexbox !important;
  display: inline-block;
}
.ui.compact.menu:not(.secondary) .item:last-child {
  border-radius: 0 0.28571429rem 0.28571429rem 0;
}
.ui.compact.menu .item:last-child::before {
  display: none;
}
.ui.compact.vertical.menu {
  width: auto !important;
}
.ui.compact.vertical.menu .item:last-child::before {
  display: block;
}

/*-------------------
          Fluid
  --------------------*/

.ui.menu.fluid,
.ui.vertical.menu.fluid {
  width: 100% !important;
}

/*-------------------
      Evenly Sized
--------------------*/

.ui.item.menu,
.ui.item.menu .item {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui.attached.item.menu:not(.tabular) {
  margin: 0 -1px !important;
}
.ui.item.menu .item:last-child::before {
  display: none;
}
.ui.menu.two.item .item {
  width: 50%;
}
.ui.menu.three.item .item {
  width: 33.333%;
}
.ui.menu.four.item .item {
  width: 25%;
}
.ui.menu.five.item .item {
  width: 20%;
}
.ui.menu.six.item .item {
  width: 16.666%;
}
.ui.menu.seven.item .item {
  width: 14.285%;
}
.ui.menu.eight.item .item {
  width: 12.5%;
}
.ui.menu.nine.item .item {
  width: 11.11%;
}
.ui.menu.ten.item .item {
  width: 10%;
}
.ui.menu.eleven.item .item {
  width: 9.09%;
}
.ui.menu.twelve.item .item {
  width: 8.333%;
}

/*--------------
       Fixed
  ---------------*/

.ui.menu.fixed {
  position: fixed;
  z-index: 101;
  margin: 0;
  width: 100%;
}
.ui.menu.fixed,
.ui.menu.fixed .item:first-child,
.ui.menu.fixed .item:last-child {
  border-radius: 0 !important;
}
.ui.fixed.menu,
.ui[class*="top fixed"].menu {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}
.ui[class*="top fixed"].menu {
  border-top: none;
  border-left: none;
  border-right: none;
}
.ui[class*="right fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-right: none;
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}
.ui[class*="bottom fixed"].menu {
  border-bottom: none;
  border-left: none;
  border-right: none;
  bottom: 0;
  left: 0;
  top: auto;
  right: auto;
}
.ui[class*="left fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-left: none;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}

/* Coupling with Grid */
.ui.fixed.menu + .ui.grid {
  padding-top: 2.75rem;
}

/*-------------------
         Pointing
  --------------------*/

.ui.pointing.menu .item::after {
  visibility: hidden;
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background: none;
  margin: 0.5px 0 0;
  width: 0.57142857em;
  height: 0.57142857em;
  border: none;
  border-bottom: 1px solid #D4D4D5;
  border-right: 1px solid #D4D4D5;
  z-index: 2;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.ui.vertical.pointing.menu .item::after {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
          transform: translateX(50%) translateY(-50%) rotate(45deg);
  margin: 0 -0.5px 0 0;
  border: none;
  border-top: 1px solid #D4D4D5;
  border-right: 1px solid #D4D4D5;
}
.ui.pointing.menu .ui.dropdown .menu .item::after,
.ui.vertical.pointing.menu .ui.dropdown .menu .item::after {
  display: none;
}

/* Active */
.ui.pointing.menu .active.item::after {
  visibility: visible;
}
.ui.pointing.menu .active.dropdown.item::after {
  visibility: hidden;
}

/* Don't double up pointers */
.ui.pointing.menu .dropdown.active.item::after,
.ui.pointing.menu .active.item .menu .active.item::after {
  display: none;
}

/* Colors */
.ui.pointing.menu .active.item:hover::after {
  background-color: #F2F2F2;
}
.ui.pointing.menu .active.item::after {
  background-color: #F2F2F2;
}
.ui.pointing.menu .active.item:hover::after {
  background-color: #F2F2F2;
}
.ui.vertical.pointing.menu .active.item:hover::after {
  background-color: #F2F2F2;
}
.ui.vertical.pointing.menu .active.item::after {
  background-color: #F2F2F2;
}
.ui.vertical.pointing.menu .menu .active.item::after {
  background-color: #FFFFFF;
}
@media only screen and (max-width: 767.98px) {
  .ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
    display: none;
  }
}
.ui.inverted.pointing.menu .primary.active.item::after {
  background-color: #2185D0;
}
.ui.inverted.pointing.menu .secondary.active.item::after {
  background-color: #1B1C1D;
}
.ui.inverted.pointing.menu .red.active.item::after {
  background-color: #DB2828;
}
.ui.inverted.pointing.menu .orange.active.item::after {
  background-color: #F2711C;
}
.ui.inverted.pointing.menu .yellow.active.item::after {
  background-color: #FBBD08;
}
.ui.inverted.pointing.menu .olive.active.item::after {
  background-color: #B5CC18;
}
.ui.inverted.pointing.menu .green.active.item::after {
  background-color: #21BA45;
}
.ui.inverted.pointing.menu .teal.active.item::after {
  background-color: #00B5AD;
}
.ui.inverted.pointing.menu .blue.active.item::after {
  background-color: #2185D0;
}
.ui.inverted.pointing.menu .violet.active.item::after {
  background-color: #6435C9;
}
.ui.inverted.pointing.menu .purple.active.item::after {
  background-color: #A333C8;
}
.ui.inverted.pointing.menu .pink.active.item::after {
  background-color: #E03997;
}
.ui.inverted.pointing.menu .brown.active.item::after {
  background-color: #A5673F;
}
.ui.inverted.pointing.menu .grey.active.item::after {
  background-color: #767676;
}
.ui.inverted.pointing.menu .black.active.item::after {
  background-color: #1B1C1D;
}

/*--------------
      Attached
  ---------------*/


/* Middle */
.ui.attached.menu {
  top: 0;
  bottom: 0;
  border-radius: 0;
  margin: 0 -1px;
  width: calc(100% + 2px);
  max-width: calc(100% + 2px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.attached + .ui.attached.menu:not(.top) {
  border-top: none;
}

/* Top */
.ui[class*="top attached"].menu {
  bottom: 0;
  margin-bottom: 0;
  top: 0;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.menu[class*="top attached"]:first-child {
  margin-top: 0;
}

/* Bottom */
.ui[class*="bottom attached"].menu {
  bottom: 0;
  margin-top: 0;
  top: 0;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].menu:last-child {
  margin-bottom: 0;
}

/* Attached Menu Item */
.ui.top.attached.menu > .item:first-child {
  border-radius: 0.28571429rem 0 0 0;
}
.ui.bottom.attached.menu > .item:first-child {
  border-radius: 0 0 0 0.28571429rem;
}

/* Tabular Attached */
.ui.attached.menu:not(.tabular):not(.text) {
  border: 1px solid #D4D4D5;
}
.ui.attached.inverted.menu {
  border: none;
}
.ui[class*="top attached"].inverted.tabular.menu {
  border-bottom: 1px solid #555555;
}
.ui.attached.tabular.menu {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

/*--------------
     Sizes
---------------*/

.ui.menu {
  font-size: 1rem;
}
.ui.vertical.menu {
  width: 15rem;
}
.ui.mini.menu,
.ui.mini.menu .dropdown,
.ui.mini.menu .dropdown .menu > .item {
  font-size: 0.78571429rem;
}
.ui.mini.vertical.menu:not(.icon) {
  width: 9rem;
}
.ui.tiny.menu,
.ui.tiny.menu .dropdown,
.ui.tiny.menu .dropdown .menu > .item {
  font-size: 0.85714286rem;
}
.ui.tiny.vertical.menu:not(.icon) {
  width: 11rem;
}
.ui.small.menu,
.ui.small.menu .dropdown,
.ui.small.menu .dropdown .menu > .item {
  font-size: 0.92857143rem;
}
.ui.small.vertical.menu:not(.icon) {
  width: 13rem;
}
.ui.large.menu,
.ui.large.menu .dropdown,
.ui.large.menu .dropdown .menu > .item {
  font-size: 1.07142857rem;
}
.ui.large.vertical.menu:not(.icon) {
  width: 18rem;
}
.ui.big.menu,
.ui.big.menu .dropdown,
.ui.big.menu .dropdown .menu > .item {
  font-size: 1.14285714rem;
}
.ui.big.vertical.menu:not(.icon) {
  width: 20rem;
}
.ui.huge.menu,
.ui.huge.menu .dropdown,
.ui.huge.menu .dropdown .menu > .item {
  font-size: 1.21428571rem;
}
.ui.huge.vertical.menu:not(.icon) {
  width: 22rem;
}
.ui.massive.menu,
.ui.massive.menu .dropdown,
.ui.massive.menu .dropdown .menu > .item {
  font-size: 1.28571429rem;
}
.ui.massive.vertical.menu:not(.icon) {
  width: 25rem;
}

/*-------------------
  Inverted dropdowns
--------------------*/

.ui.menu .ui.inverted.inverted.dropdown.item .menu {
  background: #1B1C1D;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.menu .ui.inverted.dropdown .menu > .item {
  color: rgba(255, 255, 255, 0.8) !important;
}
.ui.menu .ui.inverted.dropdown .menu > .active.item {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.ui.menu .ui.inverted.dropdown .menu > .item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.ui.menu .ui.inverted.dropdown .menu > .selected.item {
  background: rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Vertical */
.ui.vertical.menu .inverted.dropdown.item .menu {
  -webkit-box-shadow: none;
          box-shadow: none;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Table
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Table
*******************************/


/* Prototype */
.ui.table {
  width: 100%;
  background: #FFFFFF;
  margin: 1em 0;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0.28571429rem;
  text-align: left;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.87);
  border-collapse: separate;
  border-spacing: 0;
}
.ui.table:first-child {
  margin-top: 0;
}
.ui.table:last-child {
  margin-bottom: 0;
}
.ui.table > thead,
.ui.table > tbody {
  text-align: inherit;
  vertical-align: inherit;
}


/*******************************
             Parts
*******************************/


/* Table Content */
.ui.table th,
.ui.table td {
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
}

/* Rowspan helper class */
.ui.table th.rowspanned,
.ui.table td.rowspanned {
  display: none;
}

/* Headers */
.ui.table > thead {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.table > thead > tr > th {
  cursor: auto;
  background: #F9FAFB;
  text-align: inherit;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.92857143em 0.78571429em;
  vertical-align: inherit;
  font-style: none;
  font-weight: bold;
  text-transform: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  border-left: none;
}
.ui.table > thead > tr > th:first-child {
  border-left: none;
}
.ui.table > thead > tr:first-child > th:first-child {
  border-radius: 0.28571429rem 0 0 0;
}
.ui.table > thead > tr:first-child > th:last-child {
  border-radius: 0 0.28571429rem 0 0;
}
.ui.table > thead > tr:first-child > th:only-child {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}

/* Footer */
.ui.table > tfoot {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.table > tfoot > tr > th,
.ui.table > tfoot > tr > td {
  cursor: auto;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: #F9FAFB;
  text-align: inherit;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429em 0.78571429em;
  vertical-align: inherit;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}
.ui.table > tfoot > tr > th:first-child,
.ui.table > tfoot > tr > td:first-child {
  border-left: none;
}
.ui.table > tfoot > tr:first-child > th:first-child,
.ui.table > tfoot > tr:first-child > td:first-child {
  border-radius: 0 0 0 0.28571429rem;
}
.ui.table > tfoot > tr:first-child > th:last-child,
.ui.table > tfoot > tr:first-child > td:last-child {
  border-radius: 0 0 0.28571429rem 0;
}
.ui.table > tfoot > tr:first-child > th:only-child,
.ui.table > tfoot > tr:first-child > td:only-child {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}

/* Table Row */
.ui.table > tr > td,
.ui.table > tbody > tr > td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.table > tr:first-child > td,
.ui.table > tbody > tr:first-child > td {
  border-top: none;
}

/* Repeated tbody */
.ui.table > tbody + tbody tr:first-child > td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}

/* Table Cells */
.ui.table > tbody > tr > td,
.ui.table > tr > td {
  padding: 0.78571429em 0.78571429em;
  text-align: inherit;
}

/* Icons */
.ui.table > i.icon {
  vertical-align: baseline;
}
.ui.table > i.icon:only-child {
  margin: 0;
}

/* Table Segment */
.ui.table.segment {
  padding: 0;
}
.ui.table.segment::after {
  display: none;
}
.ui.table.segment.stacked::after {
  display: block;
}

/* Responsive */
@media only screen and (max-width: 767.98px) {
  .ui.table:not(.unstackable) {
    width: 100%;
    padding: 0;
  }
  .ui.table:not(.unstackable) > thead,
  .ui.table:not(.unstackable) > thead > tr,
  .ui.table:not(.unstackable) > tfoot,
  .ui.table:not(.unstackable) > tfoot > tr,
  .ui.table:not(.unstackable) > tbody,
  .ui.table:not(.unstackable) > tr,
  .ui.table:not(.unstackable) > tbody > tr,
  .ui.table:not(.unstackable) > tr > th:not(.rowspanned),
  .ui.table:not(.unstackable) > thead > tr > th:not(.rowspanned),
  .ui.table:not(.unstackable) > tbody > tr > th:not(.rowspanned),
  .ui.table:not(.unstackable) > tfoot > tr > th:not(.rowspanned),
  .ui.table:not(.unstackable) > tr > td:not(.rowspanned),
  .ui.table:not(.unstackable) > tbody > tr > td:not(.rowspanned),
  .ui.table:not(.unstackable) > tfoot > tr > td:not(.rowspanned) {
    display: block !important;
    width: auto !important;
  }
  .ui.table:not(.unstackable) > thead {
    display: block;
  }
  .ui.table:not(.unstackable) > tfoot {
    display: block;
  }
  .ui.ui.ui.ui.table:not(.unstackable) > tr,
  .ui.ui.ui.ui.table:not(.unstackable) > thead > tr,
  .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr,
  .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr {
    padding-top: 1em;
    padding-bottom: 1em;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) > tr > th,
  .ui.ui.ui.ui.table:not(.unstackable) > thead > tr > th,
  .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > th,
  .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > th,
  .ui.ui.ui.ui.table:not(.unstackable) > tr > td,
  .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td,
  .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > td {
    background: none;
    border: none;
    padding: 0.25em 0.75em;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .ui.table:not(.unstackable) > tr > th:first-child,
  .ui.table:not(.unstackable) > thead > tr > th:first-child,
  .ui.table:not(.unstackable) > tbody > tr > th:first-child,
  .ui.table:not(.unstackable) > tfoot > tr > th:first-child,
  .ui.table:not(.unstackable) > tr > td:first-child,
  .ui.table:not(.unstackable) > tbody > tr > td:first-child,
  .ui.table:not(.unstackable) > tfoot > tr > td:first-child {
    font-weight: bold;
  }
  
/* Definition Table */
  .ui.definition.table:not(.unstackable) > thead > tr > th:first-child {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="secondary marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="secondary marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="red marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="red marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="red marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="red marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="orange marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="orange marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="yellow marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="yellow marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="yellow marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="yellow marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="olive marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="olive marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="olive marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="olive marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="green marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="green marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="green marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="green marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="teal marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="teal marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="teal marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="teal marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="blue marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="blue marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="blue marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="blue marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="violet marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="violet marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="violet marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="violet marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="purple marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="purple marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="pink marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="pink marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="brown marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="brown marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="grey marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="grey marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="grey marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="grey marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="black marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
  }
  .ui.ui.ui.ui.table:not(.unstackable) tr[class*="black marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="black marked"].left {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
  }
  .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="black marked"].right {
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
  }
  .ui.scrolling.table.short > tbody {
    max-height: 6.74983929em;
  }
  .ui.scrolling.table[class*="very short"] > tbody {
    max-height: 4.49989286em;
  }
  .ui.scrolling.table > tbody {
    max-height: 8.99978571em;
  }
  .ui.scrolling.table.long > tbody {
    max-height: 17.99957143em;
  }
  .ui.scrolling.table[class*="very long"] > tbody {
    max-height: 26.99935714em;
  }
  .ui.overflowing.table.short {
    max-height: 11.24973214em;
  }
  .ui.overflowing.table[class*="very short"] {
    max-height: 7.49982143em;
  }
  .ui.overflowing.table {
    max-height: 14.99964286em;
  }
  .ui.overflowing.table.long {
    max-height: 29.99928571em;
  }
  .ui.overflowing.table[class*="very long"] {
    max-height: 44.99892857em;
  }
}

/*--------------
    Scrolling
  ---------------*/

@media only screen and (min-width: 768px) {
  .ui.scrolling.table.short > tbody {
    max-height: 8.99978571em;
  }
  .ui.scrolling.table[class*="very short"] > tbody {
    max-height: 5.99985714em;
  }
  .ui.scrolling.table > tbody {
    max-height: 11.99971429em;
  }
  .ui.scrolling.table.long > tbody {
    max-height: 23.99942857em;
  }
  .ui.scrolling.table[class*="very long"] > tbody {
    max-height: 35.99914286em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.table.short > tbody {
    max-height: 13.49967857em;
  }
  .ui.scrolling.table[class*="very short"] > tbody {
    max-height: 8.99978571em;
  }
  .ui.scrolling.table > tbody {
    max-height: 17.99957143em;
  }
  .ui.scrolling.table.long > tbody {
    max-height: 35.99914286em;
  }
  .ui.scrolling.table[class*="very long"] > tbody {
    max-height: 53.99871429em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.table.short > tbody {
    max-height: 17.99957143em;
  }
  .ui.scrolling.table[class*="very short"] > tbody {
    max-height: 11.99971429em;
  }
  .ui.scrolling.table > tbody {
    max-height: 23.99942857em;
  }
  .ui.scrolling.table.long > tbody {
    max-height: 47.99885714em;
  }
  .ui.scrolling.table[class*="very long"] > tbody {
    max-height: 71.99828571em;
  }
}
.ui.scrolling.table > thead,
.ui.scrolling.table > tfoot,
.ui.scrolling.table > tbody {
  display: block;
  overflow-y: scroll;
  scrollbar-width: thin;
  
/* Firefox */
}
.ui.scrolling.table > thead > tr,
.ui.scrolling.table > tfoot > tr,
.ui.scrolling.table > tbody > tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}

/* Camouflage scrollbars, we need them only to gain the same width as tbody */
.ui.scrolling.table > thead {
  background: #F9FAFB;
  color: #F9FAFB;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.scrolling.table > tfoot {
  background: #F9FAFB;
  color: #F9FAFB;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.inverted.scrolling.table > thead {
  background: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.15);
}
.ui.inverted.scrolling.table > tfoot {
  background: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.15);
}
.ui.scrolling.table > thead::-webkit-scrollbar-track,
.ui.scrolling.table > tfoot::-webkit-scrollbar-track {
  background: inherit;
  border-radius: 0.28571429rem;
}

/* Firefox & IE */
.ui.scrolling.table > thead,
.ui.scrolling.table > tfoot {
  scrollbar-color: currentColor currentColor;
  scrollbar-face-color: currentColor;
  scrollbar-shadow-color: currentColor;
  scrollbar-track-color: currentColor;
  scrollbar-arrow-color: currentColor;
}

/* IE scrollbar color needs hex values */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.table > thead {
    color: #F9FAFB;
  }
  .ui.scrolling.table > tfoot {
    color: #F9FAFB;
  }
  .ui.inverted.scrolling.table > thead {
    color: #252525;
  }
  .ui.inverted.scrolling.table > tfoot {
    color: #252525;
  }
}
.ui.inverted.scrolling.table > tbody::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}
.ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}
.ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}
.ui.inverted.scrolling.table > tbody {
  
/* IE11 */
  scrollbar-face-color: #656565;
  scrollbar-shadow-color: #656565;
  scrollbar-track-color: #323232;
  scrollbar-arrow-color: #323232;
  
/* firefox : first color thumb, second track */
  scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
}

/*--------------
    Overflowing
  ---------------*/

.ui.overflowing.table {
  display: block;
  overflow: auto;
}
@media only screen and (min-width: 768px) {
  .ui.overflowing.table.short {
    max-height: 13.49967857em;
  }
  .ui.overflowing.table[class*="very short"] {
    max-height: 8.99978571em;
  }
  .ui.overflowing.table {
    max-height: 17.99957143em;
  }
  .ui.overflowing.table.long {
    max-height: 35.99914286em;
  }
  .ui.overflowing.table[class*="very long"] {
    max-height: 53.99871429em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.overflowing.table.short {
    max-height: 17.99957143em;
  }
  .ui.overflowing.table[class*="very short"] {
    max-height: 11.99971429em;
  }
  .ui.overflowing.table {
    max-height: 23.99942857em;
  }
  .ui.overflowing.table.long {
    max-height: 47.99885714em;
  }
  .ui.overflowing.table[class*="very long"] {
    max-height: 71.99828571em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.overflowing.table.short {
    max-height: 22.49946429em;
  }
  .ui.overflowing.table[class*="very short"] {
    max-height: 14.99964286em;
  }
  .ui.overflowing.table {
    max-height: 29.99928571em;
  }
  .ui.overflowing.table.long {
    max-height: 59.99857143em;
  }
  .ui.overflowing.table[class*="very long"] {
    max-height: 89.99785714em;
  }
}


/*******************************
            Coupling
*******************************/


/* UI Image */
.ui.table .collapsing .image,
.ui.table .collapsing .image img {
  max-width: none;
}


/*******************************
             Types
*******************************/


/*--------------
    Complex
---------------*/

.ui.structured.table {
  border-collapse: collapse;
}
.ui.structured.table > thead > tr > th {
  border-left: none;
  border-right: none;
}
.ui.structured.sortable.table > thead > tr > th {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.structured.basic.table > tr > th,
.ui.structured.basic.table > thead > tr > th,
.ui.structured.basic.table > tbody > tr > th,
.ui.structured.basic.table > tfoot > tr > th {
  border-left: none;
  border-right: none;
}
.ui.structured.celled.table > tr > th,
.ui.structured.celled.table > thead > tr > th,
.ui.structured.celled.table > tbody > tr > th,
.ui.structured.celled.table > tfoot > tr > th,
.ui.structured.celled.table > tr > td,
.ui.structured.celled.table > tbody > tr > td,
.ui.structured.celled.table > tfoot > tr > td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}

/*--------------
     Definition
  ---------------*/

.ui.definition.table > thead:not(.full-width) > tr > th:first-child {
  pointer-events: none;
  background: #FFFFFF;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: -0.1em -0.2em 0 0.1em #FFFFFF;
          box-shadow: -0.1em -0.2em 0 0.1em #FFFFFF;
  -moz-transform: scale(1);
}
.ui.definition.table > thead:not(.full-width) > tr > th:first-child:not(:empty) {
  pointer-events: auto;
}
.ui.definition.table > tfoot:not(.full-width) > tr > th:first-child {
  pointer-events: none;
  background: #FFFFFF;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: -0.1em 0.2em 0 0.1em #FFFFFF;
          box-shadow: -0.1em 0.2em 0 0.1em #FFFFFF;
  -moz-transform: scale(1);
}

/* Highlight Defining Column */
.ui.definition.table > tr > td:first-child:not(.ignored),
.ui.definition.table > tbody > tr > td:first-child:not(.ignored),
.ui.definition.table > tfoot > tr > td:first-child:not(.ignored),
.ui.definition.table tr td.definition {
  background: rgba(0, 0, 0, 0.03);
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  text-transform: '';
  -webkit-box-shadow: '';
          box-shadow: '';
  text-align: '';
  font-size: 1em;
  padding-left: '';
  padding-right: '';
}

/* Fix 2nd Column */
.ui.definition.table > thead:not(.full-width) > tr > th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table > tfoot:not(.full-width) > tr > th:nth-child(2),
.ui.definition.table > tfoot:not(.full-width) > tr > td:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table > tr > td:nth-child(2),
.ui.definition.table > tbody > tr > td:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}


/*******************************
             States
*******************************/


/*--------------
      Positive
  ---------------*/

.ui.ui.ui.ui.table tr.positive,
.ui.ui.table td.positive {
  -webkit-box-shadow: 0 0 0 #A3C293 inset;
          box-shadow: 0 0 0 #A3C293 inset;
  background: #FCFFF5;
  color: #2C662D;
}
.ui.ui.ui.ui.inverted.table tr.positive,
.ui.ui.inverted.table td.positive {
  background: #A3C293;
  color: #2C662D;
}

/*--------------
       Negative
  ---------------*/

.ui.ui.ui.ui.table tr.negative,
.ui.ui.table td.negative {
  -webkit-box-shadow: 0 0 0 #E0B4B4 inset;
          box-shadow: 0 0 0 #E0B4B4 inset;
  background: #FFF6F6;
  color: #9F3A38;
}
.ui.ui.ui.ui.inverted.table tr.negative,
.ui.ui.inverted.table td.negative {
  background: #E0B4B4;
  color: #9F3A38;
}

/*--------------
        Error
  ---------------*/

.ui.ui.ui.ui.table tr.error,
.ui.ui.table td.error {
  -webkit-box-shadow: 0 0 0 #E0B4B4 inset;
          box-shadow: 0 0 0 #E0B4B4 inset;
  background: #FFF6F6;
  color: #9F3A38;
}
.ui.ui.ui.ui.inverted.table tr.error,
.ui.ui.inverted.table td.error {
  background: #E0B4B4;
  color: #9F3A38;
}

/*--------------
       Warning
  ---------------*/

.ui.ui.ui.ui.table tr.warning,
.ui.ui.table td.warning {
  -webkit-box-shadow: 0 0 0 #C9BA9B inset;
          box-shadow: 0 0 0 #C9BA9B inset;
  background: #FFFAF3;
  color: #573A08;
}
.ui.ui.ui.ui.inverted.table tr.warning,
.ui.ui.inverted.table td.warning {
  background: #EEC97E;
  color: #573A08;
}

/*--------------
       Active
  ---------------*/

.ui.ui.ui.ui.table tr.active,
.ui.ui.table td.active {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset;
  background: #E0E0E0;
  color: rgba(0, 0, 0, 0.87);
}
.ui.ui.ui.ui.inverted.table tr.active,
.ui.ui.inverted.table td.active {
  background: #A0A0A0;
  color: rgba(0, 0, 0, 0.87);
}

/*--------------
       Disabled
  ---------------*/

.ui.ui.ui.table tr.disabled td,
.ui.ui.ui.table tr td.disabled,
.ui.table tr.disabled:hover,
.ui.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3);
}


/*******************************
          Variations
*******************************/


/*--------------
      Stackable
  ---------------*/

@media only screen and (max-width: 991.98px) {
  .ui[class*="tablet stackable"].table,
  .ui[class*="tablet stackable"].table > thead,
  .ui[class*="tablet stackable"].table > thead > tr,
  .ui[class*="tablet stackable"].table > tfoot,
  .ui[class*="tablet stackable"].table > tfoot > tr,
  .ui[class*="tablet stackable"].table > tbody,
  .ui[class*="tablet stackable"].table > tbody > tr,
  .ui[class*="tablet stackable"].table > tr,
  .ui[class*="tablet stackable"].table > thead > tr > th:not(.rowspanned),
  .ui[class*="tablet stackable"].table > tbody > tr > th:not(.rowspanned),
  .ui[class*="tablet stackable"].table > tfoot > tr > th:not(.rowspanned),
  .ui[class*="tablet stackable"].table > tr > th:not(.rowspanned),
  .ui[class*="tablet stackable"].table > tbody > tr > td:not(.rowspanned),
  .ui[class*="tablet stackable"].table > tfoot > tr > td:not(.rowspanned),
  .ui[class*="tablet stackable"].table > tr > td:not(.rowspanned) {
    display: block !important;
    width: 100% !important;
  }
  .ui[class*="tablet stackable"].table {
    padding: 0;
  }
  .ui[class*="tablet stackable"].table > thead {
    display: block;
  }
  .ui[class*="tablet stackable"].table > tfoot {
    display: block;
  }
  .ui.ui.ui.ui[class*="tablet stackable"].table > thead > tr,
  .ui.ui.ui.ui[class*="tablet stackable"].table > tbody > tr,
  .ui.ui.ui.ui[class*="tablet stackable"].table > tfoot > tr,
  .ui.ui.ui.ui[class*="tablet stackable"].table > tr {
    padding-top: 1em;
    padding-bottom: 1em;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  }
  .ui[class*="tablet stackable"].table > thead > tr > th,
  .ui[class*="tablet stackable"].table > tbody > tr > th,
  .ui[class*="tablet stackable"].table > tfoot > tr > th,
  .ui[class*="tablet stackable"].table > tr > th,
  .ui[class*="tablet stackable"].table > tbody > tr > td,
  .ui[class*="tablet stackable"].table > tfoot > tr > td,
  .ui[class*="tablet stackable"].table > tr > td {
    background: none;
    border: none !important;
    padding: 0.25em 0.75em;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
/* Definition Table */
  .ui.definition[class*="tablet stackable"].table > thead > tr > th:first-child {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="secondary marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="secondary marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="red marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="red marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="red marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="red marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="orange marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="orange marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="yellow marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="yellow marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="yellow marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="yellow marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="olive marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="olive marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="olive marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="olive marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="green marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="green marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="green marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="green marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="teal marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="teal marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="teal marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="teal marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="blue marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="blue marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="blue marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="blue marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="violet marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="violet marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="violet marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="violet marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="purple marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="purple marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="pink marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="pink marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="brown marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="brown marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="grey marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="grey marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="grey marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="grey marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="black marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="black marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="black marked"].left {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
}
.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="black marked"].right {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
}

/*--------------
   Text Alignment
  ---------------*/

.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
  text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
  text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
  text-align: right;
}

/*------------------
   Vertical Alignment
  ------------------*/

.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
  vertical-align: top;
}
.ui.table[class*="middle aligned"],
.ui.table [class*="middle aligned"] {
  vertical-align: middle;
}
.ui.table[class*="bottom aligned"],
.ui.table [class*="bottom aligned"] {
  vertical-align: bottom;
}

/*--------------
      Collapsing
  ---------------*/

.ui.table th.collapsing,
.ui.table td.collapsing {
  width: 1px;
  white-space: nowrap;
}

/*--------------
       Fixed
  ---------------*/

.ui.fixed.table {
  table-layout: fixed;
}
.ui.fixed.table th,
.ui.fixed.table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*--------------
     Selectable
  ---------------*/

.ui.ui.selectable.table > tbody > tr:hover,
.ui.table tbody tr td.selectable:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
.ui.ui.selectable.inverted.table > tbody > tr:hover,
.ui.inverted.table tbody tr td.selectable:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

/* Selectable Cell Link */
.ui.table tbody tr td.selectable {
  padding: 0;
}
.ui.table tbody tr td.selectable > a:not(.ui) {
  display: block;
  color: inherit;
}
.ui.table:not(.compact) tbody tr td.selectable > a:not(.ui) {
  padding: 0.78571429em 0.78571429em;
}
.ui.table > tr > td.selectable,
.ui.table > tbody > tr > td.selectable,
.ui.selectable.table > tbody > tr,
.ui.selectable.table > tr {
  cursor: pointer;
}

/* Other States */
.ui.ui.selectable.table tr.error:hover,
.ui.table tr td.selectable.error:hover,
.ui.selectable.table tr:hover td.error {
  background: #ffe7e7;
  color: #943634;
}
.ui.ui.selectable.table tr.warning:hover,
.ui.table tr td.selectable.warning:hover,
.ui.selectable.table tr:hover td.warning {
  background: #fff4e4;
  color: #493107;
}
.ui.ui.selectable.table tr.active:hover,
.ui.table tr td.selectable.active:hover,
.ui.selectable.table tr:hover td.active {
  background: #E0E0E0;
  color: rgba(0, 0, 0, 0.87);
}
.ui.ui.selectable.table tr.positive:hover,
.ui.table tr td.selectable.positive:hover,
.ui.selectable.table tr:hover td.positive {
  background: #f7ffe6;
  color: #275b28;
}
.ui.ui.selectable.table tr.negative:hover,
.ui.table tr td.selectable.negative:hover,
.ui.selectable.table tr:hover td.negative {
  background: #ffe7e7;
  color: #943634;
}

/*-------------------
        Attached
  --------------------*/


/* Middle */
.ui.attached.table {
  top: 0;
  bottom: 0;
  border-radius: 0;
  margin: 0 -1px;
  width: calc(100% + 2px);
  max-width: calc(100% + 2px);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #D4D4D5;
}
.ui.attached + .ui.attached.table:not(.top) {
  border-top: none;
}

/* Top */
.ui[class*="top attached"].table {
  bottom: 0;
  margin-bottom: 0;
  top: 0;
  margin-top: 1em;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.table[class*="top attached"]:first-child {
  margin-top: 0;
}

/* Bottom */
.ui[class*="bottom attached"].table {
  bottom: 0;
  margin-top: 0;
  top: 0;
  margin-bottom: 1em;
  -webkit-box-shadow: none, none;
          box-shadow: none, none;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].table:last-child {
  margin-bottom: 0;
}

/*--------------
       Striped
  ---------------*/


/* Table Striping */
.ui.striped.table > tr:nth-child(2n),
.ui.striped.table > tbody > tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.02);
}

/* Stripes */
.ui.inverted.striped.table > tr:nth-child(2n),
.ui.inverted.striped.table > tbody > tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Allow striped active hover */
.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
  background: #EFEFEF;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
   Single Line
---------------*/

.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap;
}

/*-------------------
       Colors
--------------------*/

.ui.primary.table {
  border-top: 0.2em solid #2185D0;
}
.ui.inverted.primary.table {
  background: #2185D0;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.primary,
.ui.scrolling.table > tfoot.primary {
  background: #ddf4ff;
  color: #ddf4ff;
}
.ui.scrolling.table > thead.primary > tr > th,
.ui.scrolling.table > tfoot.primary > tr > th,
.ui.scrolling.table > thead.primary > tr > td,
.ui.scrolling.table > tfoot.primary > tr > td {
  background: inherit;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.scrolling.table > thead.primary,
.ui.inverted.scrolling.table > tfoot.primary {
  background: #2185D0;
  color: #2185D0;
}
.ui.inverted.scrolling.table > thead.primary > tr > th,
.ui.inverted.scrolling.table > tfoot.primary > tr > th,
.ui.inverted.scrolling.table > thead.primary > tr > td,
.ui.inverted.scrolling.table > tfoot.primary > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="primary colored"],
.ui.ui.table th[class*="primary colored"],
.ui.ui.table td[class*="primary colored"],
.ui.ui.ui.ui.table tr.primary:not(.marked),
.ui.ui.table th.primary:not(.marked),
.ui.ui.table td.primary:not(.marked) {
  background: #ddf4ff;
  color: rgba(255, 255, 255, 0.9);
}
.ui.table > thead > tr[class*="primary colored"] > th,
.ui.table > tfoot > tr[class*="primary colored"] > th,
.ui.table > tfoot > tr[class*="primary colored"] > td,
.ui.table > thead > tr.primary:not(.marked) > th,
.ui.table > tfoot > tr.primary:not(.marked) > th,
.ui.table > tfoot > tr.primary:not(.marked) > td {
  background: inherit;
  color: rgba(255, 255, 255, 0.9);
}
.ui.ui.ui.ui.inverted.table tr[class*="primary colored"],
.ui.ui.inverted.table th[class*="primary colored"],
.ui.ui.inverted.table td[class*="primary colored"],
.ui.ui.ui.ui.inverted.table tr.primary:not(.marked),
.ui.ui.inverted.table th.primary:not(.marked),
.ui.ui.inverted.table td.primary:not(.marked) {
  background: #2185D0;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="primary colored"] > th,
.ui.inverted.table > tfoot > tr[class*="primary colored"] > th,
.ui.inverted.table > tfoot > tr[class*="primary colored"] > td,
.ui.inverted.table > thead > tr.primary:not(.marked) > th,
.ui.inverted.table > tfoot > tr.primary:not(.marked) > th,
.ui.inverted.table > tfoot > tr.primary:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="primary colored"]:hover,
.ui.table tr td.selectable[class*="primary colored"]:hover,
.ui.selectable.table tr:hover td[class*="primary colored"],
.ui.ui.selectable.table tr.primary:not(.marked):hover,
.ui.table tr td.selectable.primary:not(.marked):hover,
.ui.selectable.table tr:hover td.primary:not(.marked) {
  background: #d3f1ff;
  color: rgba(255, 255, 255, 0.9);
}
.ui.ui.inverted.selectable.table tr[class*="primary colored"]:hover,
.ui.inverted.table tr td.selectable[class*="primary colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="primary colored"],
.ui.ui.inverted.selectable.table tr.primary:not(.marked):hover,
.ui.inverted.table tr td.selectable.primary:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.primary:not(.marked) {
  background: #21b8ff;
  color: #FFFFFF;
}
.ui.table td[class*="primary marked"].left,
.ui.table tr[class*="primary marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
          box-shadow: 0.2em 0 0 0 #2185D0 inset;
}
.ui.table td[class*="primary marked"].right,
.ui.table tr[class*="primary marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
          box-shadow: -0.2em 0 0 0 #2185D0 inset;
}
.ui.inverted.table td[class*="primary marked"].left,
.ui.inverted.table tr[class*="primary marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
          box-shadow: 0.2em 0 0 0 #54C8FF inset;
}
.ui.inverted.table td[class*="primary marked"].right,
.ui.inverted.table tr[class*="primary marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
          box-shadow: -0.2em 0 0 0 #54C8FF inset;
}
.ui.secondary.table {
  border-top: 0.2em solid #1B1C1D;
}
.ui.inverted.secondary.table {
  background: #1B1C1D;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.secondary,
.ui.scrolling.table > tfoot.secondary {
  background: #dddddd;
  color: #dddddd;
}
.ui.scrolling.table > thead.secondary > tr > th,
.ui.scrolling.table > tfoot.secondary > tr > th,
.ui.scrolling.table > thead.secondary > tr > td,
.ui.scrolling.table > tfoot.secondary > tr > td {
  background: inherit;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.scrolling.table > thead.secondary,
.ui.inverted.scrolling.table > tfoot.secondary {
  background: #1B1C1D;
  color: #1B1C1D;
}
.ui.inverted.scrolling.table > thead.secondary > tr > th,
.ui.inverted.scrolling.table > tfoot.secondary > tr > th,
.ui.inverted.scrolling.table > thead.secondary > tr > td,
.ui.inverted.scrolling.table > tfoot.secondary > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="secondary colored"],
.ui.ui.table th[class*="secondary colored"],
.ui.ui.table td[class*="secondary colored"],
.ui.ui.ui.ui.table tr.secondary:not(.marked),
.ui.ui.table th.secondary:not(.marked),
.ui.ui.table td.secondary:not(.marked) {
  background: #dddddd;
  color: rgba(255, 255, 255, 0.9);
}
.ui.table > thead > tr[class*="secondary colored"] > th,
.ui.table > tfoot > tr[class*="secondary colored"] > th,
.ui.table > tfoot > tr[class*="secondary colored"] > td,
.ui.table > thead > tr.secondary:not(.marked) > th,
.ui.table > tfoot > tr.secondary:not(.marked) > th,
.ui.table > tfoot > tr.secondary:not(.marked) > td {
  background: inherit;
  color: rgba(255, 255, 255, 0.9);
}
.ui.ui.ui.ui.inverted.table tr[class*="secondary colored"],
.ui.ui.inverted.table th[class*="secondary colored"],
.ui.ui.inverted.table td[class*="secondary colored"],
.ui.ui.ui.ui.inverted.table tr.secondary:not(.marked),
.ui.ui.inverted.table th.secondary:not(.marked),
.ui.ui.inverted.table td.secondary:not(.marked) {
  background: #1B1C1D;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="secondary colored"] > th,
.ui.inverted.table > tfoot > tr[class*="secondary colored"] > th,
.ui.inverted.table > tfoot > tr[class*="secondary colored"] > td,
.ui.inverted.table > thead > tr.secondary:not(.marked) > th,
.ui.inverted.table > tfoot > tr.secondary:not(.marked) > th,
.ui.inverted.table > tfoot > tr.secondary:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="secondary colored"]:hover,
.ui.table tr td.selectable[class*="secondary colored"]:hover,
.ui.selectable.table tr:hover td[class*="secondary colored"],
.ui.ui.selectable.table tr.secondary:not(.marked):hover,
.ui.table tr td.selectable.secondary:not(.marked):hover,
.ui.selectable.table tr:hover td.secondary:not(.marked) {
  background: #e2e2e2;
  color: rgba(255, 255, 255, 0.9);
}
.ui.ui.inverted.selectable.table tr[class*="secondary colored"]:hover,
.ui.inverted.table tr td.selectable[class*="secondary colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="secondary colored"],
.ui.ui.inverted.selectable.table tr.secondary:not(.marked):hover,
.ui.inverted.table tr td.selectable.secondary:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.secondary:not(.marked) {
  background: #6e6e6e;
  color: #FFFFFF;
}
.ui.table td[class*="secondary marked"].left,
.ui.table tr[class*="secondary marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
          box-shadow: 0.2em 0 0 0 #1B1C1D inset;
}
.ui.table td[class*="secondary marked"].right,
.ui.table tr[class*="secondary marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
          box-shadow: -0.2em 0 0 0 #1B1C1D inset;
}
.ui.inverted.table td[class*="secondary marked"].left,
.ui.inverted.table tr[class*="secondary marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
          box-shadow: 0.2em 0 0 0 #545454 inset;
}
.ui.inverted.table td[class*="secondary marked"].right,
.ui.inverted.table tr[class*="secondary marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
          box-shadow: -0.2em 0 0 0 #545454 inset;
}
.ui.red.table {
  border-top: 0.2em solid #DB2828;
}
.ui.inverted.red.table {
  background: #DB2828;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.red,
.ui.scrolling.table > tfoot.red {
  background: #ffe1df;
  color: #ffe1df;
}
.ui.scrolling.table > thead.red > tr > th,
.ui.scrolling.table > tfoot.red > tr > th,
.ui.scrolling.table > thead.red > tr > td,
.ui.scrolling.table > tfoot.red > tr > td {
  background: inherit;
  color: #DB2828;
}
.ui.inverted.scrolling.table > thead.red,
.ui.inverted.scrolling.table > tfoot.red {
  background: #DB2828;
  color: #DB2828;
}
.ui.inverted.scrolling.table > thead.red > tr > th,
.ui.inverted.scrolling.table > tfoot.red > tr > th,
.ui.inverted.scrolling.table > thead.red > tr > td,
.ui.inverted.scrolling.table > tfoot.red > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="red colored"],
.ui.ui.table th[class*="red colored"],
.ui.ui.table td[class*="red colored"],
.ui.ui.ui.ui.table tr.red:not(.marked),
.ui.ui.table th.red:not(.marked),
.ui.ui.table td.red:not(.marked) {
  background: #ffe1df;
  color: #DB2828;
}
.ui.table > thead > tr[class*="red colored"] > th,
.ui.table > tfoot > tr[class*="red colored"] > th,
.ui.table > tfoot > tr[class*="red colored"] > td,
.ui.table > thead > tr.red:not(.marked) > th,
.ui.table > tfoot > tr.red:not(.marked) > th,
.ui.table > tfoot > tr.red:not(.marked) > td {
  background: inherit;
  color: #DB2828;
}
.ui.ui.ui.ui.inverted.table tr[class*="red colored"],
.ui.ui.inverted.table th[class*="red colored"],
.ui.ui.inverted.table td[class*="red colored"],
.ui.ui.ui.ui.inverted.table tr.red:not(.marked),
.ui.ui.inverted.table th.red:not(.marked),
.ui.ui.inverted.table td.red:not(.marked) {
  background: #DB2828;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="red colored"] > th,
.ui.inverted.table > tfoot > tr[class*="red colored"] > th,
.ui.inverted.table > tfoot > tr[class*="red colored"] > td,
.ui.inverted.table > thead > tr.red:not(.marked) > th,
.ui.inverted.table > tfoot > tr.red:not(.marked) > th,
.ui.inverted.table > tfoot > tr.red:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="red colored"]:hover,
.ui.table tr td.selectable[class*="red colored"]:hover,
.ui.selectable.table tr:hover td[class*="red colored"],
.ui.ui.selectable.table tr.red:not(.marked):hover,
.ui.table tr td.selectable.red:not(.marked):hover,
.ui.selectable.table tr:hover td.red:not(.marked) {
  background: #ffd7d5;
  color: #DB2828;
}
.ui.ui.inverted.selectable.table tr[class*="red colored"]:hover,
.ui.inverted.table tr td.selectable[class*="red colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="red colored"],
.ui.ui.inverted.selectable.table tr.red:not(.marked):hover,
.ui.inverted.table tr td.selectable.red:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.red:not(.marked) {
  background: #ff392b;
  color: #FFFFFF;
}
.ui.table td[class*="red marked"].left,
.ui.table tr[class*="red marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #DB2828 inset;
          box-shadow: 0.2em 0 0 0 #DB2828 inset;
}
.ui.table td[class*="red marked"].right,
.ui.table tr[class*="red marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #DB2828 inset;
          box-shadow: -0.2em 0 0 0 #DB2828 inset;
}
.ui.inverted.table td[class*="red marked"].left,
.ui.inverted.table tr[class*="red marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #FF695E inset;
          box-shadow: 0.2em 0 0 0 #FF695E inset;
}
.ui.inverted.table td[class*="red marked"].right,
.ui.inverted.table tr[class*="red marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #FF695E inset;
          box-shadow: -0.2em 0 0 0 #FF695E inset;
}
.ui.orange.table {
  border-top: 0.2em solid #F2711C;
}
.ui.inverted.orange.table {
  background: #F2711C;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.orange,
.ui.scrolling.table > tfoot.orange {
  background: #ffe7d1;
  color: #ffe7d1;
}
.ui.scrolling.table > thead.orange > tr > th,
.ui.scrolling.table > tfoot.orange > tr > th,
.ui.scrolling.table > thead.orange > tr > td,
.ui.scrolling.table > tfoot.orange > tr > td {
  background: inherit;
  color: #F2711C;
}
.ui.inverted.scrolling.table > thead.orange,
.ui.inverted.scrolling.table > tfoot.orange {
  background: #F2711C;
  color: #F2711C;
}
.ui.inverted.scrolling.table > thead.orange > tr > th,
.ui.inverted.scrolling.table > tfoot.orange > tr > th,
.ui.inverted.scrolling.table > thead.orange > tr > td,
.ui.inverted.scrolling.table > tfoot.orange > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="orange colored"],
.ui.ui.table th[class*="orange colored"],
.ui.ui.table td[class*="orange colored"],
.ui.ui.ui.ui.table tr.orange:not(.marked),
.ui.ui.table th.orange:not(.marked),
.ui.ui.table td.orange:not(.marked) {
  background: #ffe7d1;
  color: #F2711C;
}
.ui.table > thead > tr[class*="orange colored"] > th,
.ui.table > tfoot > tr[class*="orange colored"] > th,
.ui.table > tfoot > tr[class*="orange colored"] > td,
.ui.table > thead > tr.orange:not(.marked) > th,
.ui.table > tfoot > tr.orange:not(.marked) > th,
.ui.table > tfoot > tr.orange:not(.marked) > td {
  background: inherit;
  color: #F2711C;
}
.ui.ui.ui.ui.inverted.table tr[class*="orange colored"],
.ui.ui.inverted.table th[class*="orange colored"],
.ui.ui.inverted.table td[class*="orange colored"],
.ui.ui.ui.ui.inverted.table tr.orange:not(.marked),
.ui.ui.inverted.table th.orange:not(.marked),
.ui.ui.inverted.table td.orange:not(.marked) {
  background: #F2711C;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="orange colored"] > th,
.ui.inverted.table > tfoot > tr[class*="orange colored"] > th,
.ui.inverted.table > tfoot > tr[class*="orange colored"] > td,
.ui.inverted.table > thead > tr.orange:not(.marked) > th,
.ui.inverted.table > tfoot > tr.orange:not(.marked) > th,
.ui.inverted.table > tfoot > tr.orange:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="orange colored"]:hover,
.ui.table tr td.selectable[class*="orange colored"]:hover,
.ui.selectable.table tr:hover td[class*="orange colored"],
.ui.ui.selectable.table tr.orange:not(.marked):hover,
.ui.table tr td.selectable.orange:not(.marked):hover,
.ui.selectable.table tr:hover td.orange:not(.marked) {
  background: #fae1cc;
  color: #F2711C;
}
.ui.ui.inverted.selectable.table tr[class*="orange colored"]:hover,
.ui.inverted.table tr td.selectable[class*="orange colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="orange colored"],
.ui.ui.inverted.selectable.table tr.orange:not(.marked):hover,
.ui.inverted.table tr td.selectable.orange:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.orange:not(.marked) {
  background: #e76b00;
  color: #FFFFFF;
}
.ui.table td[class*="orange marked"].left,
.ui.table tr[class*="orange marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #F2711C inset;
          box-shadow: 0.2em 0 0 0 #F2711C inset;
}
.ui.table td[class*="orange marked"].right,
.ui.table tr[class*="orange marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #F2711C inset;
          box-shadow: -0.2em 0 0 0 #F2711C inset;
}
.ui.inverted.table td[class*="orange marked"].left,
.ui.inverted.table tr[class*="orange marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #FF851B inset;
          box-shadow: 0.2em 0 0 0 #FF851B inset;
}
.ui.inverted.table td[class*="orange marked"].right,
.ui.inverted.table tr[class*="orange marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #FF851B inset;
          box-shadow: -0.2em 0 0 0 #FF851B inset;
}
.ui.yellow.table {
  border-top: 0.2em solid #FBBD08;
}
.ui.inverted.yellow.table {
  background: #FBBD08;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.yellow,
.ui.scrolling.table > tfoot.yellow {
  background: #fff9d2;
  color: #fff9d2;
}
.ui.scrolling.table > thead.yellow > tr > th,
.ui.scrolling.table > tfoot.yellow > tr > th,
.ui.scrolling.table > thead.yellow > tr > td,
.ui.scrolling.table > tfoot.yellow > tr > td {
  background: inherit;
  color: #B58105;
}
.ui.inverted.scrolling.table > thead.yellow,
.ui.inverted.scrolling.table > tfoot.yellow {
  background: #FBBD08;
  color: #FBBD08;
}
.ui.inverted.scrolling.table > thead.yellow > tr > th,
.ui.inverted.scrolling.table > tfoot.yellow > tr > th,
.ui.inverted.scrolling.table > thead.yellow > tr > td,
.ui.inverted.scrolling.table > tfoot.yellow > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="yellow colored"],
.ui.ui.table th[class*="yellow colored"],
.ui.ui.table td[class*="yellow colored"],
.ui.ui.ui.ui.table tr.yellow:not(.marked),
.ui.ui.table th.yellow:not(.marked),
.ui.ui.table td.yellow:not(.marked) {
  background: #fff9d2;
  color: #B58105;
}
.ui.table > thead > tr[class*="yellow colored"] > th,
.ui.table > tfoot > tr[class*="yellow colored"] > th,
.ui.table > tfoot > tr[class*="yellow colored"] > td,
.ui.table > thead > tr.yellow:not(.marked) > th,
.ui.table > tfoot > tr.yellow:not(.marked) > th,
.ui.table > tfoot > tr.yellow:not(.marked) > td {
  background: inherit;
  color: #B58105;
}
.ui.ui.ui.ui.inverted.table tr[class*="yellow colored"],
.ui.ui.inverted.table th[class*="yellow colored"],
.ui.ui.inverted.table td[class*="yellow colored"],
.ui.ui.ui.ui.inverted.table tr.yellow:not(.marked),
.ui.ui.inverted.table th.yellow:not(.marked),
.ui.ui.inverted.table td.yellow:not(.marked) {
  background: #FBBD08;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="yellow colored"] > th,
.ui.inverted.table > tfoot > tr[class*="yellow colored"] > th,
.ui.inverted.table > tfoot > tr[class*="yellow colored"] > td,
.ui.inverted.table > thead > tr.yellow:not(.marked) > th,
.ui.inverted.table > tfoot > tr.yellow:not(.marked) > th,
.ui.inverted.table > tfoot > tr.yellow:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="yellow colored"]:hover,
.ui.table tr td.selectable[class*="yellow colored"]:hover,
.ui.selectable.table tr:hover td[class*="yellow colored"],
.ui.ui.selectable.table tr.yellow:not(.marked):hover,
.ui.table tr td.selectable.yellow:not(.marked):hover,
.ui.selectable.table tr:hover td.yellow:not(.marked) {
  background: #fbf5cc;
  color: #B58105;
}
.ui.ui.inverted.selectable.table tr[class*="yellow colored"]:hover,
.ui.inverted.table tr td.selectable[class*="yellow colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="yellow colored"],
.ui.ui.inverted.selectable.table tr.yellow:not(.marked):hover,
.ui.inverted.table tr td.selectable.yellow:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.yellow:not(.marked) {
  background: #ebcd00;
  color: #FFFFFF;
}
.ui.table td[class*="yellow marked"].left,
.ui.table tr[class*="yellow marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #FBBD08 inset;
          box-shadow: 0.2em 0 0 0 #FBBD08 inset;
}
.ui.table td[class*="yellow marked"].right,
.ui.table tr[class*="yellow marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #FBBD08 inset;
          box-shadow: -0.2em 0 0 0 #FBBD08 inset;
}
.ui.inverted.table td[class*="yellow marked"].left,
.ui.inverted.table tr[class*="yellow marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #FFE21F inset;
          box-shadow: 0.2em 0 0 0 #FFE21F inset;
}
.ui.inverted.table td[class*="yellow marked"].right,
.ui.inverted.table tr[class*="yellow marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #FFE21F inset;
          box-shadow: -0.2em 0 0 0 #FFE21F inset;
}
.ui.olive.table {
  border-top: 0.2em solid #B5CC18;
}
.ui.inverted.olive.table {
  background: #B5CC18;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.olive,
.ui.scrolling.table > tfoot.olive {
  background: #f7fae4;
  color: #f7fae4;
}
.ui.scrolling.table > thead.olive > tr > th,
.ui.scrolling.table > tfoot.olive > tr > th,
.ui.scrolling.table > thead.olive > tr > td,
.ui.scrolling.table > tfoot.olive > tr > td {
  background: inherit;
  color: #8ABC1E;
}
.ui.inverted.scrolling.table > thead.olive,
.ui.inverted.scrolling.table > tfoot.olive {
  background: #B5CC18;
  color: #B5CC18;
}
.ui.inverted.scrolling.table > thead.olive > tr > th,
.ui.inverted.scrolling.table > tfoot.olive > tr > th,
.ui.inverted.scrolling.table > thead.olive > tr > td,
.ui.inverted.scrolling.table > tfoot.olive > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="olive colored"],
.ui.ui.table th[class*="olive colored"],
.ui.ui.table td[class*="olive colored"],
.ui.ui.ui.ui.table tr.olive:not(.marked),
.ui.ui.table th.olive:not(.marked),
.ui.ui.table td.olive:not(.marked) {
  background: #f7fae4;
  color: #8ABC1E;
}
.ui.table > thead > tr[class*="olive colored"] > th,
.ui.table > tfoot > tr[class*="olive colored"] > th,
.ui.table > tfoot > tr[class*="olive colored"] > td,
.ui.table > thead > tr.olive:not(.marked) > th,
.ui.table > tfoot > tr.olive:not(.marked) > th,
.ui.table > tfoot > tr.olive:not(.marked) > td {
  background: inherit;
  color: #8ABC1E;
}
.ui.ui.ui.ui.inverted.table tr[class*="olive colored"],
.ui.ui.inverted.table th[class*="olive colored"],
.ui.ui.inverted.table td[class*="olive colored"],
.ui.ui.ui.ui.inverted.table tr.olive:not(.marked),
.ui.ui.inverted.table th.olive:not(.marked),
.ui.ui.inverted.table td.olive:not(.marked) {
  background: #B5CC18;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="olive colored"] > th,
.ui.inverted.table > tfoot > tr[class*="olive colored"] > th,
.ui.inverted.table > tfoot > tr[class*="olive colored"] > td,
.ui.inverted.table > thead > tr.olive:not(.marked) > th,
.ui.inverted.table > tfoot > tr.olive:not(.marked) > th,
.ui.inverted.table > tfoot > tr.olive:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="olive colored"]:hover,
.ui.table tr td.selectable[class*="olive colored"]:hover,
.ui.selectable.table tr:hover td[class*="olive colored"],
.ui.ui.selectable.table tr.olive:not(.marked):hover,
.ui.table tr td.selectable.olive:not(.marked):hover,
.ui.selectable.table tr:hover td.olive:not(.marked) {
  background: #f6fada;
  color: #8ABC1E;
}
.ui.ui.inverted.selectable.table tr[class*="olive colored"]:hover,
.ui.inverted.table tr td.selectable[class*="olive colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="olive colored"],
.ui.ui.inverted.selectable.table tr.olive:not(.marked):hover,
.ui.inverted.table tr td.selectable.olive:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.olive:not(.marked) {
  background: #d2e745;
  color: #FFFFFF;
}
.ui.table td[class*="olive marked"].left,
.ui.table tr[class*="olive marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #B5CC18 inset;
          box-shadow: 0.2em 0 0 0 #B5CC18 inset;
}
.ui.table td[class*="olive marked"].right,
.ui.table tr[class*="olive marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #B5CC18 inset;
          box-shadow: -0.2em 0 0 0 #B5CC18 inset;
}
.ui.inverted.table td[class*="olive marked"].left,
.ui.inverted.table tr[class*="olive marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #D9E778 inset;
          box-shadow: 0.2em 0 0 0 #D9E778 inset;
}
.ui.inverted.table td[class*="olive marked"].right,
.ui.inverted.table tr[class*="olive marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #D9E778 inset;
          box-shadow: -0.2em 0 0 0 #D9E778 inset;
}
.ui.green.table {
  border-top: 0.2em solid #21BA45;
}
.ui.inverted.green.table {
  background: #21BA45;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.green,
.ui.scrolling.table > tfoot.green {
  background: #d5f5d9;
  color: #d5f5d9;
}
.ui.scrolling.table > thead.green > tr > th,
.ui.scrolling.table > tfoot.green > tr > th,
.ui.scrolling.table > thead.green > tr > td,
.ui.scrolling.table > tfoot.green > tr > td {
  background: inherit;
  color: #1EBC30;
}
.ui.inverted.scrolling.table > thead.green,
.ui.inverted.scrolling.table > tfoot.green {
  background: #21BA45;
  color: #21BA45;
}
.ui.inverted.scrolling.table > thead.green > tr > th,
.ui.inverted.scrolling.table > tfoot.green > tr > th,
.ui.inverted.scrolling.table > thead.green > tr > td,
.ui.inverted.scrolling.table > tfoot.green > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="green colored"],
.ui.ui.table th[class*="green colored"],
.ui.ui.table td[class*="green colored"],
.ui.ui.ui.ui.table tr.green:not(.marked),
.ui.ui.table th.green:not(.marked),
.ui.ui.table td.green:not(.marked) {
  background: #d5f5d9;
  color: #1EBC30;
}
.ui.table > thead > tr[class*="green colored"] > th,
.ui.table > tfoot > tr[class*="green colored"] > th,
.ui.table > tfoot > tr[class*="green colored"] > td,
.ui.table > thead > tr.green:not(.marked) > th,
.ui.table > tfoot > tr.green:not(.marked) > th,
.ui.table > tfoot > tr.green:not(.marked) > td {
  background: inherit;
  color: #1EBC30;
}
.ui.ui.ui.ui.inverted.table tr[class*="green colored"],
.ui.ui.inverted.table th[class*="green colored"],
.ui.ui.inverted.table td[class*="green colored"],
.ui.ui.ui.ui.inverted.table tr.green:not(.marked),
.ui.ui.inverted.table th.green:not(.marked),
.ui.ui.inverted.table td.green:not(.marked) {
  background: #21BA45;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="green colored"] > th,
.ui.inverted.table > tfoot > tr[class*="green colored"] > th,
.ui.inverted.table > tfoot > tr[class*="green colored"] > td,
.ui.inverted.table > thead > tr.green:not(.marked) > th,
.ui.inverted.table > tfoot > tr.green:not(.marked) > th,
.ui.inverted.table > tfoot > tr.green:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="green colored"]:hover,
.ui.table tr td.selectable[class*="green colored"]:hover,
.ui.selectable.table tr:hover td[class*="green colored"],
.ui.ui.selectable.table tr.green:not(.marked):hover,
.ui.table tr td.selectable.green:not(.marked):hover,
.ui.selectable.table tr:hover td.green:not(.marked) {
  background: #d2eed5;
  color: #1EBC30;
}
.ui.ui.inverted.selectable.table tr[class*="green colored"]:hover,
.ui.inverted.table tr td.selectable[class*="green colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="green colored"],
.ui.ui.inverted.selectable.table tr.green:not(.marked):hover,
.ui.inverted.table tr td.selectable.green:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.green:not(.marked) {
  background: #1ea92e;
  color: #FFFFFF;
}
.ui.table td[class*="green marked"].left,
.ui.table tr[class*="green marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #21BA45 inset;
          box-shadow: 0.2em 0 0 0 #21BA45 inset;
}
.ui.table td[class*="green marked"].right,
.ui.table tr[class*="green marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #21BA45 inset;
          box-shadow: -0.2em 0 0 0 #21BA45 inset;
}
.ui.inverted.table td[class*="green marked"].left,
.ui.inverted.table tr[class*="green marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #2ECC40 inset;
          box-shadow: 0.2em 0 0 0 #2ECC40 inset;
}
.ui.inverted.table td[class*="green marked"].right,
.ui.inverted.table tr[class*="green marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #2ECC40 inset;
          box-shadow: -0.2em 0 0 0 #2ECC40 inset;
}
.ui.teal.table {
  border-top: 0.2em solid #00B5AD;
}
.ui.inverted.teal.table {
  background: #00B5AD;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.teal,
.ui.scrolling.table > tfoot.teal {
  background: #e2ffff;
  color: #e2ffff;
}
.ui.scrolling.table > thead.teal > tr > th,
.ui.scrolling.table > tfoot.teal > tr > th,
.ui.scrolling.table > thead.teal > tr > td,
.ui.scrolling.table > tfoot.teal > tr > td {
  background: inherit;
  color: #10A3A3;
}
.ui.inverted.scrolling.table > thead.teal,
.ui.inverted.scrolling.table > tfoot.teal {
  background: #00B5AD;
  color: #00B5AD;
}
.ui.inverted.scrolling.table > thead.teal > tr > th,
.ui.inverted.scrolling.table > tfoot.teal > tr > th,
.ui.inverted.scrolling.table > thead.teal > tr > td,
.ui.inverted.scrolling.table > tfoot.teal > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="teal colored"],
.ui.ui.table th[class*="teal colored"],
.ui.ui.table td[class*="teal colored"],
.ui.ui.ui.ui.table tr.teal:not(.marked),
.ui.ui.table th.teal:not(.marked),
.ui.ui.table td.teal:not(.marked) {
  background: #e2ffff;
  color: #10A3A3;
}
.ui.table > thead > tr[class*="teal colored"] > th,
.ui.table > tfoot > tr[class*="teal colored"] > th,
.ui.table > tfoot > tr[class*="teal colored"] > td,
.ui.table > thead > tr.teal:not(.marked) > th,
.ui.table > tfoot > tr.teal:not(.marked) > th,
.ui.table > tfoot > tr.teal:not(.marked) > td {
  background: inherit;
  color: #10A3A3;
}
.ui.ui.ui.ui.inverted.table tr[class*="teal colored"],
.ui.ui.inverted.table th[class*="teal colored"],
.ui.ui.inverted.table td[class*="teal colored"],
.ui.ui.ui.ui.inverted.table tr.teal:not(.marked),
.ui.ui.inverted.table th.teal:not(.marked),
.ui.ui.inverted.table td.teal:not(.marked) {
  background: #00B5AD;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="teal colored"] > th,
.ui.inverted.table > tfoot > tr[class*="teal colored"] > th,
.ui.inverted.table > tfoot > tr[class*="teal colored"] > td,
.ui.inverted.table > thead > tr.teal:not(.marked) > th,
.ui.inverted.table > tfoot > tr.teal:not(.marked) > th,
.ui.inverted.table > tfoot > tr.teal:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="teal colored"]:hover,
.ui.table tr td.selectable[class*="teal colored"]:hover,
.ui.selectable.table tr:hover td[class*="teal colored"],
.ui.ui.selectable.table tr.teal:not(.marked):hover,
.ui.table tr td.selectable.teal:not(.marked):hover,
.ui.selectable.table tr:hover td.teal:not(.marked) {
  background: #d8ffff;
  color: #10A3A3;
}
.ui.ui.inverted.selectable.table tr[class*="teal colored"]:hover,
.ui.inverted.table tr td.selectable[class*="teal colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="teal colored"],
.ui.ui.inverted.selectable.table tr.teal:not(.marked):hover,
.ui.inverted.table tr td.selectable.teal:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.teal:not(.marked) {
  background: #3affff;
  color: #FFFFFF;
}
.ui.table td[class*="teal marked"].left,
.ui.table tr[class*="teal marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #00B5AD inset;
          box-shadow: 0.2em 0 0 0 #00B5AD inset;
}
.ui.table td[class*="teal marked"].right,
.ui.table tr[class*="teal marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #00B5AD inset;
          box-shadow: -0.2em 0 0 0 #00B5AD inset;
}
.ui.inverted.table td[class*="teal marked"].left,
.ui.inverted.table tr[class*="teal marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #6DFFFF inset;
          box-shadow: 0.2em 0 0 0 #6DFFFF inset;
}
.ui.inverted.table td[class*="teal marked"].right,
.ui.inverted.table tr[class*="teal marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #6DFFFF inset;
          box-shadow: -0.2em 0 0 0 #6DFFFF inset;
}
.ui.blue.table {
  border-top: 0.2em solid #2185D0;
}
.ui.inverted.blue.table {
  background: #2185D0;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.blue,
.ui.scrolling.table > tfoot.blue {
  background: #ddf4ff;
  color: #ddf4ff;
}
.ui.scrolling.table > thead.blue > tr > th,
.ui.scrolling.table > tfoot.blue > tr > th,
.ui.scrolling.table > thead.blue > tr > td,
.ui.scrolling.table > tfoot.blue > tr > td {
  background: inherit;
  color: #2185D0;
}
.ui.inverted.scrolling.table > thead.blue,
.ui.inverted.scrolling.table > tfoot.blue {
  background: #2185D0;
  color: #2185D0;
}
.ui.inverted.scrolling.table > thead.blue > tr > th,
.ui.inverted.scrolling.table > tfoot.blue > tr > th,
.ui.inverted.scrolling.table > thead.blue > tr > td,
.ui.inverted.scrolling.table > tfoot.blue > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="blue colored"],
.ui.ui.table th[class*="blue colored"],
.ui.ui.table td[class*="blue colored"],
.ui.ui.ui.ui.table tr.blue:not(.marked),
.ui.ui.table th.blue:not(.marked),
.ui.ui.table td.blue:not(.marked) {
  background: #ddf4ff;
  color: #2185D0;
}
.ui.table > thead > tr[class*="blue colored"] > th,
.ui.table > tfoot > tr[class*="blue colored"] > th,
.ui.table > tfoot > tr[class*="blue colored"] > td,
.ui.table > thead > tr.blue:not(.marked) > th,
.ui.table > tfoot > tr.blue:not(.marked) > th,
.ui.table > tfoot > tr.blue:not(.marked) > td {
  background: inherit;
  color: #2185D0;
}
.ui.ui.ui.ui.inverted.table tr[class*="blue colored"],
.ui.ui.inverted.table th[class*="blue colored"],
.ui.ui.inverted.table td[class*="blue colored"],
.ui.ui.ui.ui.inverted.table tr.blue:not(.marked),
.ui.ui.inverted.table th.blue:not(.marked),
.ui.ui.inverted.table td.blue:not(.marked) {
  background: #2185D0;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="blue colored"] > th,
.ui.inverted.table > tfoot > tr[class*="blue colored"] > th,
.ui.inverted.table > tfoot > tr[class*="blue colored"] > td,
.ui.inverted.table > thead > tr.blue:not(.marked) > th,
.ui.inverted.table > tfoot > tr.blue:not(.marked) > th,
.ui.inverted.table > tfoot > tr.blue:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="blue colored"]:hover,
.ui.table tr td.selectable[class*="blue colored"]:hover,
.ui.selectable.table tr:hover td[class*="blue colored"],
.ui.ui.selectable.table tr.blue:not(.marked):hover,
.ui.table tr td.selectable.blue:not(.marked):hover,
.ui.selectable.table tr:hover td.blue:not(.marked) {
  background: #d3f1ff;
  color: #2185D0;
}
.ui.ui.inverted.selectable.table tr[class*="blue colored"]:hover,
.ui.inverted.table tr td.selectable[class*="blue colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="blue colored"],
.ui.ui.inverted.selectable.table tr.blue:not(.marked):hover,
.ui.inverted.table tr td.selectable.blue:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.blue:not(.marked) {
  background: #21b8ff;
  color: #FFFFFF;
}
.ui.table td[class*="blue marked"].left,
.ui.table tr[class*="blue marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
          box-shadow: 0.2em 0 0 0 #2185D0 inset;
}
.ui.table td[class*="blue marked"].right,
.ui.table tr[class*="blue marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
          box-shadow: -0.2em 0 0 0 #2185D0 inset;
}
.ui.inverted.table td[class*="blue marked"].left,
.ui.inverted.table tr[class*="blue marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
          box-shadow: 0.2em 0 0 0 #54C8FF inset;
}
.ui.inverted.table td[class*="blue marked"].right,
.ui.inverted.table tr[class*="blue marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
          box-shadow: -0.2em 0 0 0 #54C8FF inset;
}
.ui.violet.table {
  border-top: 0.2em solid #6435C9;
}
.ui.inverted.violet.table {
  background: #6435C9;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.violet,
.ui.scrolling.table > tfoot.violet {
  background: #ece9fe;
  color: #ece9fe;
}
.ui.scrolling.table > thead.violet > tr > th,
.ui.scrolling.table > tfoot.violet > tr > th,
.ui.scrolling.table > thead.violet > tr > td,
.ui.scrolling.table > tfoot.violet > tr > td {
  background: inherit;
  color: #6435C9;
}
.ui.inverted.scrolling.table > thead.violet,
.ui.inverted.scrolling.table > tfoot.violet {
  background: #6435C9;
  color: #6435C9;
}
.ui.inverted.scrolling.table > thead.violet > tr > th,
.ui.inverted.scrolling.table > tfoot.violet > tr > th,
.ui.inverted.scrolling.table > thead.violet > tr > td,
.ui.inverted.scrolling.table > tfoot.violet > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="violet colored"],
.ui.ui.table th[class*="violet colored"],
.ui.ui.table td[class*="violet colored"],
.ui.ui.ui.ui.table tr.violet:not(.marked),
.ui.ui.table th.violet:not(.marked),
.ui.ui.table td.violet:not(.marked) {
  background: #ece9fe;
  color: #6435C9;
}
.ui.table > thead > tr[class*="violet colored"] > th,
.ui.table > tfoot > tr[class*="violet colored"] > th,
.ui.table > tfoot > tr[class*="violet colored"] > td,
.ui.table > thead > tr.violet:not(.marked) > th,
.ui.table > tfoot > tr.violet:not(.marked) > th,
.ui.table > tfoot > tr.violet:not(.marked) > td {
  background: inherit;
  color: #6435C9;
}
.ui.ui.ui.ui.inverted.table tr[class*="violet colored"],
.ui.ui.inverted.table th[class*="violet colored"],
.ui.ui.inverted.table td[class*="violet colored"],
.ui.ui.ui.ui.inverted.table tr.violet:not(.marked),
.ui.ui.inverted.table th.violet:not(.marked),
.ui.ui.inverted.table td.violet:not(.marked) {
  background: #6435C9;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="violet colored"] > th,
.ui.inverted.table > tfoot > tr[class*="violet colored"] > th,
.ui.inverted.table > tfoot > tr[class*="violet colored"] > td,
.ui.inverted.table > thead > tr.violet:not(.marked) > th,
.ui.inverted.table > tfoot > tr.violet:not(.marked) > th,
.ui.inverted.table > tfoot > tr.violet:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="violet colored"]:hover,
.ui.table tr td.selectable[class*="violet colored"]:hover,
.ui.selectable.table tr:hover td[class*="violet colored"],
.ui.ui.selectable.table tr.violet:not(.marked):hover,
.ui.table tr td.selectable.violet:not(.marked):hover,
.ui.selectable.table tr:hover td.violet:not(.marked) {
  background: #e3deff;
  color: #6435C9;
}
.ui.ui.inverted.selectable.table tr[class*="violet colored"]:hover,
.ui.inverted.table tr td.selectable[class*="violet colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="violet colored"],
.ui.ui.inverted.selectable.table tr.violet:not(.marked):hover,
.ui.inverted.table tr td.selectable.violet:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.violet:not(.marked) {
  background: #745aff;
  color: #FFFFFF;
}
.ui.table td[class*="violet marked"].left,
.ui.table tr[class*="violet marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #6435C9 inset;
          box-shadow: 0.2em 0 0 0 #6435C9 inset;
}
.ui.table td[class*="violet marked"].right,
.ui.table tr[class*="violet marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #6435C9 inset;
          box-shadow: -0.2em 0 0 0 #6435C9 inset;
}
.ui.inverted.table td[class*="violet marked"].left,
.ui.inverted.table tr[class*="violet marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #A291FB inset;
          box-shadow: 0.2em 0 0 0 #A291FB inset;
}
.ui.inverted.table td[class*="violet marked"].right,
.ui.inverted.table tr[class*="violet marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #A291FB inset;
          box-shadow: -0.2em 0 0 0 #A291FB inset;
}
.ui.purple.table {
  border-top: 0.2em solid #A333C8;
}
.ui.inverted.purple.table {
  background: #A333C8;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.purple,
.ui.scrolling.table > tfoot.purple {
  background: #f8e3ff;
  color: #f8e3ff;
}
.ui.scrolling.table > thead.purple > tr > th,
.ui.scrolling.table > tfoot.purple > tr > th,
.ui.scrolling.table > thead.purple > tr > td,
.ui.scrolling.table > tfoot.purple > tr > td {
  background: inherit;
  color: #A333C8;
}
.ui.inverted.scrolling.table > thead.purple,
.ui.inverted.scrolling.table > tfoot.purple {
  background: #A333C8;
  color: #A333C8;
}
.ui.inverted.scrolling.table > thead.purple > tr > th,
.ui.inverted.scrolling.table > tfoot.purple > tr > th,
.ui.inverted.scrolling.table > thead.purple > tr > td,
.ui.inverted.scrolling.table > tfoot.purple > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="purple colored"],
.ui.ui.table th[class*="purple colored"],
.ui.ui.table td[class*="purple colored"],
.ui.ui.ui.ui.table tr.purple:not(.marked),
.ui.ui.table th.purple:not(.marked),
.ui.ui.table td.purple:not(.marked) {
  background: #f8e3ff;
  color: #A333C8;
}
.ui.table > thead > tr[class*="purple colored"] > th,
.ui.table > tfoot > tr[class*="purple colored"] > th,
.ui.table > tfoot > tr[class*="purple colored"] > td,
.ui.table > thead > tr.purple:not(.marked) > th,
.ui.table > tfoot > tr.purple:not(.marked) > th,
.ui.table > tfoot > tr.purple:not(.marked) > td {
  background: inherit;
  color: #A333C8;
}
.ui.ui.ui.ui.inverted.table tr[class*="purple colored"],
.ui.ui.inverted.table th[class*="purple colored"],
.ui.ui.inverted.table td[class*="purple colored"],
.ui.ui.ui.ui.inverted.table tr.purple:not(.marked),
.ui.ui.inverted.table th.purple:not(.marked),
.ui.ui.inverted.table td.purple:not(.marked) {
  background: #A333C8;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="purple colored"] > th,
.ui.inverted.table > tfoot > tr[class*="purple colored"] > th,
.ui.inverted.table > tfoot > tr[class*="purple colored"] > td,
.ui.inverted.table > thead > tr.purple:not(.marked) > th,
.ui.inverted.table > tfoot > tr.purple:not(.marked) > th,
.ui.inverted.table > tfoot > tr.purple:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="purple colored"]:hover,
.ui.table tr td.selectable[class*="purple colored"]:hover,
.ui.selectable.table tr:hover td[class*="purple colored"],
.ui.ui.selectable.table tr.purple:not(.marked):hover,
.ui.table tr td.selectable.purple:not(.marked):hover,
.ui.selectable.table tr:hover td.purple:not(.marked) {
  background: #f5d9ff;
  color: #A333C8;
}
.ui.ui.inverted.selectable.table tr[class*="purple colored"]:hover,
.ui.inverted.table tr td.selectable[class*="purple colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="purple colored"],
.ui.ui.inverted.selectable.table tr.purple:not(.marked):hover,
.ui.inverted.table tr td.selectable.purple:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.purple:not(.marked) {
  background: #cf40ff;
  color: #FFFFFF;
}
.ui.table td[class*="purple marked"].left,
.ui.table tr[class*="purple marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #A333C8 inset;
          box-shadow: 0.2em 0 0 0 #A333C8 inset;
}
.ui.table td[class*="purple marked"].right,
.ui.table tr[class*="purple marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #A333C8 inset;
          box-shadow: -0.2em 0 0 0 #A333C8 inset;
}
.ui.inverted.table td[class*="purple marked"].left,
.ui.inverted.table tr[class*="purple marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #DC73FF inset;
          box-shadow: 0.2em 0 0 0 #DC73FF inset;
}
.ui.inverted.table td[class*="purple marked"].right,
.ui.inverted.table tr[class*="purple marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #DC73FF inset;
          box-shadow: -0.2em 0 0 0 #DC73FF inset;
}
.ui.pink.table {
  border-top: 0.2em solid #E03997;
}
.ui.inverted.pink.table {
  background: #E03997;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.pink,
.ui.scrolling.table > tfoot.pink {
  background: #ffe8f9;
  color: #ffe8f9;
}
.ui.scrolling.table > thead.pink > tr > th,
.ui.scrolling.table > tfoot.pink > tr > th,
.ui.scrolling.table > thead.pink > tr > td,
.ui.scrolling.table > tfoot.pink > tr > td {
  background: inherit;
  color: #E03997;
}
.ui.inverted.scrolling.table > thead.pink,
.ui.inverted.scrolling.table > tfoot.pink {
  background: #E03997;
  color: #E03997;
}
.ui.inverted.scrolling.table > thead.pink > tr > th,
.ui.inverted.scrolling.table > tfoot.pink > tr > th,
.ui.inverted.scrolling.table > thead.pink > tr > td,
.ui.inverted.scrolling.table > tfoot.pink > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="pink colored"],
.ui.ui.table th[class*="pink colored"],
.ui.ui.table td[class*="pink colored"],
.ui.ui.ui.ui.table tr.pink:not(.marked),
.ui.ui.table th.pink:not(.marked),
.ui.ui.table td.pink:not(.marked) {
  background: #ffe8f9;
  color: #E03997;
}
.ui.table > thead > tr[class*="pink colored"] > th,
.ui.table > tfoot > tr[class*="pink colored"] > th,
.ui.table > tfoot > tr[class*="pink colored"] > td,
.ui.table > thead > tr.pink:not(.marked) > th,
.ui.table > tfoot > tr.pink:not(.marked) > th,
.ui.table > tfoot > tr.pink:not(.marked) > td {
  background: inherit;
  color: #E03997;
}
.ui.ui.ui.ui.inverted.table tr[class*="pink colored"],
.ui.ui.inverted.table th[class*="pink colored"],
.ui.ui.inverted.table td[class*="pink colored"],
.ui.ui.ui.ui.inverted.table tr.pink:not(.marked),
.ui.ui.inverted.table th.pink:not(.marked),
.ui.ui.inverted.table td.pink:not(.marked) {
  background: #E03997;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="pink colored"] > th,
.ui.inverted.table > tfoot > tr[class*="pink colored"] > th,
.ui.inverted.table > tfoot > tr[class*="pink colored"] > td,
.ui.inverted.table > thead > tr.pink:not(.marked) > th,
.ui.inverted.table > tfoot > tr.pink:not(.marked) > th,
.ui.inverted.table > tfoot > tr.pink:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="pink colored"]:hover,
.ui.table tr td.selectable[class*="pink colored"]:hover,
.ui.selectable.table tr:hover td[class*="pink colored"],
.ui.ui.selectable.table tr.pink:not(.marked):hover,
.ui.table tr td.selectable.pink:not(.marked):hover,
.ui.selectable.table tr:hover td.pink:not(.marked) {
  background: #ffdef6;
  color: #E03997;
}
.ui.ui.inverted.selectable.table tr[class*="pink colored"]:hover,
.ui.inverted.table tr td.selectable[class*="pink colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="pink colored"],
.ui.ui.inverted.selectable.table tr.pink:not(.marked):hover,
.ui.inverted.table tr td.selectable.pink:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.pink:not(.marked) {
  background: #ff5bd1;
  color: #FFFFFF;
}
.ui.table td[class*="pink marked"].left,
.ui.table tr[class*="pink marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #E03997 inset;
          box-shadow: 0.2em 0 0 0 #E03997 inset;
}
.ui.table td[class*="pink marked"].right,
.ui.table tr[class*="pink marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #E03997 inset;
          box-shadow: -0.2em 0 0 0 #E03997 inset;
}
.ui.inverted.table td[class*="pink marked"].left,
.ui.inverted.table tr[class*="pink marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #FF8EDF inset;
          box-shadow: 0.2em 0 0 0 #FF8EDF inset;
}
.ui.inverted.table td[class*="pink marked"].right,
.ui.inverted.table tr[class*="pink marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #FF8EDF inset;
          box-shadow: -0.2em 0 0 0 #FF8EDF inset;
}
.ui.brown.table {
  border-top: 0.2em solid #A5673F;
}
.ui.inverted.brown.table {
  background: #A5673F;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.brown,
.ui.scrolling.table > tfoot.brown {
  background: #f7e5d2;
  color: #f7e5d2;
}
.ui.scrolling.table > thead.brown > tr > th,
.ui.scrolling.table > tfoot.brown > tr > th,
.ui.scrolling.table > thead.brown > tr > td,
.ui.scrolling.table > tfoot.brown > tr > td {
  background: inherit;
  color: #A5673F;
}
.ui.inverted.scrolling.table > thead.brown,
.ui.inverted.scrolling.table > tfoot.brown {
  background: #A5673F;
  color: #A5673F;
}
.ui.inverted.scrolling.table > thead.brown > tr > th,
.ui.inverted.scrolling.table > tfoot.brown > tr > th,
.ui.inverted.scrolling.table > thead.brown > tr > td,
.ui.inverted.scrolling.table > tfoot.brown > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="brown colored"],
.ui.ui.table th[class*="brown colored"],
.ui.ui.table td[class*="brown colored"],
.ui.ui.ui.ui.table tr.brown:not(.marked),
.ui.ui.table th.brown:not(.marked),
.ui.ui.table td.brown:not(.marked) {
  background: #f7e5d2;
  color: #A5673F;
}
.ui.table > thead > tr[class*="brown colored"] > th,
.ui.table > tfoot > tr[class*="brown colored"] > th,
.ui.table > tfoot > tr[class*="brown colored"] > td,
.ui.table > thead > tr.brown:not(.marked) > th,
.ui.table > tfoot > tr.brown:not(.marked) > th,
.ui.table > tfoot > tr.brown:not(.marked) > td {
  background: inherit;
  color: #A5673F;
}
.ui.ui.ui.ui.inverted.table tr[class*="brown colored"],
.ui.ui.inverted.table th[class*="brown colored"],
.ui.ui.inverted.table td[class*="brown colored"],
.ui.ui.ui.ui.inverted.table tr.brown:not(.marked),
.ui.ui.inverted.table th.brown:not(.marked),
.ui.ui.inverted.table td.brown:not(.marked) {
  background: #A5673F;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="brown colored"] > th,
.ui.inverted.table > tfoot > tr[class*="brown colored"] > th,
.ui.inverted.table > tfoot > tr[class*="brown colored"] > td,
.ui.inverted.table > thead > tr.brown:not(.marked) > th,
.ui.inverted.table > tfoot > tr.brown:not(.marked) > th,
.ui.inverted.table > tfoot > tr.brown:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="brown colored"]:hover,
.ui.table tr td.selectable[class*="brown colored"]:hover,
.ui.selectable.table tr:hover td[class*="brown colored"],
.ui.ui.selectable.table tr.brown:not(.marked):hover,
.ui.table tr td.selectable.brown:not(.marked):hover,
.ui.selectable.table tr:hover td.brown:not(.marked) {
  background: #efe0cf;
  color: #A5673F;
}
.ui.ui.inverted.selectable.table tr[class*="brown colored"]:hover,
.ui.inverted.table tr td.selectable[class*="brown colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="brown colored"],
.ui.ui.inverted.selectable.table tr.brown:not(.marked):hover,
.ui.inverted.table tr td.selectable.brown:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.brown:not(.marked) {
  background: #b0620f;
  color: #FFFFFF;
}
.ui.table td[class*="brown marked"].left,
.ui.table tr[class*="brown marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #A5673F inset;
          box-shadow: 0.2em 0 0 0 #A5673F inset;
}
.ui.table td[class*="brown marked"].right,
.ui.table tr[class*="brown marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #A5673F inset;
          box-shadow: -0.2em 0 0 0 #A5673F inset;
}
.ui.inverted.table td[class*="brown marked"].left,
.ui.inverted.table tr[class*="brown marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #D67C1C inset;
          box-shadow: 0.2em 0 0 0 #D67C1C inset;
}
.ui.inverted.table td[class*="brown marked"].right,
.ui.inverted.table tr[class*="brown marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #D67C1C inset;
          box-shadow: -0.2em 0 0 0 #D67C1C inset;
}
.ui.grey.table {
  border-top: 0.2em solid #767676;
}
.ui.inverted.grey.table {
  background: #767676;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.grey,
.ui.scrolling.table > tfoot.grey {
  background: #DCDDDE;
  color: #DCDDDE;
}
.ui.scrolling.table > thead.grey > tr > th,
.ui.scrolling.table > tfoot.grey > tr > th,
.ui.scrolling.table > thead.grey > tr > td,
.ui.scrolling.table > tfoot.grey > tr > td {
  background: inherit;
  color: #767676;
}
.ui.inverted.scrolling.table > thead.grey,
.ui.inverted.scrolling.table > tfoot.grey {
  background: #767676;
  color: #767676;
}
.ui.inverted.scrolling.table > thead.grey > tr > th,
.ui.inverted.scrolling.table > tfoot.grey > tr > th,
.ui.inverted.scrolling.table > thead.grey > tr > td,
.ui.inverted.scrolling.table > tfoot.grey > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="grey colored"],
.ui.ui.table th[class*="grey colored"],
.ui.ui.table td[class*="grey colored"],
.ui.ui.ui.ui.table tr.grey:not(.marked),
.ui.ui.table th.grey:not(.marked),
.ui.ui.table td.grey:not(.marked) {
  background: #DCDDDE;
  color: #767676;
}
.ui.table > thead > tr[class*="grey colored"] > th,
.ui.table > tfoot > tr[class*="grey colored"] > th,
.ui.table > tfoot > tr[class*="grey colored"] > td,
.ui.table > thead > tr.grey:not(.marked) > th,
.ui.table > tfoot > tr.grey:not(.marked) > th,
.ui.table > tfoot > tr.grey:not(.marked) > td {
  background: inherit;
  color: #767676;
}
.ui.ui.ui.ui.inverted.table tr[class*="grey colored"],
.ui.ui.inverted.table th[class*="grey colored"],
.ui.ui.inverted.table td[class*="grey colored"],
.ui.ui.ui.ui.inverted.table tr.grey:not(.marked),
.ui.ui.inverted.table th.grey:not(.marked),
.ui.ui.inverted.table td.grey:not(.marked) {
  background: #767676;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="grey colored"] > th,
.ui.inverted.table > tfoot > tr[class*="grey colored"] > th,
.ui.inverted.table > tfoot > tr[class*="grey colored"] > td,
.ui.inverted.table > thead > tr.grey:not(.marked) > th,
.ui.inverted.table > tfoot > tr.grey:not(.marked) > th,
.ui.inverted.table > tfoot > tr.grey:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="grey colored"]:hover,
.ui.table tr td.selectable[class*="grey colored"]:hover,
.ui.selectable.table tr:hover td[class*="grey colored"],
.ui.ui.selectable.table tr.grey:not(.marked):hover,
.ui.table tr td.selectable.grey:not(.marked):hover,
.ui.selectable.table tr:hover td.grey:not(.marked) {
  background: #c2c4c5;
  color: #767676;
}
.ui.ui.inverted.selectable.table tr[class*="grey colored"]:hover,
.ui.inverted.table tr td.selectable[class*="grey colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="grey colored"],
.ui.ui.inverted.selectable.table tr.grey:not(.marked):hover,
.ui.inverted.table tr td.selectable.grey:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.grey:not(.marked) {
  background: #c2c4c5;
  color: #FFFFFF;
}
.ui.table td[class*="grey marked"].left,
.ui.table tr[class*="grey marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #767676 inset;
          box-shadow: 0.2em 0 0 0 #767676 inset;
}
.ui.table td[class*="grey marked"].right,
.ui.table tr[class*="grey marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #767676 inset;
          box-shadow: -0.2em 0 0 0 #767676 inset;
}
.ui.inverted.table td[class*="grey marked"].left,
.ui.inverted.table tr[class*="grey marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #DCDDDE inset;
          box-shadow: 0.2em 0 0 0 #DCDDDE inset;
}
.ui.inverted.table td[class*="grey marked"].right,
.ui.inverted.table tr[class*="grey marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #DCDDDE inset;
          box-shadow: -0.2em 0 0 0 #DCDDDE inset;
}
.ui.black.table {
  border-top: 0.2em solid #1B1C1D;
}
.ui.inverted.black.table {
  background: #1B1C1D;
  color: #FFFFFF;
}

/* Same color for background and color to camouflage the scrollbar */
.ui.scrolling.table > thead.black,
.ui.scrolling.table > tfoot.black {
  background: #545454;
  color: #545454;
}
.ui.scrolling.table > thead.black > tr > th,
.ui.scrolling.table > tfoot.black > tr > th,
.ui.scrolling.table > thead.black > tr > td,
.ui.scrolling.table > tfoot.black > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.inverted.scrolling.table > thead.black,
.ui.inverted.scrolling.table > tfoot.black {
  background: #1B1C1D;
  color: #1B1C1D;
}
.ui.inverted.scrolling.table > thead.black > tr > th,
.ui.inverted.scrolling.table > tfoot.black > tr > th,
.ui.inverted.scrolling.table > thead.black > tr > td,
.ui.inverted.scrolling.table > tfoot.black > tr > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.table tr[class*="black colored"],
.ui.ui.table th[class*="black colored"],
.ui.ui.table td[class*="black colored"],
.ui.ui.ui.ui.table tr.black:not(.marked),
.ui.ui.table th.black:not(.marked),
.ui.ui.table td.black:not(.marked) {
  background: #545454;
  color: #FFFFFF;
}
.ui.table > thead > tr[class*="black colored"] > th,
.ui.table > tfoot > tr[class*="black colored"] > th,
.ui.table > tfoot > tr[class*="black colored"] > td,
.ui.table > thead > tr.black:not(.marked) > th,
.ui.table > tfoot > tr.black:not(.marked) > th,
.ui.table > tfoot > tr.black:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.ui.ui.inverted.table tr[class*="black colored"],
.ui.ui.inverted.table th[class*="black colored"],
.ui.ui.inverted.table td[class*="black colored"],
.ui.ui.ui.ui.inverted.table tr.black:not(.marked),
.ui.ui.inverted.table th.black:not(.marked),
.ui.ui.inverted.table td.black:not(.marked) {
  background: #1B1C1D;
  color: #FFFFFF;
}
.ui.inverted.table > thead > tr[class*="black colored"] > th,
.ui.inverted.table > tfoot > tr[class*="black colored"] > th,
.ui.inverted.table > tfoot > tr[class*="black colored"] > td,
.ui.inverted.table > thead > tr.black:not(.marked) > th,
.ui.inverted.table > tfoot > tr.black:not(.marked) > th,
.ui.inverted.table > tfoot > tr.black:not(.marked) > td {
  background: inherit;
  color: #FFFFFF;
}
.ui.ui.selectable.table tr[class*="black colored"]:hover,
.ui.table tr td.selectable[class*="black colored"]:hover,
.ui.selectable.table tr:hover td[class*="black colored"],
.ui.ui.selectable.table tr.black:not(.marked):hover,
.ui.table tr td.selectable.black:not(.marked):hover,
.ui.selectable.table tr:hover td.black:not(.marked) {
  background: #000000;
  color: #FFFFFF;
}
.ui.ui.inverted.selectable.table tr[class*="black colored"]:hover,
.ui.inverted.table tr td.selectable[class*="black colored"]:hover,
.ui.inverted.selectable.table tr:hover td[class*="black colored"],
.ui.ui.inverted.selectable.table tr.black:not(.marked):hover,
.ui.inverted.table tr td.selectable.black:not(.marked):hover,
.ui.inverted.selectable.table tr:hover td.black:not(.marked) {
  background: #000000;
  color: #1B1C1D;
}
.ui.table td[class*="black marked"].left,
.ui.table tr[class*="black marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
          box-shadow: 0.2em 0 0 0 #1B1C1D inset;
}
.ui.table td[class*="black marked"].right,
.ui.table tr[class*="black marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
          box-shadow: -0.2em 0 0 0 #1B1C1D inset;
}
.ui.inverted.table td[class*="black marked"].left,
.ui.inverted.table tr[class*="black marked"].left {
  -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
          box-shadow: 0.2em 0 0 0 #545454 inset;
}
.ui.inverted.table td[class*="black marked"].right,
.ui.inverted.table tr[class*="black marked"].right {
  -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
          box-shadow: -0.2em 0 0 0 #545454 inset;
}

/*--------------
    Column Count
  ---------------*/


/* Grid Based */
.ui.one.column.table td {
  width: 100%;
}
.ui.two.column.table td {
  width: 50%;
}
.ui.three.column.table td {
  width: 33.33333333%;
}
.ui.four.column.table td {
  width: 25%;
}
.ui.five.column.table td {
  width: 20%;
}
.ui.six.column.table td {
  width: 16.66666667%;
}
.ui.seven.column.table td {
  width: 14.28571429%;
}
.ui.eight.column.table td {
  width: 12.5%;
}
.ui.nine.column.table td {
  width: 11.11111111%;
}
.ui.ten.column.table td {
  width: 10%;
}
.ui.eleven.column.table td {
  width: 9.09090909%;
}
.ui.twelve.column.table td {
  width: 8.33333333%;
}
.ui.thirteen.column.table td {
  width: 7.69230769%;
}
.ui.fourteen.column.table td {
  width: 7.14285714%;
}
.ui.fifteen.column.table td {
  width: 6.66666667%;
}
.ui.sixteen.column.table td {
  width: 6.25%;
}

/* Column Width */
.ui.table th.one.wide,
.ui.table td.one.wide {
  width: 6.25%;
}
.ui.table th.two.wide,
.ui.table td.two.wide {
  width: 12.5%;
}
.ui.table th.three.wide,
.ui.table td.three.wide {
  width: 18.75%;
}
.ui.table th.four.wide,
.ui.table td.four.wide {
  width: 25%;
}
.ui.table th.five.wide,
.ui.table td.five.wide {
  width: 31.25%;
}
.ui.table th.six.wide,
.ui.table td.six.wide {
  width: 37.5%;
}
.ui.table th.seven.wide,
.ui.table td.seven.wide {
  width: 43.75%;
}
.ui.table th.eight.wide,
.ui.table td.eight.wide {
  width: 50%;
}
.ui.table th.nine.wide,
.ui.table td.nine.wide {
  width: 56.25%;
}
.ui.table th.ten.wide,
.ui.table td.ten.wide {
  width: 62.5%;
}
.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
  width: 68.75%;
}
.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
  width: 75%;
}
.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
  width: 81.25%;
}
.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
  width: 87.5%;
}
.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
  width: 93.75%;
}
.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
  width: 100%;
}

/*--------------
      Sortable
  ---------------*/

.ui.sortable.table > thead > tr > th {
  cursor: pointer;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.87);
}
.ui.celled.sortable.table > thead > tr > th:not(:first-child) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui.sortable.table > thead > tr > th::after {
  display: none;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '';
  height: 1em;
  width: auto;
  opacity: 0.8;
  margin: 0 0 0 0.5em;
  font-family: 'Icons';
}
.ui.sortable.table thead th.ascending::after {
  content: '\f0d8';
}
.ui.sortable.table thead th.descending::after {
  content: '\f0d7';
}

/* Hover */
.ui.sortable.table th.disabled:hover {
  cursor: auto;
  color: rgba(40, 40, 40, 0.3);
}
.ui.sortable.table > thead > tr > th:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.sortable.table:not(.basic) > thead > tr > th:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* Sorted */
.ui.sortable.table thead th.sorted {
  color: rgba(0, 0, 0, 0.95);
}
.ui.sortable.table:not(.basic) thead th.sorted {
  background: rgba(0, 0, 0, 0.05);
}
.ui.sortable.table thead th.sorted::after {
  display: inline-block;
}

/* Sorted Hover */
.ui.sortable.table thead th.sorted:hover {
  color: rgba(0, 0, 0, 0.95);
}
.ui.sortable.table:not(.basic) thead th.sorted:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* Inverted */
.ui.inverted.sortable.table thead th.sorted {
  color: #ffffff;
}
.ui.inverted.sortable.table:not(.basic) thead th.sorted {
  background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}
.ui.inverted.sortable.table > thead > tr > th:hover {
  color: #ffffff;
}
.ui.inverted.sortable.table:not(.basic) > thead > tr > th:hover {
  background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}
.ui.inverted.sortable.table:not(.basic) > thead > tr > th {
  border-left-color: transparent;
  border-right-color: transparent;
}

/*--------------
      Inverted
  ---------------*/


/* Text Color */
.ui.inverted.table {
  background: #333333;
  color: rgba(255, 255, 255, 0.9);
  border: none;
}
.ui.ui.inverted.table > thead > tr > th,
.ui.ui.inverted.table > tbody > tr > th,
.ui.ui.inverted.table > tr > th {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
.ui.ui.inverted.table > tfoot > tr > th,
.ui.ui.inverted.table > tfoot > tr > td {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.table > tbody > tr > td,
.ui.inverted.table > tfoot > tr > td,
.ui.inverted.table > tr > td {
  border-color: rgba(255, 255, 255, 0.1);
}
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(225, 225, 225, 0.3);
}
.ui.ui.ui.inverted.table tr td.disabled:not([class="disabled"]),
.ui.inverted.table tr.disabled:not([class="disabled"]) td,
.ui.inverted.table tr.disabled td[class]:not(.disabled),
.ui.inverted.table tr:hover td.disabled:not([class="disabled"]) {
  color: rgba(40, 40, 40, 0.3);
}

/* Definition */
.ui.inverted.definition.table > tfoot:not(.full-width) > tr > th:first-child,
.ui.inverted.definition.table > thead:not(.full-width) > tr > th:first-child {
  background: #FFFFFF;
}
.ui.inverted.definition.table > tbody > tr > td:first-child,
.ui.inverted.definition.table > tfoot > tr > td:first-child,
.ui.inverted.definition.table > tr > td:first-child {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}

/*--------------
     Collapsing
  ---------------*/

.ui.collapsing.table {
  width: auto;
}

/*--------------
        Basic
  ---------------*/

.ui.basic.table {
  background: transparent;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.table > thead,
.ui.basic.table > tfoot {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.table > thead > tr > th,
.ui.basic.table > tbody > tr > th,
.ui.basic.table > tfoot > tr > th,
.ui.basic.table > tr > th {
  background: transparent;
  border-left: none;
}
.ui.basic.table > tbody > tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.basic.table > tbody > tr > td,
.ui.basic.table > tfoot > tr > td,
.ui.basic.table > tr > td {
  background: transparent;
}
.ui.basic.striped.table > tbody > tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Very Basic */
.ui[class*="very basic"].table {
  border: none;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td {
  padding: '';
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:first-child {
  padding-left: 0;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:last-child {
  padding-right: 0;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr:first-child > th {
  padding-top: 0;
}

/*--------------
       Celled
  ---------------*/

.ui.celled.table > tr > th,
.ui.celled.table > thead > tr > th,
.ui.celled.table > tbody > tr > th,
.ui.celled.table > tfoot > tr > th,
.ui.celled.table > tr > td,
.ui.celled.table > tbody > tr > td,
.ui.celled.table > tfoot > tr > td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.inverted.celled.table > tbody > tr > td,
.ui.inverted.celled.table > tr > td {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.celled.table > tr > th:first-child,
.ui.celled.table > thead > tr > th:first-child,
.ui.celled.table > tbody > tr > th:first-child,
.ui.celled.table > tfoot > tr > th:first-child,
.ui.celled.table > tr > td:first-child,
.ui.celled.table > tbody > tr > td:first-child,
.ui.celled.table > tfoot > tr > td:first-child {
  border-left: none;
}

/*--------------
       Padded
  ---------------*/

.ui.padded.table > tr > th,
.ui.padded.table > thead > tr > th,
.ui.padded.table > tbody > tr > th,
.ui.padded.table > tfoot > tr > th {
  padding-left: 1em;
  padding-right: 1em;
}
.ui.padded.table > tr > th,
.ui.padded.table > thead > tr > th,
.ui.padded.table > tbody > tr > th,
.ui.padded.table > tfoot > tr > th,
.ui.padded.table > tr > td,
.ui.padded.table > tbody > tr > td,
.ui.padded.table > tfoot > tr > td {
  padding: 1em 1em;
}

/* Very */
.ui[class*="very padded"].table > tr > th,
.ui[class*="very padded"].table > thead > tr > th,
.ui[class*="very padded"].table > tbody > tr > th,
.ui[class*="very padded"].table > tfoot > tr > th {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.ui[class*="very padded"].table > tr > td,
.ui[class*="very padded"].table > tbody > tr > td,
.ui[class*="very padded"].table > tfoot > tr > td {
  padding: 1.5em 1.5em;
}

/*--------------
       Compact
  ---------------*/

.ui.compact.table > tr > th,
.ui.compact.table > thead > tr > th,
.ui.compact.table > tbody > tr > th,
.ui.compact.table > tfoot > tr > th {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.ui.compact.table > tr > td,
.ui.compact.table > tbody > tr > td,
.ui.compact.table > tfoot > tr > td {
  padding: 0.5em 0.7em;
}

/* Very */
.ui[class*="very compact"].table > tr > th,
.ui[class*="very compact"].table > thead > tr > th,
.ui[class*="very compact"].table > tbody > tr > th,
.ui[class*="very compact"].table > tfoot > tr > th {
  padding-left: 0.6em;
  padding-right: 0.6em;
}
.ui[class*="very compact"].table > tr > td,
.ui[class*="very compact"].table > tbody > tr > td,
.ui[class*="very compact"].table > tfoot > tr > td {
  padding: 0.4em 0.6em;
}

/*--------------
       Stuck
  ---------------*/

.ui.stuck.table:not(.inverted) {
  background: #FFFFFF;
}
.ui.stuck.table:not(.inverted) > thead > tr {
  background: #F9FAFB;
}
.ui.stuck.table:not(.inverted) > tbody > tr {
  background: #FFFFFF;
}
.ui.stuck.table:not(.inverted) > tfoot > tr {
  background: #F9FAFB;
}
.ui.stuck.table:not(.inverted).basic > thead > tr,
.ui.stuck.table:not(.inverted).basic > tfoot > tr {
  background: #FFFFFF;
}
.ui.inverted.stuck.table > thead > tr {
  background: #252525;
}
.ui.inverted.stuck.table > tbody > tr {
  background: #333333;
}
.ui.inverted.stuck.table > tfoot > tr {
  background: #252525;
}
.ui.inverted.stuck.table.basic > thead > tr,
.ui.inverted.stuck.table.basic > tfoot > tr {
  background: #333333;
}
.ui.head.stuck.table > thead,
.ui.foot.stuck.table > tfoot {
  position: sticky;
  z-index: 800;
}
.ui.head.stuck.table {
  border-top: 0;
}
.ui.head.stuck.table > thead {
  top: 0;
  bottom: auto;
}
.ui.head.stuck.table > thead > tr:first-child > th {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.head.stuck.table.inverted > thead > tr:first-child > th {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.foot.stuck.table {
  border-bottom: 0;
}
.ui.foot.stuck.table > tfoot {
  top: auto;
  bottom: 0;
}
.ui.foot.stuck.table > tfoot > tr:last-child > td,
.ui.foot.stuck.table > tfoot > tr:last-child > th {
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.foot.stuck.table.inverted > tfoot > tr:first-child > td,
.ui.foot.stuck.table.inverted > tfoot > tr:first-child > th {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.first.stuck.table {
  border-left: 0;
}
.ui.first.stuck.table th:first-child,
.ui.first.stuck.table td:first-child {
  position: sticky;
  left: 0;
  border-left: 1px solid rgba(34, 36, 38, 0.1);
  background: inherit;
}
.ui.first.stuck.table.inverted th:first-child,
.ui.first.stuck.table.inverted td:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.last.stuck.table {
  border-right: 0;
}
.ui.last.stuck.table th:last-child,
.ui.last.stuck.table td:last-child {
  position: sticky;
  right: 0;
  border-right: 1px solid rgba(34, 36, 38, 0.1);
  background: inherit;
}
.ui.last.stuck.table.inverted th:last-child,
.ui.last.stuck.table.inverted td:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.celled.first.stuck.table th:first-child,
.ui.celled.first.stuck.table td:first-child {
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.celled.last.stuck.table th:last-child,
.ui.celled.last.stuck.table td:last-child {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.inverted.celled.first.stuck.table th:first-child,
.ui.inverted.celled.first.stuck.table td:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.inverted.celled.last.stuck.table th:last-child,
.ui.inverted.celled.last.stuck.table td:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

/*--------------
      Sizes
---------------*/


/* Standard */
.ui.table {
  font-size: 1em;
}
.ui.mini.table {
  font-size: 0.78571429rem;
}
.ui.tiny.table {
  font-size: 0.85714286rem;
}
.ui.small.table {
  font-size: 0.9em;
}
.ui.large.table {
  font-size: 1.1em;
}
.ui.big.table {
  font-size: 1.28571429rem;
}
.ui.huge.table {
  font-size: 1.42857143rem;
}
.ui.massive.table {
  font-size: 1.71428571rem;
}


/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Item
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Standard
*******************************/


/*--------------
      Item
---------------*/

.ui.items > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1em 0;
  width: 100%;
  min-height: 0;
  background: transparent;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.1s ease;
  transition: -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
  z-index: '';
}
.ui.items > .item a {
  cursor: pointer;
}

/*--------------
      Items
---------------*/

.ui.items {
  margin: 1.5em 0;
}
.ui.items:first-child {
  margin-top: 0 !important;
}
.ui.items:last-child {
  margin-bottom: 0 !important;
}

/*--------------
      Item
---------------*/

.ui.items > .item::after {
  display: block;
  content: ' ';
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.items > .item:first-child {
  margin-top: 0;
}
.ui.items > .item:last-child {
  margin-bottom: 0;
}

/*--------------
       Images
  ---------------*/

.ui.items > .item > .image {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  max-height: '';
  -ms-flex-item-align: start;
      align-self: start;
}
.ui.items > .item > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.125rem;
  border: none;
}
.ui.items > .item > .image:only-child > img {
  border-radius: 0;
}

/*--------------
     Content
---------------*/

.ui.items > .item > .content {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background: none;
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1em;
  border: none;
  border-radius: 0;
}
.ui.items > .item > .content::after {
  display: block;
  content: ' ';
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.items > .item > .image + .content {
  min-width: 0;
  width: auto;
  display: block;
  margin-left: 0;
  -ms-flex-item-align: start;
      align-self: start;
  padding-left: 1.5em;
}
.ui.items > .item > .content > .header {
  display: inline-block;
  margin: -0.21425em 0 0;
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}

/* Default Header Size */
.ui.items > .item > .content > .header:not(.ui) {
  font-size: 1.28571429em;
}

/*--------------
       Floated
  ---------------*/

.ui.items > .item [class*="left floated"] {
  float: left;
}
.ui.items > .item [class*="right floated"] {
  float: right;
}

/*--------------
    Content Image
  ---------------*/

.ui.items > .item .content img {
  -ms-flex-item-align: center;
      align-self: center;
  width: '';
}
.ui.items > .item img.avatar,
.ui.items > .item .avatar img {
  width: '';
  height: '';
  border-radius: 500rem;
}

/*--------------
     Description
  ---------------*/

.ui.items > .item > .content > .description {
  margin-top: 0.6em;
  max-width: auto;
  font-size: 1em;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
}

/*--------------
    Paragraph
---------------*/

.ui.items > .item > .content p {
  margin: 0 0 0.5em;
}
.ui.items > .item > .content p:last-child {
  margin-bottom: 0;
}

/*--------------
        Meta
  ---------------*/

.ui.items > .item .meta {
  margin: 0.5em 0 0.5em;
  font-size: 1em;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.6);
}
.ui.items > .item .meta * {
  margin-right: 0.3em;
}
.ui.items > .item .meta :last-child {
  margin-right: 0;
}
.ui.items > .item .meta [class*="right floated"] {
  margin-right: 0;
  margin-left: 0.3em;
}

/*--------------
      Links
---------------*/


/* Generic */
.ui.items > .item > .content a:not(.ui) {
  color: '';
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.items > .item > .content a:not(.ui):hover {
  color: '';
}

/* Header */
.ui.items > .item > .content > a.header {
  color: rgba(0, 0, 0, 0.85);
}
.ui.items > .item > .content > a.header:hover {
  color: #1e70bf;
}

/* Meta */
.ui.items > .item .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.items > .item .meta > a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.87);
}

/*--------------
     Labels
---------------*/


/*-----Star----- */


/* Icon */
.ui.items > .item > .content .favorite.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.items > .item > .content .favorite.icon:hover {
  opacity: 1;
  color: #FFB70A;
}
.ui.items > .item > .content .active.favorite.icon {
  color: #FFE623;
}

/*-----Like----- */


/* Icon */
.ui.items > .item > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.items > .item > .content .like.icon:hover {
  opacity: 1;
  color: #FF2733;
}
.ui.items > .item > .content .active.like.icon {
  color: #FF2733;
}

/*----------------
    Extra Content
  -----------------*/

.ui.items > .item .extra {
  display: block;
  position: relative;
  background: none;
  margin: 0.5rem 0 0;
  width: 100%;
  padding: 0 0 0;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  border-top: none;
}
.ui.items > .item .extra > * {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
.ui.items > .item .extra > [class*="right floated"] {
  margin: 0.25rem 0 0.25rem 0.5rem;
}
.ui.items > .item .extra::after {
  display: block;
  content: ' ';
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}


/*******************************
          Responsive
*******************************/


/* Default Image Width */
.ui.items > .item > .image:not(.ui) {
  width: 175px;
}

/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ui.items > .item {
    margin: 1em 0;
  }
  .ui.items > .item > .image:not(.ui) {
    width: 150px;
  }
  .ui.items > .item > .image + .content {
    display: block;
    padding: 0 0 0 1em;
  }
}

/* Mobile Only */
@media only screen and (max-width: 767.98px) {
  .ui.items:not(.unstackable) > .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 2em 0;
  }
  .ui.items:not(.unstackable) > .item > .image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .ui.items:not(.unstackable) > .item > .image,
  .ui.items:not(.unstackable) > .item > .image > img {
    max-width: 100% !important;
    width: auto !important;
    max-height: 250px !important;
  }
  .ui.items:not(.unstackable) > .item > .image + .content {
    display: block;
    padding: 1.5em 0 0;
  }
}


/*******************************
           Variations
*******************************/


/*-------------------
         Aligned
  --------------------*/

.ui.items > .item > .image + [class*="top aligned"].content {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.ui.items > .item > .image + [class*="middle aligned"].content {
  -ms-flex-item-align: center;
      align-self: center;
}
.ui.items > .item > .image + [class*="bottom aligned"].content {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

/*--------------
       Relaxed
  ---------------*/

.ui.relaxed.items > .item {
  margin: 1.5em 0;
}
.ui[class*="very relaxed"].items > .item {
  margin: 2em 0;
}

/*-------------------
        Divided
  --------------------*/

.ui.divided.items > .item {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0;
  padding: 1em 0;
}
.ui.divided.items > .item:first-child {
  border-top: none;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.ui.divided.items > .item:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Relaxed Divided */
.ui.relaxed.divided.items > .item {
  margin: 0;
  padding: 1.5em 0;
}
.ui[class*="very relaxed"].divided.items > .item {
  margin: 0;
  padding: 2em 0;
}

/*-------------------
          Link
  --------------------*/

.ui.items a.item:hover,
.ui.link.items > .item:hover {
  cursor: pointer;
}
.ui.items a.item:hover .content .header,
.ui.link.items > .item:hover .content .header {
  color: #1e70bf;
}

/*--------------
      Size
---------------*/

.ui.items > .item {
  font-size: 1em;
}
.ui.mini.items > .item {
  font-size: 0.78571429em;
}
.ui.tiny.items > .item {
  font-size: 0.85714286em;
}
.ui.small.items > .item {
  font-size: 0.92857143em;
}
.ui.large.items > .item {
  font-size: 1.14285714em;
}
.ui.big.items > .item {
  font-size: 1.28571429em;
}
.ui.huge.items > .item {
  font-size: 1.42857143em;
}
.ui.massive.items > .item {
  font-size: 1.71428571em;
}

/*---------------
     Unstackable
  ----------------*/

@media only screen and (max-width: 767.98px) {
  .ui.unstackable.items > .item > .image,
  .ui.unstackable.items > .item > .image > img {
    width: 125px !important;
  }
}

/*--------------
       Inverted
  ---------------*/

.ui.inverted.items > .item {
  background: transparent;
}
.ui.inverted.items > .item > .content {
  background: none;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.items > .item .extra {
  background: none;
}
.ui.inverted.items > .item > .content > .header {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.items > .item > .content > .description {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.items > .item .meta {
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.items > .item > .content a:not(.ui) {
  color: #57a4ef;
}
.ui.inverted.items > .item > .content a:not(.ui):hover {
  color: #4183C4;
}
.ui.inverted.items > .item > .content > a.header {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.items > .item > .content > a.header:hover {
  color: #ffffff;
}
.ui.inverted.items > .item .meta > a:not(.ui) {
  color: rgba(255, 255, 255, 0.7);
}
.ui.inverted.items > .item .meta > a:not(.ui):hover {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.items > .item > .content .favorite.icon:hover {
  color: #ffc63d;
}
.ui.inverted.items > .item > .content .active.favorite.icon {
  color: #ffec56;
}
.ui.inverted.items > .item > .content .like.icon:hover {
  color: #ff5a63;
}
.ui.inverted.items > .item > .content .active.like.icon {
  color: #ff5a63;
}
.ui.inverted.items > .item .extra {
  color: rgba(255, 255, 255, 0.7);
}
.ui.inverted.items a.item:hover .content .header,
.ui.inverted.link.items > .item:hover .content .header {
  color: #ffffff;
}
.ui.inverted.divided.items > .item {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.inverted.divided.items > .item:first-child {
  border-top: none;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
    User Variable Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Checkbox
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Checkbox
*******************************/


/*--------------
    Content
---------------*/

.ui.checkbox {
  position: relative;
  display: inline-block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  outline: none;
  vertical-align: baseline;
  font-style: normal;
  min-height: 17px;
  font-size: 1em;
  line-height: 17px;
  min-width: 17px;
}

/* HTML Checkbox */
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;
  outline: none;
  z-index: 3;
  width: 17px;
  height: 17px;
}
.ui.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: none;
  font-size: 1em;
}
.ui.checkbox label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  content: '';
  background: #FFFFFF;
  border-radius: 0.21428571rem;
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  border: 1px solid #D4D4D5;
}

/*--------------
    Checkmark
---------------*/

.ui.checkbox label::after {
  position: absolute;
  font-size: 14px;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  text-align: center;
  opacity: 0;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
}
.ui.right.aligned.checkbox label {
  padding-left: 0;
  padding-right: 1.85714em;
}
.ui.right.aligned.checkbox label::after,
.ui.right.aligned.checkbox label::before {
  right: 0;
  left: auto;
}

/*--------------
      Label
---------------*/


/* Inside */
.ui.checkbox label,
.ui.checkbox + label {
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

/* Outside */
.ui.checkbox + label {
  vertical-align: middle;
}


/*******************************
           States
*******************************/


/*--------------
      Hover
---------------*/

.ui.checkbox label:hover::before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox label:hover,
.ui.checkbox + label:hover {
  color: rgba(0, 0, 0, 0.8);
}

/*--------------
      Down
---------------*/

.ui.checkbox label:active::before {
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox label:active::after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:active ~ label {
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Focus
---------------*/

.ui.checkbox input:focus ~ label::before {
  background: #FFFFFF;
  border-color: #96C8DA;
}
.ui.checkbox input:focus ~ label::after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:focus ~ label {
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Active
---------------*/

.ui.checkbox input:checked ~ label::before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:checked ~ label::after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
    Indeterminate
  ---------------*/

.ui.checkbox input:not([type=radio]):indeterminate ~ label::before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:not([type=radio]):indeterminate ~ label::after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}
.ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate ~ label::before {
  background: rgba(0, 0, 0, 0.15);
}
.ui.indeterminate.toggle.checkbox input:not([type=radio]) ~ label::after {
  left: 1.075rem;
}
.ui.right.aligned.indeterminate.toggle.checkbox input:not([type=radio]) ~ label::after {
  left: auto;
  right: 1.075rem;
}

/*--------------
  Active Focus
---------------*/

.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::before,
.ui.checkbox input:checked:focus ~ label::before {
  background: #FFFFFF;
  border-color: #96C8DA;
}
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::after,
.ui.checkbox input:checked:focus ~ label::after {
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
      Read-Only
  ---------------*/

.ui.read-only.checkbox,
.ui.read-only.checkbox label {
  cursor: default;
  pointer-events: none;
}

/*--------------
       Disabled
  ---------------*/

.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ label {
  cursor: default;
  opacity: 0.5;
  color: #000000;
  pointer-events: none;
}

/*--------------
     Hidden
---------------*/


/* Initialized checkbox moves input below element
 to prevent manually triggering */
.ui.checkbox input.hidden {
  z-index: -1;
}

/* Selectable Label */
.ui.checkbox input + label[for],
.ui.checkbox input.hidden + label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}


/*******************************
             Types
*******************************/


/*--------------
       Radio
  ---------------*/

.ui.radio.checkbox {
  min-height: 15px;
}
.ui.radio.checkbox label {
  padding-left: 1.85714em;
}

/* Box */
.ui.radio.checkbox label::before {
  content: '';
  -webkit-transform: none;
          transform: none;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  top: 1px;
  left: 0;
}

/* Bullet */
.ui.radio.checkbox label::after {
  border: none;
  content: '' !important;
  line-height: 15px;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  -webkit-transform: scale(0.46666667);
          transform: scale(0.46666667);
  background-color: rgba(0, 0, 0, 0.87);
}

/* Focus */
.ui.radio.checkbox input:focus ~ label::before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:focus ~ label::after {
  background-color: rgba(0, 0, 0, 0.95);
}

/* Indeterminate */
.ui.radio.checkbox input:indeterminate ~ label::after {
  opacity: 0;
}

/* Active */
.ui.radio.checkbox input:checked ~ label::before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:checked ~ label::after {
  background-color: rgba(0, 0, 0, 0.95);
}

/* Active Focus */
.ui.radio.checkbox input:focus:checked ~ label::before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:focus:checked ~ label::after {
  background-color: rgba(0, 0, 0, 0.95);
}

/*--------------
       Slider
  ---------------*/

.ui.slider.checkbox {
  min-height: 1.25rem;
}

/* Input */
.ui.slider.checkbox input {
  width: 3.5rem;
  height: 1.25rem;
}

/* Label */
.ui.slider.checkbox label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4);
}

/* Line */
.ui.slider.checkbox label::before {
  display: block;
  position: absolute;
  content: '';
  -webkit-transform: none;
          transform: none;
  border: none !important;
  left: 0;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.21428571rem;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

/* Handle */
.ui.slider.checkbox label::after {
  background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0;
  -webkit-transform: none;
          transform: none;
  border-radius: 500rem;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}

/* Focus */
.ui.slider.checkbox input:focus ~ label::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.ui.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.slider.checkbox label:hover::before {
  background: rgba(0, 0, 0, 0.15);
}

/* Active */
.ui.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:checked ~ label::before {
  background-color: #545454 !important;
}
.ui.slider.checkbox input:checked ~ label::after {
  left: 2rem;
}

/* Active Focus */
.ui.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:focus:checked ~ label::before {
  background-color: #000000 !important;
}
.ui.right.aligned.slider.checkbox label {
  padding-left: 0;
  padding-right: 4.5rem;
}
.ui.right.aligned.slider.checkbox label::after {
  left: auto;
  right: 2rem;
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
.ui.right.aligned.slider.checkbox input:checked ~ label::after {
  left: auto;
  right: 0;
}

/*--------------
       Toggle
  ---------------*/

.ui.toggle.checkbox {
  min-height: 1.5rem;
}

/* Input */
.ui.toggle.checkbox input {
  width: 3.5rem;
  height: 1.5rem;
}

/* Label */
.ui.toggle.checkbox label {
  min-height: 1.5rem;
  padding-left: 4.5rem;
  color: rgba(0, 0, 0, 0.87);
}
.ui.toggle.checkbox label {
  padding-top: 0.15em;
}

/* Switch */
.ui.toggle.checkbox label::before {
  display: block;
  position: absolute;
  content: '';
  z-index: 1;
  -webkit-transform: none;
          transform: none;
  border: none;
  top: 0;
  background: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem;
}

/* Handle */
.ui.toggle.checkbox label::after {
  background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
  left: 0;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease, left 0.3s ease;
  transition: background 0.3s ease, left 0.3s ease;
}
.ui.toggle.checkbox input ~ label::after {
  left: -0.05rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}

/* Focus */
.ui.toggle.checkbox input:focus ~ label::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.ui.toggle.checkbox label:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Active */
.ui.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:checked ~ label::before {
  background-color: #2185D0 !important;
}
.ui.toggle.checkbox input:checked ~ label::after {
  left: 2.15rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}

/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:focus:checked ~ label::before {
  background-color: #0d71bb !important;
}
.ui.right.aligned.toggle.checkbox label {
  padding-left: 0;
  padding-right: 4.5rem;
}
.ui.right.aligned.toggle.checkbox input ~ label::after {
  left: auto;
  right: 2.15rem;
  -webkit-transition: background 0.3s ease, right 0.3s ease;
  transition: background 0.3s ease, right 0.3s ease;
}
.ui.right.aligned.toggle.checkbox input:checked ~ label::after {
  left: auto;
  right: -0.05rem;
}


/*******************************
            Variations
*******************************/


/*--------------
       Fitted
  ---------------*/

.ui.fitted.checkbox label {
  padding-left: 0 !important;
}
.ui.fitted.toggle.checkbox {
  width: 3.5rem;
}
.ui.fitted.slider.checkbox {
  width: 3.5rem;
}

/*--------------
       Inverted
  ---------------*/

.ui.inverted.checkbox label,
.ui.inverted.checkbox + label {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Hover */
.ui.inverted.checkbox label:hover {
  color: #ffffff !important;
}
.ui.inverted.checkbox label:hover::before {
  border-color: rgba(34, 36, 38, 0.5);
}
/*Slider Label */
.ui.inverted.slider.checkbox label {
  color: rgba(255, 255, 255, 0.5);
}

/* Slider Line */
.ui.inverted.slider.checkbox label::before {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

/* Slider Hover */
.ui.inverted.slider.checkbox label:hover::before {
  background: rgba(255, 255, 255, 0.7) !important;
}

/* Slider Active */
.ui.inverted.slider.checkbox input:checked ~ label {
  color: #ffffff !important;
}
.ui.inverted.slider.checkbox input:checked ~ label::before {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

/* Slider Active Focus */
.ui.inverted.slider.checkbox input:focus:checked ~ label {
  color: #ffffff !important;
}
.ui.inverted.slider.checkbox input:focus:checked ~ label::before {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

/* Toggle Switch */
.ui.inverted.toggle.checkbox label::before {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Toggle Hover */
.ui.inverted.toggle.checkbox label:hover::before {
  background: #ffffff !important;
}

/* Toggle Active */
.ui.inverted.toggle.checkbox input:checked ~ label {
  color: #ffffff !important;
}
.ui.inverted.toggle.checkbox input:checked ~ label::before {
  background-color: #2185D0 !important;
}

/* Toggle Active Focus */
.ui.inverted.toggle.checkbox input:focus:checked ~ label {
  color: #ffffff !important;
}
.ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
  background-color: #0d71bb !important;
}

/*--------------------
        Size
---------------------*/

.ui.mini.checkbox {
  font-size: 0.78571429em;
}
.ui.tiny.checkbox {
  font-size: 0.85714286em;
}
.ui.small.checkbox {
  font-size: 0.92857143em;
}
.ui.large.checkbox {
  font-size: 1.14285714em;
}
.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
  -webkit-transform: scale(1.14285714);
          transform: scale(1.14285714);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.large.form .checkbox.radio label::before,
.ui.large.checkbox.radio label::before {
  -webkit-transform: scale(1.14285714);
          transform: scale(1.14285714);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.large.form .checkbox.radio label::after,
.ui.large.checkbox.radio label::after {
  -webkit-transform: scale(0.57142857);
          transform: scale(0.57142857);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: 0.33571429em;
}
.ui.big.checkbox {
  font-size: 1.28571429em;
}
.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
  -webkit-transform: scale(1.28571429);
          transform: scale(1.28571429);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.big.form .checkbox.radio label::before,
.ui.big.checkbox.radio label::before {
  -webkit-transform: scale(1.28571429);
          transform: scale(1.28571429);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.big.form .checkbox.radio label::after,
.ui.big.checkbox.radio label::after {
  -webkit-transform: scale(0.64285714);
          transform: scale(0.64285714);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: 0.37142857em;
}
.ui.huge.checkbox {
  font-size: 1.42857143em;
}
.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
  -webkit-transform: scale(1.42857143);
          transform: scale(1.42857143);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.huge.form .checkbox.radio label::before,
.ui.huge.checkbox.radio label::before {
  -webkit-transform: scale(1.42857143);
          transform: scale(1.42857143);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.huge.form .checkbox.radio label::after,
.ui.huge.checkbox.radio label::after {
  -webkit-transform: scale(0.71428571);
          transform: scale(0.71428571);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: 0.40714286em;
}
.ui.massive.checkbox {
  font-size: 1.71428571em;
}
.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
  -webkit-transform: scale(1.71428571);
          transform: scale(1.71428571);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.massive.form .checkbox.radio label::before,
.ui.massive.checkbox.radio label::before {
  -webkit-transform: scale(1.71428571);
          transform: scale(1.71428571);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.massive.form .checkbox.radio label::after,
.ui.massive.checkbox.radio label::after {
  -webkit-transform: scale(0.85714286);
          transform: scale(0.85714286);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: 0.47857143em;
}


/*******************************
         Theme Overrides
*******************************/



/* Checkmark */
.ui.checkbox label::after,
.ui.checkbox .box::after {
  font-family: 'Checkbox';
}

/* Checked */
.ui.checkbox input:checked ~ .box::after,
.ui.checkbox input:checked ~ label::after {
  content: '\e800';
}

/* Indeterminate */
.ui.checkbox input:indeterminate ~ .box::after,
.ui.checkbox input:indeterminate ~ label::after {
  font-size: 12px;
  content: '\e801';
}
/*  UTF Reference
.check::before { content: '\e800'; }
.dash::before  { content: '\e801'; }
.plus::before { content: '\e802'; }
*/


/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Dimmer
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Dimmer
*******************************/

.dimmable:not(body) {
  position: relative;
}
.ui.dimmer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 1em;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  line-height: 1;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  will-change: opacity;
  z-index: 1000;
}

/* Dimmer Content */
.ui.dimmer > .content {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  color: #FFFFFF;
}

/* Loose Coupling */
.ui.segment > .ui.dimmer:not(.page) {
  border-radius: inherit;
}

/* Scrollbars */
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}
.ui.dimmer:not(.inverted) {
  
/* IE11 */
  scrollbar-face-color: #656565;
  scrollbar-shadow-color: #656565;
  scrollbar-track-color: #323232;
  scrollbar-arrow-color: #323232;
  
/* firefox : first color thumb, second track */
  scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
}


/*******************************
            States
*******************************/


/* Animating */
.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
  overflow: hidden;
}

/* Animating / Active / Visible */
.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

/* Disabled */
.ui.disabled.dimmer {
  width: 0 !important;
  height: 0 !important;
}


/*******************************
           Variations
*******************************/


/*--------------
      Legacy
  ---------------*/


/* Animating / Active / Visible */
.dimmed.dimmable > .ui.animating.legacy.dimmer,
.dimmed.dimmable > .ui.visible.legacy.dimmer,
.ui.active.legacy.dimmer {
  display: block;
}

/*--------------
      Alignment
  ---------------*/

.ui[class*="top aligned"].dimmer {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ui[class*="bottom aligned"].dimmer {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*--------------
        Page
  ---------------*/

.ui.page.dimmer {
  position: fixed;
  -webkit-transform-style: '';
          transform-style: '';
  -webkit-perspective: 2000px;
          perspective: 2000px;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.ui.page.dimmer.modals {
  -moz-perspective: none;
}
body.animating.in.dimmable,
body.dimmed.dimmable {
  overflow: hidden;
}
body.dimmable > .dimmer {
  position: fixed;
}

/*--------------
      Blurring
  ---------------*/

@supports (not (-webkit-backdrop-filter: none)) and (not ((-webkit-backdrop-filter: none) or (backdrop-filter: none))) {
  .blurring.dimmable > :not(.dimmer) {
    -webkit-filter: initial;
            filter: initial;
    -webkit-transition: 800ms -webkit-filter ease;
    transition: 800ms -webkit-filter ease;
    transition: 800ms filter ease;
    transition: 800ms filter ease, 800ms -webkit-filter ease;
  }
  .blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
    -webkit-filter: blur(5px) grayscale(0.7);
            filter: blur(5px) grayscale(0.7);
  }
}

/* Dimmer Color */
.blurring.dimmable > .dimmer {
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(5px) grayscale(0.7);
  backdrop-filter: blur(5px) grayscale(0.7);
}
.blurring.dimmable > .inverted.dimmer {
  background: rgba(255, 255, 255, 0.6);
}

/*--------------
      Aligned
  ---------------*/

.ui.dimmer > .top.aligned.content > * {
  vertical-align: top;
}
.ui.dimmer > .bottom.aligned.content > * {
  vertical-align: bottom;
}

/*--------------
      Shades
  ---------------*/

.medium.medium.medium.medium.medium.dimmer {
  background: rgba(0, 0, 0, 0.65);
}
.light.light.light.light.light.dimmer {
  background: rgba(0, 0, 0, 0.45);
}
.very.light.light.light.light.dimmer {
  background: rgba(0, 0, 0, 0.25);
}

/*--------------
      Inverted
  ---------------*/

.ui.inverted.dimmer {
  background: rgba(255, 255, 255, 0.85);
}
.ui.inverted.dimmer > .content,
.ui.inverted.dimmer > .content > * {
  color: #000000;
}

/*--------------
     Inverted Shades
    ---------------*/

.medium.medium.medium.medium.medium.inverted.dimmer {
  background: rgba(255, 255, 255, 0.65);
}
.light.light.light.light.light.inverted.dimmer {
  background: rgba(255, 255, 255, 0.45);
}
.very.light.light.light.light.inverted.dimmer {
  background: rgba(255, 255, 255, 0.25);
}

/*--------------
       Simple
  ---------------*/


/* Displays without javascript */
.ui.simple.dimmer {
  display: block;
  overflow: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -100;
  background: rgba(0, 0, 0, 0);
}
.dimmed.dimmable > .ui.simple.dimmer {
  overflow: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1;
}
.ui.simple.inverted.dimmer {
  background: rgba(255, 255, 255, 0);
}
.dimmed.dimmable > .ui.simple.inverted.dimmer {
  background: rgba(255, 255, 255, 0.85);
}

/*--------------
       Partially
  ----------------*/

.ui[class*="top dimmer"],
.ui[class*="center dimmer"],
.ui[class*="bottom dimmer"] {
  height: auto;
}
.ui[class*="bottom dimmer"] {
  top: auto;
  bottom: 0;
}
.ui[class*="center dimmer"] {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(calc(-50% - 0.5px));
}
.ui.segment > .ui.ui[class*="top dimmer"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.segment > .ui.ui[class*="center dimmer"] {
  border-radius: 0;
}
.ui.segment > .ui.ui[class*="bottom dimmer"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ui[class*="center dimmer"].transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUpCenter;
          animation-name: fadeInUpCenter;
}
.ui[class*="center dimmer"].transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDownCenter;
          animation-name: fadeInDownCenter;
}
.ui[class*="center dimmer"].transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUpCenter;
          animation-name: fadeOutUpCenter;
}
.ui[class*="center dimmer"].transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDownCenter;
          animation-name: fadeOutDownCenter;
}
.ui[class*="center dimmer"].bounce.transition {
  -webkit-animation-name: bounceCenter;
          animation-name: bounceCenter;
}
@-webkit-keyframes fadeInUpCenter {
  0% {
    opacity: 0;
    transform: translateY(-40%);
    -webkit-transform: translateY(calc(-40% - 0.5px));
  }
  100% {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
}
@keyframes fadeInUpCenter {
  0% {
    opacity: 0;
    transform: translateY(-40%);
    -webkit-transform: translateY(calc(-40% - 0.5px));
  }
  100% {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
}
@-webkit-keyframes fadeInDownCenter {
  0% {
    opacity: 0;
    transform: translateY(-60%);
    -webkit-transform: translateY(calc(-60% - 0.5px));
  }
  100% {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
}
@keyframes fadeInDownCenter {
  0% {
    opacity: 0;
    transform: translateY(-60%);
    -webkit-transform: translateY(calc(-60% - 0.5px));
  }
  100% {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
}
@-webkit-keyframes fadeOutUpCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
  100% {
    opacity: 0;
    transform: translateY(-45%);
    -webkit-transform: translateY(calc(-45% - 0.5px));
  }
}
@keyframes fadeOutUpCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
  100% {
    opacity: 0;
    transform: translateY(-45%);
    -webkit-transform: translateY(calc(-45% - 0.5px));
  }
}
@-webkit-keyframes fadeOutDownCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
  100% {
    opacity: 0;
    transform: translateY(-55%);
    -webkit-transform: translateY(calc(-55% - 0.5px));
  }
}
@keyframes fadeOutDownCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
  100% {
    opacity: 0;
    transform: translateY(-55%);
    -webkit-transform: translateY(calc(-55% - 0.5px));
  }
}
@-webkit-keyframes bounceCenter {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
  40% {
    -webkit-transform: translateY(calc(-50% - 30px));
            transform: translateY(calc(-50% - 30px));
  }
  60% {
    -webkit-transform: translateY(calc(-50% - 15px));
            transform: translateY(calc(-50% - 15px));
  }
}
@keyframes bounceCenter {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(-50%);
    -webkit-transform: translateY(calc(-50% - 0.5px));
  }
  40% {
    -webkit-transform: translateY(calc(-50% - 30px));
            transform: translateY(calc(-50% - 30px));
  }
  60% {
    -webkit-transform: translateY(calc(-50% - 15px));
            transform: translateY(calc(-50% - 15px));
  }
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
        User Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Dropdown
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Dropdown
*******************************/

.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*******************************
            Content
*******************************/


/*--------------
      Menu
---------------*/

.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0;
  padding: 0 0;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}
.ui.dropdown .menu > * {
  white-space: nowrap;
}

/*--------------
  Hidden Input
---------------*/

.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}

/*--------------
 Dropdown Icon
---------------*/

.ui.dropdown:not(.labeled) > .dropdown.icon {
  position: relative;
  width: auto;
  min-width: 1em;
  font-size: 0.85714286em;
  margin: 0 0 0 1em;
}
.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0 0 1em;
}
.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}

/*--------------
      Text
---------------*/

.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}

/*--------------
    Menu Item
---------------*/

.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  min-height: 2.57142857rem;
  text-align: left;
  border-top: none;
  line-height: 1em;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem;
  text-transform: none;
  font-weight: normal;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-touch-callout: none;
}
.ui.dropdown .menu > .item:first-child {
  border-top-width: 0;
}
.ui.dropdown .menu > .item.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/*--------------
  Floated Content
---------------*/

.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 1em !important;
}
.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 1em !important;
}
.ui.dropdown .menu .item > i.icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em;
}

/*--------------
  Menu Divider
---------------*/

.ui.dropdown .menu > .header {
  margin: 1rem 0 0.75rem;
  padding: 0 1.14285714rem;
  font-weight: bold;
  text-transform: uppercase;
}
.ui.dropdown .menu > .header:not(.ui) {
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
}
.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0;
  margin: 0.5em 0;
}
.ui.dropdown .menu > .horizontal.divider {
  border-top: none;
}
.ui.ui.ui.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0;
}
.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}
.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) i.icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/*-----------------
  Item Description
-------------------*/

.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0 0 0 1em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.dropdown .menu > .item.vertical > .description {
  margin: 0;
}

/*-----------------
      Item Text
-------------------*/

.ui.dropdown .menu > .item.vertical > .text {
  margin-bottom: 0.25em;
}

/*-----------------
       Message
-------------------*/

.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}
.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}

/*--------------
    Sub Menu
---------------*/

.ui.dropdown .menu .menu {
  top: 0;
  left: 100%;
  right: auto;
  margin: 0 -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}

/* Hide Arrow */
.ui.dropdown .menu .menu::after {
  display: none;
}

/*--------------
   Sub Elements
---------------*/


/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > i.icons,
.ui.dropdown > .text > i.icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}
.ui.dropdown .menu > .item > i.icons,
.ui.dropdown .menu > .item > i.icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em;
}
.ui.dropdown > .text > i.icons,
.ui.dropdown > .text > i.icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > i.icons,
.ui.dropdown .menu > .item > i.icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0;
  float: none;
  margin-right: 0.78571429rem;
}

/*--------------
     Image
---------------*/

.ui.dropdown > .text > img,
.ui.dropdown > .text > .image:not(.icon),
.ui.dropdown .menu > .item > .image:not(.icon),
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em;
}


/*******************************
            Coupling
*******************************/


/*--------------
      Menu
---------------*/


/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item::before,
.ui.menu .ui.dropdown .menu > .item::before {
  display: none;
}

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child > .menu:not(.left),
.ui.menu .right.dropdown.item > .menu:not(.left),
.ui.buttons > .ui.dropdown:last-child > .menu:not(.left) {
  left: auto;
  right: 0;
}

/*--------------
        Label
  ---------------*/


/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}

/*--------------
       Button
  ---------------*/


/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0;
}
.ui.dropdown.button .menu {
  min-width: 100%;
}
.ui.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.dropdown.button:not(.pointing):not(.floating) > .menu {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}


/*******************************
              Types
*******************************/

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}

/*--------------
      Selection
  ---------------*/


/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 3.2em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}
.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.91666667em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0;
}

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0 !important;
  width: auto;
  outline: none;
  margin: 0 -1px;
  min-width: calc(100% + 2px);
  width: calc(100% + 2px);
  border-radius: 0 0 0.28571429rem 0.28571429rem;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.selection.dropdown .menu::after,
.ui.selection.dropdown .menu::before {
  display: none;
}

/*--------------
      Message
  ---------------*/

.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}
@media only screen and (max-width: 767.98px) {
  .ui.selection.dropdown.short .menu {
    max-height: 6.01071429rem;
  }
  .ui.selection.dropdown[class*="very short"] .menu {
    max-height: 4.00714286rem;
  }
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem;
  }
  .ui.selection.dropdown.long .menu {
    max-height: 16.02857143rem;
  }
  .ui.selection.dropdown[class*="very long"] .menu {
    max-height: 24.04285714rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.selection.dropdown.short .menu {
    max-height: 8.01428571rem;
  }
  .ui.selection.dropdown[class*="very short"] .menu {
    max-height: 5.34285714rem;
  }
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem;
  }
  .ui.selection.dropdown.long .menu {
    max-height: 21.37142857rem;
  }
  .ui.selection.dropdown[class*="very long"] .menu {
    max-height: 32.05714286rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.selection.dropdown.short .menu {
    max-height: 12.02142857rem;
  }
  .ui.selection.dropdown[class*="very short"] .menu {
    max-height: 8.01428571rem;
  }
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem;
  }
  .ui.selection.dropdown.long .menu {
    max-height: 32.05714286rem;
  }
  .ui.selection.dropdown[class*="very long"] .menu {
    max-height: 48.08571429rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown.short .menu {
    max-height: 16.02857143rem;
  }
  .ui.selection.dropdown[class*="very short"] .menu {
    max-height: 10.68571429rem;
  }
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem;
  }
  .ui.selection.dropdown.long .menu {
    max-height: 42.74285714rem;
  }
  .ui.selection.dropdown[class*="very long"] .menu {
    max-height: 64.11428571rem;
  }
}

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem;
  white-space: normal;
  word-wrap: normal;
}

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}

/* User addition item */
.ui.dropdown > .menu > .stuck.addition.item:first-child {
  position: sticky;
  top: 0;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 14;
}

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Active */
.ui.selection.simple.dropdown:hover,
.ui.selection.active.dropdown {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.simple.dropdown:hover .menu,
.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: '';
  z-index: 3;
}

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* CSS specific to iOS devices or firefox mobile only  */
@supports (-webkit-touch-callout: none) or (-webkit-overflow-scrolling: touch) or (-moz-appearance:none) {
  @media (-moz-touch-enabled), (pointer: coarse) {
    .ui.dropdown .scrollhint.menu:not(.hidden)::before {
      -webkit-animation: scrollhint 2s ease 2;
              animation: scrollhint 2s ease 2;
      content: '';
      z-index: 15;
      display: block;
      position: absolute;
      opacity: 0;
      right: 0.25em;
      top: 0;
      height: 100%;
      border-right: 0.25em solid;
      border-left: 0;
      -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0))) 1 100%;
      -webkit-border-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
           -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
              border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0))) 1 100%;
              border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
    }
    .ui.inverted.dropdown .scrollhint.menu:not(.hidden)::before {
      -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0))) 1 100%;
      -webkit-border-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
           -o-border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
              border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0))) 1 100%;
              border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
    }
    @-webkit-keyframes scrollhint {
      0% {
        opacity: 1;
        top: 100%;
      }
      100% {
        opacity: 0;
        top: 0;
      }
    }
    @keyframes scrollhint {
      0% {
        opacity: 1;
        top: 100%;
      }
      100% {
        opacity: 0;
        top: 0;
      }
    }
  }
}

/*--------------
     Searchable
  ---------------*/


/* Search Selection */
.ui.search.dropdown {
  min-width: '';
}

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  cursor: text;
  top: 0;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}
.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: auto;
}

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 3.2em 0.67857143em 1em;
}

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 3.2em 0.67857143em 1em;
  display: none;
  white-space: pre;
}

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}
.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text i.icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}
.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important;
}
.ui.search.dropdown.button > span.sizer {
  display: none;
}

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767.98px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem;
  }
}

/* Clearable Selection */
.ui.dropdown > .remove.icon {
  cursor: pointer;
  font-size: 0.85714286em;
  margin: -0.78571429em;
  padding: 0.91666667em;
  right: 2em;
  top: 0.78571429em;
  position: absolute;
  opacity: 0.6;
  z-index: 3;
}
.ui.selection.dropdown > .remove.icon {
  right: 3em;
}
.ui.inline.dropdown > .remove.icon {
  right: 2.2em;
}
.ui.clearable.dropdown .text,
.ui.clearable.dropdown a:last-of-type {
  margin-right: 1.5em;
}
.ui.dropdown select.noselection ~ .remove.icon,
.ui.dropdown input[value=''] ~ .remove.icon,
.ui.dropdown input:not([value]) ~ .remove.icon,
.ui.dropdown.loading > .remove.icon {
  display: none;
}
.ui.dropdown:not(.selection) > .remove.icon ~ .dropdown.icon {
  margin-left: 1.5em;
}
.ui.dropdown:not(.selection) > .remove.icon {
  margin-top: -1.35em;
}

/*--------------
      Multiple
  ---------------*/


/* Multiple Selection */
.ui.ui.multiple.dropdown {
  padding: 0.22619048em 3.2em 0.22619048em 0.35714286em;
}
.ui.multiple.dropdown .menu {
  cursor: auto;
}

/* Selection Label */
.ui.multiple.dropdown > .label {
  display: inline-block;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: '';
}

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.dropdown > .text.default {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important;
}
.ui.multiple.dropdown > .label ~ .text {
  display: none;
}
.ui.multiple.dropdown > .label:not(.image) > img:not(.centered) {
  margin-right: 0.78571429rem;
}
.ui.multiple.dropdown > .label:not(.image) > img.ui:not(.avatar) {
  margin-bottom: 0.39285714rem;
}
.ui.multiple.dropdown > .image.label img {
  margin: -0.35714286em 0.78571429em -0.35714286em -0.78571429em;
  height: 1.71428571em;
}

/*-----------------
      Multiple Search
    -----------------*/


/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}

/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}
.ui.multiple.search.dropdown.button {
  min-width: 14em;
}

/*--------------
       Inline
  ---------------*/

.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0 0.21428571em 0 0.21428571em;
  vertical-align: baseline;
}
.ui.inline.dropdown > .text {
  font-weight: bold;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem;
}


/*******************************
            States
*******************************/


/*--------------------
        Active
----------------------*/


/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 12;
}

/*--------------------
        Hover
----------------------*/


/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}

/*--------------------
     Default Text
----------------------*/

.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87);
}
.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(115, 115, 115, 0.87);
}

/*--------------------
         Loading
  ---------------------*/

.ui.loading.dropdown > i.icon {
  height: 1em !important;
}
.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important;
}
.ui.loading.dropdown > i.icon::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.dropdown > i.icon::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
}

/* Coupling */
.ui.loading.dropdown.button > i.icon::before,
.ui.loading.dropdown.button > i.icon::after {
  display: none;
}
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none;
}

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.dropdown > .loading.menu {
  left: 0 !important;
  right: auto !important;
}
.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important;
}

/*--------------------
    Keyboard Select
----------------------*/


/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------------
    Search Filtered
----------------------*/


/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}
.ui.dropdown .filtered.item {
  display: none !important;
}

/*--------------------
          States
  ----------------------*/

.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38;
}
.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4;
}
.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4;
}
.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4;
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4;
}
.ui.dropdown.error > .menu > .item {
  color: #9F3A38;
}

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FBE7E7;
}

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF;
}
.ui.dropdown.info,
.ui.dropdown.info > .text,
.ui.dropdown.info > .default.text {
  color: #276F86;
}
.ui.selection.dropdown.info {
  background: #F8FFFF;
  border-color: #A9D5DE;
}
.ui.selection.dropdown.info:hover {
  border-color: #A9D5DE;
}
.ui.multiple.selection.info.dropdown > .label {
  border-color: #A9D5DE;
}
.ui.dropdown.info > .menu,
.ui.dropdown.info > .menu .menu {
  border-color: #A9D5DE;
}
.ui.dropdown.info > .menu > .item {
  color: #276F86;
}

/* Item Hover */
.ui.dropdown.info > .menu > .item:hover {
  background-color: #e9f2fb;
}

/* Item Active */
.ui.dropdown.info > .menu .active.item {
  background-color: #cef1fd;
}
.ui.dropdown.success,
.ui.dropdown.success > .text,
.ui.dropdown.success > .default.text {
  color: #2C662D;
}
.ui.selection.dropdown.success {
  background: #FCFFF5;
  border-color: #A3C293;
}
.ui.selection.dropdown.success:hover {
  border-color: #A3C293;
}
.ui.multiple.selection.success.dropdown > .label {
  border-color: #A3C293;
}
.ui.dropdown.success > .menu,
.ui.dropdown.success > .menu .menu {
  border-color: #A3C293;
}
.ui.dropdown.success > .menu > .item {
  color: #2C662D;
}

/* Item Hover */
.ui.dropdown.success > .menu > .item:hover {
  background-color: #e9fbe9;
}

/* Item Active */
.ui.dropdown.success > .menu .active.item {
  background-color: #dafdce;
}
.ui.dropdown.warning,
.ui.dropdown.warning > .text,
.ui.dropdown.warning > .default.text {
  color: #573A08;
}
.ui.selection.dropdown.warning {
  background: #FFFAF3;
  border-color: #C9BA9B;
}
.ui.selection.dropdown.warning:hover {
  border-color: #C9BA9B;
}
.ui.multiple.selection.warning.dropdown > .label {
  border-color: #C9BA9B;
}
.ui.dropdown.warning > .menu,
.ui.dropdown.warning > .menu .menu {
  border-color: #C9BA9B;
}
.ui.dropdown.warning > .menu > .item {
  color: #573A08;
}

/* Item Hover */
.ui.dropdown.warning > .menu > .item:hover {
  background-color: #fbfbe9;
}

/* Item Active */
.ui.dropdown.warning > .menu .active.item {
  background-color: #fdfdce;
}

/*--------------------
        Clear
----------------------*/

.ui.dropdown > .remove.icon,
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.6;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.dropdown > .remove.icon:hover,
.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}

/*--------------------
          Disabled
  ----------------------*/


/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}

/*--------------------
          Read-Only
  ----------------------*/

.ui.read-only.dropdown {
  cursor: default;
  pointer-events: none;
}


/*******************************
           Variations
*******************************/


/*--------------
    Direction
---------------*/


/* Flyout Direction */
.ui.dropdown .menu {
  left: 0;
}

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}

/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0 !important;
}
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0 -0.5em 0 0 !important;
  border-radius: 0.28571429rem !important;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0 0 0;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0 0 0;
}
.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0;
}

/*--------------
       Upward
  ---------------*/


/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
}

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}

/* Button */
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.upward.dropdown.button:not(.pointing):not(.floating) > .menu {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}

/* Selection */
.ui.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.upward.selection.dropdown:hover {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
}

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
}
.ui.upward.active.selection.dropdown:hover .menu {
  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}

/*--------------
       Scrolling
  ---------------*/


/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}
.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}
.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
}
.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}
.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px);
  }
}
@media only screen and (max-width: 767.98px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}

/*--------------------
          Labeled
  ---------------------*/


/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent;
}

/* Regular Label on Right */
.ui[class*="right labeled"].input > .dropdown:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: transparent !important;
}
.ui[class*="right labeled"].input > .dropdown + .label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*--------------
       Columnar
  ---------------*/

.ui.column.dropdown > .menu {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui.dropdown[class*="two column"] > .menu > .item {
  width: 50%;
}
.ui.dropdown[class*="three column"] > .menu > .item {
  width: 33%;
}
.ui.dropdown[class*="four column"] > .menu > .item {
  width: 25%;
}
.ui.dropdown[class*="five column"] > .menu > .item {
  width: 20%;
}

/*--------------
       Simple
  ---------------*/


/* Displays without javascript */
.ui.simple.dropdown .menu::before,
.ui.simple.dropdown .menu::after {
  display: none;
}
.ui.simple.dropdown .menu {
  position: absolute;
  
/* IE hack to make dropdown icons appear inline */
  display: -ms-inline-flexbox !important;
  display: block;
  overflow: hidden;
  top: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  margin-top: 0 !important;
}
.ui.simple.dropdown .upward.menu {
  margin-bottom: 1.5em;
}
.ui.simple.selection.dropdown .upward.menu {
  margin-bottom: 2.5em;
}
.ui.menu:not(.vertical) .ui.simple.dropdown.item .upward.menu {
  margin-bottom: 2.8em;
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: auto;
  width: auto;
  height: auto;
  top: 100%;
  opacity: 1;
}
.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown .menu .item:hover > .menu {
  overflow: auto;
  width: auto;
  height: auto;
  top: 0 !important;
  left: 100%;
  opacity: 1;
}
.ui.simple.dropdown > .menu > .item:active > .left.menu,
.ui.simple.dropdown .menu .item:hover > .left.menu,
.right.menu .ui.simple.dropdown > .menu > .item:active > .menu:not(.right),
.right.menu .ui.simple.dropdown > .menu .item:hover > .menu:not(.right) {
  left: auto;
  right: 100%;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0;
  width: 0;
  overflow: hidden;
}

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}

/* Scrolling */
.ui.simple.scrolling.active.dropdown > .menu,
.ui.simple.scrolling.dropdown:hover > .menu {
  overflow-x: hidden;
  overflow-y: auto;
}

/*--------------
        Fluid
  ---------------*/

.ui.fluid.dropdown {
  display: block;
  width: 100% !important;
  min-width: 0;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}

/*--------------
      Floating
  ---------------*/

.ui.floating.dropdown > .menu {
  left: 0;
  right: auto;
  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
          box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important;
}
.ui.floating.dropdown > .menu {
  border-radius: 0.28571429rem !important;
}
.ui:not(.upward).floating.dropdown > .menu {
  margin-top: 0.5em;
}
.ui.upward.floating.dropdown > .menu {
  margin-bottom: 0.5em;
}

/*--------------
       Pointing
  ---------------*/

.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.pointing.dropdown > .menu:not(.hidden)::after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
          box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2;
}
.ui.pointing.dropdown > .menu:not(.hidden)::after {
  top: -0.25em;
  left: 50%;
  margin: 0 0 0 -0.25em;
}

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
  margin: 1em 0 0;
}
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
  margin: 1em 0 0;
}
.ui.top.left.pointing.dropdown > .menu::after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0;
  left: auto;
  margin: 1em 0 0;
}
.ui.top.pointing.dropdown > .left.menu::after,
.ui.top.right.pointing.dropdown > .menu::after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0;
  left: 100%;
  right: auto;
  margin: 0 0 0 1em;
}
.ui.left.pointing.dropdown > .menu::after {
  top: 1em;
  left: -0.25em;
  margin: 0 0 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0 1em 0 0;
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu::after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0 0 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0;
  left: auto;
  right: 100%;
  margin: 0 1em 0 0;
}
.ui.right.pointing.dropdown > .menu::after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0 0 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0;
  right: auto;
  margin: 0 0 1em;
}
.ui.bottom.pointing.dropdown > .menu::after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0 !important;
}

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0;
  right: auto;
}
.ui.bottom.left.pointing.dropdown > .menu::after {
  left: 1em;
  right: auto;
}

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0;
  left: auto;
}
.ui.bottom.right.pointing.dropdown > .menu::after {
  left: auto;
  right: 1em;
}

/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0 0 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.pointing.upward.dropdown .menu::after,
.ui.top.pointing.upward.dropdown .menu::after {
  top: 100% !important;
  bottom: auto !important;
  -webkit-box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
          box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
  margin: -0.25em 0 0;
}

/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 1em 0 0;
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 0 1em 0;
  -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
          box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
}

/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 0 0 1em;
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 0 1em 0;
  -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
          box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
}

/*--------------------
        Sizes
---------------------*/

.ui.dropdown,
.ui.dropdown .menu > .item {
  font-size: 1rem;
}
.ui.mini.dropdown,
.ui.mini.dropdown .menu > .item {
  font-size: 0.78571429rem;
}
.ui.tiny.dropdown,
.ui.tiny.dropdown .menu > .item {
  font-size: 0.85714286rem;
}
.ui.small.dropdown,
.ui.small.dropdown .menu > .item {
  font-size: 0.92857143rem;
}
.ui.large.dropdown,
.ui.large.dropdown .menu > .item {
  font-size: 1.14285714rem;
}
.ui.big.dropdown,
.ui.big.dropdown .menu > .item {
  font-size: 1.28571429rem;
}
.ui.huge.dropdown,
.ui.huge.dropdown .menu > .item {
  font-size: 1.42857143rem;
}
.ui.massive.dropdown,
.ui.massive.dropdown .menu > .item {
  font-size: 1.71428571rem;
}

/*--------------
      Inverted
  ---------------*/


/* General rules and basic dropdowns */
.ui.dropdown .inverted.menu,
.ui.inverted.dropdown .menu {
  background: #1B1C1D;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ui.dropdown .inverted.menu > .item,
.ui.inverted.dropdown .menu > .item {
  color: rgba(255, 255, 255, 0.8);
}
.ui.dropdown .inverted.menu .active.item,
.ui.inverted.dropdown .menu .active.item {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.dropdown .inverted.menu > .item:hover,
.ui.inverted.dropdown .menu > .item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown.selected,
.ui.dropdown .inverted.menu .selected.item,
.ui.inverted.dropdown .menu .selected.item {
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.8);
}
.ui.dropdown .inverted.menu > .header,
.ui.inverted.dropdown .menu > .header {
  color: #FFFFFF;
}
.ui.inverted.dropdown > .text > .description,
.ui.dropdown .inverted.menu > .item > .description,
.ui.inverted.dropdown .menu > .item > .description {
  color: rgba(255, 255, 255, 0.5);
}
.ui.dropdown .inverted.menu > .divider,
.ui.inverted.dropdown .menu > .divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.ui.dropdown .inverted.scrolling.menu,
.ui.inverted.dropdown .scrolling.menu {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Selection */
.ui.inverted.selection.dropdown {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #1B1C1D;
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.selection.dropdown:hover {
  border-color: rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.inverted.selection.dropdown input {
  color: #FFFFFF;
}
.ui.inverted.selection.visible.dropdown > .text:not(.default) {
  color: rgba(255, 255, 255, 0.9);
}
.ui.selection.simple.dropdown:hover .inverted.menu,
.ui.inverted.selection.simple.dropdown:hover .menu,
.ui.selection.active.dropdown .inverted.menu,
.ui.inverted.selection.active.dropdown .menu,
.ui.inverted.selection.active.dropdown:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ui.selection.dropdown .inverted.menu > .item,
.ui.inverted.selection.dropdown .menu > .item {
  border-top: 1px solid #242526;
}
.ui.inverted.dropdown:not(.button) > .default.text,
.ui.inverted.default.dropdown:not(.button) > .text {
  color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.dropdown:not(.button) > input:focus ~ .default.text,
.ui.inverted.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(255, 255, 255, 0.7);
}
.ui.inverted.active.search.dropdown input.search:focus + .text i.icon,
.ui.inverted.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}
.ui.inverted.active.search.dropdown input.search:focus + .text {
  color: rgba(255, 255, 255, 0.7) !important;
}
.ui.dropdown .inverted.menu > .message:not(.ui),
.ui.inverted.dropdown .menu > .message:not(.ui) {
  color: rgba(255, 255, 255, 0.5);
}

/* Fixing the border */
.ui.dropdown .inverted.menu > .item:first-child,
.ui.inverted.dropdown .menu > .item:first-child {
  border-top-width: 0;
}

/* Labels */
.ui.inverted.multiple.dropdown > .label {
  background-color: rgba(255, 255, 255, 0.7);
  background-image: none;
  color: #000000;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
}
.ui.inverted.multiple.dropdown > .label:hover {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
  background-image: none;
  color: #000000;
}
.ui.inverted.multiple.dropdown > .label > .close.icon,
.ui.inverted.multiple.dropdown > .label > .delete.icon {
  opacity: 0.6;
}
.ui.inverted.multiple.dropdown > .label > .close.icon:hover,
.ui.inverted.multiple.dropdown > .label > .delete.icon:hover {
  opacity: 0.8;
}

/* Selection for form elements */
.ui.inverted.dropdown textarea::-webkit-selection,
.ui.inverted.dropdown input::-webkit-selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown textarea::-moz-selection,
.ui.inverted.dropdown input::-moz-selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown textarea::-moz-selection, .ui.inverted.dropdown input::-moz-selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown textarea::selection,
.ui.inverted.dropdown input::selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}

/* Scrollbars */
.ui.dropdown .inverted.menu::-webkit-scrollbar-track,
.ui.inverted.dropdown .menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb,
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}
.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:window-inactive,
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}
.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:hover,
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}
.ui.dropdown .inverted.menu,
.ui.inverted.dropdown .menu {
  
/* IE11 */
  scrollbar-face-color: #656565;
  scrollbar-shadow-color: #656565;
  scrollbar-track-color: #323232;
  scrollbar-arrow-color: #323232;
  
/* firefox : first color thumb, second track */
  scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
}
.ui.pointing.dropdown > .inverted.menu::after,
.ui.inverted.pointing.dropdown > .menu::after {
  background: #1B1C1D;
  -webkit-box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
          box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
}


/*******************************
         Theme Overrides
*******************************/


/* Dropdown Carets */

.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.ui.dropdown > .dropdown.icon {
  width: auto;
}
.ui.dropdown > .dropdown.icon::before {
  content: '\f0d7';
}

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon::before {
  content: '\f0da' /*rtl:'\f0d9'*/;
}
.ui.dropdown .item .left.dropdown.icon::before,
.ui.dropdown .left.menu .item .dropdown.icon::before {
  content: "\f0d9" /*rtl:"\f0da"*/;
}

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon::before {
  content: "\f0da" /*rtl:"\f0d9"*/;
}
/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/


/*******************************
        User Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Modal
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Modal
*******************************/

.ui.modal {
  position: absolute;
  display: none;
  z-index: 1001;
  text-align: left;
  background: #FFFFFF;
  border: none;
  -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 50% 25%;
          transform-origin: 50% 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 0.28571429rem;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  will-change: top, left, margin, transform, opacity;
}
.ui.modal > :first-child:not(.close):not(.dimmer),
.ui.modal > i.icon:first-child + *,
.ui.modal > .dimmer:first-child + *:not(.close),
.ui.modal > .dimmer:first-child + i.icon + * {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}
.ui.modal > :last-child {
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
.ui.modal > .ui.dimmer {
  border-radius: inherit;
}


/*******************************
            Content
*******************************/


/*--------------
     Close
---------------*/

.ui.modal > .close {
  cursor: pointer;
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  z-index: 1;
  opacity: 0.8;
  font-size: 1.25em;
  color: #FFFFFF;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.625rem 0 0 0;
}
.ui.modal > .close:focus,
.ui.modal > .close:hover {
  opacity: 1;
  outline: none;
}

/*--------------
     Header
---------------*/

.ui.modal > .header {
  display: block;
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: #FFFFFF;
  margin: 0;
  padding: 1.25rem 1.5rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.modal > .header:not(.ui) {
  font-size: 1.42857143rem;
  line-height: 1.28571429em;
  font-weight: bold;
}

/*--------------
     Content
---------------*/

.ui.modal > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  background: #FFFFFF;
}
.ui.modal > .image.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

/* Image */
.ui.modal > .content > .image {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: '';
  -ms-flex-item-align: start;
      align-self: start;
  max-width: 100%;
}
.ui.modal > [class*="top aligned"] {
  -ms-flex-item-align: start;
      align-self: start;
}
.ui.modal > [class*="middle aligned"] {
  -ms-flex-item-align: center;
      align-self: center;
}
.ui.modal > [class*="stretched"] {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

/* Description */
.ui.modal > .content > .description {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-width: 0;
  -ms-flex-item-align: start;
      align-self: start;
}
.ui.modal > .content > i.icon + .description,
.ui.modal > .content > .image + .description {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: '';
  width: auto;
  padding-left: 2em;
}
/*rtl:ignore*/
.ui.modal > .content > .image > i.icon {
  margin: 0;
  opacity: 1;
  width: auto;
  line-height: 1;
  font-size: 8rem;
}

/*--------------
       Actions
  ---------------*/

.ui.modal > .actions {
  background: #F9FAFB;
  padding: 1rem 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right;
}
.ui.modal .actions > .button:not(.fluid) {
  margin-left: 0.75em;
}
.ui.ui.modal > .basic.actions,
.ui.basic.modal > .actions {
  border-top: none;
}
.ui.modal > .left.actions {
  text-align: left;
}
.ui.modal > .left.actions > .button:not(.fluid) {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui.modal > .centered,
.ui.modal > .center.aligned {
  text-align: center;
}
.ui.modal > .centered.actions > .button:not(.fluid),
.ui.modal > .center.aligned.actions > .button:not(.fluid) {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/*-------------------
       Responsive
--------------------*/


/* Modal Width */
@media only screen and (max-width: 767.98px) {
  .ui.modal:not(.fullscreen) {
    width: 95%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.modal:not(.fullscreen) {
    width: 88%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.modal:not(.fullscreen) {
    width: 850px;
    margin: 0 0 0 0;
  }
  .ui.modal:not(.fullscreen) > .active.dimmer + .close:not(.inside) {
    pointer-events: none;
    opacity: 0.1;
  }
  .ui.dimmer > .ui.modal:not(.fullscreen) > .close:not(.inside) {
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3), 1px -1px 2px rgba(0, 0, 0, 0.3), -1px 2px 2px rgba(0, 0, 0, 0.3), 1px 2px 2px rgba(0, 0, 0, 0.3);
  }
  .ui.inverted.dimmer > .ui.modal:not(.fullscreen) > .close:not(.inside) {
    text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.3), 1px -1px 2px rgba(255, 255, 255, 0.3), -1px 2px 2px rgba(255, 255, 255, 0.3), 1px 2px 2px rgba(255, 255, 255, 0.3);
  }
}
@media only screen and (min-width: 1200px) {
  .ui.modal:not(.fullscreen) {
    width: 900px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.modal:not(.fullscreen) {
    width: 950px;
    margin: 0 0 0 0;
  }
}

/* Tablet and Mobile */
@media only screen and (max-width: 991.98px) {
  .ui.modal > .close + .header {
    padding-right: 2.25rem;
  }
  .ui.modal > .close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0, 0, 0, 0.87);
  }
}

/* Mobile */
@media only screen and (max-width: 767.98px) {
  .ui.modal > .header {
    padding: 0.75rem 1rem;
  }
  .ui.modal > .close + .header {
    padding-right: 2.25rem;
  }
  .ui.overlay.fullscreen.modal > .content.content.content {
    min-height: calc(100vh - 8.1rem);
  }
  .ui.overlay.fullscreen.modal > .scrolling.content.content.content {
    max-height: calc(100vh - 8.1rem);
  }
  .ui.modal > .content {
    display: block;
    padding: 1rem !important;
  }
  .ui.modal > .close {
    top: 0.5rem !important;
    right: 0.5rem !important;
  }
  /*rtl:ignore*/
  .ui.modal .image.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ui.modal > .content > .image {
    display: block;
    max-width: 100%;
    margin: 0 auto !important;
    text-align: center;
    padding: 0 0 1rem !important;
  }
  .ui.modal > .content > .image > i.icon {
    font-size: 5rem;
    text-align: center;
  }
  /*rtl:ignore*/
  .ui.modal > .content > .description {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 1rem 0 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
/* Let Buttons Stack */
  .ui.modal > .actions {
    padding: 1rem 1rem 0rem !important;
  }
  .ui.modal .actions > .buttons,
  .ui.modal .actions > .button {
    margin-bottom: 1rem;
  }
}

/*--------------
    Coupling
---------------*/

.ui.inverted.dimmer > .ui.modal {
  -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
}


/*******************************
             Types
*******************************/

.ui.basic.modal {
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF;
}
.ui.ui.modal > .basic.header,
.ui.ui.modal > .basic.actions,
.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent;
}
.ui.modal > .basic.header {
  border-bottom: none;
}
.ui.basic.modal > .header {
  color: #FFFFFF;
  border-bottom: none;
}
.ui.basic.modal > .close {
  top: 1rem;
  right: 1.5rem;
  color: #FFFFFF;
}
.ui.inverted.dimmer > .basic.modal {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.dimmer > .ui.basic.modal > .header {
  color: rgba(0, 0, 0, 0.85);
}

/* Resort to margin positioning if legacy */
.ui.legacy.legacy.modal,
.ui.legacy.legacy.page.dimmer > .ui.modal {
  left: 50% !important;
}
.ui.legacy.legacy.modal:not(.aligned),
.ui.legacy.legacy.page.dimmer > .ui.modal:not(.aligned) {
  top: 50%;
}
.ui.legacy.legacy.page.dimmer > .ui.scrolling.modal:not(.aligned),
.ui.page.dimmer > .ui.scrolling.legacy.legacy.modal:not(.aligned),
.ui.top.aligned.legacy.legacy.page.dimmer > .ui.modal:not(.aligned),
.ui.top.aligned.dimmer > .ui.legacy.legacy.modal:not(.aligned) {
  top: auto;
}
.ui.legacy.overlay.fullscreen.modal {
  margin-top: -2rem !important;
}


/*******************************
             States
*******************************/

.ui.loading.modal {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.active.modal {
  display: block;
}


/*******************************
           Variations
*******************************/


/*--------------
     Aligned
  ---------------*/

.modals.dimmer .ui.top.aligned.modal {
  top: 5vh;
}
.modals.dimmer .ui.bottom.aligned.modal {
  bottom: 5vh;
}
@media only screen and (max-width: 767.98px) {
  .modals.dimmer .ui.top.aligned.modal {
    top: 1rem;
  }
  .modals.dimmer .ui.bottom.aligned.modal {
    bottom: 1rem;
  }
}

/*--------------
      Scrolling
  ---------------*/


/* Scrolling Dimmer */
.scrolling.dimmable.dimmed {
  overflow: hidden;
}
.scrolling.dimmable > .dimmer {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: fixed;
}
.scrolling.dimmable:not(body) > .dimmer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
}
.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
  margin: 2rem auto;
}

/* Fix for Firefox, Edge, IE11 */
.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
  content: '\00A0';
  position: absolute;
  height: 2rem;
}

/* Undetached Scrolling */
.scrolling.undetached.dimmable.dimmed {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrolling.undetached.dimmable.dimmed > .dimmer {
  overflow: hidden;
}
.scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen) {
  position: absolute;
  left: 50%;
}

/* Scrolling Content */
.ui.modal > .scrolling.content {
  max-height: calc(80vh - 10rem);
  overflow: auto;
}
.ui.overlay.fullscreen.modal > .content {
  min-height: calc(100vh - 9.1rem);
}
.ui.overlay.fullscreen.modal > .scrolling.content {
  max-height: calc(100vh - 9.1rem);
}

/*--------------
     Full Screen
  ---------------*/

.ui.fullscreen.modal {
  width: 95%;
  left: 2.5%;
  margin: 1em auto;
}
.ui.overlay.fullscreen.modal {
  width: 100%;
  left: 0;
  margin: 0 auto;
  top: 0;
  border-radius: 0;
}
.ui.modal > .close.inside + .header:not(.centered):not(.center):not(.icon),
.ui.fullscreen.modal > .close + .header:not(.centered):not(.center):not(.icon) {
  padding-right: 2.25rem;
}
.ui.modal > .close.inside,
.ui.fullscreen.modal > .close {
  top: 1.0535rem;
  right: 1rem;
  color: rgba(0, 0, 0, 0.87);
}
.ui.basic.fullscreen.modal > .close {
  color: #FFFFFF;
}

/*--------------
      Size
---------------*/

.ui.modal {
  font-size: 1rem;
}
.ui.mini.modal > .header:not(.ui) {
  font-size: 1.3em;
}
@media only screen and (max-width: 767.98px) {
  .ui.mini.modal {
    width: 95%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.mini.modal {
    width: 35.2%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.mini.modal {
    width: 340px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.mini.modal {
    width: 360px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.mini.modal {
    width: 380px;
    margin: 0 0 0 0;
  }
}
.ui.tiny.modal > .header:not(.ui) {
  font-size: 1.3em;
}
@media only screen and (max-width: 767.98px) {
  .ui.tiny.modal {
    width: 95%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.tiny.modal {
    width: 52.8%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.tiny.modal {
    width: 510px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.tiny.modal {
    width: 540px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.tiny.modal {
    width: 570px;
    margin: 0 0 0 0;
  }
}
.ui.small.modal > .header:not(.ui) {
  font-size: 1.3em;
}
@media only screen and (max-width: 767.98px) {
  .ui.small.modal {
    width: 95%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.small.modal {
    width: 70.4%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.small.modal {
    width: 680px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.small.modal {
    width: 720px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.small.modal {
    width: 760px;
    margin: 0 0 0 0;
  }
}
.ui.large.modal > .header:not(.ui) {
  font-size: 1.6em;
}
@media only screen and (max-width: 767.98px) {
  .ui.large.modal {
    width: 95%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.large.modal {
    width: 88%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.large.modal {
    width: 1020px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.large.modal {
    width: 1080px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.large.modal {
    width: 1140px;
    margin: 0 0 0 0;
  }
}
.ui.big.modal > .header:not(.ui) {
  font-size: 1.6em;
}
@media only screen and (max-width: 767.98px) {
  .ui.big.modal {
    width: 95%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.big.modal {
    width: 88%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.big.modal {
    width: 1190px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.big.modal {
    width: 1260px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.big.modal {
    width: 1330px;
    margin: 0 0 0 0;
  }
}
.ui.huge.modal > .header:not(.ui) {
  font-size: 1.6em;
}
@media only screen and (max-width: 767.98px) {
  .ui.huge.modal {
    width: 95%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.huge.modal {
    width: 88%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.huge.modal {
    width: 1360px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.huge.modal {
    width: 1440px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.huge.modal {
    width: 1520px;
    margin: 0 0 0 0;
  }
}
.ui.massive.modal > .header:not(.ui) {
  font-size: 1.8em;
}
@media only screen and (max-width: 767.98px) {
  .ui.massive.modal {
    width: 95%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.massive.modal {
    width: 88%;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.massive.modal {
    width: 1530px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.massive.modal {
    width: 1620px;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.massive.modal {
    width: 1710px;
    margin: 0 0 0 0;
  }
}


/*****************************
            Inverted
  *******************************/

.ui.inverted.modal {
  background: #000000;
}
.ui.inverted.modal > .header,
.ui.inverted.modal > .content {
  background: #000000;
  color: #FFFFFF;
}
.ui.inverted.modal > .actions {
  background: #191A1B;
  border-top: 1px solid rgba(34, 36, 38, 0.85);
  color: #FFFFFF;
}
.ui.inverted.dimmer > .modal > .close {
  color: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 991.98px) {
  .ui.dimmer .inverted.modal > .close {
    color: #FFFFFF;
  }
}
.ui.inverted.modal > .close.inside,
.ui.inverted.fullscreen.modal > .close {
  color: #FFFFFF;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Nag
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Nag
*******************************/

.ui.nag {
  display: none;
  opacity: 0.95;
  position: relative;
  top: 0;
  left: 0;
  z-index: 999;
  min-height: 0;
  width: 100%;
  margin: 0;
  padding: 0.75em 1em;
  background: #777777;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0 0 0.28571429rem 0.28571429rem;
  -webkit-transition: 0.2s background ease;
  transition: 0.2s background ease;
}
a.ui.nag {
  cursor: pointer;
}
.ui.nag > .title {
  display: inline-block;
  margin: 0 0.5em;
  color: #FFFFFF;
}
.ui.nag > .close.icon {
  cursor: pointer;
  opacity: 0.4;
  position: absolute;
  top: 50%;
  right: 1em;
  font-size: 1em;
  margin: -0.5em 0 0;
  color: #FFFFFF;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.ui.nag:not(.overlay):not(.fixed) {
  border-radius: 0.28571429rem;
}


/*******************************
             States
*******************************/


/* Hover */
.ui.nag:hover {
  background: #777777;
  opacity: 1;
}
.ui.nag > .close:hover {
  opacity: 1;
}


/*******************************
           Variations
*******************************/


/*--------------
       Static
  ---------------*/

.ui.overlay.nags,
.ui.overlay.nag {
  position: absolute;
  display: block;
}

/*--------------
     Fixed
---------------*/

.ui.fixed.nags,
.ui.fixed.nag {
  position: fixed;
}

/*--------------
     Bottom
---------------*/

.ui.bottom.nags,
.ui.bottom.nag {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
  top: auto;
  bottom: 0;
}

/*--------------
     Inverted
---------------*/

.ui.inverted.nags .nag,
.ui.inverted.nag {
  background-color: #F3F4F5;
  color: rgba(0, 0, 0, 0.85);
}
.ui.inverted.nags .nag > .close,
.ui.inverted.nag > .close {
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.nags .nag > .title,
.ui.inverted.nag > .title {
  color: rgba(0, 0, 0, 0.6);
}

/*-------------------
        Sizes
--------------------*/

.ui.mini.nag,
.ui.mini.nags .nag {
  font-size: 0.78571429rem;
}
.ui.tiny.nag,
.ui.tiny.nags .nag {
  font-size: 0.85714286rem;
}
.ui.small.nag,
.ui.small.nags .nag {
  font-size: 0.92857143rem;
}
.ui.large.nag,
.ui.large.nags .nag {
  font-size: 1.14285714rem;
}
.ui.big.nag,
.ui.big.nags .nag {
  font-size: 1.28571429rem;
}
.ui.huge.nag,
.ui.huge.nags .nag {
  font-size: 1.42857143rem;
  line-height: 1;
}
.ui.massive.nag,
.ui.massive.nags .nag {
  font-size: 1.71428571rem;
  line-height: 1;
}

/*--------------
     Colors
-------------- */

.ui.primary.nag {
  background-color: #2185D0;
}
.ui.inverted.primary.nag {
  background-color: #54C8FF;
}
.ui.secondary.nag {
  background-color: #1B1C1D;
}
.ui.inverted.secondary.nag {
  background-color: #545454;
}
.ui.red.nag {
  background-color: #DB2828;
}
.ui.inverted.red.nag {
  background-color: #FF695E;
}
.ui.orange.nag {
  background-color: #F2711C;
}
.ui.inverted.orange.nag {
  background-color: #FF851B;
}
.ui.yellow.nag {
  background-color: #FBBD08;
}
.ui.inverted.yellow.nag {
  background-color: #FFE21F;
}
.ui.olive.nag {
  background-color: #B5CC18;
}
.ui.inverted.olive.nag {
  background-color: #D9E778;
}
.ui.green.nag {
  background-color: #21BA45;
}
.ui.inverted.green.nag {
  background-color: #2ECC40;
}
.ui.teal.nag {
  background-color: #00B5AD;
}
.ui.inverted.teal.nag {
  background-color: #6DFFFF;
}
.ui.blue.nag {
  background-color: #2185D0;
}
.ui.inverted.blue.nag {
  background-color: #54C8FF;
}
.ui.violet.nag {
  background-color: #6435C9;
}
.ui.inverted.violet.nag {
  background-color: #A291FB;
}
.ui.purple.nag {
  background-color: #A333C8;
}
.ui.inverted.purple.nag {
  background-color: #DC73FF;
}
.ui.pink.nag {
  background-color: #E03997;
}
.ui.inverted.pink.nag {
  background-color: #FF8EDF;
}
.ui.brown.nag {
  background-color: #A5673F;
}
.ui.inverted.brown.nag {
  background-color: #D67C1C;
}
.ui.grey.nag {
  background-color: #767676;
}
.ui.inverted.grey.nag {
  background-color: #DCDDDE;
}
.ui.black.nag {
  background-color: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.black.nag {
  background-color: #545454;
}
.ui.inverted.black.nag .title {
  color: #FFFFFF;
}


/*******************************
           Groups
*******************************/

.ui.nags {
  top: 0;
  left: 0;
  width: 100%;
}
.ui.ui.nags .nag {
  border-radius: 0;
}
.ui.nags:not(.bottom) .nag:last-child {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.bottom.nags .nag:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.nags:not(.fixed):not(.overlay) .nag:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.nags:not(.fixed):not(.overlay) .nag:only-child {
  border-radius: 0.28571429rem;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
        User Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Search
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Search
*******************************/

.ui.search {
  position: relative;
}
.ui.search > .prompt {
  margin: 0;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-shadow: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: 0 0 0 0 transparent inset;
          box-shadow: 0 0 0 0 transparent inset;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
}
.ui.search .prompt {
  border-radius: 500rem;
}

/*--------------
     Icon
---------------*/

.ui.search .prompt ~ .search.icon {
  cursor: pointer;
}

/*--------------
    Results
---------------*/

.ui.search > .results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  white-space: normal;
  text-align: left;
  text-transform: none;
  background: #FFFFFF;
  margin-top: 0.5em;
  width: 18em;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  border: 1px solid #D4D4D5;
  z-index: 998;
}
.ui.search > .results > :first-child {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.search > .results > :last-child {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
}

/*--------------
    Result
---------------*/

.ui.search > .results .result {
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1em;
  padding: 0.85714286em 1.14285714em;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.33;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.search > .results .result:last-child {
  border-bottom: none !important;
}

/* Image */
.ui.search > .results .result .image {
  float: right;
  overflow: hidden;
  background: none;
  width: 5em;
  height: 3em;
  border-radius: 0.25em;
}
.ui.search > .results .result .image img {
  display: block;
  width: auto;
  height: 100%;
}

/*--------------
      Info
---------------*/

.ui.search > .results .result .image + .content {
  margin: 0 6em 0 0;
}
.ui.search > .results .result .title {
  margin: -0.14285714em 0 0;
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result .description {
  margin-top: 0;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.search > .results .result .price {
  float: right;
  color: #21BA45;
}

/*--------------
    Message
---------------*/

.ui.search > .results > .message {
  padding: 1em 1em;
}
.ui.search > .results > .message .header {
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
}
.ui.search > .results > .message .description {
  margin-top: 0.25rem;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}

/* View All Results */
.ui.search > .results > .action {
  display: block;
  border-top: none;
  background: #F3F4F5;
  padding: 0.92857143em 1em;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
  text-align: center;
}


/*******************************
            States
*******************************/


/*--------------------
       Focus
---------------------*/

.ui.search > .prompt:focus {
  border-color: rgba(34, 36, 38, 0.35);
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------------
         Loading
  ---------------------*/

.ui.loading.search .input > i.icon::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.search .input > i.icon::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
}

/*--------------
      Hover
---------------*/

.ui.search > .results .result:hover,
.ui.category.search > .results .category .result:hover {
  background: #F9FAFB;
}
.ui.search .action:hover:not(div) {
  background: #E0E0E0;
}

/*--------------
      Active
---------------*/

.ui.category.search > .results .category.active {
  background: #F3F4F5;
}
.ui.category.search > .results .category.active > .name {
  color: rgba(0, 0, 0, 0.87);
}
.ui.search > .results .result.active,
.ui.category.search > .results .category .result.active {
  position: relative;
  border-left-color: rgba(34, 36, 38, 0.1);
  background: #F3F4F5;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.search > .results .result.active .title {
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result.active .description {
  color: rgba(0, 0, 0, 0.85);
}

/*--------------------
          Disabled
  ----------------------*/


/* Disabled */
.ui.disabled.search {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}


/*******************************
           Types
*******************************/


/*--------------
      Selection
  ---------------*/

.ui.search.selection .prompt {
  border-radius: 0.28571429rem;
}

/* Remove input */
.ui.search.selection > .icon.input > .remove.icon {
  pointer-events: none;
  position: absolute;
  left: auto;
  opacity: 0;
  color: '';
  top: 0;
  right: 0;
  -webkit-transition: color 0.1s ease, opacity 0.1s ease;
  transition: color 0.1s ease, opacity 0.1s ease;
}
.ui.search.selection > .icon.input > .active.remove.icon {
  cursor: pointer;
  opacity: 0.8;
  pointer-events: auto;
}
.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
  right: 1.85714em;
}
.ui.search.selection > .icon.input > .remove.icon:hover {
  opacity: 1;
  color: #DB2828;
}

/*--------------
      Category
  ---------------*/

.ui.category.search .results {
  width: 28em;
}
.ui.category.search .results.animating,
.ui.category.search .results.visible {
  display: table;
}

/* Category */
.ui.category.search > .results .category {
  display: table-row;
  background: #F3F4F5;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
  transition: background 0.1s ease, border-color 0.1s ease;
}

/* Last Category */
.ui.category.search > .results .category:last-child {
  border-bottom: none;
}

/* First / Last */
.ui.category.search > .results .category:first-child .name + .result {
  border-radius: 0 0.28571429rem 0 0;
}
.ui.category.search > .results .category:last-child .result:last-child {
  border-radius: 0 0 0.28571429rem 0;
}

/* Category Result Name */
.ui.category.search > .results .category > .name {
  display: table-cell;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
  background: transparent;
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1em;
  padding: 0.4em 1em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}

/* Category Result */
.ui.category.search > .results .category .results {
  display: table-cell;
  background: #FFFFFF;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.category.search > .results .category .result {
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
  transition: background 0.1s ease, border-color 0.1s ease;
  padding: 0.85714286em 1.14285714em;
}


/*******************************
           Variations
*******************************/


/*-------------------
       Scrolling
  --------------------*/

.ui.scrolling.search > .results,
.ui.search.long > .results,
.ui.search.short > .results {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767.98px) {
  .ui.scrolling.search > .results {
    max-height: 12.17714286em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.search > .results {
    max-height: 18.26571429em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.search > .results {
    max-height: 24.35428571em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.search > .results {
    max-height: 36.53142857em;
  }
}
@media only screen and (max-width: 767.98px) {
  .ui.search.short > .results {
    max-height: 12.17714286em;
  }
  .ui.search[class*="very short"] > .results {
    max-height: 9.13285714em;
  }
  .ui.search.long > .results {
    max-height: 24.35428571em;
  }
  .ui.search[class*="very long"] > .results {
    max-height: 36.53142857em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.short > .results {
    max-height: 18.26571429em;
  }
  .ui.search[class*="very short"] > .results {
    max-height: 13.69928571em;
  }
  .ui.search.long > .results {
    max-height: 36.53142857em;
  }
  .ui.search[class*="very long"] > .results {
    max-height: 54.79714286em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.short > .results {
    max-height: 24.35428571em;
  }
  .ui.search[class*="very short"] > .results {
    max-height: 18.26571429em;
  }
  .ui.search.long > .results {
    max-height: 48.70857143em;
  }
  .ui.search[class*="very long"] > .results {
    max-height: 73.06285714em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.short > .results {
    max-height: 36.53142857em;
  }
  .ui.search[class*="very short"] > .results {
    max-height: 27.39857143em;
  }
  .ui.search.long > .results {
    max-height: 73.06285714em;
  }
  .ui.search[class*="very long"] > .results {
    max-height: 109.59428571em;
  }
}

/*-------------------
       Left / Right
  --------------------*/

.ui[class*="left aligned"].search > .results {
  right: auto;
  left: 0;
}
.ui[class*="right aligned"].search > .results {
  right: 0;
  left: auto;
}

/*--------------
    Fluid
---------------*/

.ui.fluid.search .results {
  width: 100%;
}

/*--------------
      Sizes
---------------*/

.ui.search {
  font-size: 1em;
}
.ui.mini.search {
  font-size: 0.78571429em;
}
.ui.tiny.search {
  font-size: 0.85714286em;
}
.ui.small.search {
  font-size: 0.92857143em;
}
.ui.large.search {
  font-size: 1.14285714em;
}
.ui.big.search {
  font-size: 1.28571429em;
}
.ui.huge.search {
  font-size: 1.42857143em;
}
.ui.massive.search {
  font-size: 1.71428571em;
}

/*--------------
      Mobile
---------------*/

@media only screen and (max-width: 767.98px) {
  .ui.search .results {
    max-width: calc(100vw - 2rem);
  }
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Tab
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           UI Tabs
*******************************/

.ui.tab {
  display: none;
}


/*******************************
             States
*******************************/


/*--------------------
       Active
---------------------*/

.ui.tab.active,
.ui.tab.open {
  display: block;
}

/*--------------------
         Loading
  ---------------------*/

.ui.tab.loading {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 250px;
}
.ui.tab.loading * {
  position: relative !important;
  left: -10000px !important;
}
.ui.tab.loading::before,
.ui.tab.loading.segment::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.25em 0 0 -1.25em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.tab.loading::after,
.ui.tab.loading.segment::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.25em 0 0 -1.25em;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
}


/*******************************
         Tab Overrides
*******************************/



/*******************************
        User Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.0 - Transition
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
          Transitions
*******************************/

.transition {
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


/*******************************
            States
*******************************/


/* Animating */
.animating.transition {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  visibility: visible !important;
}

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  
/*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/
}
/* Disabled */
.disabled.transition {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}


/*******************************
          Variations
*******************************/

.looping.transition {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}


/*******************************
          Transitions
*******************************/

/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/

/*--------------
       Browse
  ---------------*/

.transition.browse {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.transition.browse.in {
  -webkit-animation-name: browseIn;
          animation-name: browseIn;
}
.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
          animation-name: browseOutLeft;
}
.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
          animation-name: browseOutRight;
}

/* In */
@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
            transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
            transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
            transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
            transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
            transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
            transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
            transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
            transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}

/* Out */
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

/*--------------
       Drop
  ---------------*/

.drop.transition {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
          animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
  -webkit-animation-name: dropIn;
          animation-name: dropIn;
}
.drop.transition.out {
  -webkit-animation-name: dropOut;
          animation-name: dropOut;
}

/* Drop */
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

/*--------------
        Fade
  ---------------*/

.transition.fade.in {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.transition.fade.out {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
}

/*--------------
       Flips
  ---------------*/

.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
}
.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
          animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
          animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
          animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
          animation-name: verticalFlipOut;
}

/* In */
@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
            transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
            transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}

/* Out */
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
            transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
            transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
            transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
            transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}

/*--------------
        Scale
  ---------------*/

.scale.transition.in {
  -webkit-animation-name: scaleIn;
          animation-name: scaleIn;
}
.scale.transition.out {
  -webkit-animation-name: scaleOut;
          animation-name: scaleOut;
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

/*--------------
        Fly
  ---------------*/


/* Inward */
.transition.fly {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
  -webkit-animation-name: flyIn;
          animation-name: flyIn;
}
.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
          animation-name: flyInUp;
}
.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
          animation-name: flyInDown;
}
.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
          animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
          animation-name: flyInRight;
}

/* Outward */
.transition.fly.out {
  -webkit-animation-name: flyOut;
          animation-name: flyOut;
}
.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
          animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
          animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
          animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
          animation-name: flyOutRight;
}

/* In */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
            transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
            transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
            transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
            transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
            transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
            transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
            transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
            transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

/* Out */
@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

/*--------------
       Slide
  ---------------*/

.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
          animation-name: slideInY;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
          animation-name: slideInY;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
          animation-name: slideInX;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
          animation-name: slideInX;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
          animation-name: slideOutY;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
          animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
          animation-name: slideOutX;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
          animation-name: slideOutX;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

/* In */
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

/* Out */
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

/*--------------
       Swing
  ---------------*/

.transition.swing {
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
}
.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
          animation-name: swingInX;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
          animation-name: swingInX;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
          animation-name: swingInY;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
          animation-name: swingInY;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
          animation-name: swingOutX;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
          animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
          animation-name: swingOutY;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
          animation-name: swingOutY;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

/* In */
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
            transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
  }
}
@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
            transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
  }
}
@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
            transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
  }
}
@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
            transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
  }
}

/* Out */
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
            transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
            transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
            transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
            transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}

/*--------------
        Zoom
  ---------------*/

.transition.zoom.in {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}
.transition.zoom.out {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}


/*******************************
       Static Animations
*******************************/


/*--------------
    Emphasis
---------------*/

.flash.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: flash;
          animation-name: flash;
}
.shake.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: shake;
          animation-name: shake;
}
.bounce.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: bounce;
          animation-name: bounce;
}
.tada.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: tada;
          animation-name: tada;
}
.pulse.transition {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-name: pulse;
          animation-name: pulse;
}
.jiggle.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: jiggle;
          animation-name: jiggle;
}
.transition.glow {
  -webkit-animation-duration: 2000ms;
          animation-duration: 2000ms;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.transition.glow {
  -webkit-animation-name: glow;
          animation-name: glow;
}

/* Flash */
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

/* Shake */
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

/* Bounce */
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

/* Tada */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}

/* Pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* Jiggle */
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/* Glow */
@-webkit-keyframes glow {
  0% {
    background-color: #FCFCFD;
  }
  30% {
    background-color: #FFF6CD;
  }
  100% {
    background-color: #FCFCFD;
  }
}
@keyframes glow {
  0% {
    background-color: #FCFCFD;
  }
  30% {
    background-color: #FFF6CD;
  }
  100% {
    background-color: #FCFCFD;
  }
}


/*******************************
         Site Overrides
*******************************/

