.fcf-button{
  background: $button-background;
  display: inline-block;
  text-align: center;
  min-width: 20px;
  min-height: $height-control;
  line-height: $line-height-control;
  border-radius: $border-radius-controls;
  text-shadow: 0.5px 0.5px 1.5px #0a0a0a24;
  cursor: pointer;
  color: #383838;
  padding: $button-padding;
  /*
    margin-left: 4px;
    margin-right: 4px;
  */
  border: $control-border;
  font-size: 1em;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  color: $text-color;
  vertical-align: bottom;

  @include control-margin;
}

.fcf-button.active{
  background: $active-button-background;
}

.fcf-button:active{
  background: #e0e0e0;
}



.fcf-button[disabled]{
  cursor: default;
  background: #f9f9f9;;
  text-shadow: 1px 1px 1.5px #ffffff;
  color: #aaa;
}
