/* Show iPhone style toggle */
input.Toggle {
  display:none;
}
input.Toggle + label {
  display: block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 30px;
  width: 50px;
  border-radius: 15px;
  cursor: pointer;
}

input.Toggle + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  /*background: rgba(19, 191, 17, 0);*/
  background: #b9f6ca;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input.Toggle + label:after {
  content: "";
  position: absolute;
  display: inline;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
input.Toggle:checked + label:before {
  width: 50px;
  /*background: rgba(19, 191, 17, 1);*/
  /*background: #b9f6ca; */
  background: #26a69a;  /* teal lt 1 */
}

input.Toggle:checked + label:after {
  left: 20px;
//  box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2);
  box-shadow: inset 0 0 0 1px #69f0ae, 0 2px 4px rgba(0, 0, 0, .2);
}