html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0;
  overflow: hidden;
}

article,
aside,
footer,
header,
nav,
section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figcaption,
figure,
main {
  display: block
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details,
menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[hidden] {
  display: none
}

/*!

 */
body,
html {
  height: 100%
}

html {
  font-size: 14px
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto/roboto-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto/roboto-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto/roboto-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-width: 320px;
  background: #fff;
  font-family: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, .87);
  font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5 {
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.28571429em;
  margin: calc(2rem - .14285714em) 0 1rem;
  font-weight: 700;
  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
}

p {
  margin: 0 0 1em;
  line-height: 1.4285em
}

p:first-child {
  margin-top: 0
}

p:last-child {
  margin-bottom: 0
}

a {
  color: #4183c4;
  text-decoration: none
}

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

::-webkit-selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, .87)
}

::-moz-selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, .87)
}

::selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, .87)
}

input::-webkit-selection,
textarea::-webkit-selection {
  background-color: rgba(100, 100, 100, .4);
  color: rgba(0, 0, 0, .87)
}

input::-moz-selection,
textarea::-moz-selection {
  background-color: rgba(100, 100, 100, .4);
  color: rgba(0, 0, 0, .87)
}

input::selection,
textarea::selection {
  background-color: rgba(100, 100, 100, .4);
  color: rgba(0, 0, 0, .87)
}

html ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px
}

html ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1);
  border-radius: 0
}

html ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, .25);
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

html ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, .15)
}

html ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, .8)
}


/* 
 body ::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 10px
 }

 body ::-webkit-scrollbar-track {
   background: rgba(0, 0, 0, .1);
   border-radius: 0
 }

 body ::-webkit-scrollbar-thumb {
   cursor: pointer;
   border-radius: 5px;
   background: rgba(0, 0, 0, .25);
   -webkit-transition: color .2s ease;
   transition: color .2s ease
 }

 body ::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(0, 0, 0, .15)
 }

 body ::-webkit-scrollbar-thumb:hover {
   background: rgba(128, 135, 139, .8)
 }  */




body .ui.inverted::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .1)
}

body .ui.inverted::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .25)
}

body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, .15)
}

body .ui.inverted::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, .35)
}

/*!
 */
.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: 0;
  border: none;
  vertical-align: baseline;
  background: #e0e1e2 none;
  color: rgba(0, 0, 0, .6);
  font-family: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0 .25em 0 0;
  padding: .78571429em 1.5em .78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: 700;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: .28571429rem;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent
}

.ui.button:hover {
  background-color: #cacbcd;
  background-image: none;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
  color: rgba(0, 0, 0, .8)
}

.ui.button:hover .icon {
  opacity: .85
}

.ui.button:focus {
  background-color: #cacbcd;
  color: rgba(0, 0, 0, .8);
  background-image: '' !important;
  box-shadow: '' !important
}

.ui.button:focus .icon {
  opacity: .85
}

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

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

.ui.active.button:hover {
  background-color: #c0c1c2;
  background-image: none;
  color: rgba(0, 0, 0, .95)
}

.ui.active.button:active {
  background-color: #c0c1c2;
  background-image: none
}

.ui.loading.loading.loading.loading.loading.loading.button {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent !important;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0s linear, opacity .1s ease;
  transition: all 0s linear, opacity .1s ease
}

.ui.loading.button:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -.64285714em 0 0 -.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: .2em solid rgba(0, 0, 0, .15)
}

.ui.loading.button:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -.64285714em 0 0 -.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin .6s linear;
  animation: button-spin .6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: .2em;
  box-shadow: 0 0 0 1px transparent
}

.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  box-shadow: none
}

@-webkit-keyframes button-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes button-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.ui.basic.loading.button:not(.inverted):before {
  border-color: rgba(0, 0, 0, .1)
}

.ui.basic.loading.button:not(.inverted):after {
  border-top-color: #767676
}

.ui.button:disabled,
.ui.buttons .disabled.button,
.ui.disabled.active.button,
.ui.disabled.button,
.ui.disabled.button:hover {
  cursor: default;
  opacity: .45 !important;
  background-image: none !important;
  box-shadow: none !important;
  pointer-events: none !important
}

.ui.basic.buttons .ui.disabled.button {
  border-color: rgba(34, 36, 38, .5)
}

.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%
}

.ui.animated.button .hidden.content,
.ui.animated.button .visible.content {
  -webkit-transition: right .3s ease 0s;
  transition: right .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: -.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
}

.ui.vertical.animated.button .hidden.content,
.ui.vertical.animated.button .visible.content {
  -webkit-transition: top .3s ease, -webkit-transform .3s ease;
  transition: top .3s ease, -webkit-transform .3s ease;
  transition: top .3s ease, transform .3s ease;
  transition: top .3s ease, transform .3s ease, -webkit-transform .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
}

.ui.fade.animated.button .hidden.content,
.ui.fade.animated.button .visible.content {
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .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(.75);
  transform: scale(.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)
}

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

.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
}

.ui.inverted.button:hover {
  background: #fff;
  box-shadow: 0 0 0 2px #fff inset !important;
  color: rgba(0, 0, 0, .8)
}

.ui.inverted.button.active,
.ui.inverted.button:focus {
  background: #fff;
  box-shadow: 0 0 0 2px #fff inset !important;
  color: rgba(0, 0, 0, .8)
}

.ui.inverted.button.active:focus {
  background: #dcddde;
  box-shadow: 0 0 0 2px #dcddde inset !important;
  color: rgba(0, 0, 0, .8)
}

.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: 0 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important
}

.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;
  padding: '';
  font-size: 1em;
  border-color: rgba(34, 36, 38, .15)
}

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

.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
}

.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
}

.ui.facebook.button {
  background-color: #3b5998;
  color: #fff;
  text-shadow: none;
  background-image: none;
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.facebook.button:hover {
  background-color: #304d8a;
  color: #fff;
  text-shadow: none
}

.ui.facebook.button:active {
  background-color: #2d4373;
  color: #fff;
  text-shadow: none
}

.ui.twitter.button {
  background-color: #55acee;
  color: #fff;
  text-shadow: none;
  background-image: none;
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.twitter.button:hover {
  background-color: #35a2f4;
  color: #fff;
  text-shadow: none
}

.ui.twitter.button:active {
  background-color: #2795e9;
  color: #fff;
  text-shadow: none
}

.ui.google.plus.button {
  background-color: #dd4b39;
  color: #fff;
  text-shadow: none;
  background-image: none;
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.google.plus.button:hover {
  background-color: #e0321c;
  color: #fff;
  text-shadow: none
}

.ui.google.plus.button:active {
  background-color: #c23321;
  color: #fff;
  text-shadow: none
}

.ui.linkedin.button {
  background-color: #1f88be;
  color: #fff;
  text-shadow: none
}

.ui.linkedin.button:hover {
  background-color: #147baf;
  color: #fff;
  text-shadow: none
}

.ui.linkedin.button:active {
  background-color: #186992;
  color: #fff;
  text-shadow: none
}

.ui.youtube.button {
  background-color: #cc181e;
  color: #fff;
  text-shadow: none;
  background-image: none;
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.youtube.button:hover {
  background-color: #bd0d13;
  color: #fff;
  text-shadow: none
}

.ui.youtube.button:active {
  background-color: #9e1317;
  color: #fff;
  text-shadow: none
}

.ui.instagram.button {
  background-color: #49769c;
  color: #fff;
  text-shadow: none;
  background-image: none;
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.instagram.button:hover {
  background-color: #3d698e;
  color: #fff;
  text-shadow: none
}

.ui.instagram.button:active {
  background-color: #395c79;
  color: #fff;
  text-shadow: none
}

.ui.pinterest.button {
  background-color: #bd081c;
  color: #fff;
  text-shadow: none;
  background-image: none;
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.pinterest.button:hover {
  background-color: #ac0013;
  color: #fff;
  text-shadow: none
}

.ui.pinterest.button:active {
  background-color: #8c0615;
  color: #fff;
  text-shadow: none
}

.ui.vk.button {
  background-color: #4d7198;
  color: #fff;
  background-image: none;
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.vk.button:hover {
  background-color: #41648a;
  color: #fff
}

.ui.vk.button:active {
  background-color: #3c5876;
  color: #fff
}

.ui.button>.icon:not(.button) {
  height: .85714286em;
  opacity: .8;
  margin: 0 .42857143em 0 -.21428571em;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  vertical-align: '';
  color: ''
}

.ui.button:not(.icon)>.icon:not(.button):not(.dropdown) {
  margin: 0 .42857143em 0 -.21428571em
}

.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown) {
  margin: 0 -.21428571em 0 .42857143em
}

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

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

.ui.compact.button,
.ui.compact.buttons .button {
  padding: .58928571em 1.125em .58928571em
}

.ui.compact.icon.button,
.ui.compact.icon.buttons .button {
  padding: .58928571em .58928571em .58928571em
}

.ui.compact.labeled.icon.button,
.ui.compact.labeled.icon.buttons .button {
  padding: .58928571em 3.69642857em .58928571em
}

.ui.mini.button,
.ui.mini.buttons .button,
.ui.mini.buttons .or {
  font-size: .78571429rem
}

.ui.tiny.button,
.ui.tiny.buttons .button,
.ui.tiny.buttons .or {
  font-size: .85714286rem
}

.ui.small.button,
.ui.small.buttons .button,
.ui.small.buttons .or {
  font-size: .92857143rem
}

.ui.button,
.ui.buttons .button,
.ui.buttons .or {
  font-size: 1rem
}

.ui.large.button,
.ui.large.buttons .button,
.ui.large.buttons .or {
  font-size: 1.14285714rem
}

.ui.big.button,
.ui.big.buttons .button,
.ui.big.buttons .or {
  font-size: 1.28571429rem
}

.ui.huge.button,
.ui.huge.buttons .button,
.ui.huge.buttons .or {
  font-size: 1.42857143rem
}

.ui.massive.button,
.ui.massive.buttons .button,
.ui.massive.buttons .or {
  font-size: 1.71428571rem
}

.ui.icon.button,
.ui.icon.buttons .button {
  padding: .78571429em .78571429em .78571429em
}

.ui.icon.button>.icon,
.ui.icon.buttons .button>.icon {
  opacity: .9;
  margin: 0 !important;
  vertical-align: top
}

.ui.basic.button,
.ui.basic.buttons .button {
  background: transparent none !important;
  color: rgba(0, 0, 0, .6) !important;
  font-weight: 400;
  border-radius: .28571429rem;
  text-transform: none;
  text-shadow: none !important;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset
}

.ui.basic.buttons {
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, .15);
  border-radius: .28571429rem
}

.ui.basic.buttons .button {
  border-radius: 0
}

.ui.basic.button:hover,
.ui.basic.buttons .button:hover {
  background: #fff !important;
  color: rgba(0, 0, 0, .8) !important;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.basic.button:focus,
.ui.basic.buttons .button:focus {
  background: #fff !important;
  color: rgba(0, 0, 0, .8) !important;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.basic.button:active,
.ui.basic.buttons .button:active {
  background: #f8f8f8 !important;
  color: rgba(0, 0, 0, .9) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 1px 4px 0 rgba(34, 36, 38, .15) inset
}

.ui.basic.active.button,
.ui.basic.buttons .active.button {
  background: rgba(0, 0, 0, .05) !important;
  box-shadow: '' !important;
  color: rgba(0, 0, 0, .95)
}

.ui.basic.active.button:hover,
.ui.basic.buttons .active.button:hover {
  background-color: rgba(0, 0, 0, .05)
}

.ui.basic.buttons .button:hover {
  box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset inset
}

.ui.basic.buttons .button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 1px 4px 0 rgba(34, 36, 38, .15) inset inset
}

.ui.basic.buttons .active.button {
  box-shadow: '' !important
}

.ui.basic.inverted.button,
.ui.basic.inverted.buttons .button {
  background-color: transparent !important;
  color: #f9fafb !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important
}

.ui.basic.inverted.button:hover,
.ui.basic.inverted.buttons .button:hover {
  color: #fff !important;
  box-shadow: 0 0 0 2px #fff inset !important
}

.ui.basic.inverted.button:focus,
.ui.basic.inverted.buttons .button:focus {
  color: #fff !important;
  box-shadow: 0 0 0 2px #fff inset !important
}

.ui.basic.inverted.button:active,
.ui.basic.inverted.buttons .button:active {
  background-color: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .9) inset !important
}

.ui.basic.inverted.active.button,
.ui.basic.inverted.buttons .active.button {
  background-color: rgba(255, 255, 255, .08);
  color: #fff;
  text-shadow: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .7) inset
}

.ui.basic.inverted.active.button:hover,
.ui.basic.inverted.buttons .active.button:hover {
  background-color: rgba(255, 255, 255, .15);
  box-shadow: 0 0 0 2px #fff inset !important
}

.ui.basic.buttons .button {
  border-left: 1px solid rgba(34, 36, 38, .15);
  box-shadow: none
}

.ui.basic.vertical.buttons .button {
  border-left: none
}

.ui.basic.vertical.buttons .button {
  border-left-width: 0;
  border-top: 1px solid rgba(34, 36, 38, .15)
}

.ui.basic.vertical.buttons .button:first-child {
  border-top-width: 0
}

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

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

.ui.labeled.icon.button>.icon,
.ui.labeled.icon.buttons>.button>.icon {
  top: 0;
  left: 0
}

.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;
  box-shadow: 1px 0 0 0 transparent inset
}

.ui.labeled.icon.button>.icon:after,
.ui.labeled.icon.button>.icon:before,
.ui.labeled.icon.buttons>.button>.icon:after,
.ui.labeled.icon.buttons>.button>.icon:before {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.ui.labeled.icon.buttons .button>.icon {
  border-radius: 0
}

.ui.labeled.icon.buttons .button:first-child>.icon {
  border-top-left-radius: .28571429rem;
  border-bottom-left-radius: .28571429rem
}

.ui.labeled.icon.buttons .button:last-child>.icon {
  border-top-right-radius: .28571429rem;
  border-bottom-right-radius: .28571429rem
}

.ui.vertical.labeled.icon.buttons .button:first-child>.icon {
  border-radius: 0;
  border-top-left-radius: .28571429rem
}

.ui.vertical.labeled.icon.buttons .button:last-child>.icon {
  border-radius: 0;
  border-bottom-left-radius: .28571429rem
}

.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important
}

.ui.button.toggle.active,
.ui.buttons .button.toggle.active,
.ui.toggle.buttons .active.button {
  background-color: #21ba45 !important;
  box-shadow: none !important;
  text-shadow: none;
  color: #fff !important
}

.ui.button.toggle.active:hover {
  background-color: #16ab39 !important;
  text-shadow: none;
  color: #fff !important
}

.ui.circular.button {
  border-radius: 10em
}

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

.ui.buttons .or {
  position: relative;
  width: .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: #fff;
  text-shadow: none;
  margin-top: -.89285714em;
  margin-left: -.89285714em;
  width: 1.78571429em;
  height: 1.78571429em;
  line-height: 1.78571429em;
  color: rgba(0, 0, 0, .4);
  font-style: normal;
  font-weight: 700;
  box-shadow: 0 0 0 1px transparent inset
}

.ui.buttons .or[data-text]:before {
  content: attr(data-text)
}

.ui.fluid.buttons .or {
  width: 0 !important
}

.ui.fluid.buttons .or:after {
  display: none
}

.ui.attached.button {
  position: relative;
  display: block;
  margin: 0;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) !important
}

.ui.attached.top.button {
  border-radius: .28571429rem .28571429rem 0 0
}

.ui.attached.bottom.button {
  border-radius: 0 0 .28571429rem .28571429rem
}

.ui.left.attached.button {
  display: inline-block;
  border-left: none;
  text-align: right;
  padding-right: .75em;
  border-radius: .28571429rem 0 0 .28571429rem
}

.ui.right.attached.button {
  display: inline-block;
  text-align: left;
  padding-left: .75em;
  border-radius: 0 .28571429rem .28571429rem 0
}

.ui.attached.buttons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  width: auto !important;
  z-index: 2;
  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
}

.ui[class*="top attached"].buttons {
  margin-bottom: -1px;
  border-radius: .28571429rem .28571429rem 0 0
}

.ui[class*="top attached"].buttons .button:first-child {
  border-radius: .28571429rem 0 0 0
}

.ui[class*="top attached"].buttons .button:last-child {
  border-radius: 0 .28571429rem 0 0
}

.ui[class*="bottom attached"].buttons {
  margin-top: -1px;
  border-radius: 0 0 .28571429rem .28571429rem
}

.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0 0 0 .28571429rem
}

.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0 0 .28571429rem 0
}

.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 .28571429rem .28571429rem 0
}

.ui[class*="left attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0 .28571429rem 0 0
}

.ui[class*="left attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 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: .28571429rem 0 0 .28571429rem
}

.ui[class*="right attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: .28571429rem 0 0 0
}

.ui[class*="right attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0 0 0 .28571429rem
}

.ui.fluid.button,
.ui.fluid.buttons {
  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%
}

.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons>.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto
}

.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%
}

.ui.black.button,
.ui.black.buttons .button {
  background-color: #1b1c1d;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.black.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.black.button:hover,
.ui.black.buttons .button:hover {
  background-color: #27292a;
  color: #fff;
  text-shadow: none
}

.ui.black.button:focus,
.ui.black.buttons .button:focus {
  background-color: #2f3032;
  color: #fff;
  text-shadow: none
}

.ui.black.button:active,
.ui.black.buttons .button:active {
  background-color: #343637;
  color: #fff;
  text-shadow: none
}

.ui.black.active.button,
.ui.black.button .active.button:active,
.ui.black.buttons .active.button,
.ui.black.buttons .active.button:active {
  background-color: #0f0f10;
  color: #fff;
  text-shadow: none
}

.ui.basic.black.button,
.ui.basic.black.buttons .button {
  box-shadow: 0 0 0 1px #1b1c1d inset !important;
  color: #1b1c1d !important
}

.ui.basic.black.button:hover,
.ui.basic.black.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #27292a inset !important;
  color: #27292a !important
}

.ui.basic.black.button:focus,
.ui.basic.black.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #2f3032 inset !important;
  color: #27292a !important
}

.ui.basic.black.active.button,
.ui.basic.black.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #0f0f10 inset !important;
  color: #343637 !important
}

.ui.basic.black.button:active,
.ui.basic.black.buttons .button:active {
  box-shadow: 0 0 0 1px #343637 inset !important;
  color: #343637 !important
}

.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.black.button,
.ui.inverted.black.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #d4d4d5 inset !important;
  color: #fff
}

.ui.inverted.black.button.active,
.ui.inverted.black.button:active,
.ui.inverted.black.button:focus,
.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button.active,
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.buttons .button:hover {
  box-shadow: none !important;
  color: #fff
}

.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button:hover {
  background-color: #000
}

.ui.inverted.black.button:focus,
.ui.inverted.black.buttons .button:focus {
  background-color: #000
}

.ui.inverted.black.active.button,
.ui.inverted.black.buttons .active.button {
  background-color: #000
}

.ui.inverted.black.button:active,
.ui.inverted.black.buttons .button:active {
  background-color: #000
}

.ui.inverted.black.basic.button,
.ui.inverted.black.basic.buttons .button,
.ui.inverted.black.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.black.basic.button:hover,
.ui.inverted.black.basic.buttons .button:hover,
.ui.inverted.black.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #000 inset !important;
  color: #fff !important
}

.ui.inverted.black.basic.button:focus,
.ui.inverted.black.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #000 inset !important;
  color: #545454 !important
}

.ui.inverted.black.basic.active.button,
.ui.inverted.black.basic.buttons .active.button,
.ui.inverted.black.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #000 inset !important;
  color: #fff !important
}

.ui.inverted.black.basic.button:active,
.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #000 inset !important;
  color: #fff !important
}

.ui.grey.button,
.ui.grey.buttons .button {
  background-color: #767676;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.grey.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.grey.button:hover,
.ui.grey.buttons .button:hover {
  background-color: #838383;
  color: #fff;
  text-shadow: none
}

.ui.grey.button:focus,
.ui.grey.buttons .button:focus {
  background-color: #8a8a8a;
  color: #fff;
  text-shadow: none
}

.ui.grey.button:active,
.ui.grey.buttons .button:active {
  background-color: #909090;
  color: #fff;
  text-shadow: none
}

.ui.grey.active.button,
.ui.grey.button .active.button:active,
.ui.grey.buttons .active.button,
.ui.grey.buttons .active.button:active {
  background-color: #696969;
  color: #fff;
  text-shadow: none
}

.ui.basic.grey.button,
.ui.basic.grey.buttons .button {
  box-shadow: 0 0 0 1px #767676 inset !important;
  color: #767676 !important
}

.ui.basic.grey.button:hover,
.ui.basic.grey.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #838383 inset !important;
  color: #838383 !important
}

.ui.basic.grey.button:focus,
.ui.basic.grey.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #8a8a8a inset !important;
  color: #838383 !important
}

.ui.basic.grey.active.button,
.ui.basic.grey.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #696969 inset !important;
  color: #909090 !important
}

.ui.basic.grey.button:active,
.ui.basic.grey.buttons .button:active {
  box-shadow: 0 0 0 1px #909090 inset !important;
  color: #909090 !important
}

.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.grey.button,
.ui.inverted.grey.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #d4d4d5 inset !important;
  color: #fff
}

.ui.inverted.grey.button.active,
.ui.inverted.grey.button:active,
.ui.inverted.grey.button:focus,
.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button.active,
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.buttons .button:hover {
  box-shadow: none !important;
  color: rgba(0, 0, 0, .6)
}

.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button:hover {
  background-color: #cfd0d2
}

.ui.inverted.grey.button:focus,
.ui.inverted.grey.buttons .button:focus {
  background-color: #c7c9cb
}

.ui.inverted.grey.active.button,
.ui.inverted.grey.buttons .active.button {
  background-color: #cfd0d2
}

.ui.inverted.grey.button:active,
.ui.inverted.grey.buttons .button:active {
  background-color: #c2c4c5
}

.ui.inverted.grey.basic.button,
.ui.inverted.grey.basic.buttons .button,
.ui.inverted.grey.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.grey.basic.button:hover,
.ui.inverted.grey.basic.buttons .button:hover,
.ui.inverted.grey.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #cfd0d2 inset !important;
  color: #fff !important
}

.ui.inverted.grey.basic.button:focus,
.ui.inverted.grey.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #c7c9cb inset !important;
  color: #dcddde !important
}

.ui.inverted.grey.basic.active.button,
.ui.inverted.grey.basic.buttons .active.button,
.ui.inverted.grey.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #cfd0d2 inset !important;
  color: #fff !important
}

.ui.inverted.grey.basic.button:active,
.ui.inverted.grey.basic.buttons .button:active,
.ui.inverted.grey.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #c2c4c5 inset !important;
  color: #fff !important
}

.ui.brown.button,
.ui.brown.buttons .button {
  background-color: #a5673f;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.brown.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.brown.button:hover,
.ui.brown.buttons .button:hover {
  background-color: #975b33;
  color: #fff;
  text-shadow: none
}

.ui.brown.button:focus,
.ui.brown.buttons .button:focus {
  background-color: #90532b;
  color: #fff;
  text-shadow: none
}

.ui.brown.button:active,
.ui.brown.buttons .button:active {
  background-color: #805031;
  color: #fff;
  text-shadow: none
}

.ui.brown.active.button,
.ui.brown.button .active.button:active,
.ui.brown.buttons .active.button,
.ui.brown.buttons .active.button:active {
  background-color: #995a31;
  color: #fff;
  text-shadow: none
}

.ui.basic.brown.button,
.ui.basic.brown.buttons .button {
  box-shadow: 0 0 0 1px #a5673f inset !important;
  color: #a5673f !important
}

.ui.basic.brown.button:hover,
.ui.basic.brown.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #975b33 inset !important;
  color: #975b33 !important
}

.ui.basic.brown.button:focus,
.ui.basic.brown.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #90532b inset !important;
  color: #975b33 !important
}

.ui.basic.brown.active.button,
.ui.basic.brown.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #995a31 inset !important;
  color: #805031 !important
}

.ui.basic.brown.button:active,
.ui.basic.brown.buttons .button:active {
  box-shadow: 0 0 0 1px #805031 inset !important;
  color: #805031 !important
}

.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.brown.button,
.ui.inverted.brown.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #d67c1c inset !important;
  color: #d67c1c
}

.ui.inverted.brown.button.active,
.ui.inverted.brown.button:active,
.ui.inverted.brown.button:focus,
.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button.active,
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.buttons .button:hover {
  box-shadow: none !important;
  color: #fff
}

.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button:hover {
  background-color: #c86f11
}

.ui.inverted.brown.button:focus,
.ui.inverted.brown.buttons .button:focus {
  background-color: #c16808
}

.ui.inverted.brown.active.button,
.ui.inverted.brown.buttons .active.button {
  background-color: #cc6f0d
}

.ui.inverted.brown.button:active,
.ui.inverted.brown.buttons .button:active {
  background-color: #a96216
}

.ui.inverted.brown.basic.button,
.ui.inverted.brown.basic.buttons .button,
.ui.inverted.brown.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.brown.basic.button:hover,
.ui.inverted.brown.basic.buttons .button:hover,
.ui.inverted.brown.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #c86f11 inset !important;
  color: #d67c1c !important
}

.ui.inverted.brown.basic.button:focus,
.ui.inverted.brown.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #c16808 inset !important;
  color: #d67c1c !important
}

.ui.inverted.brown.basic.active.button,
.ui.inverted.brown.basic.buttons .active.button,
.ui.inverted.brown.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #cc6f0d inset !important;
  color: #d67c1c !important
}

.ui.inverted.brown.basic.button:active,
.ui.inverted.brown.basic.buttons .button:active,
.ui.inverted.brown.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #a96216 inset !important;
  color: #d67c1c !important
}

.ui.blue.button,
.ui.blue.buttons .button {
  background-color: #2185d0;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.blue.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
  background-color: #1678c2;
  color: #fff;
  text-shadow: none
}

.ui.blue.button:focus,
.ui.blue.buttons .button:focus {
  background-color: #0d71bb;
  color: #fff;
  text-shadow: none
}

.ui.blue.button:active,
.ui.blue.buttons .button:active {
  background-color: #1a69a4;
  color: #fff;
  text-shadow: none
}

.ui.blue.active.button,
.ui.blue.button .active.button:active,
.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active {
  background-color: #1279c6;
  color: #fff;
  text-shadow: none
}

.ui.basic.blue.button,
.ui.basic.blue.buttons .button {
  box-shadow: 0 0 0 1px #2185d0 inset !important;
  color: #2185d0 !important
}

.ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #1678c2 inset !important;
  color: #1678c2 !important
}

.ui.basic.blue.button:focus,
.ui.basic.blue.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #0d71bb inset !important;
  color: #1678c2 !important
}

.ui.basic.blue.active.button,
.ui.basic.blue.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #1279c6 inset !important;
  color: #1a69a4 !important
}

.ui.basic.blue.button:active,
.ui.basic.blue.buttons .button:active {
  box-shadow: 0 0 0 1px #1a69a4 inset !important;
  color: #1a69a4 !important
}

.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.blue.button,
.ui.inverted.blue.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #54c8ff inset !important;
  color: #54c8ff
}

.ui.inverted.blue.button.active,
.ui.inverted.blue.button:active,
.ui.inverted.blue.button:focus,
.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button.active,
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.buttons .button:hover {
  box-shadow: none !important;
  color: #fff
}

.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button:hover {
  background-color: #3ac0ff
}

.ui.inverted.blue.button:focus,
.ui.inverted.blue.buttons .button:focus {
  background-color: #2bbbff
}

.ui.inverted.blue.active.button,
.ui.inverted.blue.buttons .active.button {
  background-color: #3ac0ff
}

.ui.inverted.blue.button:active,
.ui.inverted.blue.buttons .button:active {
  background-color: #21b8ff
}

.ui.inverted.blue.basic.button,
.ui.inverted.blue.basic.buttons .button,
.ui.inverted.blue.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.blue.basic.button:hover,
.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #3ac0ff inset !important;
  color: #54c8ff !important
}

.ui.inverted.blue.basic.button:focus,
.ui.inverted.blue.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #2bbbff inset !important;
  color: #54c8ff !important
}

.ui.inverted.blue.basic.active.button,
.ui.inverted.blue.basic.buttons .active.button,
.ui.inverted.blue.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #3ac0ff inset !important;
  color: #54c8ff !important
}

.ui.inverted.blue.basic.button:active,
.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #21b8ff inset !important;
  color: #54c8ff !important
}

.ui.green.button,
.ui.green.buttons .button {
  background-color: #21ba45;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.green.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.green.button:hover,
.ui.green.buttons .button:hover {
  background-color: #16ab39;
  color: #fff;
  text-shadow: none
}

.ui.green.button:focus,
.ui.green.buttons .button:focus {
  background-color: #0ea432;
  color: #fff;
  text-shadow: none
}

.ui.green.button:active,
.ui.green.buttons .button:active {
  background-color: #198f35;
  color: #fff;
  text-shadow: none
}

.ui.green.active.button,
.ui.green.button .active.button:active,
.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active {
  background-color: #13ae38;
  color: #fff;
  text-shadow: none
}

.ui.basic.green.button,
.ui.basic.green.buttons .button {
  box-shadow: 0 0 0 1px #21ba45 inset !important;
  color: #21ba45 !important
}

.ui.basic.green.button:hover,
.ui.basic.green.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #16ab39 inset !important;
  color: #16ab39 !important
}

.ui.basic.green.button:focus,
.ui.basic.green.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #0ea432 inset !important;
  color: #16ab39 !important
}

.ui.basic.green.active.button,
.ui.basic.green.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #13ae38 inset !important;
  color: #198f35 !important
}

.ui.basic.green.button:active,
.ui.basic.green.buttons .button:active {
  box-shadow: 0 0 0 1px #198f35 inset !important;
  color: #198f35 !important
}

.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.green.button,
.ui.inverted.green.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #2ecc40 inset !important;
  color: #2ecc40
}

.ui.inverted.green.button.active,
.ui.inverted.green.button:active,
.ui.inverted.green.button:focus,
.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button.active,
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.buttons .button:hover {
  box-shadow: none !important;
  color: #fff
}

.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button:hover {
  background-color: #22be34
}

.ui.inverted.green.button:focus,
.ui.inverted.green.buttons .button:focus {
  background-color: #19b82b
}

.ui.inverted.green.active.button,
.ui.inverted.green.buttons .active.button {
  background-color: #1fc231
}

.ui.inverted.green.button:active,
.ui.inverted.green.buttons .button:active {
  background-color: #25a233
}

.ui.inverted.green.basic.button,
.ui.inverted.green.basic.buttons .button,
.ui.inverted.green.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.green.basic.button:hover,
.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #22be34 inset !important;
  color: #2ecc40 !important
}

.ui.inverted.green.basic.button:focus,
.ui.inverted.green.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #19b82b inset !important;
  color: #2ecc40 !important
}

.ui.inverted.green.basic.active.button,
.ui.inverted.green.basic.buttons .active.button,
.ui.inverted.green.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #1fc231 inset !important;
  color: #2ecc40 !important
}

.ui.inverted.green.basic.button:active,
.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #25a233 inset !important;
  color: #2ecc40 !important
}

.ui.orange.button,
.ui.orange.buttons .button {
  background-color: #f2711c;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.orange.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.orange.button:hover,
.ui.orange.buttons .button:hover {
  background-color: #f26202;
  color: #fff;
  text-shadow: none
}

.ui.orange.button:focus,
.ui.orange.buttons .button:focus {
  background-color: #e55b00;
  color: #fff;
  text-shadow: none
}

.ui.orange.button:active,
.ui.orange.buttons .button:active {
  background-color: #cf590c;
  color: #fff;
  text-shadow: none
}

.ui.orange.active.button,
.ui.orange.button .active.button:active,
.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active {
  background-color: #f56100;
  color: #fff;
  text-shadow: none
}

.ui.basic.orange.button,
.ui.basic.orange.buttons .button {
  box-shadow: 0 0 0 1px #f2711c inset !important;
  color: #f2711c !important
}

.ui.basic.orange.button:hover,
.ui.basic.orange.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #f26202 inset !important;
  color: #f26202 !important
}

.ui.basic.orange.button:focus,
.ui.basic.orange.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #e55b00 inset !important;
  color: #f26202 !important
}

.ui.basic.orange.active.button,
.ui.basic.orange.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #f56100 inset !important;
  color: #cf590c !important
}

.ui.basic.orange.button:active,
.ui.basic.orange.buttons .button:active {
  box-shadow: 0 0 0 1px #cf590c inset !important;
  color: #cf590c !important
}

.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.orange.button,
.ui.inverted.orange.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #ff851b inset !important;
  color: #ff851b
}

.ui.inverted.orange.button.active,
.ui.inverted.orange.button:active,
.ui.inverted.orange.button:focus,
.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button.active,
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.buttons .button:hover {
  box-shadow: none !important;
  color: #fff
}

.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button:hover {
  background-color: #ff7701
}

.ui.inverted.orange.button:focus,
.ui.inverted.orange.buttons .button:focus {
  background-color: #f17000
}

.ui.inverted.orange.active.button,
.ui.inverted.orange.buttons .active.button {
  background-color: #ff7701
}

.ui.inverted.orange.button:active,
.ui.inverted.orange.buttons .button:active {
  background-color: #e76b00
}

.ui.inverted.orange.basic.button,
.ui.inverted.orange.basic.buttons .button,
.ui.inverted.orange.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.orange.basic.button:hover,
.ui.inverted.orange.basic.buttons .button:hover,
.ui.inverted.orange.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #ff7701 inset !important;
  color: #ff851b !important
}

.ui.inverted.orange.basic.button:focus,
.ui.inverted.orange.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #f17000 inset !important;
  color: #ff851b !important
}

.ui.inverted.orange.basic.active.button,
.ui.inverted.orange.basic.buttons .active.button,
.ui.inverted.orange.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #ff7701 inset !important;
  color: #ff851b !important
}

.ui.inverted.orange.basic.button:active,
.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #e76b00 inset !important;
  color: #ff851b !important
}

.ui.pink.button,
.ui.pink.buttons .button {
  background-color: #e03997;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.pink.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.pink.button:hover,
.ui.pink.buttons .button:hover {
  background-color: #e61a8d;
  color: #fff;
  text-shadow: none
}

.ui.pink.button:focus,
.ui.pink.buttons .button:focus {
  background-color: #e10f85;
  color: #fff;
  text-shadow: none
}

.ui.pink.button:active,
.ui.pink.buttons .button:active {
  background-color: #c71f7e;
  color: #fff;
  text-shadow: none
}

.ui.pink.active.button,
.ui.pink.button .active.button:active,
.ui.pink.buttons .active.button,
.ui.pink.buttons .active.button:active {
  background-color: #ea158d;
  color: #fff;
  text-shadow: none
}

.ui.basic.pink.button,
.ui.basic.pink.buttons .button {
  box-shadow: 0 0 0 1px #e03997 inset !important;
  color: #e03997 !important
}

.ui.basic.pink.button:hover,
.ui.basic.pink.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #e61a8d inset !important;
  color: #e61a8d !important
}

.ui.basic.pink.button:focus,
.ui.basic.pink.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #e10f85 inset !important;
  color: #e61a8d !important
}

.ui.basic.pink.active.button,
.ui.basic.pink.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #ea158d inset !important;
  color: #c71f7e !important
}

.ui.basic.pink.button:active,
.ui.basic.pink.buttons .button:active {
  box-shadow: 0 0 0 1px #c71f7e inset !important;
  color: #c71f7e !important
}

.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.pink.button,
.ui.inverted.pink.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #ff8edf inset !important;
  color: #ff8edf
}

.ui.inverted.pink.button.active,
.ui.inverted.pink.button:active,
.ui.inverted.pink.button:focus,
.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button.active,
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.buttons .button:hover {
  box-shadow: none !important;
  color: #fff
}

.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button:hover {
  background-color: #ff74d8
}

.ui.inverted.pink.button:focus,
.ui.inverted.pink.buttons .button:focus {
  background-color: #ff65d3
}

.ui.inverted.pink.active.button,
.ui.inverted.pink.buttons .active.button {
  background-color: #ff74d8
}

.ui.inverted.pink.button:active,
.ui.inverted.pink.buttons .button:active {
  background-color: #ff5bd1
}

.ui.inverted.pink.basic.button,
.ui.inverted.pink.basic.buttons .button,
.ui.inverted.pink.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.pink.basic.button:hover,
.ui.inverted.pink.basic.buttons .button:hover,
.ui.inverted.pink.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #ff74d8 inset !important;
  color: #ff8edf !important
}

.ui.inverted.pink.basic.button:focus,
.ui.inverted.pink.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #ff65d3 inset !important;
  color: #ff8edf !important
}

.ui.inverted.pink.basic.active.button,
.ui.inverted.pink.basic.buttons .active.button,
.ui.inverted.pink.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #ff74d8 inset !important;
  color: #ff8edf !important
}

.ui.inverted.pink.basic.button:active,
.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #ff5bd1 inset !important;
  color: #ff8edf !important
}

.ui.violet.button,
.ui.violet.buttons .button {
  background-color: #6435c9;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.violet.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.violet.button:hover,
.ui.violet.buttons .button:hover {
  background-color: #5829bb;
  color: #fff;
  text-shadow: none
}

.ui.violet.button:focus,
.ui.violet.buttons .button:focus {
  background-color: #4f20b5;
  color: #fff;
  text-shadow: none
}

.ui.violet.button:active,
.ui.violet.buttons .button:active {
  background-color: #502aa1;
  color: #fff;
  text-shadow: none
}

.ui.violet.active.button,
.ui.violet.button .active.button:active,
.ui.violet.buttons .active.button,
.ui.violet.buttons .active.button:active {
  background-color: #5626bf;
  color: #fff;
  text-shadow: none
}

.ui.basic.violet.button,
.ui.basic.violet.buttons .button {
  box-shadow: 0 0 0 1px #6435c9 inset !important;
  color: #6435c9 !important
}

.ui.basic.violet.button:hover,
.ui.basic.violet.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #5829bb inset !important;
  color: #5829bb !important
}

.ui.basic.violet.button:focus,
.ui.basic.violet.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #4f20b5 inset !important;
  color: #5829bb !important
}

.ui.basic.violet.active.button,
.ui.basic.violet.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #5626bf inset !important;
  color: #502aa1 !important
}

.ui.basic.violet.button:active,
.ui.basic.violet.buttons .button:active {
  box-shadow: 0 0 0 1px #502aa1 inset !important;
  color: #502aa1 !important
}

.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.violet.button,
.ui.inverted.violet.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #a291fb inset !important;
  color: #a291fb
}

.ui.inverted.violet.button.active,
.ui.inverted.violet.button:active,
.ui.inverted.violet.button:focus,
.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button.active,
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.buttons .button:hover {
  box-shadow: none !important;
  color: #fff
}

.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button:hover {
  background-color: #8a73ff
}

.ui.inverted.violet.button:focus,
.ui.inverted.violet.buttons .button:focus {
  background-color: #7d64ff
}

.ui.inverted.violet.active.button,
.ui.inverted.violet.buttons .active.button {
  background-color: #8a73ff
}

.ui.inverted.violet.button:active,
.ui.inverted.violet.buttons .button:active {
  background-color: #7860f9
}

.ui.inverted.violet.basic.button,
.ui.inverted.violet.basic.buttons .button,
.ui.inverted.violet.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.violet.basic.button:hover,
.ui.inverted.violet.basic.buttons .button:hover,
.ui.inverted.violet.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #8a73ff inset !important;
  color: #a291fb !important
}

.ui.inverted.violet.basic.button:focus,
.ui.inverted.violet.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #7d64ff inset !important;
  color: #a291fb !important
}

.ui.inverted.violet.basic.active.button,
.ui.inverted.violet.basic.buttons .active.button,
.ui.inverted.violet.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #8a73ff inset !important;
  color: #a291fb !important
}

.ui.inverted.violet.basic.button:active,
.ui.inverted.violet.basic.buttons .button:active,
.ui.inverted.violet.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #7860f9 inset !important;
  color: #a291fb !important
}

.ui.purple.button,
.ui.purple.buttons .button {
  background-color: #a333c8;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.purple.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.purple.button:hover,
.ui.purple.buttons .button:hover {
  background-color: #9627ba;
  color: #fff;
  text-shadow: none
}

.ui.purple.button:focus,
.ui.purple.buttons .button:focus {
  background-color: #8f1eb4;
  color: #fff;
  text-shadow: none
}

.ui.purple.button:active,
.ui.purple.buttons .button:active {
  background-color: #82299f;
  color: #fff;
  text-shadow: none
}

.ui.purple.active.button,
.ui.purple.button .active.button:active,
.ui.purple.buttons .active.button,
.ui.purple.buttons .active.button:active {
  background-color: #9724be;
  color: #fff;
  text-shadow: none
}

.ui.basic.purple.button,
.ui.basic.purple.buttons .button {
  box-shadow: 0 0 0 1px #a333c8 inset !important;
  color: #a333c8 !important
}

.ui.basic.purple.button:hover,
.ui.basic.purple.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #9627ba inset !important;
  color: #9627ba !important
}

.ui.basic.purple.button:focus,
.ui.basic.purple.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #8f1eb4 inset !important;
  color: #9627ba !important
}

.ui.basic.purple.active.button,
.ui.basic.purple.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #9724be inset !important;
  color: #82299f !important
}

.ui.basic.purple.button:active,
.ui.basic.purple.buttons .button:active {
  box-shadow: 0 0 0 1px #82299f inset !important;
  color: #82299f !important
}

.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.purple.button,
.ui.inverted.purple.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #dc73ff inset !important;
  color: #dc73ff
}

.ui.inverted.purple.button.active,
.ui.inverted.purple.button:active,
.ui.inverted.purple.button:focus,
.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button.active,
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.buttons .button:hover {
  box-shadow: none !important;
  color: #fff
}

.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button:hover {
  background-color: #d65aff
}

.ui.inverted.purple.button:focus,
.ui.inverted.purple.buttons .button:focus {
  background-color: #d24aff
}

.ui.inverted.purple.active.button,
.ui.inverted.purple.buttons .active.button {
  background-color: #d65aff
}

.ui.inverted.purple.button:active,
.ui.inverted.purple.buttons .button:active {
  background-color: #cf40ff
}

.ui.inverted.purple.basic.button,
.ui.inverted.purple.basic.buttons .button,
.ui.inverted.purple.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.purple.basic.button:hover,
.ui.inverted.purple.basic.buttons .button:hover,
.ui.inverted.purple.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #d65aff inset !important;
  color: #dc73ff !important
}

.ui.inverted.purple.basic.button:focus,
.ui.inverted.purple.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #d24aff inset !important;
  color: #dc73ff !important
}

.ui.inverted.purple.basic.active.button,
.ui.inverted.purple.basic.buttons .active.button,
.ui.inverted.purple.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #d65aff inset !important;
  color: #dc73ff !important
}

.ui.inverted.purple.basic.button:active,
.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #cf40ff inset !important;
  color: #dc73ff !important
}

.ui.red.button,
.ui.red.buttons .button {
  background-color: #db2828;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.red.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.red.button:hover,
.ui.red.buttons .button:hover {
  background-color: #d01919;
  color: #fff;
  text-shadow: none
}

.ui.red.button:focus,
.ui.red.buttons .button:focus {
  background-color: #ca1010;
  color: #fff;
  text-shadow: none
}

.ui.red.button:active,
.ui.red.buttons .button:active {
  background-color: #b21e1e;
  color: #fff;
  text-shadow: none
}

.ui.red.active.button,
.ui.red.button .active.button:active,
.ui.red.buttons .active.button,
.ui.red.buttons .active.button:active {
  background-color: #d41515;
  color: #fff;
  text-shadow: none
}

.ui.basic.red.button,
.ui.basic.red.buttons .button {
  box-shadow: 0 0 0 1px #db2828 inset !important;
  color: #db2828 !important
}

.ui.basic.red.button:hover,
.ui.basic.red.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #d01919 inset !important;
  color: #d01919 !important
}

.ui.basic.red.button:focus,
.ui.basic.red.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #ca1010 inset !important;
  color: #d01919 !important
}

.ui.basic.red.active.button,
.ui.basic.red.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #d41515 inset !important;
  color: #b21e1e !important
}

.ui.basic.red.button:active,
.ui.basic.red.buttons .button:active {
  box-shadow: 0 0 0 1px #b21e1e inset !important;
  color: #b21e1e !important
}

.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.red.button,
.ui.inverted.red.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #ff695e inset !important;
  color: #ff695e
}

.ui.inverted.red.button.active,
.ui.inverted.red.button:active,
.ui.inverted.red.button:focus,
.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button.active,
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.buttons .button:hover {
  box-shadow: none !important;
  color: #fff
}

.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button:hover {
  background-color: #ff5144
}

.ui.inverted.red.button:focus,
.ui.inverted.red.buttons .button:focus {
  background-color: #ff4335
}

.ui.inverted.red.active.button,
.ui.inverted.red.buttons .active.button {
  background-color: #ff5144
}

.ui.inverted.red.button:active,
.ui.inverted.red.buttons .button:active {
  background-color: #ff392b
}

.ui.inverted.red.basic.button,
.ui.inverted.red.basic.buttons .button,
.ui.inverted.red.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.red.basic.button:hover,
.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #ff5144 inset !important;
  color: #ff695e !important
}

.ui.inverted.red.basic.button:focus,
.ui.inverted.red.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #ff4335 inset !important;
  color: #ff695e !important
}

.ui.inverted.red.basic.active.button,
.ui.inverted.red.basic.buttons .active.button,
.ui.inverted.red.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #ff5144 inset !important;
  color: #ff695e !important
}

.ui.inverted.red.basic.button:active,
.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #ff392b inset !important;
  color: #ff695e !important
}

.ui.teal.button,
.ui.teal.buttons .button {
  background-color: #00b5ad;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.teal.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.teal.button:hover,
.ui.teal.buttons .button:hover {
  background-color: #009c95;
  color: #fff;
  text-shadow: none
}

.ui.teal.button:focus,
.ui.teal.buttons .button:focus {
  background-color: #008c86;
  color: #fff;
  text-shadow: none
}

.ui.teal.button:active,
.ui.teal.buttons .button:active {
  background-color: #00827c;
  color: #fff;
  text-shadow: none
}

.ui.teal.active.button,
.ui.teal.button .active.button:active,
.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active {
  background-color: #009c95;
  color: #fff;
  text-shadow: none
}

.ui.basic.teal.button,
.ui.basic.teal.buttons .button {
  box-shadow: 0 0 0 1px #00b5ad inset !important;
  color: #00b5ad !important
}

.ui.basic.teal.button:hover,
.ui.basic.teal.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #009c95 inset !important;
  color: #009c95 !important
}

.ui.basic.teal.button:focus,
.ui.basic.teal.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #008c86 inset !important;
  color: #009c95 !important
}

.ui.basic.teal.active.button,
.ui.basic.teal.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #009c95 inset !important;
  color: #00827c !important
}

.ui.basic.teal.button:active,
.ui.basic.teal.buttons .button:active {
  box-shadow: 0 0 0 1px #00827c inset !important;
  color: #00827c !important
}

.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.teal.button,
.ui.inverted.teal.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #6dffff inset !important;
  color: #6dffff
}

.ui.inverted.teal.button.active,
.ui.inverted.teal.button:active,
.ui.inverted.teal.button:focus,
.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button.active,
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.buttons .button:hover {
  box-shadow: none !important;
  color: rgba(0, 0, 0, .6)
}

.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button:hover {
  background-color: #54ffff
}

.ui.inverted.teal.button:focus,
.ui.inverted.teal.buttons .button:focus {
  background-color: #4ff
}

.ui.inverted.teal.active.button,
.ui.inverted.teal.buttons .active.button {
  background-color: #54ffff
}

.ui.inverted.teal.button:active,
.ui.inverted.teal.buttons .button:active {
  background-color: #3affff
}

.ui.inverted.teal.basic.button,
.ui.inverted.teal.basic.buttons .button,
.ui.inverted.teal.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.teal.basic.button:hover,
.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #54ffff inset !important;
  color: #6dffff !important
}

.ui.inverted.teal.basic.button:focus,
.ui.inverted.teal.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #4ff inset !important;
  color: #6dffff !important
}

.ui.inverted.teal.basic.active.button,
.ui.inverted.teal.basic.buttons .active.button,
.ui.inverted.teal.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #54ffff inset !important;
  color: #6dffff !important
}

.ui.inverted.teal.basic.button:active,
.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #3affff inset !important;
  color: #6dffff !important
}

.ui.olive.button,
.ui.olive.buttons .button {
  background-color: #b5cc18;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.olive.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.olive.button:hover,
.ui.olive.buttons .button:hover {
  background-color: #a7bd0d;
  color: #fff;
  text-shadow: none
}

.ui.olive.button:focus,
.ui.olive.buttons .button:focus {
  background-color: #a0b605;
  color: #fff;
  text-shadow: none
}

.ui.olive.button:active,
.ui.olive.buttons .button:active {
  background-color: #8d9e13;
  color: #fff;
  text-shadow: none
}

.ui.olive.active.button,
.ui.olive.button .active.button:active,
.ui.olive.buttons .active.button,
.ui.olive.buttons .active.button:active {
  background-color: #aac109;
  color: #fff;
  text-shadow: none
}

.ui.basic.olive.button,
.ui.basic.olive.buttons .button {
  box-shadow: 0 0 0 1px #b5cc18 inset !important;
  color: #b5cc18 !important
}

.ui.basic.olive.button:hover,
.ui.basic.olive.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #a7bd0d inset !important;
  color: #a7bd0d !important
}

.ui.basic.olive.button:focus,
.ui.basic.olive.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #a0b605 inset !important;
  color: #a7bd0d !important
}

.ui.basic.olive.active.button,
.ui.basic.olive.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #aac109 inset !important;
  color: #8d9e13 !important
}

.ui.basic.olive.button:active,
.ui.basic.olive.buttons .button:active {
  box-shadow: 0 0 0 1px #8d9e13 inset !important;
  color: #8d9e13 !important
}

.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.olive.button,
.ui.inverted.olive.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #d9e778 inset !important;
  color: #d9e778
}

.ui.inverted.olive.button.active,
.ui.inverted.olive.button:active,
.ui.inverted.olive.button:focus,
.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button.active,
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.buttons .button:hover {
  box-shadow: none !important;
  color: rgba(0, 0, 0, .6)
}

.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button:hover {
  background-color: #d8ea5c
}

.ui.inverted.olive.button:focus,
.ui.inverted.olive.buttons .button:focus {
  background-color: #daef47
}

.ui.inverted.olive.active.button,
.ui.inverted.olive.buttons .active.button {
  background-color: #daed59
}

.ui.inverted.olive.button:active,
.ui.inverted.olive.buttons .button:active {
  background-color: #cddf4d
}

.ui.inverted.olive.basic.button,
.ui.inverted.olive.basic.buttons .button,
.ui.inverted.olive.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.olive.basic.button:hover,
.ui.inverted.olive.basic.buttons .button:hover,
.ui.inverted.olive.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #d8ea5c inset !important;
  color: #d9e778 !important
}

.ui.inverted.olive.basic.button:focus,
.ui.inverted.olive.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #daef47 inset !important;
  color: #d9e778 !important
}

.ui.inverted.olive.basic.active.button,
.ui.inverted.olive.basic.buttons .active.button,
.ui.inverted.olive.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #daed59 inset !important;
  color: #d9e778 !important
}

.ui.inverted.olive.basic.button:active,
.ui.inverted.olive.basic.buttons .button:active,
.ui.inverted.olive.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #cddf4d inset !important;
  color: #d9e778 !important
}

.ui.yellow.button,
.ui.yellow.buttons .button {
  background-color: #fbbd08;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.yellow.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.yellow.button:hover,
.ui.yellow.buttons .button:hover {
  background-color: #eaae00;
  color: #fff;
  text-shadow: none
}

.ui.yellow.button:focus,
.ui.yellow.buttons .button:focus {
  background-color: #daa300;
  color: #fff;
  text-shadow: none
}

.ui.yellow.button:active,
.ui.yellow.buttons .button:active {
  background-color: #cd9903;
  color: #fff;
  text-shadow: none
}

.ui.yellow.active.button,
.ui.yellow.button .active.button:active,
.ui.yellow.buttons .active.button,
.ui.yellow.buttons .active.button:active {
  background-color: #eaae00;
  color: #fff;
  text-shadow: none
}

.ui.basic.yellow.button,
.ui.basic.yellow.buttons .button {
  box-shadow: 0 0 0 1px #fbbd08 inset !important;
  color: #fbbd08 !important
}

.ui.basic.yellow.button:hover,
.ui.basic.yellow.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #eaae00 inset !important;
  color: #eaae00 !important
}

.ui.basic.yellow.button:focus,
.ui.basic.yellow.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #daa300 inset !important;
  color: #eaae00 !important
}

.ui.basic.yellow.active.button,
.ui.basic.yellow.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #eaae00 inset !important;
  color: #cd9903 !important
}

.ui.basic.yellow.button:active,
.ui.basic.yellow.buttons .button:active {
  box-shadow: 0 0 0 1px #cd9903 inset !important;
  color: #cd9903 !important
}

.ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child) {
  margin-left: -1px
}

.ui.inverted.yellow.button,
.ui.inverted.yellow.buttons .button {
  background-color: transparent;
  box-shadow: 0 0 0 2px #ffe21f inset !important;
  color: #ffe21f
}

.ui.inverted.yellow.button.active,
.ui.inverted.yellow.button:active,
.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button.active,
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.buttons .button:hover {
  box-shadow: none !important;
  color: rgba(0, 0, 0, .6)
}

.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button:hover {
  background-color: #ffdf05
}

.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.buttons .button:focus {
  background-color: #f5d500
}

.ui.inverted.yellow.active.button,
.ui.inverted.yellow.buttons .active.button {
  background-color: #ffdf05
}

.ui.inverted.yellow.button:active,
.ui.inverted.yellow.buttons .button:active {
  background-color: #ebcd00
}

.ui.inverted.yellow.basic.button,
.ui.inverted.yellow.basic.buttons .button,
.ui.inverted.yellow.buttons .basic.button {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;
  color: #fff !important
}

.ui.inverted.yellow.basic.button:hover,
.ui.inverted.yellow.basic.buttons .button:hover,
.ui.inverted.yellow.buttons .basic.button:hover {
  box-shadow: 0 0 0 2px #ffdf05 inset !important;
  color: #ffe21f !important
}

.ui.inverted.yellow.basic.button:focus,
.ui.inverted.yellow.basic.buttons .button:focus {
  box-shadow: 0 0 0 2px #f5d500 inset !important;
  color: #ffe21f !important
}

.ui.inverted.yellow.basic.active.button,
.ui.inverted.yellow.basic.buttons .active.button,
.ui.inverted.yellow.buttons .basic.active.button {
  box-shadow: 0 0 0 2px #ffdf05 inset !important;
  color: #ffe21f !important
}

.ui.inverted.yellow.basic.button:active,
.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active {
  box-shadow: 0 0 0 2px #ebcd00 inset !important;
  color: #ffe21f !important
}

.ui.primary.button,
.ui.primary.buttons .button {
  background-color: #2185d0;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.primary.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-color: #1678c2;
  color: #fff;
  text-shadow: none
}

.ui.primary.button:focus,
.ui.primary.buttons .button:focus {
  background-color: #0d71bb;
  color: #fff;
  text-shadow: none
}

.ui.primary.button:active,
.ui.primary.buttons .button:active {
  background-color: #1a69a4;
  color: #fff;
  text-shadow: none
}

.ui.primary.active.button,
.ui.primary.button .active.button:active,
.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active {
  background-color: #1279c6;
  color: #fff;
  text-shadow: none
}

.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
  box-shadow: 0 0 0 1px #2185d0 inset !important;
  color: #2185d0 !important
}

.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #1678c2 inset !important;
  color: #1678c2 !important
}

.ui.basic.primary.button:focus,
.ui.basic.primary.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #0d71bb inset !important;
  color: #1678c2 !important
}

.ui.basic.primary.active.button,
.ui.basic.primary.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #1279c6 inset !important;
  color: #1a69a4 !important
}

.ui.basic.primary.button:active,
.ui.basic.primary.buttons .button:active {
  box-shadow: 0 0 0 1px #1a69a4 inset !important;
  color: #1a69a4 !important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
  margin-left: -1px
}

.ui.secondary.button,
.ui.secondary.buttons .button {
  background-color: #1b1c1d;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.secondary.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.secondary.button:hover,
.ui.secondary.buttons .button:hover {
  background-color: #27292a;
  color: #fff;
  text-shadow: none
}

.ui.secondary.button:focus,
.ui.secondary.buttons .button:focus {
  background-color: #2e3032;
  color: #fff;
  text-shadow: none
}

.ui.secondary.button:active,
.ui.secondary.buttons .button:active {
  background-color: #343637;
  color: #fff;
  text-shadow: none
}

.ui.secondary.active.button,
.ui.secondary.button .active.button:active,
.ui.secondary.buttons .active.button,
.ui.secondary.buttons .active.button:active {
  background-color: #27292a;
  color: #fff;
  text-shadow: none
}

.ui.basic.secondary.button,
.ui.basic.secondary.buttons .button {
  box-shadow: 0 0 0 1px #1b1c1d inset !important;
  color: #1b1c1d !important
}

.ui.basic.secondary.button:hover,
.ui.basic.secondary.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #27292a inset !important;
  color: #27292a !important
}

.ui.basic.secondary.button:focus,
.ui.basic.secondary.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #2e3032 inset !important;
  color: #27292a !important
}

.ui.basic.secondary.active.button,
.ui.basic.secondary.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #27292a inset !important;
  color: #343637 !important
}

.ui.basic.secondary.button:active,
.ui.basic.secondary.buttons .button:active {
  box-shadow: 0 0 0 1px #343637 inset !important;
  color: #343637 !important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
  margin-left: -1px
}

.ui.positive.button,
.ui.positive.buttons .button {
  background-color: #21ba45;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.positive.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.positive.button:hover,
.ui.positive.buttons .button:hover {
  background-color: #16ab39;
  color: #fff;
  text-shadow: none
}

.ui.positive.button:focus,
.ui.positive.buttons .button:focus {
  background-color: #0ea432;
  color: #fff;
  text-shadow: none
}

.ui.positive.button:active,
.ui.positive.buttons .button:active {
  background-color: #198f35;
  color: #fff;
  text-shadow: none
}

.ui.positive.active.button,
.ui.positive.button .active.button:active,
.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active {
  background-color: #13ae38;
  color: #fff;
  text-shadow: none
}

.ui.basic.positive.button,
.ui.basic.positive.buttons .button {
  box-shadow: 0 0 0 1px #21ba45 inset !important;
  color: #21ba45 !important
}

.ui.basic.positive.button:hover,
.ui.basic.positive.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #16ab39 inset !important;
  color: #16ab39 !important
}

.ui.basic.positive.button:focus,
.ui.basic.positive.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #0ea432 inset !important;
  color: #16ab39 !important
}

.ui.basic.positive.active.button,
.ui.basic.positive.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #13ae38 inset !important;
  color: #198f35 !important
}

.ui.basic.positive.button:active,
.ui.basic.positive.buttons .button:active {
  box-shadow: 0 0 0 1px #198f35 inset !important;
  color: #198f35 !important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
  margin-left: -1px
}

.ui.negative.button,
.ui.negative.buttons .button {
  background-color: #db2828;
  color: #fff;
  text-shadow: none;
  background-image: none
}

.ui.negative.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.negative.button:hover,
.ui.negative.buttons .button:hover {
  background-color: #d01919;
  color: #fff;
  text-shadow: none
}

.ui.negative.button:focus,
.ui.negative.buttons .button:focus {
  background-color: #ca1010;
  color: #fff;
  text-shadow: none
}

.ui.negative.button:active,
.ui.negative.buttons .button:active {
  background-color: #b21e1e;
  color: #fff;
  text-shadow: none
}

.ui.negative.active.button,
.ui.negative.button .active.button:active,
.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active {
  background-color: #d41515;
  color: #fff;
  text-shadow: none
}

.ui.basic.negative.button,
.ui.basic.negative.buttons .button {
  box-shadow: 0 0 0 1px #db2828 inset !important;
  color: #db2828 !important
}

.ui.basic.negative.button:hover,
.ui.basic.negative.buttons .button:hover {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #d01919 inset !important;
  color: #d01919 !important
}

.ui.basic.negative.button:focus,
.ui.basic.negative.buttons .button:focus {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #ca1010 inset !important;
  color: #d01919 !important
}

.ui.basic.negative.active.button,
.ui.basic.negative.buttons .active.button {
  background: 0 0 !important;
  box-shadow: 0 0 0 1px #d41515 inset !important;
  color: #b21e1e !important
}

.ui.basic.negative.button:active,
.ui.basic.negative.buttons .button:active {
  box-shadow: 0 0 0 1px #b21e1e inset !important;
  color: #b21e1e !important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
  margin-left: -1px
}

.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 .25em 0 0
}

.ui.buttons:not(.basic):not(.inverted) {
  box-shadow: none
}

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

.ui.buttons .button {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: 0;
  border-radius: 0;
  margin: 0
}

.ui.buttons:not(.basic):not(.inverted)>.button,
.ui.buttons>.ui.button:not(.basic):not(.inverted) {
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.buttons .button:first-child {
  border-left: none;
  margin-left: 0;
  border-top-left-radius: .28571429rem;
  border-bottom-left-radius: .28571429rem
}

.ui.buttons .button:last-child {
  border-top-right-radius: .28571429rem;
  border-bottom-right-radius: .28571429rem
}

.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;
  box-shadow: none;
  border-radius: 0
}

.ui.vertical.buttons .button:first-child {
  border-top-left-radius: .28571429rem;
  border-top-right-radius: .28571429rem
}

.ui.vertical.buttons .button:last-child {
  margin-bottom: 0;
  border-bottom-left-radius: .28571429rem;
  border-bottom-right-radius: .28571429rem
}

.ui.vertical.buttons .button:only-child {
  border-radius: .28571429rem
}

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

@media only screen and (max-width:767px) {
  .ui.container {
    width: auto !important;
    margin-left: 1em !important;
    margin-right: 1em !important
  }

  .ui.grid.container {
    width: auto !important
  }

  .ui.relaxed.grid.container {
    width: auto !important
  }

  .ui.very.relaxed.grid.container {
    width: auto !important
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .ui.container {
    width: 723px;
    margin-left: auto !important;
    margin-right: auto !important
  }

  .ui.grid.container {
    width: calc(723px + 2rem) !important
  }

  .ui.relaxed.grid.container {
    width: calc(723px + 3rem) !important
  }

  .ui.very.relaxed.grid.container {
    width: calc(723px + 5rem) !important
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .ui.container {
    width: 933px;
    margin-left: auto !important;
    margin-right: auto !important
  }

  .ui.grid.container {
    width: calc(933px + 2rem) !important
  }

  .ui.relaxed.grid.container {
    width: calc(933px + 3rem) !important
  }

  .ui.very.relaxed.grid.container {
    width: calc(933px + 5rem) !important
  }
}

@media only screen and (min-width:1200px) {
  .ui.container {
    width: 1127px;
    margin-left: auto !important;
    margin-right: auto !important
  }

  .ui.grid.container {
    width: calc(1127px + 2rem) !important
  }

  .ui.relaxed.grid.container {
    width: calc(1127px + 3rem) !important
  }

  .ui.very.relaxed.grid.container {
    width: calc(1127px + 5rem) !important
  }
}

.ui.text.container {
  font-family: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  max-width: 700px !important;
  line-height: 1.5
}

.ui.text.container {
  font-size: 1.14285714rem
}

.ui.fluid.container {
  width: 100%
}

.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
}

/*!
 */
.ui.divider {
  margin: 1rem 0;
  line-height: 1;
  height: 0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: rgba(0, 0, 0, .85);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

.ui.divider:not(.vertical):not(.horizontal) {
  border-top: 1px solid rgba(34, 36, 38, .15);
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.ui.grid>.column+.divider,
.ui.grid>.row>.column+.divider {
  left: auto
}

.ui.horizontal.divider {
  display: table;
  white-space: nowrap;
  height: auto;
  margin: '';
  line-height: 1;
  text-align: center
}

.ui.horizontal.divider:after,
.ui.horizontal.divider:before {
  content: '';
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat
}

.ui.horizontal.divider:before {
  background-position: right 1em top 50%
}

.ui.horizontal.divider:after {
  background-position: left 1em top 50%
}

.ui.vertical.divider {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: auto;
  height: 50%;
  line-height: 0;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.ui.vertical.divider:after,
.ui.vertical.divider:before {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 3;
  border-left: 1px solid rgba(34, 36, 38, .15);
  border-right: 1px solid rgba(255, 255, 255, .1);
  width: 0;
  height: calc(100% - 1rem)
}

.ui.vertical.divider:before {
  top: -100%
}

.ui.vertical.divider:after {
  top: auto;
  bottom: 0
}

@media only screen and (max-width:767px) {

  .ui.grid .stackable.row .ui.vertical.divider,
  .ui.stackable.grid .ui.vertical.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: '';
    overflow: hidden;
    line-height: 1;
    text-align: center;
    position: static;
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none
  }

  .ui.grid .stackable.row .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:before,
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.stackable.grid .ui.vertical.divider:before {
    position: static;
    left: 0;
    border-left: none;
    border-right: none;
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat
  }

  .ui.grid .stackable.row .ui.vertical.divider:before,
  .ui.stackable.grid .ui.vertical.divider:before {
    background-position: right 1em top 50%
  }

  .ui.grid .stackable.row .ui.vertical.divider:after,
  .ui.stackable.grid .ui.vertical.divider:after {
    background-position: left 1em top 50%
  }
}

.ui.divider>.icon {
  margin: 0;
  font-size: 1rem;
  height: 1em;
  vertical-align: middle
}

.ui.hidden.divider {
  border-color: transparent !important
}

.ui.hidden.divider:after,
.ui.hidden.divider:before {
  display: none
}

.ui.divider.inverted,
.ui.horizontal.inverted.divider,
.ui.vertical.inverted.divider {
  color: #fff
}

.ui.divider.inverted,
.ui.divider.inverted:after,
.ui.divider.inverted:before {
  border-top-color: rgba(34, 36, 38, .15) !important;
  border-left-color: rgba(34, 36, 38, .15) !important;
  border-bottom-color: rgba(255, 255, 255, .15) !important;
  border-right-color: rgba(255, 255, 255, .15) !important
}

.ui.fitted.divider {
  margin: 0
}

.ui.clearing.divider {
  clear: both
}

.ui.section.divider {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.ui.divider {
  font-size: 1rem
}

.ui.horizontal.divider:after,
.ui.horizontal.divider:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)
}

@media only screen and (max-width:767px) {

  .ui.grid .stackable.row .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:before,
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.stackable.grid .ui.vertical.divider:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)
  }
}

/*!
 */
i.flag:not(.icon) {
  display: inline-block;
  width: 16px;
  height: 11px;
  line-height: 11px;
  vertical-align: baseline;
  margin: 0 .5em 0 0;
  text-decoration: inherit;
  speak: none;
  font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

i.flag:not(.icon):before {
  display: inline-block;
  content: '';
  background: url(themes/default/assets/images/flags.png) no-repeat -108px -1976px;
  width: 16px;
  height: 11px
}

i.flag.ad:before,
i.flag.andorra:before {
  background-position: 0 0
}

i.flag.ae:before,
i.flag.uae:before,
i.flag.united.arab.emirates:before {
  background-position: 0 -26px
}

i.flag.af:before,
i.flag.afghanistan:before {
  background-position: 0 -52px
}

i.flag.ag:before,
i.flag.antigua:before {
  background-position: 0 -78px
}

i.flag.ai:before,
i.flag.anguilla:before {
  background-position: 0 -104px
}

i.flag.al:before,
i.flag.albania:before {
  background-position: 0 -130px
}

i.flag.am:before,
i.flag.armenia:before {
  background-position: 0 -156px
}

i.flag.an:before,
i.flag.netherlands.antilles:before {
  background-position: 0 -182px
}

i.flag.angola:before,
i.flag.ao:before {
  background-position: 0 -208px
}

i.flag.ar:before,
i.flag.argentina:before {
  background-position: 0 -234px
}

i.flag.american.samoa:before,
i.flag.as:before {
  background-position: 0 -260px
}

i.flag.at:before,
i.flag.austria:before {
  background-position: 0 -286px
}

i.flag.au:before,
i.flag.australia:before {
  background-position: 0 -312px
}

i.flag.aruba:before,
i.flag.aw:before {
  background-position: 0 -338px
}

i.flag.aland.islands:before,
i.flag.ax:before {
  background-position: 0 -364px
}

i.flag.az:before,
i.flag.azerbaijan:before {
  background-position: 0 -390px
}

i.flag.ba:before,
i.flag.bosnia:before {
  background-position: 0 -416px
}

i.flag.barbados:before,
i.flag.bb:before {
  background-position: 0 -442px
}

i.flag.bangladesh:before,
i.flag.bd:before {
  background-position: 0 -468px
}

i.flag.be:before,
i.flag.belgium:before {
  background-position: 0 -494px
}

i.flag.bf:before,
i.flag.burkina.faso:before {
  background-position: 0 -520px
}

i.flag.bg:before,
i.flag.bulgaria:before {
  background-position: 0 -546px
}

i.flag.bahrain:before,
i.flag.bh:before {
  background-position: 0 -572px
}

i.flag.bi:before,
i.flag.burundi:before {
  background-position: 0 -598px
}

i.flag.benin:before,
i.flag.bj:before {
  background-position: 0 -624px
}

i.flag.bermuda:before,
i.flag.bm:before {
  background-position: 0 -650px
}

i.flag.bn:before,
i.flag.brunei:before {
  background-position: 0 -676px
}

i.flag.bo:before,
i.flag.bolivia:before {
  background-position: 0 -702px
}

i.flag.br:before,
i.flag.brazil:before {
  background-position: 0 -728px
}

i.flag.bahamas:before,
i.flag.bs:before {
  background-position: 0 -754px
}

i.flag.bhutan:before,
i.flag.bt:before {
  background-position: 0 -780px
}

i.flag.bouvet.island:before,
i.flag.bv:before {
  background-position: 0 -806px
}

i.flag.botswana:before,
i.flag.bw:before {
  background-position: 0 -832px
}

i.flag.belarus:before,
i.flag.by:before {
  background-position: 0 -858px
}

i.flag.belize:before,
i.flag.bz:before {
  background-position: 0 -884px
}

i.flag.ca:before,
i.flag.canada:before {
  background-position: 0 -910px
}

i.flag.cc:before,
i.flag.cocos.islands:before {
  background-position: 0 -962px
}

i.flag.cd:before,
i.flag.congo:before {
  background-position: 0 -988px
}

i.flag.central.african.republic:before,
i.flag.cf:before {
  background-position: 0 -1014px
}

i.flag.cg:before,
i.flag.congo.brazzaville:before {
  background-position: 0 -1040px
}

i.flag.ch:before,
i.flag.switzerland:before {
  background-position: 0 -1066px
}

i.flag.ci:before,
i.flag.cote.divoire:before {
  background-position: 0 -1092px
}

i.flag.ck:before,
i.flag.cook.islands:before {
  background-position: 0 -1118px
}

i.flag.chile:before,
i.flag.cl:before {
  background-position: 0 -1144px
}

i.flag.cameroon:before,
i.flag.cm:before {
  background-position: 0 -1170px
}

i.flag.china:before,
i.flag.cn:before {
  background-position: 0 -1196px
}

i.flag.co:before,
i.flag.colombia:before {
  background-position: 0 -1222px
}

i.flag.costa.rica:before,
i.flag.cr:before {
  background-position: 0 -1248px
}

i.flag.cs:before,
i.flag.serbia:before {
  background-position: 0 -1274px
}

i.flag.cu:before,
i.flag.cuba:before {
  background-position: 0 -1300px
}

i.flag.cape.verde:before,
i.flag.cv:before {
  background-position: 0 -1326px
}

i.flag.christmas.island:before,
i.flag.cx:before {
  background-position: 0 -1352px
}

i.flag.cy:before,
i.flag.cyprus:before {
  background-position: 0 -1378px
}

i.flag.cz:before,
i.flag.czech.republic:before {
  background-position: 0 -1404px
}

i.flag.de:before,
i.flag.germany:before {
  background-position: 0 -1430px
}

i.flag.dj:before,
i.flag.djibouti:before {
  background-position: 0 -1456px
}

i.flag.denmark:before,
i.flag.dk:before {
  background-position: 0 -1482px
}

i.flag.dm:before,
i.flag.dominica:before {
  background-position: 0 -1508px
}

i.flag.do:before,
i.flag.dominican.republic:before {
  background-position: 0 -1534px
}

i.flag.algeria:before,
i.flag.dz:before {
  background-position: 0 -1560px
}

i.flag.ec:before,
i.flag.ecuador:before {
  background-position: 0 -1586px
}

i.flag.ee:before,
i.flag.estonia:before {
  background-position: 0 -1612px
}

i.flag.eg:before,
i.flag.egypt:before {
  background-position: 0 -1638px
}

i.flag.eh:before,
i.flag.western.sahara:before {
  background-position: 0 -1664px
}

i.flag.er:before,
i.flag.eritrea:before {
  background-position: 0 -1716px
}

i.flag.es:before,
i.flag.spain:before {
  background-position: 0 -1742px
}

i.flag.et:before,
i.flag.ethiopia:before {
  background-position: 0 -1768px
}

i.flag.eu:before,
i.flag.european.union:before {
  background-position: 0 -1794px
}

i.flag.fi:before,
i.flag.finland:before {
  background-position: 0 -1846px
}

i.flag.fiji:before,
i.flag.fj:before {
  background-position: 0 -1872px
}

i.flag.falkland.islands:before,
i.flag.fk:before {
  background-position: 0 -1898px
}

i.flag.fm:before,
i.flag.micronesia:before {
  background-position: 0 -1924px
}

i.flag.faroe.islands:before,
i.flag.fo:before {
  background-position: 0 -1950px
}

i.flag.fr:before,
i.flag.france:before {
  background-position: 0 -1976px
}

i.flag.ga:before,
i.flag.gabon:before {
  background-position: -36px 0
}

i.flag.gb:before,
i.flag.united.kingdom:before {
  background-position: -36px -26px
}

i.flag.gd:before,
i.flag.grenada:before {
  background-position: -36px -52px
}

i.flag.ge:before,
i.flag.georgia:before {
  background-position: -36px -78px
}

i.flag.french.guiana:before,
i.flag.gf:before {
  background-position: -36px -104px
}

i.flag.gh:before,
i.flag.ghana:before {
  background-position: -36px -130px
}

i.flag.gi:before,
i.flag.gibraltar:before {
  background-position: -36px -156px
}

i.flag.gl:before,
i.flag.greenland:before {
  background-position: -36px -182px
}

i.flag.gambia:before,
i.flag.gm:before {
  background-position: -36px -208px
}

i.flag.gn:before,
i.flag.guinea:before {
  background-position: -36px -234px
}

i.flag.gp:before,
i.flag.guadeloupe:before {
  background-position: -36px -260px
}

i.flag.equatorial.guinea:before,
i.flag.gq:before {
  background-position: -36px -286px
}

i.flag.gr:before,
i.flag.greece:before {
  background-position: -36px -312px
}

i.flag.gs:before,
i.flag.sandwich.islands:before {
  background-position: -36px -338px
}

i.flag.gt:before,
i.flag.guatemala:before {
  background-position: -36px -364px
}

i.flag.gu:before,
i.flag.guam:before {
  background-position: -36px -390px
}

i.flag.guinea-bissau:before,
i.flag.gw:before {
  background-position: -36px -416px
}

i.flag.guyana:before,
i.flag.gy:before {
  background-position: -36px -442px
}

i.flag.hk:before,
i.flag.hong.kong:before {
  background-position: -36px -468px
}

i.flag.heard.island:before,
i.flag.hm:before {
  background-position: -36px -494px
}

i.flag.hn:before,
i.flag.honduras:before {
  background-position: -36px -520px
}

i.flag.croatia:before,
i.flag.hr:before {
  background-position: -36px -546px
}

i.flag.haiti:before,
i.flag.ht:before {
  background-position: -36px -572px
}

i.flag.hu:before,
i.flag.hungary:before {
  background-position: -36px -598px
}

i.flag.id:before,
i.flag.indonesia:before {
  background-position: -36px -624px
}

i.flag.ie:before,
i.flag.ireland:before {
  background-position: -36px -650px
}

i.flag.il:before,
i.flag.israel:before {
  background-position: -36px -676px
}

i.flag.in:before,
i.flag.india:before {
  background-position: -36px -702px
}

i.flag.indian.ocean.territory:before,
i.flag.io:before {
  background-position: -36px -728px
}

i.flag.iq:before,
i.flag.iraq:before {
  background-position: -36px -754px
}

i.flag.ir:before,
i.flag.iran:before {
  background-position: -36px -780px
}

i.flag.iceland:before,
i.flag.is:before {
  background-position: -36px -806px
}

i.flag.it:before,
i.flag.italy:before {
  background-position: -36px -832px
}

i.flag.jamaica:before,
i.flag.jm:before {
  background-position: -36px -858px
}

i.flag.jo:before,
i.flag.jordan:before {
  background-position: -36px -884px
}

i.flag.japan:before,
i.flag.jp:before {
  background-position: -36px -910px
}

i.flag.ke:before,
i.flag.kenya:before {
  background-position: -36px -936px
}

i.flag.kg:before,
i.flag.kyrgyzstan:before {
  background-position: -36px -962px
}

i.flag.cambodia:before,
i.flag.kh:before {
  background-position: -36px -988px
}

i.flag.ki:before,
i.flag.kiribati:before {
  background-position: -36px -1014px
}

i.flag.comoros:before,
i.flag.km:before {
  background-position: -36px -1040px
}

i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
  background-position: -36px -1066px
}

i.flag.kp:before,
i.flag.north.korea:before {
  background-position: -36px -1092px
}

i.flag.kr:before,
i.flag.south.korea:before {
  background-position: -36px -1118px
}

i.flag.kuwait:before,
i.flag.kw:before {
  background-position: -36px -1144px
}

i.flag.cayman.islands:before,
i.flag.ky:before {
  background-position: -36px -1170px
}

i.flag.kazakhstan:before,
i.flag.kz:before {
  background-position: -36px -1196px
}

i.flag.la:before,
i.flag.laos:before {
  background-position: -36px -1222px
}

i.flag.lb:before,
i.flag.lebanon:before {
  background-position: -36px -1248px
}

i.flag.lc:before,
i.flag.saint.lucia:before {
  background-position: -36px -1274px
}

i.flag.li:before,
i.flag.liechtenstein:before {
  background-position: -36px -1300px
}

i.flag.lk:before,
i.flag.sri.lanka:before {
  background-position: -36px -1326px
}

i.flag.liberia:before,
i.flag.lr:before {
  background-position: -36px -1352px
}

i.flag.lesotho:before,
i.flag.ls:before {
  background-position: -36px -1378px
}

i.flag.lithuania:before,
i.flag.lt:before {
  background-position: -36px -1404px
}

i.flag.lu:before,
i.flag.luxembourg:before {
  background-position: -36px -1430px
}

i.flag.latvia:before,
i.flag.lv:before {
  background-position: -36px -1456px
}

i.flag.libya:before,
i.flag.ly:before {
  background-position: -36px -1482px
}

i.flag.ma:before,
i.flag.morocco:before {
  background-position: -36px -1508px
}

i.flag.mc:before,
i.flag.monaco:before {
  background-position: -36px -1534px
}

i.flag.md:before,
i.flag.moldova:before {
  background-position: -36px -1560px
}

i.flag.me:before,
i.flag.montenegro:before {
  background-position: -36px -1586px
}

i.flag.madagascar:before,
i.flag.mg:before {
  background-position: -36px -1613px
}

i.flag.marshall.islands:before,
i.flag.mh:before {
  background-position: -36px -1639px
}

i.flag.macedonia:before,
i.flag.mk:before {
  background-position: -36px -1665px
}

i.flag.mali:before,
i.flag.ml:before {
  background-position: -36px -1691px
}

i.flag.burma:before,
i.flag.mm:before,
i.flag.myanmar:before {
  background-position: -73px -1821px
}

i.flag.mn:before,
i.flag.mongolia:before {
  background-position: -36px -1743px
}

i.flag.macau:before,
i.flag.mo:before {
  background-position: -36px -1769px
}

i.flag.mp:before,
i.flag.northern.mariana.islands:before {
  background-position: -36px -1795px
}

i.flag.martinique:before,
i.flag.mq:before {
  background-position: -36px -1821px
}

i.flag.mauritania:before,
i.flag.mr:before {
  background-position: -36px -1847px
}

i.flag.montserrat:before,
i.flag.ms:before {
  background-position: -36px -1873px
}

i.flag.malta:before,
i.flag.mt:before {
  background-position: -36px -1899px
}

i.flag.mauritius:before,
i.flag.mu:before {
  background-position: -36px -1925px
}

i.flag.maldives:before,
i.flag.mv:before {
  background-position: -36px -1951px
}

i.flag.malawi:before,
i.flag.mw:before {
  background-position: -36px -1977px
}

i.flag.mexico:before,
i.flag.mx:before {
  background-position: -72px 0
}

i.flag.malaysia:before,
i.flag.my:before {
  background-position: -72px -26px
}

i.flag.mozambique:before,
i.flag.mz:before {
  background-position: -72px -52px
}

i.flag.na:before,
i.flag.namibia:before {
  background-position: -72px -78px
}

i.flag.nc:before,
i.flag.new.caledonia:before {
  background-position: -72px -104px
}

i.flag.ne:before,
i.flag.niger:before {
  background-position: -72px -130px
}

i.flag.nf:before,
i.flag.norfolk.island:before {
  background-position: -72px -156px
}

i.flag.ng:before,
i.flag.nigeria:before {
  background-position: -72px -182px
}

i.flag.ni:before,
i.flag.nicaragua:before {
  background-position: -72px -208px
}

i.flag.netherlands:before,
i.flag.nl:before {
  background-position: -72px -234px
}

i.flag.no:before,
i.flag.norway:before {
  background-position: -72px -260px
}

i.flag.nepal:before,
i.flag.np:before {
  background-position: -72px -286px
}

i.flag.nauru:before,
i.flag.nr:before {
  background-position: -72px -312px
}

i.flag.niue:before,
i.flag.nu:before {
  background-position: -72px -338px
}

i.flag.new.zealand:before,
i.flag.nz:before {
  background-position: -72px -364px
}

i.flag.om:before,
i.flag.oman:before {
  background-position: -72px -390px
}

i.flag.pa:before,
i.flag.panama:before {
  background-position: -72px -416px
}

i.flag.pe:before,
i.flag.peru:before {
  background-position: -72px -442px
}

i.flag.french.polynesia:before,
i.flag.pf:before {
  background-position: -72px -468px
}

i.flag.new.guinea:before,
i.flag.pg:before {
  background-position: -72px -494px
}

i.flag.ph:before,
i.flag.philippines:before {
  background-position: -72px -520px
}

i.flag.pakistan:before,
i.flag.pk:before {
  background-position: -72px -546px
}

i.flag.pl:before,
i.flag.poland:before {
  background-position: -72px -572px
}

i.flag.pm:before,
i.flag.saint.pierre:before {
  background-position: -72px -598px
}

i.flag.pitcairn.islands:before,
i.flag.pn:before {
  background-position: -72px -624px
}

i.flag.pr:before,
i.flag.puerto.rico:before {
  background-position: -72px -650px
}

i.flag.palestine:before,
i.flag.ps:before {
  background-position: -72px -676px
}

i.flag.portugal:before,
i.flag.pt:before {
  background-position: -72px -702px
}

i.flag.palau:before,
i.flag.pw:before {
  background-position: -72px -728px
}

i.flag.paraguay:before,
i.flag.py:before {
  background-position: -72px -754px
}

i.flag.qa:before,
i.flag.qatar:before {
  background-position: -72px -780px
}

i.flag.re:before,
i.flag.reunion:before {
  background-position: -72px -806px
}

i.flag.ro:before,
i.flag.romania:before {
  background-position: -72px -832px
}

i.flag.rs:before,
i.flag.serbia:before {
  background-position: -72px -858px
}

i.flag.ru:before,
i.flag.russia:before {
  background-position: -72px -884px
}

i.flag.rw:before,
i.flag.rwanda:before {
  background-position: -72px -910px
}

i.flag.sa:before,
i.flag.saudi.arabia:before {
  background-position: -72px -936px
}

i.flag.sb:before,
i.flag.solomon.islands:before {
  background-position: -72px -962px
}

i.flag.sc:before,
i.flag.seychelles:before {
  background-position: -72px -988px
}

i.flag.gb.sct:before,
i.flag.scotland:before {
  background-position: -72px -1014px
}

i.flag.sd:before,
i.flag.sudan:before {
  background-position: -72px -1040px
}

i.flag.se:before,
i.flag.sweden:before {
  background-position: -72px -1066px
}

i.flag.sg:before,
i.flag.singapore:before {
  background-position: -72px -1092px
}

i.flag.saint.helena:before,
i.flag.sh:before {
  background-position: -72px -1118px
}

i.flag.si:before,
i.flag.slovenia:before {
  background-position: -72px -1144px
}

i.flag.jan.mayen:before,
i.flag.sj:before,
i.flag.svalbard:before {
  background-position: -72px -1170px
}

i.flag.sk:before,
i.flag.slovakia:before {
  background-position: -72px -1196px
}

i.flag.sierra.leone:before,
i.flag.sl:before {
  background-position: -72px -1222px
}

i.flag.san.marino:before,
i.flag.sm:before {
  background-position: -72px -1248px
}

i.flag.senegal:before,
i.flag.sn:before {
  background-position: -72px -1274px
}

i.flag.so:before,
i.flag.somalia:before {
  background-position: -72px -1300px
}

i.flag.sr:before,
i.flag.suriname:before {
  background-position: -72px -1326px
}

i.flag.sao.tome:before,
i.flag.st:before {
  background-position: -72px -1352px
}

i.flag.el.salvador:before,
i.flag.sv:before {
  background-position: -72px -1378px
}

i.flag.sy:before,
i.flag.syria:before {
  background-position: -72px -1404px
}

i.flag.swaziland:before,
i.flag.sz:before {
  background-position: -72px -1430px
}

i.flag.caicos.islands:before,
i.flag.tc:before {
  background-position: -72px -1456px
}

i.flag.chad:before,
i.flag.td:before {
  background-position: -72px -1482px
}

i.flag.french.territories:before,
i.flag.tf:before {
  background-position: -72px -1508px
}

i.flag.tg:before,
i.flag.togo:before {
  background-position: -72px -1534px
}

i.flag.th:before,
i.flag.thailand:before {
  background-position: -72px -1560px
}

i.flag.tajikistan:before,
i.flag.tj:before {
  background-position: -72px -1586px
}

i.flag.tk:before,
i.flag.tokelau:before {
  background-position: -72px -1612px
}

i.flag.timorleste:before,
i.flag.tl:before {
  background-position: -72px -1638px
}

i.flag.tm:before,
i.flag.turkmenistan:before {
  background-position: -72px -1664px
}

i.flag.tn:before,
i.flag.tunisia:before {
  background-position: -72px -1690px
}

i.flag.to:before,
i.flag.tonga:before {
  background-position: -72px -1716px
}

i.flag.tr:before,
i.flag.turkey:before {
  background-position: -72px -1742px
}

i.flag.trinidad:before,
i.flag.tt:before {
  background-position: -72px -1768px
}

i.flag.tuvalu:before,
i.flag.tv:before {
  background-position: -72px -1794px
}

i.flag.taiwan:before,
i.flag.tw:before {
  background-position: -72px -1820px
}

i.flag.tanzania:before,
i.flag.tz:before {
  background-position: -72px -1846px
}

i.flag.ua:before,
i.flag.ukraine:before {
  background-position: -72px -1872px
}

i.flag.ug:before,
i.flag.uganda:before {
  background-position: -72px -1898px
}

i.flag.um:before,
i.flag.us.minor.islands:before {
  background-position: -72px -1924px
}

i.flag.america:before,
i.flag.united.states:before,
i.flag.us:before {
  background-position: -72px -1950px
}

i.flag.uruguay:before,
i.flag.uy:before {
  background-position: -72px -1976px
}

i.flag.uz:before,
i.flag.uzbekistan:before {
  background-position: -108px 0
}

i.flag.va:before,
i.flag.vatican.city:before {
  background-position: -108px -26px
}

i.flag.saint.vincent:before,
i.flag.vc:before {
  background-position: -108px -52px
}

i.flag.ve:before,
i.flag.venezuela:before {
  background-position: -108px -78px
}

i.flag.british.virgin.islands:before,
i.flag.vg:before {
  background-position: -108px -104px
}

i.flag.us.virgin.islands:before,
i.flag.vi:before {
  background-position: -108px -130px
}

i.flag.vietnam:before,
i.flag.vn:before {
  background-position: -108px -156px
}

i.flag.vanuatu:before,
i.flag.vu:before {
  background-position: -108px -182px
}

i.flag.gb.wls:before,
i.flag.wales:before {
  background-position: -108px -208px
}

i.flag.wallis.and.futuna:before,
i.flag.wf:before {
  background-position: -108px -234px
}

i.flag.samoa:before,
i.flag.ws:before {
  background-position: -108px -260px
}

i.flag.ye:before,
i.flag.yemen:before {
  background-position: -108px -286px
}

i.flag.mayotte:before,
i.flag.yt:before {
  background-position: -108px -312px
}

i.flag.south.africa:before,
i.flag.za:before {
  background-position: -108px -338px
}

i.flag.zambia:before,
i.flag.zm:before {
  background-position: -108px -364px
}

i.flag.zimbabwe:before,
i.flag.zw:before {
  background-position: -108px -390px
}

/*!