.ui-button {
  -webkit-appearance: none;
  background-color: #30c2d9;
  color: #fff;
  border: 1px solid #30c2d9;
  font-size: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.ui-button:hover {
  background-color: #5bcfe1;
}
.ui-button .ui-button-text {
  display: inline-block;
}
.ui-button.secondary {
  background-color: rgba(255, 255, 255, 0.75);
  color: #5bcfe1;
  border: 1px solid rgba(255, 255, 255, 0.75);
  font-size: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.ui-button.secondary:hover {
  background-color: #fff;
  color: #25b4ca;
}
a[target='_blank']::after {
  content: ' \2197';
}
a.button[target='_blank']::after {
  content: '\2197';
  margin-left: -1em;
}
.ui-button.secondary.force-delete {
  color: #f99;
}
.ui-button.callout-button,
.ui-button.callout-button-rewards {
  background-color: #fb9b00;
  color: #fff;
  border: 1px solid #fb9b00;
}
.ui-button.callout-button:hover,
.ui-button.callout-button-rewards:hover {
  background-color: #ffaf2f;
}
.ui-button.primary-button {
  background-color: #222;
  color: #eee;
  border: 1px solid #222;
}
.ui-button.primary-button:hover {
  color: #fff;
  background-color: #000;
}
.ui-button.href-button {
  background-color: #fff;
  color: #30c2d9;
  border: 1px solid #30c2d9;
}
.ui-button.href-button:hover {
  color: #30c2d9;
  background-color: #f6f6f6;
}
.ui-button.white-button {
  background-color: #fff;
  color: #333;
  border: 1px solid #ccc;
}
.ui-button.white-button:hover {
  color: #000;
  background-color: #eee;
}
.ui-button.error-button {
  background-color: #E50000;
  color: #fff;
  border: 1px solid #E50000;
}
.ui-button.error-button:hover {
  background-color: #ff1919;
}
.ui-button.warning-button {
  background-color: #fac85a;
  color: #963232;
  border: 1px solid #fac85a;
}
.ui-button.warning-button:hover {
  background-color: #fcd98b;
}
.ui-button.go-button {
  background-color: #1e9782;
  color: #fff;
  border: 1px solid #1e9782;
}
.ui-button.go-button:hover {
  background-color: #26c2a7;
}
.ui-button.purple-button {
  background-color: #557;
  color: #fff;
  border: 1px solid #557;
}
.ui-button.purple-button:hover {
  background-color: #6a6a95;
}
.ui-button.file-button {
  background-color: #62c462;
  color: #fff;
  border: none;
}
.ui-button.file-button:hover {
  color: #fff;
  background-color: #5bb75b;
}
.ui-button.btn-file-input {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  width: 190px;
  box-sizing: border-box;
}
.ui-button.btn-file-input .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button.play-button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f6f6f6));
  background-image: -moz-linear-gradient(center top, #fff, #f6f6f6);
  background-image: -ms-linear-gradient(top, #fff, #f6f6f6);
  background-image: linear-gradient(center top, #fff, #f6f6f6);
  color: #333;
  border-color: #999 !important;
}
.ui-button.play-button:hover {
  color: #000;
  border-color: #333 !important;
}
form.standard section.button-holder {
  margin-top: 16px;
}
form.standard section.button-holder .ui-button {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  padding: 5px 10px;
}
.link-button {
  float: right;
  background-color: transparent;
  border-width: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -16px;
  border-right: 0;
  padding: 6px 2px;
  border-color: #fb9b00;
  background-color: #fb9b00;
}
.link-button:hover {
  background-color: #ffaf2f;
}
form.standard footer .ui-button {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  padding: 9px 24px;
}
table.standard .ui-button {
  padding: 2px;
}
.ui-dialog .ui-button:hover {
  color: #fff;
}
.ui-dialog .upload-buttons {
  width: 240px;
}
.ui-button.selected {
  background-color: #32373c;
  border-color: #32373c;
}