.wpbones-switch-button {
  position: relative;
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wpbones-switch-button label {
  cursor: pointer;
}
.wpbones-switch-button.disabled label {
  cursor: not-allowed;
}
.wpbones-switch-button input[type="checkbox"] {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.wpbones-switch-button > label:first-child {
  display: inline-block;
  margin: 0 6px 0 0px;
}
.wpbones-switch-button label + label {
  margin-left: 6px;
}
.wpbones-switch-button input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  margin: 0;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wpbones-switch-button.wpbones-switch-button-flat-round input[type="checkbox"] + label {
  padding: 2px;
  width: 48px;
  height: 24px;
  vertical-align: middle;
  background-color: #aaa;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
.wpbones-switch-button.wpbones-switch-button-flat-round.disabled input[type="checkbox"] + label {
  background-color: #eee;
}
.wpbones-switch-button.wpbones-switch-button-flat-round:hover input[type="checkbox"] + label {
  background-color: #579fcb;
}
.wpbones-switch-button.wpbones-switch-button-flat-round.disabled:hover input[type="checkbox"] + label {
  background-color: #eee;
}
.wpbones-switch-button.wpbones-switch-button-flat-round input[type="checkbox"] + label:before,
.wpbones-switch-button.wpbones-switch-button-flat-round input[type="checkbox"] + label:after {
  display: inline-block;
  position: absolute;
  content: "";
}
.wpbones-switch-button.wpbones-switch-button-flat-round input[type="checkbox"] + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
.wpbones-switch-button.wpbones-switch-button-flat-round input[type="checkbox"] + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 16px;
  background-color: #919191;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
.wpbones-switch-button.wpbones-switch-button-flat-round.disabled input[type="checkbox"] + label:after {
  background-color: #d5d5d5;
}
.wpbones-switch-button.wpbones-switch-button-flat-round:hover input[type="checkbox"]:checked + label {
  background-color: #aaa;
}
.wpbones-switch-button.wpbones-switch-button-flat-round input[type="checkbox"]:checked + label {
  background-color: #579fcb;
}
.wpbones-switch-button.wpbones-switch-button-flat-round.disabled input[type="checkbox"]:checked + label {
  background-color: #eee;
}
.wpbones-switch-button.wpbones-switch-button-flat-round input[type="checkbox"]:checked + label:after {
  margin-left: 24px;
  background-color: #3887b7;
}
.wpbones-switch-button.wpbones-switch-button-flat-round.disabled input[type="checkbox"]:checked + label:after {
  margin-left: 24px;
  background-color: #d5d5d5;
}
.wpbones-switch-button.wpbones-switch-button-flat-round.wpbones-switch-mode-select input[type="checkbox"] + label:after,
.wpbones-switch-button.wpbones-switch-button-flat-round.wpbones-switch-mode-select:hover input[type="checkbox"]:checked + label,
.wpbones-switch-button.wpbones-switch-button-flat-round.wpbones-switch-mode-select input[type="checkbox"] + label {
  background-color: #579fcb !important;
}
.wpbones-switch-button.wpbones-switch-button-flat-square input[type="checkbox"] + label {
  padding: 2px;
  width: 48px;
  height: 24px;
  vertical-align: middle;
  background-color: #aaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
.wpbones-switch-button.wpbones-switch-button-flat-square.disabled input[type="checkbox"] + label {
  background-color: #eee;
}
.wpbones-switch-button.wpbones-switch-button-flat-square:hover input[type="checkbox"] + label {
  background-color: #579fcb;
}
.wpbones-switch-button.wpbones-switch-button-flat-square.disabled:hover input[type="checkbox"] + label {
  background-color: #eee;
}
.wpbones-switch-button.wpbones-switch-button-flat-square input[type="checkbox"] + label:before,
.wpbones-switch-button.wpbones-switch-button-flat-square input[type="checkbox"] + label:after {
  display: inline-block;
  position: absolute;
  content: "";
}
.wpbones-switch-button.wpbones-switch-button-flat-square input[type="checkbox"] + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
.wpbones-switch-button.wpbones-switch-button-flat-square input[type="checkbox"] + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 16px;
  background-color: #919191;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
.wpbones-switch-button.wpbones-switch-button-flat-square.disabled input[type="checkbox"] + label:after {
  background-color: #d5d5d5;
}
.wpbones-switch-button.wpbones-switch-button-flat-square:hover input[type="checkbox"]:checked + label {
  background-color: #aaa;
}
.wpbones-switch-button.wpbones-switch-button-flat-square input[type="checkbox"]:checked + label {
  background-color: #579fcb;
}
.wpbones-switch-button.wpbones-switch-button-flat-square.disabled input[type="checkbox"]:checked + label {
  background-color: #eee;
}
.wpbones-switch-button.wpbones-switch-button-flat-square input[type="checkbox"]:checked + label:after {
  margin-left: 24px;
  background-color: #3887b7;
}
.wpbones-switch-button.wpbones-switch-button-flat-square.disabled input[type="checkbox"]:checked + label:after {
  margin-left: 24px;
  background-color: #d5d5d5;
}
.wpbones-switch-button.wpbones-switch-button-flat-square.wpbones-switch-mode-select input[type="checkbox"] + label:after,
.wpbones-switch-button.wpbones-switch-button-flat-square.wpbones-switch-mode-select:hover input[type="checkbox"]:checked + label,
.wpbones-switch-button.wpbones-switch-button-flat-square.wpbones-switch-mode-select input[type="checkbox"] + label {
  background-color: #579fcb !important;
}