/* Button */
.basic-button {
  vertical-align: top;
}

.basic-button.hidden {
  display: none;
}

.basic-button.disabled {
  cursor: default !important;
  filter: grayscale(100%);
}

.basic-button-container {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  /*to avoid extra space*/
}

.basic-button-content {
  display: table-row;
}

.basic-button-icon,
.basic-button-label {
  display: table-cell;
  vertical-align: middle;
}

.basic-button-icon img {
  display: block;
  margin-right: 3px;
}

/* Led */
.basic-led {
  border-radius: 50%;
}

.basic-led-border {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}

/* Toggle */
.basic-toggle-container {
  display: table-cell;
}

.basic-toggle-lever {
  border-radius: 50%;
  box-sizing: border-box;
}

.basic-toggle.undef .basic-toggle-container {
  visibility: hidden;
}

.basic-toggle.off .basic-toggle-container {
  vertical-align: bottom;
}

.basic-toggle.off .basic-toggle-lever {
  float: left;
}

.basic-toggle.on .basic-toggle-container {
  vertical-align: top;
}

.basic-toggle.on .basic-toggle-lever {
  float: right;
}
