.header {
  margin: 1em 0 14px;
  font-size: 1.33em;
  line-height: 1.33;
  color: #7f8c8d;
}
.header:first-child {
  margin-top: 0;
}
.header:last-child {
  margin-bottom: 0;
}
a.header {
  display: block;
}
a.header:hover {
  color: #7f8c8d;
  text-decoration: underline;
}
.center.aligned.header {
  text-align: center;
}
.dividing.header {
  padding-bottom: 2.8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
h1.header {
  font-size: 28px;
}
h2.header {
  font-size: 24.5px;
}
.header + p {
  margin-top: 0;
}
h1,
h2 {
  margin: 1em 0 15px;
  font-weight: 400;
  line-height: 1.33;
  color: #7f8c8d;
}
h1:first-child,
h2:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child {
  margin-bottom: 0;
}
h1 {
  font-size: 23px;
}
h2 {
  font-size: 19px;
}
h1 + p,
h2 + p {
  margin-top: 0;
}
.yeeyan.button {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  width: 140px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  background-color: #e3e7e8;
  border: none;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 40px;
  color: #7f8c8d;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-transition: all .1s;
  -mos-transition: all .1s;
  transition: all .1s;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.yeeyan.button:hover,
.yeeyan.button:focus,
.yeeyan.button:active,
.yeeyan.button.active {
  background-color: #bdc3c7;
  color: #7f8c8d;
}
.yeeyan.button[disabled] {
  background-color: #e3e7e8!important;
  color: #c7cfd1 !important;
  cursor: default;
}
.yeeyan.cube.button {
  width: 40px;
  font-size: 12px;
  letter-spacing: 0;
}
.yeeyan.cube.button.static {
  background-color: #e3e7e8;
  cursor: default;
}
.yeeyan.blue.button,
.yeeyan.pink.button,
.yeeyan.cyan.button,
.yeeyan.orange.button,
.yeeyan.green.button,
.yeeyan.red.button,
.yeeyan.lightblue.button {
  color: #fff;
}
.yeeyan.blue.button:hover,
.yeeyan.pink.button:hover,
.yeeyan.cyan.button:hover,
.yeeyan.orange.button:hover,
.yeeyan.green.button:hover,
.yeeyan.red.button:hover,
.yeeyan.lightblue.button:hover {
  color: #fff;
}
.yeeyan.blue.button {
  background-color: #3498db;
}
.yeeyan.blue.button:hover,
.yeeyan.blue.button:focus,
.yeeyan.blue.button:active,
.yeeyan.blue.button.active {
  background-color: #217dbb;
}
.yeeyan.pink.button {
  background-color: #ef907a;
}
.yeeyan.pink.button:hover,
.yeeyan.pink.button:focus,
.yeeyan.pink.button:active,
.yeeyan.pink.button.active {
  background-color: #ea6a4c;
}
.yeeyan.cyan.button {
  background-color: #7cd5c8;
}
.yeeyan.cyan.button:hover,
.yeeyan.cyan.button:focus,
.yeeyan.cyan.button:active,
.yeeyan.cyan.button.active {
  background-color: #55c9b8;
}
.yeeyan.orange.button {
  background-color: #e67e22;
}
.yeeyan.orange.button:hover,
.yeeyan.orange.button:focus,
.yeeyan.orange.button:active,
.yeeyan.orange.button.active {
  background-color: #bf6516;
}
.yeeyan.green.button {
  background-color: #7cd5c8;
}
.yeeyan.green.button:hover,
.yeeyan.green.button:focus,
.yeeyan.green.button:active,
.yeeyan.green.button.active {
  background-color: #55c9b8;
}
.yeeyan.red.button {
  background-color: #d95c5c;
}
.yeeyan.red.button:hover,
.yeeyan.red.button:focus,
.yeeyan.red.button:active,
.yeeyan.red.button.active {
  background-color: #cf3333;
}
.yeeyan.lightblue.button {
  background-color: #40bbf5;
}
.yeeyan.lightblue.button:hover,
.yeeyan.lightblue.button:focus,
.yeeyan.lightblue.button:active,
.yeeyan.lightblue.button.active {
  background-color: #10aaf2;
}
.yeeyan.flat.button {
  background: none;
}
.yeeyan.flat.button:hover,
.yeeyan.flat.button:focus,
.yeeyan.flat.button:active,
.yeeyan.flat.button.active {
  background: none;
}
.yeeyan.mini.button {
  width: auto;
  height: 20px;
  padding: 0 9px;
  line-height: 20px;
  font-size: 12px;
  letter-spacing: 0px;
}
.yeeyan.small.button {
  width: auto;
  height: 30px;
  padding: 0 15px;
  line-height: 30px;
  font-size: 14px;
  letter-spacing: 0px;
}
.circular.yeeyan.button {
  border-radius: 999em;
}
.yeeyan.fluid.button,
.yeeyan.block.button {
  display: block;
  width: 100%;
}
.centered.button {
  display: block;
  margin: 0 auto;
}
.right.floated.button {
  float: right;
}
input[type=text],
input[type=email],
input[type=password],
input[type=date],
input[type=url],
input[type=number],
textarea,
select {
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-left: .5em;
  padding-right: .5em;
  border: 1px solid #e3e7e8;
  outline: none;
  color: #7f8c8d;
  -webkit-transition: border-color 0.2s;
          transition: border-color 0.2s;
}
input[type=text],
input[type=email],
input[type=password],
input[type=date],
input[type=url],
input[type=number],
textarea {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 13px;
  line-height: 20px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus,
select:focus {
  border-color: #38dedf;
}
input[type=radio],
input[type=checkbox] {
  margin: 0;
}
input::-webkit-input-placeholder {
  -webkit-font-smoothing: antialiased;
}
textarea {
  display: block;
  height: 110px;
  resize: none;
}
textarea.large {
  height: 210px;
}
select {
  position: relative;
  border-radius: 0;
  background: #e3e7e8;
  line-height: inherit;
}
select::-ms-expand {
  display: none;
}
.select {
  position: relative;
}
.select:before {
  content: '\f0d7';
  position: absolute;
  top: 0;
  right: .5em;
  z-index: 2;
  font-family: FontAwesome;
  color: #999;
}
.image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}
img.image {
  display: block;
  background: none;
}
.image img {
  display: block;
  max-width: 100%;
  height: auto;
}
img.circular.image {
  border-radius: 50%;
}
.circular.image {
  border-radius: 50%;
}
.small.image {
  width: 2em;
}
.mini.image {
  width: 1em;
}
.book.image {
  width: 100px;
  height: 150px;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small.book.image {
  width: 36px;
  height: 50px;
  margin-right: 1em;
}
.user.image {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.small.user.image {
  width: 1em;
  height: 1em;
}
.yeeyan.segment {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #e3e7e8;
  background: #fff;
  box-sizing: border-box;
}
.yeeyan.segment:first-child {
  margin-top: 0;
}
.narrow.yeeyan.segment {
  width: 600px;
  margin: 0 auto;
}
hr.divider {
  margin: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  border-left: 0;
  border-right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
 * # Semantic - Icon
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fon.io.  Stay up to date on Twitter at
 *  http://twitter.com/fon.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL

/*******************************
             Icon
*******************************/
@font-face {
  font-family: 'Icons';
  src: url(../fonts/icons.eot);
  src: url(../fonts/icons.eot?#iefix) format('embedded-opentype'), url(../fonts/icons.svg#icons) format('svg'), url(../fonts/icons.woff) format('woff'), url(../fonts/icons.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
i.icon {
  display: inline-block;
  opacity: 0.75;
  margin: 0em 0.25em 0em 0em;
  width: 1.23em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  line-height: 1;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
i.icon.left:before {
  content: "\f060";
}
i.icon.right:before {
  content: "\f061";
}
i.icon.add.sign.box:before {
  content: "\f0fe";
}
i.icon.add.sign:before {
  content: "\f055";
}
i.icon.add:before {
  content: "\f067";
}
i.icon.adjust:before {
  content: "\f042";
}
i.icon.adn:before {
  content: "\f170";
}
i.icon.align.center:before {
  content: "\f037";
}
i.icon.align.justify:before {
  content: "\f039";
}
i.icon.align.left:before {
  content: "\f036";
}
i.icon.align.right:before {
  content: "\f038";
}
i.icon.ambulance:before {
  content: "\f0f9";
}
i.icon.anchor:before {
  content: "\f13d";
}
i.icon.android:before {
  content: "\f17b";
}
i.icon.angle.down:before {
  content: "\f107";
}
i.icon.angle.left:before {
  content: "\f104";
}
i.icon.angle.right:before {
  content: "\f105";
}
i.icon.angle.up:before {
  content: "\f106";
}
i.icon.apple:before {
  content: "\f179";
}
i.icon.archive:before {
  content: "\f187";
}
i.icon.arrow.down:before {
  content: "\f078";
}
i.icon.arrow.left:before {
  content: "\f053";
}
i.icon.arrow.right:before {
  content: "\f054";
}
i.icon.arrow.sign.down:before {
  content: "\f13a";
}
i.icon.arrow.sign.left:before {
  content: "\f137";
}
i.icon.arrow.sign.right:before {
  content: "\f138";
}
i.icon.arrow.sign.up:before {
  content: "\f139";
}
i.icon.arrow.up:before {
  content: "\f077";
}
i.icon.asterisk:before {
  content: "\f069";
}
i.icon.attachment:before {
  content: "\f0c6";
}
i.icon.attention:before {
  content: "\f06a";
}
i.icon.backward:before {
  content: "\f04a";
}
i.icon.ban.circle:before {
  content: "\f05e";
}
i.icon.bar.chart:before {
  content: "\f080";
}
i.icon.barcode:before {
  content: "\f02a";
}
i.icon.beer:before {
  content: "\f0fc";
}
i.icon.bell.outline:before {
  content: "\f0a2";
}
i.icon.bell:before {
  content: "\f0f3";
}
i.icon.bitbucket.sign:before {
  content: "\f172";
}
i.icon.bitbucket:before {
  content: "\f171";
}
i.icon.bitcoin:before {
  content: "\f15a";
}
i.icon.bold:before {
  content: "\f032";
}
i.icon.bolt:before {
  content: "\f0e7";
}
i.icon.book:before {
  content: "\f02d";
}
i.icon.bookmark.empty:before {
  content: "\f097";
}
i.icon.bookmark:before {
  content: "\f02e";
}
i.icon.box.arrow.down:before {
  content: "\f150";
}
/*rtl:ignore*/
i.icon.box.arrow.right:before {
  content: "\f152";
}
i.icon.box.arrow.up:before {
  content: "\f151";
}
i.icon.briefcase:before {
  content: "\f0b1";
}
i.icon.browser:before {
  content: "\f022";
}
i.icon.bug:before {
  content: "\f188";
}
i.icon.building:before {
  content: "\f0f7";
}
i.icon.bullhorn:before {
  content: "\f0a1";
}
i.icon.bullseye:before {
  content: "\f140";
}
i.icon.calendar.empty:before {
  content: "\f133";
}
i.icon.calendar:before {
  content: "\f073";
}
i.icon.camera.retro:before {
  content: "\f083";
}
i.icon.camera:before {
  content: "\f030";
}
i.icon.triangle.down:before {
  content: "\f0d7";
}
i.icon.triangle.left:before {
  content: "\f0d9";
}
i.icon.triangle.right:before {
  content: "\f0da";
}
i.icon.triangle.up:before {
  content: "\f0d8";
}
i.icon.cart:before {
  content: "\f07a";
}
i.icon.certificate:before {
  content: "\f0a3";
}
i.icon.chat.outline:before {
  content: "\f0e6";
}
i.icon.chat:before {
  content: "\f086";
}
i.icon.checkbox.empty:before {
  content: "\f096";
}
i.icon.checkbox.minus:before {
  content: "\f147";
}
i.icon.checked.checkbox:before {
  content: "\f046";
}
i.icon.checkmark.sign:before {
  content: "\f14a";
}
i.icon.checkmark:before {
  content: "\f00c";
}
i.icon.circle.blank:before {
  content: "\f10c";
}
i.icon.circle.down:before {
  content: "\f0ab";
}
i.icon.circle.left:before {
  content: "\f0a8";
}
i.icon.circle.right:before {
  content: "\f0a9";
}
i.icon.circle.up:before {
  content: "\f0aa";
}
i.icon.circle:before {
  content: "\f111";
}
i.icon.cloud.download:before {
  content: "\f0ed";
}
i.icon.cloud.upload:before {
  content: "\f0ee";
}
i.icon.cloud:before {
  content: "\f0c2";
}
i.icon.code.fork:before {
  content: "\f126";
}
i.icon.code:before {
  content: "\f121";
}
i.icon.coffee:before {
  content: "\f0f4";
}
i.icon.collapse:before {
  content: "\f117";
}
i.icon.comment.outline:before {
  content: "\f0e5";
}
i.icon.comment:before {
  content: "\f075";
}
i.icon.copy:before {
  content: "\f0c5";
}
i.icon.crop:before {
  content: "\f125";
}
i.icon.css3:before {
  content: "\f13c";
}
i.icon.cut:before {
  content: "\f0c4";
}
i.icon.dashboard:before {
  content: "\f0e4";
}
i.icon.desktop:before {
  content: "\f108";
}
i.icon.doctor:before {
  content: "\f0f0";
}
i.icon.dollar:before {
  content: "\f155";
}
i.icon.double.angle.down:before {
  content: "\f103";
}
i.icon.double.angle.left:before {
  content: "\f100";
}
i.icon.double.angle.right:before {
  content: "\f101";
}
i.icon.double.angle.up:before {
  content: "\f102";
}
i.icon.down:before {
  content: "\f063";
}
i.icon.download.disk:before {
  content: "\f019";
}
i.icon.download:before {
  content: "\f01a";
}
i.icon.dribbble:before {
  content: "\f17d";
}
i.icon.dropbox:before {
  content: "\f16b";
}
i.icon.edit.sign:before {
  content: "\f14b";
}
i.icon.edit:before {
  content: "\f044";
}
i.icon.eject:before {
  content: "\f052";
}
i.icon.ellipsis.horizontal:before {
  content: "\f141";
}
i.icon.ellipsis.vertical:before {
  content: "\f142";
}
i.icon.eraser:before {
  content: "\f12d";
}
i.icon.euro:before {
  content: "\f153";
}
i.icon.exchange:before {
  content: "\f0ec";
}
i.icon.exclamation:before {
  content: "\f12a";
}
i.icon.expand:before {
  content: "\f116";
}
i.icon.external.url.sign:before {
  content: "\f14c";
}
i.icon.external.url:before {
  content: "\f08e";
}
i.icon.facebook.sign:before {
  content: "\f082";
}
i.icon.facebook:before {
  content: "\f09a";
}
i.icon.facetime.video:before {
  content: "\f03d";
}
i.icon.fast.backward:before {
  content: "\f049";
}
i.icon.fast.forward:before {
  content: "\f050";
}
i.icon.female:before {
  content: "\f182";
}
i.icon.fighter.jet:before {
  content: "\f0fb";
}
i.icon.file.outline:before {
  content: "\f016";
}
i.icon.file.text.outline:before {
  content: "\f0f6";
}
i.icon.file.text:before {
  content: "\f15c";
}
i.icon.file:before {
  content: "\f15b";
}
i.icon.filter:before {
  content: "\f0b0";
}
i.icon.fire.extinguisher:before {
  content: "\f134";
}
i.icon.fire:before {
  content: "\f06d";
}
i.icon.flag.checkered:before {
  content: "\f11e";
}
i.icon.flag.empty:before {
  content: "\f11d";
}
i.icon.flag:before {
  content: "\f024";
}
i.icon.flickr:before {
  content: "\f16e";
}
i.icon.folder.open.outline:before {
  content: "\f115";
}
i.icon.folder.open:before {
  content: "\f07c";
}
i.icon.folder.outline:before {
  content: "\f114";
}
i.icon.folder:before {
  content: "\f07b";
}
i.icon.font:before {
  content: "\f031";
}
i.icon.food:before {
  content: "\f0f5";
}
i.icon.forward.mail:before {
  content: "\f064";
}
i.icon.forward:before {
  content: "\f04e";
}
i.icon.foursquare:before {
  content: "\f180";
}
i.icon.frown:before {
  content: "\f119";
}
i.icon.fullscreen:before {
  content: "\f0b2";
}
i.icon.gamepad:before {
  content: "\f11b";
}
i.icon.gift:before {
  content: "\f06b";
}
i.icon.github.alternate:before {
  content: "\f09b";
}
i.icon.github.sign:before {
  content: "\f092";
}
i.icon.github:before {
  content: "\f113";
}
i.icon.gittip:before {
  content: "\f184";
}
i.icon.glass:before {
  content: "\f000";
}
i.icon.globe:before {
  content: "\f0ac";
}
i.icon.google.plus.sign:before {
  content: "\f0d4";
}
i.icon.google.plus:before {
  content: "\f0d5";
}
i.icon.h.sign:before {
  content: "\f0fd";
}
i.icon.hand.down:before {
  content: "\f0a7";
}
i.icon.hand.left:before {
  content: "\f0a5";
}
i.icon.hand.right:before {
  content: "\f0a4";
}
i.icon.hand.up:before {
  content: "\f0a6";
}
i.icon.hdd:before {
  content: "\f0a0";
}
i.icon.headphones:before {
  content: "\f025";
}
i.icon.heart.empty:before {
  content: "\f08a";
}
i.icon.heart:before {
  content: "\f004";
}
i.icon.help:before {
  content: "\f059";
}
i.icon.hide:before {
  content: "\f070";
}
i.icon.home:before {
  content: "\f015";
}
i.icon.hospital:before {
  content: "\f0f8";
}
i.icon.html5:before {
  content: "\f13b";
}
i.icon.inbox:before {
  content: "\f01c";
}
i.icon.indent.left:before {
  content: "\f03b";
}
i.icon.indent.right:before {
  content: "\f03c";
}
i.icon.info.letter:before {
  content: "\f129";
}
i.icon.info:before {
  content: "\f05a";
}
i.icon.instagram:before {
  content: "\f16d";
}
i.icon.italic:before {
  content: "\f033";
}
i.icon.key:before {
  content: "\f084";
}
i.icon.keyboard:before {
  content: "\f11c";
}
i.icon.lab:before {
  content: "\f0c3";
}
i.icon.laptop:before {
  content: "\f109";
}
i.icon.layout.block:before {
  content: "\f009";
}
i.icon.layout.column:before {
  content: "\f0db";
}
i.icon.layout.grid:before {
  content: "\f00a";
}
i.icon.layout.list:before {
  content: "\f00b";
}
i.icon.leaf:before {
  content: "\f06c";
}
i.icon.legal:before {
  content: "\f0e3";
}
i.icon.lemon:before {
  content: "\f094";
}
i.icon.level.down:before {
  content: "\f149";
}
i.icon.level.up:before {
  content: "\f148";
}
i.icon.lightbulb:before {
  content: "\f0eb";
}
i.icon.linkedin.sign:before {
  content: "\f08c";
}
i.icon.linkedin:before {
  content: "\f0e1";
}
i.icon.linux:before {
  content: "\f17c";
}
i.icon.list.ordered:before {
  content: "\f0cb";
}
i.icon.list.unordered:before {
  content: "\f0ca";
}
i.icon.list:before {
  content: "\f03a";
}
i.icon.loading:before {
  content: "\f110";
}
i.icon.location:before {
  content: "\f124";
}
i.icon.lock:before {
  content: "\f023";
}
i.icon.long.arrow.down:before {
  content: "\f175";
}
i.icon.long.arrow.left:before {
  content: "\f177";
}
i.icon.long.arrow.right:before {
  content: "\f178";
}
i.icon.long.arrow.up:before {
  content: "\f176";
}
i.icon.magic:before {
  content: "\f0d0";
}
i.icon.magnet:before {
  content: "\f076";
}
i.icon.mail.outline:before {
  content: "\f003";
}
i.icon.mail.reply:before {
  content: "\f112";
}
i.icon.mail:before {
  content: "\f0e0";
}
i.icon.male:before {
  content: "\f183";
}
i.icon.map.marker:before {
  content: "\f041";
}
i.icon.map:before {
  content: "\f14e";
}
i.icon.maxcdn:before {
  content: "\f136";
}
i.icon.medkit:before {
  content: "\f0fa";
}
i.icon.meh:before {
  content: "\f11a";
}
i.icon.minus.sign.alternate:before {
  content: "\f146";
}
i.icon.minus.sign:before {
  content: "\f056";
}
i.icon.minus:before {
  content: "\f068";
}
i.icon.mobile:before {
  content: "\f10b";
}
i.icon.money:before {
  content: "\f0d6";
}
i.icon.moon:before {
  content: "\f186";
}
i.icon.move:before {
  content: "\f047";
}
i.icon.music:before {
  content: "\f001";
}
i.icon.mute:before {
  content: "\f131";
}
i.icon.off:before {
  content: "\f011";
}
i.icon.ok.circle:before {
  content: "\f05d";
}
i.icon.ok.sign:before {
  content: "\f058";
}
i.icon.paste:before {
  content: "\f0ea";
}
i.icon.pause:before {
  content: "\f04c";
}
i.icon.payment:before {
  content: "\f09d";
}
i.icon.pencil:before {
  content: "\f040";
}
i.icon.phone.sign:before {
  content: "\f098";
}
i.icon.phone:before {
  content: "\f095";
}
i.icon.photo:before {
  content: "\f03e";
}
i.icon.pin:before {
  content: "\f08d";
}
i.icon.pinterest.sign:before {
  content: "\f0d3";
}
i.icon.pinterest:before {
  content: "\f0d2";
}
i.icon.plane:before {
  content: "\f072";
}
i.icon.play.circle:before {
  content: "\f01d";
}
i.icon.play.sign:before {
  content: "\f144";
}
i.icon.play:before {
  content: "\f04b";
}
i.icon.pound:before {
  content: "\f154";
}
i.icon.print:before {
  content: "\f02f";
}
i.icon.puzzle.piece:before {
  content: "\f12e";
}
i.icon.qr.code:before {
  content: "\f029";
}
i.icon.question:before {
  content: "\f128";
}
i.icon.quote.left:before {
  content: "\f10d";
}
i.icon.quote.right:before {
  content: "\f10e";
}
i.icon.refresh:before {
  content: "\f021";
}
i.icon.remove.circle:before {
  content: "\f05c";
}
i.icon.remove.sign:before {
  content: "\f057";
}
i.icon.remove:before {
  content: "\f00d";
}
i.icon.renren:before {
  content: "\f18b";
}
i.icon.reorder:before {
  content: "\f0c9";
}
i.icon.repeat:before {
  content: "\f01e";
}
i.icon.reply.all.mail:before {
  content: "\f122";
}
i.icon.resize.full:before {
  content: "\f065";
}
i.icon.resize.horizontal:before {
  content: "\f07e";
}
i.icon.resize.small:before {
  content: "\f066";
}
i.icon.resize.vertical:before {
  content: "\f07d";
}
i.icon.retweet:before {
  content: "\f079";
}
i.icon.road:before {
  content: "\f018";
}
i.icon.rocket:before {
  content: "\f135";
}
i.icon.rss.sign:before {
  content: "\f143";
}
i.icon.rss:before {
  content: "\f09e";
}
i.icon.rupee:before {
  content: "\f156";
}
i.icon.save:before {
  content: "\f0c7";
}
i.icon.screenshot:before {
  content: "\f05b";
}
i.icon.search:before {
  content: "\f002";
}
i.icon.setting:before {
  content: "\f013";
}
i.icon.settings:before {
  content: "\f085";
}
i.icon.share.sign:before {
  content: "\f14d";
}
i.icon.share:before {
  content: "\f045";
}
i.icon.shield:before {
  content: "\f132";
}
i.icon.shuffle:before {
  content: "\f074";
}
i.icon.sign.in:before {
  content: "\f090";
}
i.icon.sign.out:before {
  content: "\f08b";
}
i.icon.sign:before {
  content: "\f0c8";
}
i.icon.signal:before {
  content: "\f012";
}
i.icon.sitemap:before {
  content: "\f0e8";
}
i.icon.skype:before {
  content: "\f17e";
}
i.icon.smile:before {
  content: "\f118";
}
i.icon.sort.ascending:before {
  content: "\f0de";
}
i.icon.sort.descending:before {
  content: "\f0dd";
}
i.icon.sort.alphabet.descending:before {
  content: "\f15e";
}
i.icon.sort.alphabet:before {
  content: "\f15d";
}
i.icon.sort.attributes.descending:before {
  content: "\f161";
}
i.icon.sort.attributes:before {
  content: "\f160";
}
i.icon.sort.order.descending:before {
  content: "\f163";
}
i.icon.sort.order:before {
  content: "\f162";
}
i.icon.sort:before {
  content: "\f0dc";
}
i.icon.stackexchange:before {
  content: "\f16c";
}
i.icon.star.empty:before {
  content: "\f006";
}
i.icon.star.half.empty:before {
  content: "\f123";
}
i.icon.star.half.full:before,
i.icon.star.half:before {
  content: "\f089";
}
i.icon.star:before {
  content: "\f005";
}
i.icon.step.backward:before {
  content: "\f048";
}
i.icon.step.forward:before {
  content: "\f051";
}
i.icon.stethoscope:before {
  content: "\f0f1";
}
i.icon.stop:before {
  content: "\f04d";
}
i.icon.strikethrough:before {
  content: "\f0cc";
}
i.icon.subscript:before {
  content: "\f12c";
}
i.icon.suitcase:before {
  content: "\f0f2";
}
i.icon.sun:before {
  content: "\f185";
}
i.icon.superscript:before {
  content: "\f12b";
}
i.icon.table:before {
  content: "\f0ce";
}
i.icon.tablet:before {
  content: "\f10a";
}
i.icon.tag:before {
  content: "\f02b";
}
i.icon.tags:before {
  content: "\f02c";
}
i.icon.tasks:before {
  content: "\f0ae";
}
i.icon.terminal:before {
  content: "\f120";
}
i.icon.text.height:before {
  content: "\f034";
}
i.icon.text.width:before {
  content: "\f035";
}
i.icon.thumbs.down.outline:before {
  content: "\f088";
}
i.icon.thumbs.down:before {
  content: "\f165";
}
i.icon.thumbs.up.outline:before {
  content: "\f087";
}
i.icon.thumbs.up:before {
  content: "\f164";
}
i.icon.ticket:before {
  content: "\f145";
}
i.icon.time:before {
  content: "\f017";
}
i.icon.tint:before {
  content: "\f043";
}
i.icon.trash:before {
  content: "\f014";
}
i.icon.trello:before {
  content: "\f181";
}
i.icon.trophy:before {
  content: "\f091";
}
i.icon.truck:before {
  content: "\f0d1";
}
i.icon.tumblr.sign:before {
  content: "\f174";
}
i.icon.tumblr:before {
  content: "\f173";
}
i.icon.twitter.sign:before {
  content: "\f081";
}
i.icon.twitter:before {
  content: "\f099";
}
i.icon.umbrella:before {
  content: "\f0e9";
}
i.icon.underline:before {
  content: "\f0cd";
}
i.icon.undo:before {
  content: "\f0e2";
}
i.icon.unhide:before {
  content: "\f06e";
}
i.icon.unlink:before {
  content: "\f127";
}
i.icon.unlock.alternate:before {
  content: "\f13e";
}
i.icon.unlock:before {
  content: "\f09c";
}
i.icon.unmute:before {
  content: "\f130";
}
i.icon.up:before {
  content: "\f062";
}
i.icon.upload.disk:before {
  content: "\f093";
}
i.icon.upload:before {
  content: "\f01b";
}
i.icon.url:before {
  content: "\f0c1";
}
i.icon.user:before {
  content: "\f007";
}
i.icon.users:before {
  content: "\f0c0";
}
i.icon.video:before {
  content: "\f008";
}
i.icon.vk:before {
  content: "\f189";
}
i.icon.volume.down:before {
  content: "\f027";
}
i.icon.volume.off:before {
  content: "\f026";
}
i.icon.volume.up:before {
  content: "\f028";
}
i.icon.warning:before {
  content: "\f071";
}
i.icon.weibo:before {
  content: "\f18a";
}
i.icon.windows:before {
  content: "\f17a";
}
i.icon.won:before {
  content: "\f159";
}
i.icon.wrench:before {
  content: "\f0ad";
}
i.icon.xing.sign:before {
  content: "\f169";
}
i.icon.xing:before {
  content: "\f168";
}
i.icon.yen:before {
  content: "\f157";
}
i.icon.youtube.play:before {
  content: "\f16a";
}
i.icon.youtube.sign:before {
  content: "\f166";
}
i.icon.youtube:before {
  content: "\f167";
}
i.icon.yuan:before {
  content: "\f158";
}
i.icon.zoom.in:before {
  content: "\f00e";
}
i.icon.zoom.out:before {
  content: "\f010";
}
/*--------------
    Aliases
---------------*/
i.icon.check:before {
  content: "\f00c";
}
i.icon.close:before {
  content: "\f00d";
}
i.icon.delete:before {
  content: "\f00d";
}
i.icon.like:before {
  content: "\f004";
}
i.icon.plus:before {
  content: "\f067";
}
i.icon.signup:before {
  content: "\f044";
}
/*--------------
   Spacing Fix
---------------*/
/* stars are usually consecutive */
i.icon.star {
  width: auto;
  margin: 0em;
}
/* left side icons */
i.icon.left {
  width: auto;
  margin: 0em 0.5em 0em 0em;
}
/* right side icons */
i.icon.search,
i.icon.right {
  width: auto;
  margin: 0em 0em 0em 0.5em;
}
/*******************************
             Types
*******************************/
/*--------------
    Loading
---------------*/
i.icon.loading {
  -webkit-animation: icon-loading 2s linear infinite;
  animation: icon-loading 2s linear infinite;
}
@keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*******************************
             States
*******************************/
i.icon.hover {
  opacity: 1;
}
i.icon.active {
  opacity: 1;
}
i.emphasized.icon {
  opacity: 1;
}
i.icon.disabled {
  opacity: 0.3;
}
/*******************************
           Variations
*******************************/
/*-------------------
         Link
--------------------*/
i.link.icon {
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
i.link.icon:hover {
  opacity: 1 !important;
}
/*-------------------
      Circular
--------------------*/
i.circular.icon {
  border-radius: 500em !important;
  padding: 0.5em 0.35em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  line-height: 1 !important;
  width: 2em !important;
  height: 2em !important;
}
i.circular.inverted.icon {
  border: none;
  box-shadow: none;
}
/*-------------------
      Flipped
--------------------*/
i.flipped.icon,
i.horizontally.flipped.icon {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
i.vertically.flipped.icon {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
/*-------------------
      Rotated
--------------------*/
i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*-------------------
        Square
--------------------*/
i.square.icon {
  width: 2em;
  height: 2em;
  padding: 0.5em 0.35em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  vertical-align: baseline;
}
i.square.inverted.icon {
  border: none;
  box-shadow: none;
}
/*-------------------
      Inverted
--------------------*/
i.inverted.icon {
  background-color: #222222;
  color: #FFFFFF;
}
/*-------------------
       Colors
--------------------*/
i.blue.icon {
  color: #6ECFF5 !important;
}
i.black.icon {
  color: #5C6166 !important;
}
i.green.icon {
  color: #A1CF64 !important;
}
i.red.icon {
  color: #D95C5C !important;
}
i.purple.icon {
  color: #564F8A !important;
}
i.teal.icon {
  color: #00B5AD !important;
}
/*-------------------
   Inverted Colors
--------------------*/
i.inverted.black.icon {
  background-color: #5C6166 !important;
  color: #FFFFFF !important;
}
i.inverted.blue.icon {
  background-color: #6ECFF5 !important;
  color: #FFFFFF !important;
}
i.inverted.green.icon {
  background-color: #A1CF64 !important;
  color: #FFFFFF !important;
}
i.inverted.red.icon {
  background-color: #D95C5C !important;
  color: #FFFFFF !important;
}
i.inverted.purple.icon {
  background-color: #564F8A !important;
  color: #FFFFFF !important;
}
i.inverted.teal.icon {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}
/*-------------------
        Sizes
--------------------*/
i.small.icon {
  font-size: 0.875em;
}
i.icon {
  font-size: 1em;
}
i.large.icon {
  font-size: 1.5em;
  vertical-align: middle;
}
i.big.icon {
  font-size: 2em;
  vertical-align: middle;
}
i.huge.icon {
  font-size: 4em;
  vertical-align: middle;
}
i.massive.icon {
  font-size: 8em;
  vertical-align: middle;
}
/*
 * # Semantic - Segment
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Segment
*******************************/
.ui.segment {
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  margin: 1em 0em;
  padding: 1em;
  border-radius: 5px 5px 5px 5px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui.segment:first-child {
  margin-top: 0em;
}
.ui.segment:last-child {
  margin-bottom: 0em;
}
.ui.segment:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui.vertical.segment {
  margin: 0em;
  padding-left: 0em;
  padding-right: 0em;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ui.vertical.segment:first-child {
  padding-top: 0em;
}
.ui.horizontal.segment {
  margin: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1);
}
.ui.horizontal.segment:first-child {
  padding-left: 0em;
}
/*-------------------
    Loose Coupling
--------------------*/
.ui.pointing.menu + .ui.attached.segment {
  top: 1px;
}
.ui.page.grid.segment .ui.grid .ui.segment.column {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.ui.grid.segment,
.ui.grid .ui.segment.row,
.ui.grid .ui.segment.column {
  border-radius: 0em;
  box-shadow: none;
  border: none;
}
/* No padding on edge content */
.ui.segment > :first-child {
  margin-top: 0em;
}
.ui.segment > :last-child {
  margin-bottom: 0em;
}
/*******************************
             Types
*******************************/
/*-------------------
        Piled
--------------------*/
.ui.piled.segment {
  margin: 2em 0em;
  -ms-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}
.ui.piled.segment:first-child {
  margin-top: 0em;
}
.ui.piled.segment:last-child {
  margin-bottom: 0em;
}
.ui.piled.segment:after,
.ui.piled.segment:before {
  background-color: #FFFFFF;
  visibility: visible;
  content: "";
  display: block;
  height: 100%;
  left: -1px;
  position: absolute;
  width: 100%;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.ui.piled.segment:after {
  -webkit-transform: rotate(1.2deg);
  -ms-transform: rotate(1.2deg);
  transform: rotate(1.2deg);
  top: 0;
  z-index: -1;
}
.ui.piled.segment:before {
  -webkit-transform: rotate(-1.2deg);
  -ms-transform: rotate(-1.2deg);
  transform: rotate(-1.2deg);
  top: 0;
  z-index: -2;
}
/*-------------------
       Stacked
--------------------*/
.ui.stacked.segment {
  padding-bottom: 1.7em;
}
.ui.stacked.segment:after,
.ui.stacked.segment:before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.02);
  width: 100%;
  height: 5px;
  visibility: visible;
}
.ui.stacked.segment:before {
  bottom: 0px;
}
/* Inverted */
.ui.stacked.inverted.segment:after,
.ui.stacked.inverted.segment:before {
  background-color: rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
/*-------------------
       Circular
--------------------*/
.ui.circular.segment {
  display: table-cell;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  border-radius: 500em;
}
/*-------------------
       Raised
--------------------*/
.ui.raised.segment {
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
/*******************************
            States
*******************************/
.ui.disabled.segment {
  opacity: 0.8;
  color: #DDDDDD;
}
/*******************************
           Variations
*******************************/
/*-------------------
       Basic
--------------------*/
.ui.basic.segment {
  position: relative;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0px;
}
.ui.basic.segment:first-child {
  padding-top: 0em;
}
.ui.basic.segment:last-child {
  padding-bottom: 0em;
}
/*-------------------
       Fittted
--------------------*/
.ui.fitted.segment {
  padding: 0em;
}
/*-------------------
       Colors
--------------------*/
.ui.blue.segment {
  border-top: 0.2em solid #6ECFF5;
}
.ui.green.segment {
  border-top: 0.2em solid #A1CF64;
}
.ui.red.segment {
  border-top: 0.2em solid #D95C5C;
}
.ui.orange.segment {
  border-top: 0.2em solid #F05940;
}
.ui.purple.segment {
  border-top: 0.2em solid #564F8A;
}
.ui.teal.segment {
  border-top: 0.2em solid #00B5AD;
}
/*-------------------
   Inverted Colors
--------------------*/
.ui.inverted.black.segment {
  background-color: #5C6166 !important;
  color: #FFFFFF !important;
}
.ui.inverted.blue.segment {
  background-color: #6ECFF5 !important;
  color: #FFFFFF !important;
}
.ui.inverted.green.segment {
  background-color: #A1CF64 !important;
  color: #FFFFFF !important;
}
.ui.inverted.red.segment {
  background-color: #D95C5C !important;
  color: #FFFFFF !important;
}
.ui.inverted.orange.segment {
  background-color: #F05940 !important;
  color: #FFFFFF !important;
}
.ui.inverted.purple.segment {
  background-color: #564F8A !important;
  color: #FFFFFF !important;
}
.ui.inverted.teal.segment {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}
/*-------------------
       Aligned
--------------------*/
.ui.left.aligned.segment {
  text-align: left;
}
.ui.right.aligned.segment {
  text-align: right;
}
.ui.center.aligned.segment {
  text-align: center;
}
.ui.justified.segment {
  text-align: justify;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
/*-------------------
       Floated
--------------------*/
.ui.floated.segment,
.ui.left.floated.segment {
  float: left;
}
.ui.right.floated.segment {
  float: right;
}
/*-------------------
      Inverted
--------------------*/
.ui.inverted.segment {
  border: none;
  box-shadow: none;
}
.ui.inverted.segment .segment {
  color: rgba(0, 0, 0, 0.7);
}
.ui.inverted.segment .inverted.segment {
  color: #FFFFFF;
}
.ui.inverted.segment,
.ui.primary.inverted.segment {
  background-color: #222222;
  color: #FFFFFF;
}
/*-------------------
     Ordinality
--------------------*/
.ui.primary.segment {
  background-color: #FFFFFF;
  color: #555555;
}
.ui.secondary.segment {
  background-color: #FAF9FA;
  color: #777777;
}
.ui.tertiary.segment {
  background-color: #EBEBEB;
  color: #B0B0B0;
}
.ui.secondary.inverted.segment {
  background-color: #555555;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  color: #FAFAFA;
}
.ui.tertiary.inverted.segment {
  background-color: #555555;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
  color: #EEEEEE;
}
/*-------------------
      Attached
--------------------*/
.ui.segment.attached {
  top: -1px;
  bottom: -1px;
  border-radius: 0px;
  margin: 0em;
  box-shadow: 0px 0px 0px 1px #DDDDDD;
}
.ui.top.attached.segment {
  top: 0px;
  bottom: -1px;
  margin-top: 1em;
  margin-bottom: 0em;
  border-radius: 5px 5px 0px 0px;
}
.ui.segment.top.attached:first-child {
  margin-top: 0em;
}
.ui.segment.bottom.attached {
  top: -1px;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: 1em;
  border-radius: 0px 0px 5px 5px;
}
.ui.segment.bottom.attached:last-child {
  margin-bottom: 0em;
}
/*
 * # Semantic - Button
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Button
*******************************/
/* Prototype */
.ui.button {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  min-height: 1em;
  outline: none;
  border: none;
  background-color: #FAFAFA;
  color: #808080;
  margin: 0em;
  padding: 0.8em 1.5em;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  border-radius: 0.25em;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
  transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
/*******************************
            States
*******************************/
/*--------------
     Active
---------------*/
.ui.buttons .active.button,
.ui.active.button {
  background-color: #EAEAEA;
  background-image: none;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
  color: rgba(0, 0, 0, 0.7);
}
/*--------------
      Hover
---------------*/
.ui.button:hover {
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  color: rgba(0, 0, 0, 0.7);
}
.ui.button.active:hover {
  background-image: none;
}
.ui.button:hover .icon,
.ui.button.hover .icon {
  opacity: 0.85;
}
/*--------------
      Down
---------------*/
.ui.button:active,
.ui.active.button:active {
  background-color: #F1F1F1;
  color: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
}
/*--------------
    Loading
---------------*/
.ui.loading.button {
  position: relative;
  cursor: default;
  background-color: #FFFFFF !important;
  color: transparent !important;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}
.ui.loading.button:after {
  position: absolute;
  top: 0em;
  left: 0em;
  width: 100%;
  height: 100%;
  content: '';
  background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
}
.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  box-shadow: none;
}
/*-------------------
      Disabled
--------------------*/
.ui.disabled.button,
.ui.button[disabled],
.ui.disabled.button:hover,
.ui.disabled.button.active {
  background-color: #DDDDDD !important;
  cursor: default;
  color: rgba(0, 0, 0, 0.5) !important;
  opacity: 0.3 !important;
  background-image: none !important;
  box-shadow: none !important;
}
/*******************************
             Types
*******************************/
/*-------------------
       Animated
--------------------*/
.ui.animated.button {
  position: relative;
  overflow: hidden;
}
.ui.animated.button .visible.content {
  position: relative;
}
.ui.animated.button .hidden.content {
  position: absolute;
  width: 100%;
}
/* Horizontal */
.ui.animated.button .visible.content,
.ui.animated.button .hidden.content {
  -webkit-transition: right 0.3s ease 0s;
          transition: right 0.3s ease 0s;
}
.ui.animated.button .visible.content {
  left: auto;
  right: 0%;
}
.ui.animated.button .hidden.content {
  top: 50%;
  left: auto;
  right: -100%;
  margin-top: -0.55em;
}
.ui.animated.button:hover .visible.content {
  left: auto;
  right: 200%;
}
.ui.animated.button:hover .hidden.content {
  left: auto;
  right: 0%;
}
/* Vertical */
.ui.vertical.animated.button .visible.content,
.ui.vertical.animated.button .hidden.content {
  -webkit-transition: top 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
          transition: top 0.3s ease 0s, transform 0.3s ease 0s;
}
.ui.vertical.animated.button .visible.content {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  right: auto;
}
.ui.vertical.animated.button .hidden.content {
  top: -100%;
  left: 0%;
  right: auto;
}
.ui.vertical.animated.button:hover .visible.content {
  -webkit-transform: translateY(200%);
      -ms-transform: translateY(200%);
          transform: translateY(200%);
  right: auto;
}
.ui.vertical.animated.button:hover .hidden.content {
  top: 50%;
  right: auto;
}
/* Fade */
.ui.fade.animated.button .visible.content,
.ui.fade.animated.button .hidden.content {
  -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
          transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.ui.fade.animated.button .visible.content {
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.ui.fade.animated.button .hidden.content {
  opacity: 0;
  left: 0%;
  right: auto;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.ui.fade.animated.button:hover .visible.content {
  left: auto;
  right: auto;
  opacity: 0;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}
.ui.fade.animated.button:hover .hidden.content {
  left: 0%;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
/*-------------------
       Primary
--------------------*/
.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #D95C5C;
  color: #FFFFFF;
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover,
.ui.primary.buttons .active.button,
.ui.primary.button.active {
  background-color: #E75859;
  color: #FFFFFF;
}
.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #D24B4C;
  color: #FFFFFF;
}
/*-------------------
      Secondary
--------------------*/
.ui.secondary.buttons .button,
.ui.secondary.button {
  background-color: #00B5AD;
  color: #FFFFFF;
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover,
.ui.secondary.buttons .active.button,
.ui.secondary.button.active {
  background-color: #009A93;
  color: #FFFFFF;
}
.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
  background-color: #00847E;
  color: #FFFFFF;
}
/*-------------------
       Social
--------------------*/
/* Facebook */
.ui.facebook.button {
  background-color: #3B579D;
  color: #FFFFFF;
}
.ui.facebook.button:hover {
  background-color: #3A59A9;
  color: #FFFFFF;
}
.ui.facebook.button:active {
  background-color: #334F95;
  color: #FFFFFF;
}
/* Twitter */
.ui.twitter.button {
  background-color: #4092CC;
  color: #FFFFFF;
}
.ui.twitter.button:hover {
  background-color: #399ADE;
  color: #FFFFFF;
}
.ui.twitter.button:active {
  background-color: #3283BC;
  color: #FFFFFF;
}
/* Google Plus */
.ui.google.plus.button {
  background-color: #D34836;
  color: #FFFFFF;
}
.ui.google.plus.button:hover {
  background-color: #E3432E;
  color: #FFFFFF;
}
.ui.google.plus.button:active {
  background-color: #CA3A27;
  color: #FFFFFF;
}
/* Linked In */
.ui.linkedin.button {
  background-color: #1F88BE;
  color: #FFFFFF;
}
.ui.linkedin.button:hover {
  background-color: #1394D6;
  color: #FFFFFF;
}
.ui.linkedin.button:active {
  background-color: #1179AE;
  color: #FFFFFF;
}
/* YouTube */
.ui.youtube.button {
  background-color: #CC181E;
  color: #FFFFFF;
}
.ui.youtube.button:hover {
  background-color: #DF0209;
  color: #FFFFFF;
}
.ui.youtube.button:active {
  background-color: #A50006;
  color: #FFFFFF;
}
/* Instagram */
.ui.instagram.button {
  background-color: #49769C;
  color: #FFFFFF;
}
.ui.instagram.button:hover {
  background-color: #4781B1;
  color: #FFFFFF;
}
.ui.instagram.button:active {
  background-color: #38658A;
  color: #FFFFFF;
}
/* Pinterest */
.ui.pinterest.button {
  background-color: #00ACED;
  color: #FFFFFF;
}
.ui.pinterest.button:hover {
  background-color: #00B9FF;
  color: #FFFFFF;
}
.ui.pinterest.button:active {
  background-color: #009EDA;
  color: #FFFFFF;
}
/* vk.com */
.ui.vk.button {
  background-color: #4D7198;
  color: #FFFFFF;
}
.ui.vk.button:hover {
  background-color: #537AA5;
  color: #FFFFFF;
}
.ui.vk.button:active {
  background-color: #405E7E;
  color: #FFFFFF;
}
/*--------------
     Icon
---------------*/
.ui.button > .icon {
  margin-right: 0.6em;
  line-height: 1;
  -webkit-transition: opacity 0.1s ease
  ;
  transition: opacity 0.1s ease
  ;
}
/*******************************
           Variations
*******************************/
/*-------------------
       Floated
--------------------*/
.ui.left.floated.buttons,
.ui.left.floated.button {
  float: left;
  margin-right: 0.25em;
}
.ui.right.floated.buttons,
.ui.right.floated.button {
  float: right;
  margin-left: 0.25em;
}
/*-------------------
        Sizes
--------------------*/
.ui.buttons .button,
.ui.button {
  font-size: 1rem;
}
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
  font-size: 0.8rem;
}
.ui.mini.buttons .button,
.ui.mini.button {
  padding: 0.6em 0.8em;
}
.ui.mini.icon.buttons .button,
.ui.mini.buttons .icon.button {
  padding: 0.6em 0.6em;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
  font-size: 0.875em;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .button,
.ui.tiny.button {
  padding: 0.6em 0.8em;
}
.ui.tiny.icon.buttons .button,
.ui.tiny.buttons .icon.button {
  padding: 0.6em 0.6em;
}
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
  font-size: 0.875rem;
}
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
  font-size: 1.125rem;
}
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
  font-size: 1.25rem;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
  font-size: 1.375rem;
}
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
  font-size: 1.5rem;
  font-weight: bold;
}
/* Or resize */
.ui.tiny.buttons .or:before,
.ui.mini.buttons .or:before {
  width: 1.45em;
  height: 1.55em;
  line-height: 1.4;
  margin-left: -0.725em;
  margin-top: -0.25em;
}
.ui.tiny.buttons .or:after,
.ui.mini.buttons .or:after {
  height: 1.45em;
}
/* loading */
.ui.huge.loading.button:after {
  background-image: url(../images/loader-small.gif);
}
.ui.massive.buttons .loading.button:after,
.ui.gigantic.buttons .loading.button:after,
.ui.massive.loading.button:after,
.ui.gigantic.loading.button:after {
  background-image: url(../images/loader-medium.gif);
}
.ui.huge.loading.button:after,
.ui.huge.loading.button.active:after {
  background-image: url(../images/loader-small.gif);
}
.ui.massive.buttons .loading.button:after,
.ui.gigantic.buttons .loading.button:after,
.ui.massive.loading.button:after,
.ui.gigantic.loading.button:after,
.ui.massive.buttons .loading.button.active:after,
.ui.gigantic.buttons .loading.button.active:after,
.ui.massive.loading.button.active:after,
.ui.gigantic.loading.button.active:after {
  background-image: url(../images/loader-medium.gif);
}
/*--------------
    Icon Only
---------------*/
.ui.icon.buttons .button,
.ui.icon.button {
  padding: 0.8em;
}
.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
  opacity: 0.9;
  margin: 0em;
  vertical-align: top;
}
/*-------------------
        Basic
--------------------*/
.ui.basic.buttons .button,
.ui.basic.button {
  background-color: transparent !important;
  background-image: none;
  color: #808080 !important;
  font-weight: normal;
  text-transform: none;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
}
.ui.basic.buttons {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 0.25em;
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background-image: none;
  color: #7F7F7F !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18) inset;
}
.ui.basic.buttons .button:active,
.ui.basic.button:active {
  background-color: rgba(0, 0, 0, 0.02) !important;
  color: #7F7F7F !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
}
.ui.basic.buttons .button.active,
.ui.basic.button.active {
  background-color: rgba(0, 0, 0, 0.05);
  color: #7F7F7F;
  box-shadow: 0px 0px 0px 1px #BDBDBD inset;
}
.ui.basic.buttons .button.active:hover,
.ui.basic.button.active:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
/* Inverted */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  color: #FAFAFA !important;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
}
.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  background-image: none;
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
}
.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.8) inset !important;
}
.ui.basic.inverted.buttons .button.active,
.ui.basic.inverted.button.active {
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  box-shadow: none;
}
.ui.basic.inverted.buttons .button.active:hover,
.ui.basic.inverted.button.active:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
/* Basic Group */
.ui.basic.buttons .button {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
.ui.basic.buttons .button:hover,
.ui.basic.buttons .button:active {
  box-shadow: none;
}
.ui.basic.buttons .button.active,
.ui.basic.buttons .button.active:hover {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
}
/*--------------
   Labeled Icon
---------------*/
.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
  position: relative;
  padding-left: 4em !important;
  padding-right: 1.4em !important;
}
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  position: absolute;
  top: 0em;
  left: 0em;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 2.75em;
  height: 100%;
  padding-top: 0.8em;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
  border-radius: 0.25em 0px 0px 0.25em;
  line-height: 1;
  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
}
.ui.labeled.icon.buttons .button > .icon {
  border-radius: 0em;
}
.ui.labeled.icon.buttons .button:first-child > .icon {
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.ui.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0em;
  border-top-left-radius: 0.25em;
}
.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0em;
  border-bottom-left-radius: 0.25em;
}
.ui.right.labeled.icon.button {
  padding-left: 1.4em !important;
  padding-right: 4em !important;
}
.ui.left.fluid.labeled.icon.button,
.ui.right.fluid.labeled.icon.button {
  padding-left: 1.4em !important;
  padding-right: 1.4em !important;
}
.ui.right.labeled.icon.button .icon {
  left: auto;
  right: 0em;
  border-radius: 0em 0.25em 0.25em 0em;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
}
/*--------------
     Toggle
---------------*/
/* Toggle (Modifies active state to give affordances) */
.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
  background-color: #5BBD72 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
.ui.button.toggle.active:hover {
  background-color: #58CB73 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
/*--------------
    Circular
---------------*/
.ui.circular.button {
  border-radius: 10em;
}
/*--------------
     Attached
---------------*/
.ui.attached.button {
  display: block;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
}
.ui.attached.top.button {
  border-radius: 0.25em 0.25em 0em 0em;
}
.ui.attached.bottom.button {
  border-radius: 0em 0em 0.25em 0.25em;
}
.ui.attached.left.button {
  display: inline-block;
  border-left: none;
  padding-right: 0.75em;
  text-align: right;
  border-radius: 0.25em 0em 0em 0.25em;
}
.ui.attached.right.button {
  display: inline-block;
  padding-left: 0.75em;
  text-align: left;
  border-radius: 0em 0.25em 0.25em 0em;
}
/*-------------------
      Or Buttons
--------------------*/
.ui.buttons .or {
  position: relative;
  float: left;
  width: 0.3em;
  height: 1.1em;
  z-index: 3;
}
.ui.buttons .or:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: 'or';
  background-color: #FFFFFF;
  margin-top: -0.1em;
  margin-left: -0.9em;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.55;
  color: #AAAAAA;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  border-radius: 500px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui.buttons .or[data-text]:before {
  content: attr(data-text);
}
.ui.buttons .or:after {
  position: absolute;
  top: 0em;
  left: 0em;
  content: ' ';
  width: 0.3em;
  height: 1.7em;
  background-color: transparent;
  border-top: 0.5em solid #FFFFFF;
  border-bottom: 0.5em solid #FFFFFF;
}
/* Fluid Or */
.ui.fluid.buttons .or {
  width: 0em !important;
}
.ui.fluid.buttons .or:after {
  display: none;
}
/*-------------------
       Attached
--------------------*/
/* Plural Attached */
.attached.ui.buttons {
  margin: 0px;
  border-radius: 4px 4px 0px 0px;
}
.attached.ui.buttons .button:first-child {
  border-radius: 4px 0px 0px 0px;
}
.attached.ui.buttons .button:last-child {
  border-radius: 0px 4px 0px 0px;
}
/* Bottom Side */
.bottom.attached.ui.buttons {
  margin-top: -1px;
  border-radius: 0px 0px 4px 4px;
}
.bottom.attached.ui.buttons .button:first-child {
  border-radius: 0px 0px 0px 4px;
}
.bottom.attached.ui.buttons .button:last-child {
  border-radius: 0px 0px 4px 0px;
}
/* Left Side */
.left.attached.ui.buttons {
  margin-left: -1px;
  border-radius: 0px 4px 4px 0px;
}
.left.attached.ui.buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0px 4px 0px 0px;
}
.left.attached.ui.buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0px 0px 4px 0px;
}
/* Right Side */
.right.attached.ui.buttons,
.right.attached.ui.buttons .button {
  margin-right: -1px;
  border-radius: 4px 0px 0px 4px;
}
.right.attached.ui.buttons .button:first-child {
  margin-left: -1px;
  border-radius: 4px 0px 0px 0px;
}
.right.attached.ui.buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0px 0px 0px 4px;
}
/* Fluid */
.ui.fluid.buttons,
.ui.button.fluid,
.ui.fluid.buttons > .button {
  display: block;
  width: 100%;
}
.ui.\32.buttons > .button,
.ui.two.buttons > .button {
  width: 50%;
}
.ui.\33.buttons > .button,
.ui.three.buttons > .button {
  width: 33.333%;
}
.ui.\34.buttons > .button,
.ui.four.buttons > .button {
  width: 25%;
}
.ui.\35.buttons > .button,
.ui.five.buttons > .button {
  width: 20%;
}
.ui.\36.buttons > .button,
.ui.six.buttons > .button {
  width: 16.666%;
}
.ui.\37.buttons > .button,
.ui.seven.buttons > .button {
  width: 14.285%;
}
.ui.\38.buttons > .button,
.ui.eight.buttons > .button {
  width: 12.500%;
}
.ui.\39.buttons > .button,
.ui.nine.buttons > .button {
  width: 11.11%;
}
.ui.\31\30.buttons > .button,
.ui.ten.buttons > .button {
  width: 10%;
}
.ui.\31\31.buttons > .button,
.ui.eleven.buttons > .button {
  width: 9.09%;
}
.ui.\31\32.buttons > .button,
.ui.twelve.buttons > .button {
  width: 8.3333%;
}
/* Fluid Vertical Buttons */
.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons > .button {
  display: block;
  width: auto;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui.\32.vertical.buttons > .button,
.ui.two.vertical.buttons > .button {
  height: 50%;
}
.ui.\33.vertical.buttons > .button,
.ui.three.vertical.buttons > .button {
  height: 33.333%;
}
.ui.\34.vertical.buttons > .button,
.ui.four.vertical.buttons > .button {
  height: 25%;
}
.ui.\35.vertical.buttons > .button,
.ui.five.vertical.buttons > .button {
  height: 20%;
}
.ui.\36.vertical.buttons > .button,
.ui.six.vertical.buttons > .button {
  height: 16.666%;
}
.ui.\37.vertical.buttons > .button,
.ui.seven.vertical.buttons > .button {
  height: 14.285%;
}
.ui.\38.vertical.buttons > .button,
.ui.eight.vertical.buttons > .button {
  height: 12.500%;
}
.ui.\39.vertical.buttons > .button,
.ui.nine.vertical.buttons > .button {
  height: 11.11%;
}
.ui.\31\30.vertical.buttons > .button,
.ui.ten.vertical.buttons > .button {
  height: 10%;
}
.ui.\31\31.vertical.buttons > .button,
.ui.eleven.vertical.buttons > .button {
  height: 9.09%;
}
.ui.\31\32.vertical.buttons > .button,
.ui.twelve.vertical.buttons > .button {
  height: 8.3333%;
}
/*-------------------
       Colors
--------------------*/
/*--- Black ---*/
.ui.black.buttons .button,
.ui.black.button {
  background-color: #5C6166;
  color: #FFFFFF;
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
  background-color: #4C4C4C;
  color: #FFFFFF;
}
.ui.black.buttons .button:active,
.ui.black.button:active {
  background-color: #333333;
  color: #FFFFFF;
}
/*--- Green ---*/
.ui.green.buttons .button,
.ui.green.button {
  background-color: #5BBD72;
  color: #FFFFFF;
}
.ui.green.buttons .button:hover,
.ui.green.button:hover,
.ui.green.buttons .active.button,
.ui.green.button.active {
  background-color: #58cb73;
  color: #FFFFFF;
}
.ui.green.buttons .button:active,
.ui.green.button:active {
  background-color: #4CB164;
  color: #FFFFFF;
}
/*--- Red ---*/
.ui.red.buttons .button,
.ui.red.button {
  background-color: #D95C5C;
  color: #FFFFFF;
}
.ui.red.buttons .button:hover,
.ui.red.button:hover,
.ui.red.buttons .active.button,
.ui.red.button.active {
  background-color: #E75859;
  color: #FFFFFF;
}
.ui.red.buttons .button:active,
.ui.red.button:active {
  background-color: #D24B4C;
  color: #FFFFFF;
}
/*--- Orange ---*/
.ui.orange.buttons .button,
.ui.orange.button {
  background-color: #E96633;
  color: #FFFFFF;
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover,
.ui.orange.buttons .active.button,
.ui.orange.button.active {
  background-color: #FF7038;
  color: #FFFFFF;
}
.ui.orange.buttons .button:active,
.ui.orange.button:active {
  background-color: #DA683B;
  color: #FFFFFF;
}
/*--- Blue ---*/
.ui.blue.buttons .button,
.ui.blue.button {
  background-color: #6ECFF5;
  color: #FFFFFF;
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover,
.ui.blue.buttons .active.button,
.ui.blue.button.active {
  background-color: #1AB8F3;
  color: #FFFFFF;
}
.ui.blue.buttons .button:active,
.ui.blue.button:active {
  background-color: #0AA5DF;
  color: #FFFFFF;
}
/*--- Purple ---*/
.ui.purple.buttons .button,
.ui.purple.button {
  background-color: #564F8A;
  color: #FFFFFF;
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover,
.ui.purple.buttons .active.button,
.ui.purple.button.active {
  background-color: #3E3773;
  color: #FFFFFF;
}
.ui.purple.buttons .button:active,
.ui.purple.button:active {
  background-color: #2E2860;
  color: #FFFFFF;
}
/*--- Teal ---*/
.ui.teal.buttons .button,
.ui.teal.button {
  background-color: #00B5AD;
  color: #FFFFFF;
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover,
.ui.teal.buttons .active.button,
.ui.teal.button.active {
  background-color: #009A93;
  color: #FFFFFF;
}
.ui.teal.buttons .button:active,
.ui.teal.button:active {
  background-color: #00847E;
  color: #FFFFFF;
}
/*---------------
    Positive
----------------*/
.ui.positive.buttons .button,
.ui.positive.button {
  background-color: #5BBD72 !important;
  color: #FFFFFF;
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover,
.ui.positive.buttons .active.button,
.ui.positive.button.active {
  background-color: #58CB73 !important;
  color: #FFFFFF;
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
  background-color: #4CB164 !important;
  color: #FFFFFF;
}
/*---------------
     Negative
----------------*/
.ui.negative.buttons .button,
.ui.negative.button {
  background-color: #D95C5C !important;
  color: #FFFFFF;
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover,
.ui.negative.buttons .active.button,
.ui.negative.button.active {
  background-color: #E75859 !important;
  color: #FFFFFF;
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
  background-color: #D24B4C !important;
  color: #FFFFFF;
}
/*******************************
            Groups
*******************************/
.ui.buttons {
  display: inline-block;
  vertical-align: middle;
}
.ui.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui.buttons .button:first-child {
  border-left: none;
}
.ui.buttons .button {
  float: left;
  border-radius: 0em;
}
.ui.buttons .button:first-child {
  margin-left: 0em;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
/* Vertical  Style */
.ui.vertical.buttons {
  display: inline-block;
}
.ui.vertical.buttons .button {
  display: block;
  float: none;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
}
.ui.vertical.buttons .button:first-child,
.ui.vertical.buttons .mini.button:first-child,
.ui.vertical.buttons .tiny.button:first-child,
.ui.vertical.buttons .small.button:first-child,
.ui.vertical.buttons .massive.button:first-child,
.ui.vertical.buttons .huge.button:first-child {
  margin-top: 0px;
  border-radius: 0.25em 0.25em 0px 0px;
}
.ui.vertical.buttons .button:last-child,
.ui.vertical.buttons .mini.button:last-child,
.ui.vertical.buttons .tiny.button:last-child,
.ui.vertical.buttons .small.button:last-child,
.ui.vertical.buttons .massive.button:last-child,
.ui.vertical.buttons .huge.button:last-child,
.ui.vertical.buttons .gigantic.button:last-child {
  border-radius: 0px 0px 0.25em 0.25em;
}
.steps {
  margin-bottom: 30px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
.steps > .step {
  display: inline-block;
  padding: 0.33em 1.33em;
  border: 3px solid #e3e7e8;
  border-radius: 999em;
  color: #666;
  font-size: 24px;
  line-height: 1.33;
  text-decoration: none;
  cursor: pointer;
}
.steps > .step.active {
  background-color: #e3e7e8;
}
.steps > .step.disabled {
  color: #e3e7e8;
  cursor: default;
}
.steps > .divider {
  margin: 0 1em!important;
  color: #e3e7e8;
  font-size: 18px;
  line-height: 1.33;
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.spinner {
  position: relative;
  min-width: 1em;
  min-height: 1em;
}
.spinner:before {
  content: 'Loading...';
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
}
.spinner:not(:required):before {
  content: '' !important;
  border-radius: 999em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top-color: #03ade0;
  -webkit-animation: spinner .8s linear infinite;
          animation: spinner .8s linear infinite;
}
.button {
  -webkit-transition: padding-left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
          transition: padding-left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.spinner.button {
  position: relative;
  padding-left: 3em!important;
  cursor: default;
}
.spinner.button:before {
  left: 1.5em;
  border-top-color: inherit;
}
.vertical.yeeyan.menu {
  width: 160px;
  border-right: 3px solid rgba(0, 0, 0, 0.1);
}
.vertical.yeeyan.menu > .item {
  display: block;
  height: 40px;
  margin: 0 -3px 0 0;
  padding: 0 16px;
  border-right: 3px solid transparent;
  line-height: 40px;
  font-size: 15px;
  color: inherit;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.vertical.yeeyan.menu > .item.active {
  color: #00b9f0;
  border-right-color: #00b9f0;
}
.vertical.yeeyan.menu > .divider {
  margin: 8px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  border-left: 0;
  border-right: 0;
}
/*
 * # Semantic - Menu
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Standard
*******************************/
/*--------------
      Menu
---------------*/
.ui.menu {
  margin: 1rem 0rem;
  background-color: #FFFFFF;
  font-size: 0px;
  font-weight: normal;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0.1875rem;
}
.ui.menu:first-child {
  margin-top: 0rem;
}
.ui.menu:last-child {
  margin-bottom: 0rem;
}
.ui.menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui.menu > .item:first-child {
  border-radius: 0.1875em 0px 0px 0.1875em;
}
.ui.menu > .item:last-child {
  border-radius: 0px 0.1875em 0.1875em 0px;
}
.ui.menu .item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
/*--------------
    Colors
---------------*/
/* Text Color */
.ui.menu .item,
.ui.menu .item > a:not(.button) {
  color: rgba(0, 0, 0, 0.75);
}
.ui.menu .item .item,
.ui.menu .item .item > a:not(.button) {
  color: rgba(30, 30, 30, 0.7);
}
.ui.menu .item .item .item,
.ui.menu .item .item .item > a:not(.button) {
  color: rgba(30, 30, 30, 0.6);
}
.ui.menu .dropdown.item .menu .item,
.ui.menu .dropdown.item .menu .item a:not(.button) {
  color: rgba(0, 0, 0, 0.75);
}
/* Hover */
.ui.menu .item .menu a.item:hover,
.ui.menu .item .menu a.item.hover,
.ui.menu .item .menu .link.item:hover,
.ui.menu .item .menu .link.item.hover {
  color: rgba(0, 0, 0, 0.85);
}
.ui.menu .dropdown.item .menu .item a:not(.button):hover {
  color: rgba(0, 0, 0, 0.85);
}
/* Active */
.ui.menu .active.item,
.ui.menu .active.item a:not(.button) {
  color: rgba(0, 0, 0, 0.85);
  border-radius: 0px;
}
/*--------------
      Items
---------------*/
.ui.menu .item {
  position: relative;
  display: inline-block;
  padding: 0.83em 0.95em;
  border-top: 0em solid rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui.menu .menu {
  margin: 0em;
}
.ui.menu .item.left,
.ui.menu .menu.left {
  float: left;
}
.ui.menu .item.right,
.ui.menu .menu.right {
  float: right;
}
/*--------------
    Borders
---------------*/
.ui.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  right: 0px;
  width: 1px;
  height: 100%;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
}
.ui.menu .menu.right .item:before,
.ui.menu .item.right:before {
  right: auto;
  left: 0px;
}
/*--------------
  Text Content
---------------*/
.ui.menu .text.item > *,
.ui.menu .item > p:only-child {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.6);
}
.ui.menu .item > p:first-child {
  margin-top: 0px;
}
.ui.menu .item > p:last-child {
  margin-bottom: 0px;
}
/*--------------
     Button
---------------*/
.ui.menu:not(.vertical) .item > .button {
  position: relative;
  top: -0.05em;
  margin: -0.55em 0;
  padding-bottom: 0.55em;
  padding-top: 0.55em;
  font-size: 0.875em;
}
/*--------------
     Inputs
---------------*/
.ui.menu:not(.vertical) .item > .input {
  margin-top: -0.85em;
  margin-bottom: -0.85em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  width: 100%;
  vertical-align: top;
}
.ui.menu .item > .input input {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.ui.vertical.menu .item > .input input {
  margin: 0em;
  padding-top: 0.63em;
  padding-bottom: 0.63em;
}
.ui.vertical.menu .ui.input > .icon {
  padding-top: 0.63em;
}
/* Action Input */
.ui.menu:not(.vertical) .item > .button.labeled > .icon {
  padding-top: 0.6em;
}
.ui.menu:not(.vertical) .item .action.input > .button {
  font-size: 0.8em;
  padding: 0.55em 0.8em;
}
/* Resizes */
.ui.small.menu:not(.vertical) .item > .input input {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
.ui.large.menu:not(.vertical) .item > .input input {
  top: -0.125em;
  padding-bottom: 0.6em;
  padding-top: 0.6em;
}
.ui.large.menu:not(.vertical) .item .action.input > .button {
  font-size: 0.8em;
  padding: 0.9em;
}
.ui.large.menu:not(.vertical) .item .action.input > .button > .icon {
  padding-top: 0.8em;
}
/*--------------
     Header
---------------*/
.ui.menu .header.item {
  background-color: rgba(0, 0, 0, 0.04);
  margin: 0em;
}
.ui.vertical.menu .header.item {
  font-weight: bold;
}
/*--------------
    Dropdowns
---------------*/
.ui.menu .dropdown.item .menu {
  left: 1px;
  margin: 0px;
  min-width: calc(99%);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.ui.secondary.menu .dropdown.item .menu {
  left: 0px;
  min-width: 100%;
}
.ui.menu .pointing.dropdown.item .menu {
  margin-top: 0.75em;
}
.ui.menu .simple.dropdown.item .menu {
  margin: 0px !important;
}
.ui.menu .dropdown.item .menu .item {
  width: 100%;
  color: rgba(0, 0, 0, 0.75);
}
.ui.menu .dropdown.item .menu .active.item {
  box-shadow: none !important;
}
.ui.menu .ui.dropdown .menu .item:before {
  display: none;
}
/*--------------
     Labels
---------------*/
.ui.menu .item > .label {
  background-color: rgba(0, 0, 0, 0.35);
  color: #FFFFFF;
  margin: -0.15em 0em -0.15em 0.5em;
  padding: 0.3em 0.8em;
  vertical-align: baseline;
}
.ui.menu .item > .floating.label {
  padding: 0.3em 0.8em;
}
/*--------------
      Images
---------------*/
.ui.menu .item > img:only-child {
  display: block;
  max-width: 100%;
  margin: 0em auto;
}
/*******************************
             States
*******************************/
/*--------------
      Hover
---------------*/
.ui.link.menu .item:hover,
.ui.menu .item.hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover,
.ui.menu .ui.dropdown .menu .item.hover,
.ui.menu .ui.dropdown .menu .item:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.02);
}
.ui.menu .ui.dropdown.active {
  background-color: rgba(0, 0, 0, 0.02);
  box-shadow: none;
  -moz-border-bottom-right-radius: 0em;
  border-bottom-right-radius: 0em;
  -moz-border-bottom-left-radius: 0em;
  border-bottom-left-radius: 0em;
}
/*--------------
      Down
---------------*/
.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active,
.ui.menu .ui.dropdown .menu .item:active {
  background-color: rgba(0, 0, 0, 0.05);
}
/*--------------
     Active
---------------*/
.ui.menu .active.item {
  background-color: rgba(0, 0, 0, 0.01);
  color: rgba(0, 0, 0, 0.95);
  box-shadow: 0em 0.2em 0em inset;
}
.ui.vertical.menu .active.item {
  border-radius: 0em;
  box-shadow: 0.2em 0em 0em inset;
}
.ui.vertical.menu > .active.item:first-child {
  border-radius: 0em 0.1875em 0em 0em;
}
.ui.vertical.menu > .active.item:last-child {
  border-radius: 0em 0em 0.1875em 0em;
}
.ui.vertical.menu > .active.item:only-child {
  border-radius: 0em 0.1875em 0.1875em 0em;
}
.ui.vertical.menu .active.item .menu .active.item {
  border-left: none;
}
.ui.vertical.menu .active.item .menu .active.item {
  padding-left: 1.5rem;
}
.ui.vertical.menu .item .menu .active.item {
  background-color: rgba(0, 0, 0, 0.03);
  box-shadow: none;
}
/*--------------
     Disabled
---------------*/
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover,
.ui.menu .item.disabled.hover {
  cursor: default;
  color: rgba(0, 0, 0, 0.2);
  background-color: transparent !important;
}
/*--------------------
     Loading
---------------------*/
/* On Form */
.ui.menu.loading {
  position: relative;
}
.ui.menu.loading:after {
  position: absolute;
  top: 0%;
  left: 0%;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8) url(../images/loader-large.gif) no-repeat 50% 50%;
  visibility: visible;
}
/*******************************
             Types
*******************************/
/*--------------
    Vertical
---------------*/
.ui.vertical.menu .item {
  display: block;
  height: auto !important;
  border-top: none;
  border-left: 0em solid rgba(0, 0, 0, 0);
  border-right: none;
}
.ui.vertical.menu > .item:first-child {
  border-radius: 0.1875em 0.1875em 0px 0px;
}
.ui.vertical.menu > .item:last-child {
  border-radius: 0px 0px 0.1875em 0.1875em;
}
.ui.vertical.menu .item > .label {
  float: right;
  text-align: center;
}
.ui.vertical.menu .item > .icon:not(.input) {
  float: right;
  width: 1.22em;
  margin: 0em 0em 0em 0.5em;
}
.ui.vertical.menu .item > .label + .icon {
  float: none;
  margin: 0em 0.25em 0em 0em;
}
/*--- Border ---*/
.ui.vertical.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0px;
  width: 100%;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%);
}
.ui.vertical.menu .item:first-child:before {
  background-image: none !important;
}
/*--- Dropdown ---*/
.ui.vertical.menu .dropdown.item > i {
  float: right;
  content: "\f0da";
}
.ui.vertical.menu .dropdown.item .menu {
  top: 0% !important;
  left: 100%;
  margin: 0px 0px 0px 1px;
  box-shadow: 0 0px 1px 1px #DDDDDD;
}
.ui.vertical.menu .dropdown.item.active {
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em;
}
.ui.vertical.menu .dropdown.item .menu .item {
  font-size: 1rem;
}
.ui.vertical.menu .dropdown.item .menu .item .icon {
  margin-right: 0em;
}
.ui.vertical.menu .dropdown.item.active {
  box-shadow: none;
}
/*--- Sub Menu ---*/
.ui.vertical.menu .item > .menu {
  margin: 0.5em -0.95em 0em;
}
.ui.vertical.menu .item > .menu > .item {
  padding: 0.5rem 1.5rem;
  font-size: 0.875em;
}
.ui.vertical.menu .item > .menu > .item:before {
  display: none;
}
/*--------------
     Tiered
---------------*/
.ui.tiered.menu > .sub.menu > .item {
  color: rgba(0, 0, 0, 0.4);
}
.ui.tiered.menu > .menu > .item:hover,
.ui.tiered.menu > .menu > .item.hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.tiered.menu .item.active {
  color: rgba(0, 0, 0, 0.8);
}
.ui.tiered.menu > .menu .item.active:after {
  position: absolute;
  content: '';
  margin-top: -1px;
  top: 100%;
  left: 0px;
  width: 100%;
  height: 2px;
  background-color: #FBFBFB;
}
.ui.tiered.menu .sub.menu {
  background-color: rgba(0, 0, 0, 0.01);
  border-radius: 0em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
  color: #FFFFFF;
}
.ui.tiered.menu .sub.menu .item {
  font-size: 0.875rem;
}
.ui.tiered.menu .sub.menu .item:before {
  background-image: none;
}
.ui.tiered.menu .sub.menu .active.item {
  padding-top: 0.83em;
  background-color: transparent;
  border-radius: 0 0 0 0;
  border-top: medium none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7) !important;
}
.ui.tiered.menu .sub.menu .active.item:after {
  display: none;
}
/* Inverted */
.ui.inverted.tiered.menu > .menu > .item {
  color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.tiered.menu .sub.menu {
  background-color: rgba(0, 0, 0, 0.2);
}
.ui.inverted.tiered.menu .sub.menu .item {
  color: rgba(255, 255, 255, 0.6);
}
.ui.inverted.tiered.menu > .menu > .item:hover,
.ui.inverted.tiered.menu > .menu > .item.hover {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.tiered.menu .active.item:after {
  display: none;
}
.ui.inverted.tiered.menu > .sub.menu > .active.item,
.ui.inverted.tiered.menu > .menu > .active.item {
  color: #ffffff !important;
  box-shadow: none;
}
/* Tiered pointing */
.ui.pointing.tiered.menu > .menu > .item:after {
  display: none;
}
.ui.pointing.tiered.menu > .sub.menu > .item:after {
  display: block;
}
/*--------------
     Tabular
---------------*/
.ui.tabular.menu {
  background-color: transparent;
  border-bottom: 1px solid #DCDDDE;
  border-radius: 0em;
  box-shadow: none !important;
}
.ui.tabular.menu .item {
  background-color: transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  padding-left: 1.4em;
  padding-right: 1.4em;
  color: rgba(0, 0, 0, 0.6);
}
.ui.tabular.menu .item:before {
  display: none;
}
/* Hover */
.ui.tabular.menu .item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
/* Active */
.ui.tabular.menu .active.item {
  position: relative;
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  border-color: #DCDDDE;
  font-weight: bold;
  margin-bottom: -1px;
  border-bottom: 1px solid #FFFFFF;
  box-shadow: none;
  border-radius: 5px 5px 0 0;
}
/* Coupling with segment for attachment */
.ui.attached.tabular.menu {
  position: relative;
  z-index: 2;
}
.ui.tabular.menu ~ .bottom.attached.segment {
  margin: 1px 0px 0px 1px;
}
/*--------------
   Pagination
---------------*/
.ui.pagination.menu {
  margin: 0em;
  display: inline-block;
  vertical-align: middle;
}
.ui.pagination.menu .item {
  min-width: 3em;
  text-align: center;
}
.ui.pagination.menu .icon.item .icon {
  vertical-align: top;
}
.ui.pagination.menu.floated {
  display: block;
}
/* active */
.ui.pagination.menu .active.item {
  border-top: none;
  padding-top: 0.83em;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: none;
}
/*--------------
   Secondary
---------------*/
.ui.secondary.menu {
  background-color: transparent;
  border-radius: 0px;
  box-shadow: none;
}
.ui.secondary.menu > .menu > .item,
.ui.secondary.menu > .item {
  box-shadow: none;
  border: none;
  height: auto !important;
  margin: 0em 0.25em;
  padding: 0.5em 1em;
  border-radius: 0.3125em;
}
.ui.secondary.menu > .menu > .item:before,
.ui.secondary.menu > .item:before {
  display: none !important;
}
.ui.secondary.menu .item > .input input {
  background-color: transparent;
  border: none;
}
.ui.secondary.menu .link.item,
.ui.secondary.menu a.item {
  opacity: 0.8;
  -webkit-transition: none;
  transition: none;
}
.ui.secondary.menu .header.item {
  border-right: 0.1em solid rgba(0, 0, 0, 0.1);
  background-color: transparent;
  border-radius: 0em;
}
/* hover */
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
  opacity: 1;
}
/* active */
.ui.secondary.menu > .menu > .active.item,
.ui.secondary.menu > .active.item {
  background-color: rgba(0, 0, 0, 0.08);
  opacity: 1;
  box-shadow: none;
}
.ui.secondary.vertical.menu > .active.item {
  border-radius: 0.3125em;
}
/* inverted */
.ui.secondary.inverted.menu .link.item,
.ui.secondary.inverted.menu a.item {
  color: rgba(255, 255, 255, 0.5);
}
.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
  color: rgba(255, 255, 255, 0.9);
}
.ui.secondary.inverted.menu .active.item {
  background-color: rgba(255, 255, 255, 0.1);
}
/* disable variations */
.ui.secondary.item.menu > .item {
  margin: 0em;
}
.ui.secondary.attached.menu {
  box-shadow: none;
}
/*---------------------
   Secondary Pointing
-----------------------*/
.ui.secondary.pointing.menu {
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}
.ui.secondary.pointing.menu > .menu > .item,
.ui.secondary.pointing.menu > .item {
  margin: 0em 0em -3px;
  padding: 0.6em 0.95em;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  border-radius: 0em;
  -webkit-transition: color 0.2s
  ;
  transition: color 0.2s
  ;
}
/* Item Types */
.ui.secondary.pointing.menu .header.item {
  margin-bottom: -3px;
  background-color: transparent !important;
  border-right-width: 0px !important;
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.8) !important;
}
.ui.secondary.pointing.menu .text.item {
  box-shadow: none !important;
}
.ui.secondary.pointing.menu > .menu > .item:after,
.ui.secondary.pointing.menu > .item:after {
  display: none;
}
/* Hover */
.ui.secondary.pointing.menu > .menu > .link.item:hover,
.ui.secondary.pointing.menu > .link.item:hover,
.ui.secondary.pointing.menu > .menu > a.item:hover,
.ui.secondary.pointing.menu > a.item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
/* Down */
.ui.secondary.pointing.menu > .menu > .link.item:active,
.ui.secondary.pointing.menu > .link.item:active,
.ui.secondary.pointing.menu > .menu > a.item:active,
.ui.secondary.pointing.menu > a.item:active {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.2);
}
/* Active */
.ui.secondary.pointing.menu > .menu > .item.active,
.ui.secondary.pointing.menu > .item.active {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
}
/*---------------------
   Secondary Vertical
-----------------------*/
.ui.secondary.vertical.pointing.menu {
  border: none;
  border-right: 3px solid rgba(0, 0, 0, 0.1);
}
.ui.secondary.vertical.menu > .item {
  border: none;
  margin: 0em 0em 0.3em;
  padding: 0.6em 0.8em;
  border-radius: 0.1875em;
}
.ui.secondary.vertical.menu > .header.item {
  border-radius: 0em;
}
.ui.secondary.vertical.pointing.menu > .item {
  margin: 0em -3px 0em 0em;
  border-bottom: none;
  border-right: 3px solid transparent;
  border-radius: 0em;
}
/* Hover */
.ui.secondary.vertical.pointing.menu > .item.hover,
.ui.secondary.vertical.pointing.menu > .item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
/* Down */
.ui.secondary.vertical.pointing.menu > .item:active {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.2);
}
/* Active */
.ui.secondary.vertical.pointing.menu > .item.active {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.85);
}
/*--------------
    Inverted
---------------*/
.ui.secondary.inverted.menu {
  background-color: transparent;
}
.ui.secondary.inverted.pointing.menu {
  border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}
.ui.secondary.inverted.pointing.menu > .item {
  color: rgba(255, 255, 255, 0.7);
}
.ui.secondary.inverted.pointing.menu > .header.item {
  color: #FFFFFF !important;
}
/* Hover */
.ui.secondary.inverted.pointing.menu > .menu > .item:hover,
.ui.secondary.inverted.pointing.menu > .item:hover {
  color: rgba(255, 255, 255, 0.85);
}
/* Down */
.ui.secondary.inverted.pointing.menu > .menu > .item:active,
.ui.secondary.inverted.pointing.menu > .item:active {
  border-color: rgba(255, 255, 255, 0.4);
}
/* Active */
.ui.secondary.inverted.pointing.menu > .menu > .item.active,
.ui.secondary.inverted.pointing.menu > .item.active {
  border-color: rgba(255, 255, 255, 0.8);
  color: #ffffff;
}
/*---------------------
   Inverted Vertical
----------------------*/
.ui.secondary.inverted.vertical.pointing.menu {
  border-right: 3px solid rgba(255, 255, 255, 0.1);
  border-bottom: none;
}
/*--------------
    Text Menu
---------------*/
.ui.text.menu {
  background-color: transparent;
  margin: 1rem -1rem;
  border-radius: 0px;
  box-shadow: none;
}
.ui.text.menu > .item {
  opacity: 0.8;
  margin: 0em 1em;
  padding: 0em;
  height: auto !important;
  border-radius: 0px;
  box-shadow: none;
  -webkit-transition: opacity 0.2s ease
  ;
  transition: opacity 0.2s ease
  ;
}
.ui.text.menu > .item:before {
  display: none !important;
}
.ui.text.menu .header.item {
  background-color: transparent;
  opacity: 1;
  color: rgba(50, 50, 50, 0.8);
  font-size: 0.875rem;
  padding: 0em;
  text-transform: uppercase;
  font-weight: bold;
}
/*--- fluid text ---*/
.ui.text.item.menu .item {
  margin: 0em;
}
/*--- vertical text ---*/
.ui.vertical.text.menu {
  margin: 1rem 0em;
}
.ui.vertical.text.menu:first-child {
  margin-top: 0rem;
}
.ui.vertical.text.menu:last-child {
  margin-bottom: 0rem;
}
.ui.vertical.text.menu .item {
  float: left;
  clear: left;
  margin: 0.5em 0em;
}
.ui.vertical.text.menu .item > .icon {
  float: none;
  margin: 0em 0.83em 0em 0em;
}
.ui.vertical.text.menu .header.item {
  margin: 0.8em 0em;
}
/*--- hover ---*/
.ui.text.menu .item.hover,
.ui.text.menu .item:hover {
  opacity: 1;
  background-color: transparent;
}
/*--- active ---*/
.ui.text.menu .active.item {
  background-color: transparent;
  padding: 0em;
  border: none;
  opacity: 1;
  font-weight: bold;
  box-shadow: none;
}
/* disable variations */
.ui.text.pointing.menu .active.item:after {
  box-shadow: none;
}
.ui.text.attached.menu {
  box-shadow: none;
}
.ui.inverted.text.menu,
.ui.inverted.text.menu .item,
.ui.inverted.text.menu .item:hover,
.ui.inverted.text.menu .item.active {
  background-color: transparent;
}
/*--------------
    Icon Only
---------------*/
.ui.icon.menu,
.ui.vertical.icon.menu {
  width: auto;
  display: inline-block;
  height: auto;
}
.ui.icon.menu > .item {
  height: auto;
  text-align: center;
  color: rgba(60, 60, 60, 0.7);
}
.ui.icon.menu > .item > .icon {
  display: block;
  float: none !important;
  opacity: 1;
  margin: 0em auto !important;
}
.ui.icon.menu .icon:before {
  opacity: 1;
}
/* Item Icon Only */
.ui.menu .icon.item .icon {
  margin: 0em;
}
.ui.vertical.icon.menu {
  float: none;
}
/*--- inverted ---*/
.ui.inverted.icon.menu .item {
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.icon.menu .icon {
  color: #ffffff;
}
/*--------------
   Labeled Icon
---------------*/
.ui.labeled.icon.menu {
  text-align: center;
}
.ui.labeled.icon.menu > .item > .icon {
  display: block;
  font-size: 1.5em !important;
  margin: 0em auto 0.3em !important;
}
/*******************************
           Variations
*******************************/
/*--------------
    Colors
---------------*/
/*--- Light Colors  ---*/
.ui.menu .green.active.item,
.ui.green.menu .active.item {
  border-color: #A1CF64 !important;
  color: #A1CF64 !important;
}
.ui.menu .red.active.item,
.ui.red.menu .active.item {
  border-color: #D95C5C !important;
  color: #D95C5C !important;
}
.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
  border-color: #6ECFF5 !important;
  color: #6ECFF5 !important;
}
.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
  border-color: #564F8A !important;
  color: #564F8A !important;
}
.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
  border-color: #F05940 !important;
  color: #F05940 !important;
}
.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
  border-color: #00B5AD !important;
  color: #00B5AD !important;
}
/*--------------
    Inverted
---------------*/
.ui.inverted.menu {
  background-color: #333333;
  box-shadow: none;
}
.ui.inverted.menu .header.item {
  margin: 0em;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.ui.inverted.menu .item,
.ui.inverted.menu .item > a {
  color: #FFFFFF;
}
.ui.inverted.menu .item .item,
.ui.inverted.menu .item .item > a {
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.menu .dropdown.item .menu .item,
.ui.inverted.menu .dropdown.item .menu .item a {
  color: rgba(0, 0, 0, 0.75) !important;
}
.ui.inverted.menu .item.disabled,
.ui.inverted.menu .item.disabled:hover,
.ui.inverted.menu .item.disabled.hover {
  color: rgba(255, 255, 255, 0.2);
}
/*--- Border ---*/
.ui.inverted.menu .item:before {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
}
.ui.vertical.inverted.menu .item:before {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
}
/*--- Hover ---*/
.ui.link.inverted.menu .item:hover,
.ui.inverted.menu .item.hover,
.ui.inverted.menu .link.item:hover,
.ui.inverted.menu a.item:hover,
.ui.inverted.menu .dropdown.item.hover,
.ui.inverted.menu .dropdown.item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.ui.inverted.menu a.item:hover,
.ui.inverted.menu .item.hover,
.ui.inverted.menu .item > a:hover,
.ui.inverted.menu .item .menu a.item:hover,
.ui.inverted.menu .item .menu a.item.hover,
.ui.inverted.menu .item .menu .link.item:hover,
.ui.inverted.menu .item .menu .link.item.hover {
  color: #ffffff;
}
/*--- Down ---*/
.ui.inverted.menu a.item:active,
.ui.inverted.menu .dropdown.item:active,
.ui.inverted.menu .link.item:active,
.ui.inverted.menu a.item:active {
  background-color: rgba(255, 255, 255, 0.15);
}
/*--- Active ---*/
.ui.inverted.menu .active.item {
  box-shadow: none !important;
  background-color: rgba(255, 255, 255, 0.2);
}
.ui.inverted.menu .active.item,
.ui.inverted.menu .active.item a {
  color: #ffffff !important;
}
.ui.inverted.vertical.menu .item .menu .active.item {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
/*--- Pointers ---*/
.ui.inverted.pointing.menu .active.item:after {
  background-color: #5B5B5B;
  box-shadow: none;
}
.ui.inverted.pointing.menu .active.item:hover:after {
  background-color: #4A4A4A;
}
/*--------------
    Selection
---------------*/
.ui.selection.menu > .item {
  color: rgba(0, 0, 0, 0.4);
}
.ui.selection.menu > .item:hover {
  color: rgba(0, 0, 0, 0.6);
}
.ui.selection.menu > .item.active {
  color: rgba(0, 0, 0, 0.85);
}
.ui.inverted.selection.menu > .item {
  color: rgba(255, 255, 255, 0.4);
}
.ui.inverted.selection.menu > .item:hover {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.selection.menu > .item.active {
  color: #FFFFFF;
}
/*--------------
     Floated
---------------*/
.ui.floated.menu {
  float: left;
  margin: 0rem 0.5rem 0rem 0rem;
}
.ui.right.floated.menu {
  float: right;
  margin: 0rem 0rem 0rem 0.5rem;
}
/*--------------
 Inverted Colors
---------------*/
/*--- Light Colors  ---*/
.ui.grey.menu {
  background-color: #F0F0F0;
}
/*--- Inverted Colors  ---*/
.ui.inverted.green.menu {
  background-color: #A1CF64;
}
.ui.inverted.green.pointing.menu .active.item:after {
  background-color: #A1CF64;
}
.ui.inverted.red.menu {
  background-color: #D95C5C;
}
.ui.inverted.red.pointing.menu .active.item:after {
  background-color: #F16883;
}
.ui.inverted.blue.menu {
  background-color: #6ECFF5;
}
.ui.inverted.blue.pointing.menu .active.item:after {
  background-color: #6ECFF5;
}
.ui.inverted.purple.menu {
  background-color: #564F8A;
}
.ui.inverted.purple.pointing.menu .active.item:after {
  background-color: #564F8A;
}
.ui.inverted.orange.menu {
  background-color: #F05940;
}
.ui.inverted.orange.pointing.menu .active.item:after {
  background-color: #F05940;
}
.ui.inverted.teal.menu {
  background-color: #00B5AD;
}
.ui.inverted.teal.pointing.menu .active.item:after {
  background-color: #00B5AD;
}
/*--------------
     Fitted
---------------*/
.ui.fitted.menu .item,
.ui.fitted.menu .item .menu .item,
.ui.menu .fitted.item {
  padding: 0em;
}
.ui.horizontally.fitted.menu .item,
.ui.horizontally.fitted.menu .item .menu .item,
.ui.menu .horizontally.fitted.item {
  padding-top: 0.83em;
  padding-bottom: 0.83em;
}
.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item,
.ui.menu .vertically.fitted.item {
  padding-left: 0.95em;
  padding-right: 0.95em;
}
/*--------------
   Borderless
---------------*/
.ui.borderless.menu .item:before,
.ui.borderless.menu .item .menu .item:before,
.ui.menu .borderless.item:before {
  background-image: none;
}
/*-------------------
       Compact
--------------------*/
.ui.compact.menu {
  display: inline-block;
  margin: 0em;
  vertical-align: middle;
}
.ui.compact.vertical.menu {
  width: auto !important;
}
.ui.compact.vertical.menu .item:last-child::before {
  display: block;
}
/*-------------------
        Fluid
--------------------*/
.ui.menu.fluid,
.ui.vertical.menu.fluid {
  display: block;
  width: 100% !important;
}
/*-------------------
      Evenly Sized
--------------------*/
.ui.item.menu,
.ui.item.menu .item {
  width: 100%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: center;
}
.ui.menu.two.item .item {
  width: 50%;
}
.ui.menu.three.item .item {
  width: 33.333%;
}
.ui.menu.four.item .item {
  width: 25%;
}
.ui.menu.five.item .item {
  width: 20%;
}
.ui.menu.six.item .item {
  width: 16.666%;
}
.ui.menu.seven.item .item {
  width: 14.285%;
}
.ui.menu.eight.item .item {
  width: 12.500%;
}
.ui.menu.nine.item .item {
  width: 11.11%;
}
.ui.menu.ten.item .item {
  width: 10.0%;
}
.ui.menu.eleven.item .item {
  width: 9.09%;
}
.ui.menu.twelve.item .item {
  width: 8.333%;
}
/*--------------
     Fixed
---------------*/
.ui.menu.fixed {
  position: fixed;
  z-index: 999;
  margin: 0em;
  border: none;
  width: 100%;
}
.ui.menu.fixed,
.ui.menu.fixed .item:first-child,
.ui.menu.fixed .item:last-child {
  border-radius: 0px !important;
}
.ui.menu.fixed.top {
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
}
.ui.menu.fixed.right {
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}
.ui.menu.fixed.bottom {
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto;
}
.ui.menu.fixed.left {
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}
/* Coupling with Grid */
.ui.fixed.menu + .ui.grid {
  padding-top: 2.75rem;
}
/*-------------------
       Pointing
--------------------*/
.ui.pointing.menu .active.item:after {
  position: absolute;
  bottom: -0.3em;
  left: 50%;
  content: "";
  margin-left: -0.3em;
  width: 0.6em;
  height: 0.6em;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  background-image: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  z-index: 2;
  -webkit-transition: background 0.2s ease
  ;
  transition: background 0.2s ease
  ;
}
/* Don't double up pointers */
.ui.pointing.menu .active.item .menu .active.item:after {
  display: none;
}
.ui.vertical.pointing.menu .active.item:after {
  position: absolute;
  top: 50%;
  margin-top: -0.3em;
  right: -0.4em;
  bottom: auto;
  left: auto;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
/* Colors */
.ui.pointing.menu .active.item:after {
  background-color: #FCFCFC;
}
.ui.pointing.menu .active.item.hover:after,
.ui.pointing.menu .active.item:hover:after {
  background-color: #FAFAFA;
}
.ui.vertical.pointing.menu .menu .active.item:after {
  background-color: #F4F4F4;
}
.ui.pointing.menu a.active.item:active:after {
  background-color: #F0F0F0;
}
/*--------------
    Attached
---------------*/
.ui.menu.attached {
  margin: 0rem;
  border-radius: 0px;
  /* avoid rgba multiplying */
  box-shadow: 0px 0px 0px 1px #DDDDDD;
}
.ui.top.attached.menu {
  border-radius: 0.1875em 0.1875em 0px 0px;
}
.ui.menu.bottom.attached {
  border-radius: 0px 0px 0.1875em 0.1875em;
}
/*--------------
     Sizes
---------------*/
.ui.small.menu .item {
  font-size: 0.875rem;
}
.ui.small.vertical.menu {
  width: 13rem;
}
.ui.menu .item {
  font-size: 1rem;
}
.ui.vertical.menu {
  width: 15rem;
}
.ui.large.menu .item {
  font-size: 1.125rem;
}
.ui.large.menu .item .item {
  font-size: 0.875rem;
}
.ui.large.menu .dropdown.item .item {
  font-size: 1rem;
}
.ui.large.vertical.menu {
  width: 18rem;
}
/*
 * # Semantic - Table
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Table
*******************************/
/* Prototype */
.ui.table {
  width: 100%;
  border-collapse: collapse;
}
/* Table Content */
.ui.table th,
.ui.table tr,
.ui.table td {
  border-collapse: collapse;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* Headers */
.ui.table thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.ui.table tfoot th {
  background-color: rgba(0, 0, 0, 0.03);
}
.ui.table th {
  cursor: auto;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  padding: 0.5em 0.7em;
  vertical-align: middle;
}
.ui.table thead th:first-child {
  border-radius: 5px 0px 0px 0px;
}
.ui.table thead th:last-child {
  border-radius: 0px 5px 0px 0px;
}
.ui.table tfoot th:first-child {
  border-radius: 0px 0px 0px 5px;
}
.ui.table tfoot th:last-child {
  border-radius: 0px 0px 5px 0px;
}
/* Table Cells */
.ui.table td {
  padding: 0.40em 0.7em;
  vertical-align: middle;
}
/* Footer */
.ui.table tfoot {
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.ui.table tfoot th {
  font-weight: normal;
  font-style: italic;
}
/* Table Striping */
.ui.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.02);
}
/* Icons */
.ui.table > .icon {
  vertical-align: baseline;
}
.ui.table > .icon:only-child {
  margin: 0em;
}
/* Table Segment */
.ui.table.segment:after {
  display: none;
}
.ui.table.segment.stacked:after {
  display: block;
}
/* Responsive */
@media only screen and (max-width: 768px) {
  .ui.table {
    display: block;
    padding: 0em;
  }
  .ui.table thead,
  .ui.table tfoot {
    display: none;
  }
  .ui.table tbody {
    display: block;
  }
  .ui.table tr {
    display: block;
  }
  .ui.table tr > td {
    width: 100% !important;
    display: block;
    border: none !important;
    padding: 0.25em 0.75em;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
  }
  .ui.table td:first-child {
    font-weight: bold;
    padding-top: 1em;
  }
  .ui.table td:last-child {
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
    padding-bottom: 1em;
  }
  /* Clear BG Colors */
  .ui.table tr > td.warning,
  .ui.table tr > td.error,
  .ui.table tr > td.active,
  .ui.table tr > td.positive,
  .ui.table tr > td.negative {
    background-color: transparent !important;
  }
}
/*******************************
             States
*******************************/
/*--------------
      Hover
---------------*/
/* Sortable */
.ui.sortable.table th.disabled:hover {
  cursor: auto;
  text-align: left;
  font-weight: bold;
  color: #333333;
  color: rgba(0, 0, 0, 0.8);
}
.ui.sortable.table thead th:hover {
  background-color: rgba(0, 0, 0, 0.13);
  color: rgba(0, 0, 0, 0.8);
}
/* Inverted Sortable */
.ui.inverted.sortable.table thead th:hover {
  background-color: rgba(255, 255, 255, 0.13);
  color: #ffffff;
}
/*--------------
    Positive
---------------*/
.ui.table tr.positive,
.ui.table td.positive {
  box-shadow: 2px 0px 0px #119000 inset;
}
.ui.table tr.positive td,
.ui.table td.positive {
  background-color: #F2F8F0 !important;
  color: #119000 !important;
}
.ui.celled.table tr.positive:hover td,
.ui.celled.table tr:hover td.positive,
.ui.table tr.positive:hover td,
.ui.table td:hover.positive,
.ui.table th:hover.positive {
  background-color: #ECF5E9 !important;
  color: #119000 !important;
}
/*--------------
     Negative
---------------*/
.ui.table tr.negative,
.ui.table td.negative {
  box-shadow: 2px 0px 0px #CD2929 inset;
}
.ui.table tr.negative td,
.ui.table td.negative {
  background-color: #F9F4F4;
  color: #CD2929 !important;
}
.ui.celled.table tr.negative:hover td,
.ui.celled.table tr:hover td.negative,
.ui.table tr.negative:hover td,
.ui.table td:hover.negative,
.ui.table th:hover.negative {
  background-color: #F2E8E8;
  color: #CD2929;
}
/*--------------
      Error
---------------*/
.ui.table tr.error,
.ui.table td.error {
  box-shadow: 2px 0px 0px #CD2929 inset;
}
.ui.table tr.error td,
.ui.table td.error,
.ui.table th.error {
  background-color: #F9F4F4;
  color: #CD2929;
}
.ui.celled.table tr.error:hover td,
.ui.celled.table tr:hover td.error,
.ui.table tr.error:hover td,
.ui.table td:hover.error,
.ui.table th:hover.error {
  background-color: #F2E8E8;
  color: #CD2929;
}
/*--------------
     Warning
---------------*/
.ui.table tr.warning,
.ui.table td.warning {
  box-shadow: 2px 0px 0px #7D6C00 inset;
}
.ui.table tr.warning td,
.ui.table td.warning,
.ui.table th.warning {
  background-color: #FBF6E9;
  color: #7D6C00;
}
.ui.celled.table tr.warning:hover td,
.ui.celled.table tr:hover td.warning,
.ui.table tr.warning:hover td,
.ui.table td:hover.warning,
.ui.table th:hover.warning {
  background-color: #F3EDDC;
  color: #7D6C00;
}
/*--------------
     Active
---------------*/
.ui.table tr.active,
.ui.table td.active {
  box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
}
.ui.table tr.active td,
.ui.table tr td.active {
  background-color: #E0E0E0;
  color: rgba(50, 50, 50, 0.9);
  /* border-color: rgba(0, 0, 0, 0.15) !important; */
}
/*--------------
     Disabled
---------------*/
.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover td,
.ui.table tr:hover td.disabled {
  color: rgba(150, 150, 150, 0.3);
}
/*******************************
          Variations
*******************************/
/*--------------
  Column Count
---------------*/
.ui.two.column.table td {
  width: 50%;
}
.ui.three.column.table td {
  width: 33.3333%;
}
.ui.four.column.table td {
  width: 25%;
}
.ui.five.column.table td {
  width: 20%;
}
.ui.six.column.table td {
  width: 16.66667%;
}
.ui.seven.column.table td {
  width: 14.2857%;
}
.ui.eight.column.table td {
  width: 12.5%;
}
.ui.nine.column.table td {
  width: 11.1111%;
}
.ui.ten.column.table td {
  width: 10%;
}
.ui.eleven.column.table td {
  width: 9.0909%;
}
.ui.twelve.column.table td {
  width: 8.3333%;
}
.ui.thirteen.column.table td {
  width: 7.6923%;
}
.ui.fourteen.column.table td {
  width: 7.1428%;
}
.ui.fifteen.column.table td {
  width: 6.6666%;
}
.ui.sixteen.column.table td {
  width: 6.25%;
}
/* Column Width */
.ui.table th.one.wide,
.ui.table td.one.wide {
  width: 6.25%;
}
.ui.table th.two.wide,
.ui.table td.two.wide {
  width: 12.5%;
}
.ui.table th.three.wide,
.ui.table td.three.wide {
  width: 18.75%;
}
.ui.table th.four.wide,
.ui.table td.four.wide {
  width: 25%;
}
.ui.table th.five.wide,
.ui.table td.five.wide {
  width: 31.25%;
}
.ui.table th.six.wide,
.ui.table td.six.wide {
  width: 37.5%;
}
.ui.table th.seven.wide,
.ui.table td.seven.wide {
  width: 43.75%;
}
.ui.table th.eight.wide,
.ui.table td.eight.wide {
  width: 50%;
}
.ui.table th.nine.wide,
.ui.table td.nine.wide {
  width: 56.25%;
}
.ui.table th.ten.wide,
.ui.table td.ten.wide {
  width: 62.5%;
}
.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
  width: 68.75%;
}
.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
  width: 75%;
}
.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
  width: 81.25%;
}
.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
  width: 87.5%;
}
.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
  width: 93.75%;
}
.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
  width: 100%;
}
/*--------------
     Celled
---------------*/
.ui.celled.table {
  color: rgba(0, 0, 0, 0.8);
}
.ui.celled.table tbody tr,
.ui.celled.table tfoot tr {
  border: none;
}
.ui.celled.table th,
.ui.celled.table td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
/* Coupling with segment */
.ui.celled.table.segment th:first-child,
.ui.celled.table.segment td:first-child {
  border-left: none;
}
.ui.celled.table.segment th:last-child,
.ui.celled.table.segment td:last-child {
  border-right: none;
}
/*--------------
    Sortable
---------------*/
.ui.sortable.table thead th {
  cursor: pointer;
  white-space: nowrap;
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui.sortable.table thead th:after {
  display: inline-block;
  content: '';
  width: 1em;
  opacity: 0.8;
  margin: 0em 0em 0em 0.5em;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.ui.sortable.table thead th.ascending:after {
  content: '\25b4';
}
.ui.sortable.table thead th.descending:after {
  content: '\25be';
}
/*--------------
    Inverted
---------------*/
/* Text Color */
.ui.inverted.table td {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.table th {
  background-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.9);
}
/* Stripes */
.ui.inverted.table tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.06);
}
/*--------------
   Definition
---------------*/
.ui.definition.table td:first-child {
  font-weight: bold;
}
/*--------------
   Collapsing
---------------*/
.ui.collapsing.table {
  width: auto;
}
/*--------------
      Basic
---------------*/
.ui.basic.table th {
  background-color: transparent;
  padding: 0.5em;
}
.ui.basic.table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.ui.basic.table td {
  padding: 0.8em 0.5em;
}
.ui.basic.table tbody tr:nth-child(2n) {
  background-color: transparent !important;
}
/*--------------
     Padded
---------------*/
.ui.padded.table th,
.ui.padded.table td {
  padding: 0.8em 1em;
}
.ui.compact.table th {
  padding: 0.3em 0.5em;
}
.ui.compact.table td {
  padding: 0.2em 0.5em;
}
/*--------------
      Sizes
---------------*/
/* Small */
.ui.small.table {
  font-size: 0.875em;
}
/* Standard */
.ui.table {
  font-size: 1em;
}
/* Large */
.ui.large.table {
  font-size: 1.1em;
}
/*
 * # Semantic - Grid
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Grid
*******************************/
.ui.grid {
  display: block;
  text-align: left;
  font-size: 0em;
  margin: 0% -1.5%;
  padding: 0%;
  box-sizing: border-box;
}
body > .ui.grid {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.ui.grid:after,
.ui.row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*-------------------
       Columns
--------------------*/
/* Standard 16 column */
.ui.grid > .column,
.ui.grid > .row > .column {
  display: inline-block;
  text-align: left;
  font-size: 1rem;
  width: 6.25%;
  padding-left: 1.5%;
  padding-right: 1.5%;
  box-sizing: border-box;
  vertical-align: top;
}
/* Vertical padding when no rows */
.ui.grid > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
/*-------------------
        Rows
--------------------*/
.ui.grid > .row {
  display: block;
  width: 100% !important;
  margin-top: 1.5%;
  padding: 1rem 0% 0%;
  font-size: 0rem;
}
.ui.grid > .row:first-child {
  padding-top: 0rem;
  margin-top: 0rem;
}
/*-------------------
      Content
--------------------*/
.ui.grid > .row > img,
.ui.grid > .row > .column > img {
  max-width: 100%;
}
.ui.grid .column > .ui.segment:only-child {
  margin: 0em;
}
/*******************************
           Variations
*******************************/
/*-----------------------
  Page Grid (Responsive)
-------------------------*/
.ui.page.grid {
  min-width: 320px;
  margin-left: 0%;
  margin-right: 0%;
}
@media only screen and (max-width: 991px) {
  .ui.page.grid {
    padding: 0% 4%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.page.grid {
    padding: 0% 8%;
  }
}
@media only screen and (min-width: 1500px) {
  .ui.page.grid {
    padding: 0% 13%;
  }
}
@media only screen and (min-width: 1750px) {
  .ui.page.grid {
    padding: 0% 18%;
  }
}
@media only screen and (min-width: 2000px) {
  .ui.page.grid {
    padding: 0% 23%;
  }
}
/*-------------------
    Column Width
--------------------*/
/* Sizing Combinations */
.ui.grid > .row > .one.wide.column,
.ui.grid > .column.row > .one.wide.column,
.ui.grid > .one.wide.column,
.ui.column.grid > .one.wide.column {
  width: 6.25%;
}
.ui.grid > .row > .two.wide.column,
.ui.grid > .column.row > .two.wide.column,
.ui.grid > .two.wide.column,
.ui.column.grid > .two.wide.column {
  width: 12.5%;
}
.ui.grid > .row > .three.wide.column,
.ui.grid > .column.row > .three.wide.column,
.ui.grid > .three.wide.column,
.ui.column.grid > .three.wide.column {
  width: 18.75%;
}
.ui.grid > .row > .four.wide.column,
.ui.grid > .column.row > .four.wide.column,
.ui.grid > .four.wide.column,
.ui.column.grid > .four.wide.column {
  width: 25%;
}
.ui.grid > .row > .five.wide.column,
.ui.grid > .column.row > .five.wide.column,
.ui.grid > .five.wide.column,
.ui.column.grid > .five.wide.column {
  width: 31.25%;
}
.ui.grid > .row > .six.wide.column,
.ui.grid > .column.row > .six.wide.column,
.ui.grid > .six.wide.column,
.ui.column.grid > .six.wide.column {
  width: 37.5%;
}
.ui.grid > .row > .seven.wide.column,
.ui.grid > .column.row > .seven.wide.column,
.ui.grid > .seven.wide.column,
.ui.column.grid > .seven.wide.column {
  width: 43.75%;
}
.ui.grid > .row > .eight.wide.column,
.ui.grid > .column.row > .eight.wide.column,
.ui.grid > .eight.wide.column,
.ui.column.grid > .eight.wide.column {
  width: 50%;
}
.ui.grid > .row > .nine.wide.column,
.ui.grid > .column.row > .nine.wide.column,
.ui.grid > .nine.wide.column,
.ui.column.grid > .nine.wide.column {
  width: 56.25%;
}
.ui.grid > .row > .ten.wide.column,
.ui.grid > .column.row > .ten.wide.column,
.ui.grid > .ten.wide.column,
.ui.column.grid > .ten.wide.column {
  width: 62.5%;
}
.ui.grid > .row > .eleven.wide.column,
.ui.grid > .column.row > .eleven.wide.column,
.ui.grid > .eleven.wide.column,
.ui.column.grid > .eleven.wide.column {
  width: 68.75%;
}
.ui.grid > .row > .twelve.wide.column,
.ui.grid > .column.row > .twelve.wide.column,
.ui.grid > .twelve.wide.column,
.ui.column.grid > .twelve.wide.column {
  width: 75%;
}
.ui.grid > .row > .thirteen.wide.column,
.ui.grid > .column.row > .thirteen.wide.column,
.ui.grid > .thirteen.wide.column,
.ui.column.grid > .thirteen.wide.column {
  width: 81.25%;
}
.ui.grid > .row > .fourteen.wide.column,
.ui.grid > .column.row > .fourteen.wide.column,
.ui.grid > .fourteen.wide.column,
.ui.column.grid > .fourteen.wide.column {
  width: 87.5%;
}
.ui.grid > .row > .fifteen.wide.column,
.ui.grid > .column.row > .fifteen.wide.column,
.ui.grid > .fifteen.wide.column,
.ui.column.grid > .fifteen.wide.column {
  width: 93.75%;
}
.ui.grid > .row > .sixteen.wide.column,
.ui.grid > .column.row > .sixteen.wide.column,
.ui.grid > .sixteen.wide.column,
.ui.column.grid > .sixteen.wide.column {
  width: 100%;
}
/*-------------------
     Column Count
--------------------*/
/* Assume full width with one column */
.ui.one.column.grid > .row > .column,
.ui.one.column.grid > .column,
.ui.grid > .one.column.row > .column {
  width: 100%;
}
.ui.two.column.grid > .row > .column,
.ui.two.column.grid > .column,
.ui.grid > .two.column.row > .column {
  width: 50%;
}
.ui.three.column.grid > .row > .column,
.ui.three.column.grid > .column,
.ui.grid > .three.column.row > .column {
  width: 33.3333%;
}
.ui.four.column.grid > .row > .column,
.ui.four.column.grid > .column,
.ui.grid > .four.column.row > .column {
  width: 25%;
}
.ui.five.column.grid > .row > .column,
.ui.five.column.grid > .column,
.ui.grid > .five.column.row > .column {
  width: 20%;
}
.ui.six.column.grid > .row > .column,
.ui.six.column.grid > .column,
.ui.grid > .six.column.row > .column {
  width: 16.66667%;
}
.ui.seven.column.grid > .row > .column,
.ui.seven.column.grid > .column,
.ui.grid > .seven.column.row > .column {
  width: 14.2857%;
}
.ui.eight.column.grid > .row > .column,
.ui.eight.column.grid > .column,
.ui.grid > .eight.column.row > .column {
  width: 12.5%;
}
.ui.nine.column.grid > .row > .column,
.ui.nine.column.grid > .column,
.ui.grid > .nine.column.row > .column {
  width: 11.1111%;
}
.ui.ten.column.grid > .row > .column,
.ui.ten.column.grid > .column,
.ui.grid > .ten.column.row > .column {
  width: 10%;
}
.ui.eleven.column.grid > .row > .column,
.ui.eleven.column.grid > .column,
.ui.grid > .eleven.column.row > .column {
  width: 9.0909%;
}
.ui.twelve.column.grid > .row > .column,
.ui.twelve.column.grid > .column,
.ui.grid > .twelve.column.row > .column {
  width: 8.3333%;
}
.ui.thirteen.column.grid > .row > .column,
.ui.thirteen.column.grid > .column,
.ui.grid > .thirteen.column.row > .column {
  width: 7.6923%;
}
.ui.fourteen.column.grid > .row > .column,
.ui.fourteen.column.grid > .column,
.ui.grid > .fourteen.column.row > .column {
  width: 7.1428%;
}
.ui.fifteen.column.grid > .row > .column,
.ui.fifteen.column.grid > .column,
.ui.grid > .fifteen.column.row > .column {
  width: 6.6666%;
}
.ui.sixteen.column.grid > .row > .column,
.ui.sixteen.column.grid > .column,
.ui.grid > .sixteen.column.row > .column {
  width: 6.25%;
}
/* Assume full width with one column */
.ui.grid > .column:only-child,
.ui.grid > .row > .column:only-child {
  width: 100%;
}
/*----------------------
        Relaxed
-----------------------*/
.ui.relaxed.grid {
  margin: 0% -2.5%;
}
.ui.relaxed.grid > .column,
.ui.relaxed.grid > .row > .column {
  padding-left: 2.5%;
  padding-right: 2.5%;
}
/*----------------------
       "Floated"
-----------------------*/
.ui.grid .left.floated.column {
  float: left;
}
.ui.grid .right.floated.column {
  float: right;
}
/*----------------------
        Divided
-----------------------*/
.ui.divided.grid,
.ui.divided.grid > .row {
  display: table;
  width: 100%;
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.ui.divided.grid > .column:not(.row),
.ui.divided.grid > .row > .column {
  display: table-cell;
  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
}
.ui.divided.grid > .column.row {
  display: table;
}
.ui.divided.grid > .column:first-child,
.ui.divided.grid > .row > .column:first-child {
  box-shadow: none;
}
/* Vertically Divided */
.ui.vertically.divided.grid > .row {
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important;
}
.ui.vertically.divided.grid > .row > .column,
.ui.vertically.divided.grid > .column:not(.row),
.ui.vertically.divided.grid > .row:first-child {
  box-shadow: none !important;
}
/*----------------------
         Celled
-----------------------*/
.ui.celled.grid {
  display: table;
  width: 100%;
  margin-left: 0% !important;
  margin-right: 0% !important;
  box-shadow: 0px 0px 0px 1px #DFDFDF;
}
.ui.celled.grid > .row,
.ui.celled.grid > .column.row,
.ui.celled.grid > .column.row:first-child {
  display: table;
  width: 100%;
  margin-top: 0em;
  padding-top: 0em;
  box-shadow: 0px -1px 0px 0px #dfdfdf;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  display: table-cell;
  padding: 0.75em;
  box-shadow: -1px 0px 0px 0px #dfdfdf;
}
.ui.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child {
  box-shadow: none;
}
.ui.celled.page.grid {
  box-shadow: none;
}
/*----------------------
  Horizontally Centered
-----------------------*/
/* Vertical Centered */
.ui.left.aligned.grid,
.ui.left.aligned.grid > .row > .column,
.ui.left.aligned.grid > .column,
.ui.grid .left.aligned.column,
.ui.grid > .left.aligned.row > .column {
  text-align: left;
}
.ui.center.aligned.grid,
.ui.center.aligned.grid > .row > .column,
.ui.center.aligned.grid > .column,
.ui.grid .center.aligned.column,
.ui.grid > .center.aligned.row > .column {
  text-align: center;
}
.ui.right.aligned.grid,
.ui.right.aligned.grid > .row > .column,
.ui.right.aligned.grid > .column,
.ui.grid .right.aligned.column,
.ui.grid > .right.aligned.row > .column {
  text-align: right;
}
.ui.justified.grid,
.ui.justified.grid > .row > .column,
.ui.justified.grid > .column,
.ui.grid .justified.column,
.ui.grid > .justified.row > .column {
  text-align: justify;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
/*----------------------
  Vertically Centered
-----------------------*/
/* Vertical Centered */
.ui.top.aligned.grid,
.ui.top.aligned.grid > .row > .column,
.ui.top.aligned.grid > .column,
.ui.grid .top.aligned.column,
.ui.grid > .top.aligned.row > .column {
  vertical-align: top;
}
.ui.middle.aligned.grid,
.ui.middle.aligned.grid > .row > .column,
.ui.middle.aligned.grid > .column,
.ui.grid .middle.aligned.column,
.ui.grid > .middle.aligned.row > .column {
  vertical-align: middle;
}
.ui.bottom.aligned.grid,
.ui.bottom.aligned.grid > .row > .column,
.ui.bottom.aligned.grid > .column,
.ui.grid .bottom.aligned.column,
.ui.grid > .bottom.aligned.row > .column {
  vertical-align: bottom;
}
/*----------------------
  Equal Height Columns
-----------------------*/
.ui.grid > .equal.height.row {
  display: table;
  width: 100%;
}
.ui.grid > .equal.height.row > .column {
  display: table-cell;
}
/*----------------------
     Only (Device)
-----------------------*/
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .ui.mobile.only.grid,
  .ui.grid > .mobile.only.row {
    display: block !important;
  }
  .ui.grid > .row > .mobile.only.column {
    display: inline-block !important;
  }
  .ui.divided.mobile.only.grid,
  .ui.celled.mobile.only.grid,
  .ui.divided.mobile.only.grid .row,
  .ui.celled.mobile.only.grid .row,
  .ui.divided.grid .mobile.only.row,
  .ui.celled.grid .mobile.only.row,
  .ui.grid .mobile.only.equal.height.row,
  .ui.mobile.only.grid .equal.height.row {
    display: table !important;
  }
  .ui.divided.grid > .row > .mobile.only.column,
  .ui.celled.grid > .row > .mobile.only.column,
  .ui.divided.mobile.only.grid > .row > .column,
  .ui.celled.mobile.only.grid > .row > .column,
  .ui.divided.mobile.only.grid > .column,
  .ui.celled.mobile.only.grid > .column {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 768px) {
  .ui.mobile.only.grid,
  .ui.grid > .mobile.only.row,
  .ui.grid > .mobile.only.column,
  .ui.grid > .row > .mobile.only.column {
    display: none;
  }
}
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.tablet.only.grid,
  .ui.grid > .tablet.only.row {
    display: block !important;
  }
  .ui.grid > .row > .tablet.only.column {
    display: inline-block !important;
  }
  .ui.divided.tablet.only.grid,
  .ui.celled.tablet.only.grid,
  .ui.divided.tablet.only.grid .row,
  .ui.celled.tablet.only.grid .row,
  .ui.divided.grid .tablet.only.row,
  .ui.celled.grid .tablet.only.row,
  .ui.grid .tablet.only.equal.height.row,
  .ui.tablet.only.grid .equal.height.row {
    display: table !important;
  }
  .ui.divided.grid > .row > .tablet.only.column,
  .ui.celled.grid > .row > .tablet.only.column,
  .ui.divided.tablet.only.grid > .row > .column,
  .ui.celled.tablet.only.grid > .row > .column,
  .ui.divided.tablet.only.grid > .column,
  .ui.celled.tablet.only.grid > .column {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 767px), (min-width: 992px) {
  .ui.tablet.only.grid,
  .ui.grid > .tablet.only.row,
  .ui.grid > .tablet.only.column,
  .ui.grid > .row > .tablet.only.column {
    display: none;
  }
}
/* Computer Only */
@media only screen and (min-width: 992px) {
  .ui.computer.only.grid,
  .ui.grid > .computer.only.row {
    display: block !important;
  }
  .ui.grid > .row > .computer.only.column {
    display: inline-block !important;
  }
  .ui.divided.computer.only.grid,
  .ui.celled.computer.only.grid,
  .ui.divided.computer.only.grid .row,
  .ui.celled.computer.only.grid .row,
  .ui.divided.grid .computer.only.row,
  .ui.celled.grid .computer.only.row,
  .ui.grid .computer.only.equal.height.row,
  .ui.computer.only.grid .equal.height.row {
    display: table !important;
  }
  .ui.divided.grid > .row > .computer.only.column,
  .ui.celled.grid > .row > .computer.only.column,
  .ui.divided.computer.only.grid > .row > .column,
  .ui.celled.computer.only.grid > .row > .column,
  .ui.divided.computer.only.grid > .column,
  .ui.celled.computer.only.grid > .column {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 991px) {
  .ui.computer.only.grid,
  .ui.grid > .computer.only.row,
  .ui.grid > .computer.only.column,
  .ui.grid > .row > .computer.only.column {
    display: none;
  }
}
/*-------------------
      Doubling
--------------------*/
/* Mobily Only */
@media only screen and (max-width: 767px) {
  .ui.two.column.doubling.grid > .row > .column,
  .ui.two.column.doubling.grid > .column,
  .ui.grid > .two.column.doubling.row > .column {
    width: 100%;
  }
  .ui.three.column.doubling.grid > .row > .column,
  .ui.three.column.doubling.grid > .column,
  .ui.grid > .three.column.doubling.row > .column {
    width: 100%;
  }
  .ui.four.column.doubling.grid > .row > .column,
  .ui.four.column.doubling.grid > .column,
  .ui.grid > .four.column.doubling.row > .column {
    width: 100%;
  }
  .ui.five.column.doubling.grid > .row > .column,
  .ui.five.column.doubling.grid > .column,
  .ui.grid > .five.column.doubling.row > .column {
    width: 100%;
  }
  .ui.six.column.doubling.grid > .row > .column,
  .ui.six.column.doubling.grid > .column,
  .ui.grid > .six.column.doubling.row > .column {
    width: 50%;
  }
  .ui.seven.column.doubling.grid > .row > .column,
  .ui.seven.column.doubling.grid > .column,
  .ui.grid > .seven.column.doubling.row > .column {
    width: 50%;
  }
  .ui.eight.column.doubling.grid > .row > .column,
  .ui.eight.column.doubling.grid > .column,
  .ui.grid > .eight.column.doubling.row > .column {
    width: 50%;
  }
  .ui.nine.column.doubling.grid > .row > .column,
  .ui.nine.column.doubling.grid > .column,
  .ui.grid > .nine.column.doubling.row > .column {
    width: 50%;
  }
  .ui.ten.column.doubling.grid > .row > .column,
  .ui.ten.column.doubling.grid > .column,
  .ui.grid > .ten.column.doubling.row > .column {
    width: 50%;
  }
  .ui.twelve.column.doubling.grid > .row > .column,
  .ui.twelve.column.doubling.grid > .column,
  .ui.grid > .twelve.column.doubling.row > .column {
    width: 33.3333333333333%;
  }
  .ui.fourteen.column.doubling.grid > .row > .column,
  .ui.fourteen.column.doubling.grid > .column,
  .ui.grid > .fourteen.column.doubling.row > .column {
    width: 33.3333333333333%;
  }
  .ui.sixteen.column.doubling.grid > .row > .column,
  .ui.sixteen.column.doubling.grid > .column,
  .ui.grid > .sixteen.column.doubling.row > .column {
    width: 25%;
  }
}
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.two.column.doubling.grid > .row > .column,
  .ui.two.column.doubling.grid > .column,
  .ui.grid > .two.column.doubling.row > .column {
    width: 100%;
  }
  .ui.three.column.doubling.grid > .row > .column,
  .ui.three.column.doubling.grid > .column,
  .ui.grid > .three.column.doubling.row > .column {
    width: 50%;
  }
  .ui.four.column.doubling.grid > .row > .column,
  .ui.four.column.doubling.grid > .column,
  .ui.grid > .four.column.doubling.row > .column {
    width: 50%;
  }
  .ui.five.column.doubling.grid > .row > .column,
  .ui.five.column.doubling.grid > .column,
  .ui.grid > .five.column.doubling.row > .column {
    width: 33.3333333%;
  }
  .ui.six.column.doubling.grid > .row > .column,
  .ui.six.column.doubling.grid > .column,
  .ui.grid > .six.column.doubling.row > .column {
    width: 33.3333333%;
  }
  .ui.eight.column.doubling.grid > .row > .column,
  .ui.eight.column.doubling.grid > .column,
  .ui.grid > .eight.column.doubling.row > .column {
    width: 33.3333333%;
  }
  .ui.eight.column.doubling.grid > .row > .column,
  .ui.eight.column.doubling.grid > .column,
  .ui.grid > .eight.column.doubling.row > .column {
    width: 25%;
  }
  .ui.nine.column.doubling.grid > .row > .column,
  .ui.nine.column.doubling.grid > .column,
  .ui.grid > .nine.column.doubling.row > .column {
    width: 25%;
  }
  .ui.ten.column.doubling.grid > .row > .column,
  .ui.ten.column.doubling.grid > .column,
  .ui.grid > .ten.column.doubling.row > .column {
    width: 20%;
  }
  .ui.twelve.column.doubling.grid > .row > .column,
  .ui.twelve.column.doubling.grid > .column,
  .ui.grid > .twelve.column.doubling.row > .column {
    width: 16.6666666%;
  }
  .ui.fourteen.column.doubling.grid > .row > .column,
  .ui.fourteen.column.doubling.grid > .column,
  .ui.grid > .fourteen.column.doubling.row > .column {
    width: 14.28571428571429%;
  }
  .ui.sixteen.column.doubling.grid > .row > .column,
  .ui.sixteen.column.doubling.grid > .column,
  .ui.grid > .sixteen.column.doubling.row > .column {
    width: 12.5%;
  }
}
/*-------------------
      Stackable
--------------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.grid {
    display: block !important;
    padding: 0em;
    margin: 0em;
  }
  .ui.stackable.grid > .row > .column,
  .ui.stackable.grid > .column {
    display: block !important;
    width: auto !important;
    margin: 1em 0em 0em !important;
    padding: 1em 0em 0em !important;
    box-shadow: none !important;
  }
  .ui.stackable.divided.grid .column,
  .ui.stackable.celled.grid .column {
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
  }
  .ui.stackable.grid > .row:first-child > .column:first-child,
  .ui.stackable.grid > .column:first-child {
    margin-top: 0em !important;
    padding-top: 0em !important;
  }
  .ui.stackable.divided.grid > .row:first-child > .column:first-child,
  .ui.stackable.celled.grid > .row:first-child > .column:first-child,
  .ui.stackable.divided.grid > .column:first-child,
  .ui.stackable.celled.grid > .column:first-child {
    border-top: none !important;
  }
  .ui.stackable.page.grid > .row > .column,
  .ui.stackable.page.grid > .column {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  /* Remove pointers from vertical menus */
  .ui.stackable.grid .vertical.pointing.menu .item:after {
    display: none;
  }
}
.breadcrumb {
  margin: 1em 0;
}
.breadcrumb:first-child {
  margin-top: 0;
}
.breadcrumb:last-child {
  margin-bottom: 0;
}
.breadcrumb .divider {
  display: inline-block;
  margin: 0 5px!important;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.2);
}
.breadcrumb a.section {
  cursor: pointer;
}
.breadcrumb .section {
  display: inline-block;
  margin: 0em;
  padding: 0em;
}
.breadcrumb .active.section {
  font-weight: 700;
}
.small.breadcrumb {
  font-size: 0.75em;
}
.large.breadcrumb {
  font-size: 1.1em;
}
.huge.breadcrumb {
  font-size: 1.3em;
}
.yeeyan.stream > .item {
  position: relative;
  margin-top: 30px;
  border-bottom: 1px dashed #e3e7e8;
}
.yeeyan.stream > .item:first-child {
  margin-top: 0;
}
.yeeyan.stream > .item .image {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 2px;
}
.yeeyan.stream > .item .content {
  min-height: 70px;
  padding-left: 70px;
  padding-bottom: 30px;
}
.yeeyan.stream > .item .content .extra {
  float: right;
  font-size: 28px;
  line-height: 50px;
  font-weight: 200;
  color: #7f8c8d;
}
.yeeyan.stream > .item .content .meta {
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 15px;
  color: #bcc3c7;
  word-spacing: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yeeyan.stream > .item .content .meta a {
  color: inherit;
}
.yeeyan.stream > .item .content .description {
  display: block;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
  color: inherit;
  white-space: pre-line;
  text-align: justify;
  word-wrap: break-word;
}
.yeeyan.stream > .item > .actions {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: all .1s;
          transition: all .1s;
}
.yeeyan.stream > .item:hover > .actions {
  opacity: 1;
}
.yeeyan.stream > .item > .actions > .action {
  display: inline-block;
  margin-left: 5px;
  color: #bcc3c7;
  cursor: pointer;
}
.yeeyan.stream > .item > .actions > .action:hover {
  color: #3498db;
}
.yeeyan.stream > .item > .actions > .action > .icon {
  margin-right: 0;
}
.yeeyan.reply.stream > .item {
  border-bottom-style: solid;
}
.yeeyan.reply.stream > .item:last-child {
  border-bottom: 0;
}
.yeeyan.reply.stream > .item:last-child .content {
  padding-bottom: 0;
}
.yeeyan.reply.stream > .item .content .extra {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  color: #bcc3c7;
}
.yeeyan.reply.stream > .form.item {
  width: 100%;
}
.yeeyan.reply.stream > .form.item .header {
  color: #7f8c8d;
  font-size: 19px;
  line-height: 1.33;
  margin-bottom: 1em;
}
.yy.table {
  min-width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border-collapse: collapse;
  border-spacing: 0;
}
.yy.table tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.02);
}
.yy.table tr.error {
  background: rgba(255, 0, 0, 0.1);
}
.yy.table th,
.yy.table td {
  box-sizing: border-box;
  max-width: 300px;
  padding: 6px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yy.table th {
  border-left: 1px solid #e9e6e2;
  border-bottom: 1px solid #e9e6e2;
  font-weight: 700;
  text-align: center;
}
.yy.table th:first-child {
  border-left: 0;
}
.yy.table td {
  border-left: 1px solid #e9e6e2;
  border-bottom: 1px solid #e9e6e2;
}
.yy.table td:first-child {
  border-left: 0;
}
.yy.table tr:last-child th,
.yy.table tr:last-child td {
  border-bottom: 0;
}
.modal .user.item {
  position: relative;
  height: 50px;
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.modal .user.item:first-child {
  border-top: 0;
}
.modal .user.item .avatar {
  float: left;
  width: 50px;
  height: 50px;
  margin-left: 20px;
  border-radius: 999em;
}
.modal .user.item .content {
  float: left;
  margin-left: 20px;
  height: 50px;
}
.modal .user.item .name {
  padding: .3em 0;
}
.modal .user.item .extra {
  font-size: .75em;
}
.modal .user.item .extra .fa {
  padding-left: .5em;
}
.modal .user.item .actions {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -13px;
}
@-webkit-keyframes popup {
  0% {
    -webkit-transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes pulse {
  100% {
    opacity: 0.2;
  }
}
@keyframes pulse {
  100% {
    opacity: 0.2;
  }
}
.yeeyan.dropdown {
  position: relative;
  overflow: visible;
}
.yeeyan.dropdown .menu {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  width: 116px;
  padding: 6px;
  margin-left: -64px;
  border-radius: 2px;
  background-color: rgba(47, 72, 94, 0.9);
  cursor: default;
  -webkit-transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
          transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  visibility: hidden;
  margin-top: 0;
  opacity: 0;
}
.yeeyan.dropdown .menu:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(47, 72, 94, 0.9);
}
.yeeyan.dropdown .menu .item {
  display: block;
  height: 36px;
  padding: 0 16px;
  border-radius: 2px;
  -webkit-transition: background-color 0.1s;
          transition: background-color 0.1s;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  letter-spacing: 0;
  text-align: left;
}
.yeeyan.dropdown .menu .item i {
  margin-right: 9px;
}
.yeeyan.dropdown .menu .item:hover {
  background-color: #5cdbca;
}
.yeeyan.dropdown .icon-caret-down {
  display: inline-block;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.yeeyan.dropdown.active .menu {
  visibility: visible;
  opacity: 1;
  margin-top: 5px;
}
.yeeyan.dropdown.active .icon-caret-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.yeeyan.dropdown.left.aligned .menu {
  left: 0;
  margin-left: 0;
}
.yeeyan.dropdown.left.aligned .menu:before {
  left: 16px;
  margin-left: 0;
}
.yeeyan.dropdown.right.aligned .menu {
  left: auto;
  right: 0;
  margin-left: 0;
}
.yeeyan.dropdown.right.aligned .menu:before {
  left: auto;
  right: 16px;
  margin-left: 0;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.is-modalEnabled {
  position: relative;
  overflow: hidden!important;
}
.dimmer {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(61, 70, 77, 0.6);
}
.dimmer.is-active {
  display: block;
}
.dimmer.is-opening {
  -webkit-animation: fade .2s;
          animation: fade .2s;
}
.dimmer.is-closing {
  -webkit-animation: fadeOut .2s;
          animation: fadeOut .2s;
}
.modal {
  position: absolute;
  top: 100px;
  left: 50%;
  width: 640px;
  min-height: 100px;
  margin-left: -320px;
  margin-bottom: 40px;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.modal--large {
  width: 800px;
  margin-left: -400px;
}
.modal--huge {
  width: 960px;
  margin-left: -480px;
}
.modal-header {
  height: 40px;
  margin: 0;
  padding-left: 20px;
  border-bottom: 2px solid #008a8f;
  border-radius: 2px 2px 0 0;
  background-color: #00b0b7;
  font-size: 17px;
  font-weight: 500;
  line-height: 40px;
  color: #fff;
}
.modal-header.orange {
  background-color: #e67e22;
  border-bottom-color: #bf6516;
}
.modal-title {
  margin-bottom: 0;
  line-height: 40px;
  color: #fff;
}
.modal-header > .icon,
.modal-header > .fa {
  float: right;
  width: 40px;
  height: 40px;
  margin-right: 0;
  line-height: 40px;
  cursor: pointer;
}
.modal-body {
  padding: 20px;
}
.modal-footer {
  padding: 0px 20px 20px;
  text-align: right;
}
.modal-footer .btn {
  margin-left: 10px;
}
.modal-footer:before,
.modal-footer:after {
  content: ' ';
  display: table;
}
.modal-footer:after {
  clear: both;
}
.form {
  font-size: 13px;
}
.form .field {
  position: relative;
  margin-top: 1.5em;
}
.form .field:first-child {
  margin-top: 0;
}
.form input[type=text],
.form input[type=email],
.form input[type=password],
.form input[type=date],
.form input[type=url],
.form input[type=number] {
  display: block;
  width: 100%;
}
.form input[type=text].error,
.form input[type=email].error,
.form input[type=password].error,
.form input[type=date].error,
.form input[type=url].error,
.form input[type=number].error,
.form textarea.error {
  border-color: rgba(229, 63, 55, 0.4);
}
.form input[type=radio].error,
.form input[type=checkbox].error {
  box-shadow: 0 0 1px 1px #e53f37;
}
.form input[type=radio] + label,
.form input[type=checkbox] + label {
  display: inline-block;
  position: static;
  width: auto;
  padding: 0 1em 0 .5em;
  text-align: left;
}
.form select {
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 20px;
}
.form .select:before {
  right: 1em;
  line-height: 30px;
}
.form .hint {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 1em;
  font-size: 0.75em;
  line-height: 30px;
  color: #58cb73;
  -webkit-transition: opacity .4s;
          transition: opacity .4s;
}
.form .error + .hint {
  color: #e53f37;
}
.form .active.hint {
  visibility: visible;
  opacity: 1;
}
.form .actions {
  margin-top: 1.5em;
  text-align: right;
}
/* Form with label */
.form.form--labeled .field {
  padding-left: 6em;
}
.form label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4em;
  margin: 0;
  padding: 0;
  line-height: 30px;
  text-align: right;
  color: #7f8c8d;
}
/* Imaged form for file upload */
.form.form--imaged {
  position: relative;
  padding-left: 200px;
}
.form .form-imageField {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 0;
  text-align: center;
}
.form .form-imageField + .field {
  margin-top: 0;
}
.form .form-imageField .image {
  display: block;
}
.form .form-imageField .group-logo {
  display: block;
  width: 150px;
  height: 150px;
}
.form .form-imageField .publisher-logo {
  width: 180px;
  height: 60px;
}
.form .form-imageField .book-cover {
  display: block;
  width: 180px;
  height: 250px;
}
.form .form-imageField .button {
  margin-top: 15px;
}
.form .form-imageField .info {
  margin-top: 14px;
  color: #bcc3c7;
  font-size: 12px;
}
.notification {
  position: fixed;
  top: 0px;
  z-index: 99;
  display: none;
  margin-top: 5px;
  padding: 4px 16px 3px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  cursor: default;
  font-size: 13px;
  line-height: 20px;
  color: #3f3f3e;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.notification.processing {
  background-color: #d6e9f8;
}
.notification.success {
  background-color: #c4eca9;
}
.notification.warning {
  background-color: #f9edbe;
}
.notification.error {
  background-color: #fbd6dc;
}
.notification.error1 {
  border-color: #202020;
  color: #cccccc;
}
.instant.modifier {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  min-width: 160px;
  margin: 0;
  padding: .4em .7em;
  outline: none;
  border: 1px solid #e3e7e8;
  border-radius: 3px;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.05);
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
          transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.active.instant.modifier {
  visibility: visible;
  opacity: 1;
}
.warning.instant.modifier {
  -webkit-animation: warning .6s linear;
  animation: warning .6s linear;
}
@-webkit-keyframes warning {
  0% {
    background-color: rgba(255, 0, 0, 0);
  }
  25% {
    background-color: rgba(255, 0, 0, 0.2);
  }
  50% {
    background-color: rgba(255, 0, 0, 0);
  }
  75% {
    background-color: rgba(255, 0, 0, 0.2);
  }
  100% {
    background-color: rgba(255, 0, 0, 0);
  }
}
@keyframes warning {
  0% {
    background-color: rgba(255, 0, 0, 0);
  }
  25% {
    background-color: rgba(255, 0, 0, 0.2);
  }
  50% {
    background-color: rgba(255, 0, 0, 0);
  }
  75% {
    background-color: rgba(255, 0, 0, 0.2);
  }
  100% {
    background-color: rgba(255, 0, 0, 0);
  }
}
.yeeyan.slider {
  position: relative;
}
.yeeyan.slider > .slides {
  position: relative;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
}
.yeeyan.slider > .slides .slide {
  position: absolute;
  display: none;
  width: 100%;
}
.yeeyan.slider > .prev,
.yeeyan.slider > .next {
  position: absolute;
  top: 50%;
  display: none;
  margin-top: -30px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 60px;
}
.yeeyan.slider > .prev:hover,
.yeeyan.slider > .next:hover {
  color: #fff;
  text-decoration: none;
}
.yeeyan.slider > .prev {
  left: 0px;
  padding: 15px 12px 25px 9px;
  border-radius: 0 6px 6px 0;
}
.yeeyan.slider > .next {
  right: 0px;
  padding: 15px 9px 25px 12px;
  border-radius: 6px 0 0 6px;
}
.yeeyan.slider > .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  text-align: center;
}
.yeeyan.slider > .dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color: #d4d4d4;
  border-radius: 6px;
  box-shadow: 1px 1px 1px #e4e4e4, inset 0 0 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -webkit-transition: background-color 0.4s;
          transition: background-color 0.4s;
}
.yeeyan.slider > .dots .active.dot {
  background-color: #7ab0df;
}
.reader body {
  background-color: #fffffa;
  font-size: 15px;
  line-height: 22px;
}
.reader .sidebar {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 44px;
  border-left: 1px solid #c5c5c5;
  background-color: #f0f2ed;
  color: #a4a4a4;
  font-size: 16px;
  text-align: center;
}
.reader .sidebar > .back {
  display: inline-block;
  margin: 12px 0;
  color: inherit;
}
.reader p {
  white-space: normal;
}
.page-review .filebox {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 240px;
  height: 240px;
  margin: 40px;
  padding: 20px;
  border: 3px dashed #eee;
  border-radius: 5px;
  vertical-align: middle;
  text-align: center;
}
.page-review .uploadable.filebox {
  cursor: pointer;
}
.page-review .uploadable.filebox:before {
  content: '点击上传';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  color: #eee;
}
.page-review .uploaded.filebox {
  border-style: solid;
}
.page-review .uploaded.filebox .action {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: .75em;
  line-height: 1;
  color: #d95c5c;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity .2s;
          transition: opacity .2s;
}
.page-review .uploaded.filebox:hover .action {
  opacity: 1;
}
.page-review .filebox .header {
  font-size: 1.5em;
}
.page-review .filebox .link {
  font-size: 1.2em;
  text-align: center;
}
.page-review .filebox .link a {
  color: #3498db;
  text-decoration: underline;
}
.bookDone .segment > .actions {
  position: absolute;
  top: 1em;
  right: 1em;
}
.modal-body .ratio {
  margin-top: 1em;
}
.modal-body .ratio:first-child {
  margin-top: 0;
}
.modal-body .ratio .name {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  line-height: 30px;
  padding-right: 1em;
  text-align: right;
}
.modal-body .ratio input {
  display: inline-block;
  width: 6em;
  text-align: center;
}
html {
  background: #f0f2f0;
  font: 14px/1.5 'Helvetica Neue', Helvetica, 'Microsoft YaHei', Arial, sans-serif;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
}
html.error {
  height: 100%;
  overflow: hidden;
  color: #bfcccd;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
html.error body {
  height: 100%;
}
html.error a {
  color: inherit;
  text-decoration: underline;
}
html.error h1 {
  letter-spacing: 1px;
}
html.error .logo {
  font-family: Helvetica;
  font-size: 64px;
  font-weight: 200;
  -webkit-animation: pulse 2s ease-in-out infinite alternate;
          animation: pulse 2s ease-in-out infinite alternate;
}
.right.floated {
  float: right;
}
.left.floated {
  float: left;
}
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}
.left.aligned {
  text-align: left;
}
.center.aligned {
  text-align: center;
}
.right.aligned {
  text-align: right;
}
.middle.aligned:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.middle.aligned > .content {
  display: inline-block;
  vertical-align: middle;
}
a {
  text-decoration: none;
}
.main {
  position: relative;
  width: 980px;
  min-height: 612.5px;
  margin: 0 auto;
  padding: 30px 20px 40px;
}
.wide.main {
  width: auto;
  min-width: 980px;
  margin: 0;
}
.main > .vertical.menu {
  position: absolute;
}
.main > .vertical.menu + .segment,
.main > .vertical.menu + .content {
  margin: 0 0 0 180px;
}
.main > .content {
  width: 980px;
  margin: 0 auto;
}
body.left.pushed > .main {
  width: auto;
  min-width: 980px;
  margin: 0;
  padding: 0 0 20px 0;
}
.paginator {
  margin-top: 30px;
}
.paginator .button {
  margin-left: 10px;
  font-weight: 500;
}
.paginator .button:first-child {
  margin-left: 0;
}
.share.menu .item:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
}
.share.menu .weibo:before {
  background: url(../images/icons_2.png) 0 0;
}
.share.menu .qq:before {
  background: url(../images/icons_2.png) 0 -20px;
}
.share.menu .douban:before {
  background: url(../images/icons_2.png) 0 -40px;
}
.share.menu .renren:before {
  background: url(../images/icons_2.png) 0 -60px;
}
header {
  min-width: 1020px;
  background-color: #2c2c2c;
}
header .container {
  width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}
header .container:after {
  content: '';
  display: block;
  clear: both;
}
header .container > .menu.left.floated {
  float: left;
}
header .container > .menu.right.floated {
  float: right;
}
header .container > .menu > .item {
  display: inline-block;
  padding: 0 10px;
  font-size: 13px;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
}
header .container > .menu > .item .count {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background-color: #fff;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #2c2c2c;
}
header .container > .menu > .dropdown.item {
  padding-right: 0;
}
header .container > .menu > .dropdown.item img {
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-right: 5px;
}
footer.footer {
  min-width: 1020px;
  background-color: #2c2c2c;
}
footer.footer .container {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 34px 20px 15px;
}
footer.footer a {
  color: #bcc3c7;
  -webkit-transition: color .2s;
          transition: color .2s;
}
footer.footer a:hover {
  color: #fff;
}
footer.footer .line {
  color: #bcc3c7;
  font-size: 12px;
  line-height: 24px;
}
footer.footer .line:after {
  content: '';
  display: block;
  clear: both;
}
footer.footer .line .left {
  float: left;
}
footer.footer .line .right {
  float: right;
}
footer.footer .item {
  display: inline;
}
footer.footer .item:before {
  content: '|';
  margin: 0 8px;
}
footer.footer .item:first-child:before {
  content: none;
}
footer.footer .item .icon {
  margin-left: 4px;
  margin-right: -2px;
}
footer.footer .item .rss.icon {
  color: #fe9800;
}
footer.footer .item .user.icon,
footer.footer .item .mail.icon {
  color: #0696de;
}
footer.footer .yeeyan.button {
  position: absolute;
  top: 20px;
  width: 130px;
  margin: 0;
  border-radius: 0;
  font-size: 13px;
  color: #fff;
}
footer.footer .yeeyan.button:hover,
footer.footer .yeeyan.button:active,
footer.footer .yeeyan.button.active {
  color: #fff;
}
footer.footer .weibo.yeeyan.button {
  right: 170px;
  background-color: #ce0913;
}
footer.footer .weixin.yeeyan.button {
  right: 20px;
  padding: 0 10px;
  overflow: visible;
  background-color: #00d873;
}
footer.footer .weixin.yeeyan.button:hover,
footer.footer .weixin.yeeyan.button.active {
  background-color: #00dc4b;
}
footer.footer .weixin.yeeyan.button:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
  background: url(../images/icons_2.png) 0 -80px;
}
footer.footer .weixin.yeeyan.button .the2Dcode {
  position: absolute;
  top: -130px;
  left: 0;
  width: 108px;
  height: 108px;
  padding: 10px;
  border: 1px solid #e3e7e8;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s;
          transition: all .2s;
  background-clip: padding-box;
}
footer.footer .weixin.yeeyan.button .the2Dcode .content {
  background: url(http://cdn.yeeyan.com/images/weixin1.png);
  background-size: cover;
  width: 108px;
  height: 108px;
}
footer.footer .weixin.yeeyan.button:hover .the2Dcode {
  visibility: visible;
  opacity: 1;
}