.toggle-slide {
  overflow: hidden;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr;
}
.toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {
    float: left;
}
.toggle-slide .toggle-blob {
    position: relative;
    z-index: 99;
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.toggle-iphone .toggle-slide.active {
  border-radius: 2px;
  box-shadow: 0 0 0 2px #2DA8E0;
}
.toggle-iphone .toggle-slide {
  border-radius: 2px;
  box-shadow: 0 0 0 2px #999;
}
.toggle-iphone .toggle-slide .toggle-on,.toggle-iphone .toggle-slide .toggle-off,.toggle-iphone .toggle-slide .toggle-blob {
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(0,0,0,0.0);
}
.toggle-iphone .toggle-slide .toggle-on {
  background: #2DA8E0; /* Old browsers */
  box-shadow: inset 2px 2px 5px rgba(0,0,0,0.0);
}
.toggle-iphone .toggle-slide .toggle-off {
  box-shadow: inset -2px 2px 5px rgba(0,0,0,0.0);
  color: #777;
  text-shadow: 0 0 0 rgba(255,255,255, 0);

}
.toggle-iphone .toggle-slide .toggle-on:after {
  background: #2DA8E0; /* Old browsers */
  height: 50%;
  content: '';
  margin-top: -19%;
  display: block;
  margin-left: 10%;
}
.toggle-iphone .toggle-slide .toggle-off {
  background: #ddd;
}
.toggle-iphone .toggle-slide .toggle-off:after {
  background: #ddd; /* Old browsers */
  height: 50%;
  content: '';
  margin-top: -19%;
  display: block;
  margin-right: 10%;
}
.toggle-iphone .toggle-slide .toggle-blob {
  border-radius: 2px;
  background: #fff; /* Old browsers */
  box-shadow: 2px 0px 2px #aaa
}
.toggle-iphone .toggle-slide.active .toggle-blob {
  box-shadow: -4px 0px 2px #1D98D0
}