.input [type='checkbox'] + label {
  top: -10px;
  left: 0;
  margin-top: 20px;
}
.input [type='checkbox']:focus ~ label,
.input [type='checkbox']:focus ~ .label {
  color: #42a5f5;
}
.input [type='checkbox']:focus ~ .underline {
  border-bottom-color: #42a5f5;
}
.input [type='checkbox'] ~ .underline {
  border-bottom: 1px solid #9e9e9e;
  display: block;
  margin-top: -6px;
}
.switch-btns label {
  width: 93%;
  float: left;
  border: 1px solid lightgrey;
}
.switch-btns label .switch-label-btn {
  float: left;
  width: 50%;
  padding: 6px;
}
.switch-btns label .switch-label-btn.selected {
  background-color: #43a5f5;
  color: #ffffff;
}
.switch-btns label .lever {
  display: none;
}