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
 }

 /*!