button {
  cursor: pointer;
}
button {
  width: auto;
  vertical-align: middle;
  font: inherit;
  text-align: center;
  background: none;
  white-space: nowrap;
  -webkit-appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
[class*="fx-"],
[class*="fx-"]:hover {
  -webkit-transition: color 0.5s  ease-in-out;
          transition: color 0.5s  ease-in-out;
}
[class*="fx-"]:not(.fx-dyna) {
  position: relative;
  z-index: 1;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  overflow: hidden;
}
[class*="fx-"]:not(.fx-dyna)::after,
[class*="fx-"]:not(.fx-dyna)::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
[class*="fx-bubble"]::after {
  -webkit-transition: height 0.5s ease-out;
          transition: height 0.5s ease-out;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
}
[class*="fx-bubble"]:hover::after,
[class*="fx-bubble"].active::after {
  -webkit-transition: height 0.5s ease-in;
          transition: height 0.5s ease-in;
  height: 300%;
}
[class*="fx-bubble"]:disabled:hover::after {
  height: 0;
}
.fx-dyna.active {
  color: #f05c42;
}
.fx-sliderIn::after {
  -webkit-transition: background-color 0.3s ease-out, width 0.5s ease-out;
          transition: background-color 0.3s ease-out, width 0.5s ease-out;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
}
.fx-sliderIn:hover::after,
.fx-sliderIn.active::after {
  -webkit-transition: width 0.5s ease-in;
          transition: width 0.5s ease-in;
  width: 100%;
}
:checked + .fx-sliderIn::after,
.fx-sliderIn.active::after {
  width: 300%;
}
.fx-bubbleUp::after {
  top: auto;
  border-radius: 50% 50% 0 0/75% 75% 0 0;
}
.fx-bubbleDown::after {
  bottom: auto;
  border-radius: 0 0 50% 50%/0 0 75% 75%;
}
[class*="ctrl-"] {
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
  /*padding-top: 5px;*/
  /*padding-bottom: 5px;*/
  /*border-radius: 0px;*/
}
[class*="ctrl-"].fx-bubbleDown:hover,
[class*="ctrl-"].fx-bubbleDown.active {
  color: #231f20;
}
.ctrl-standard {
  color: rgb(214, 198, 170);
  border: 2px solid rgb(214, 198, 170);
}
.ctrl-standard.fx-bubbleDown:hover {
  color: #231f20;
}
.ctrl-standard.fx-bubbleDown::after {
  background: rgb(214, 198, 170);
}
.ctrl-default {
  color: rgb(214, 198, 170);
  border: 1px solid rgb(214, 198, 170);
}
.ctrl-default.fx-bubbleDown::after {
  background: rgb(214, 198, 170);
}
.ctrl-affirm {
  color: #9fa255;
  border: 1px solid #9fa255;
}
.ctrl-affirm.fx-bubbleDown::after {
  background: #9fa255;
}
.ctrl-negate {
  color: #f05c42;
  border: 1px solid #f05c42;
}
.ctrl-negate.fx-bubbleDown::after {
  background: #f05c42;
}
.ctrl-pseudo {
  border: 0;
}
.ctrl-pseudo.co-error.fx-dyna:hover {
  color: #8e1f0b;
}