/**
* jquery asSwitch v0.2.3
* https://github.com/amazingSurge/jquery-asSwitch
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/
.asSwitch {
  position: relative;
  display: inline-block;
}
.asSwitch:hover {
  cursor: pointer;
}
.asSwitch > input {
  display: none;
}
.asSwitch .asSwitch-inner {
  overflow: hidden;
}
.asSwitch .asSwitch-on {
  display: block;
  float: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.asSwitch .asSwitch-off {
  display: block;
  float: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.asSwitch .asSwitch-handle {
  position: absolute;
  top: 0;
}
.asSwitch .asSwitch-handle:hover {
  cursor: pointer;
  cursor: -moz-grab;
}

.asSwitch.asSwitch_default {
  width: 68px;
  height: 34px;
  border-radius: 3px;
}
.asSwitch.asSwitch_default .asSwitch-inner-box {
  width: 110px; 
  height: 34px;
}
.asSwitch.asSwitch_default .asSwitch-on {
  width: 55px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  color: #fff;
  text-indent:9px;
  background-color: #57a002;
  text-align: left;
}
.asSwitch.asSwitch_default .asSwitch-off {
  width: 55px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  color: #fff;
  text-indent: 24px;
  text-align: left;
  background-color: #cfcdc7;
}
.asSwitch.asSwitch_default .asSwitch-handle {
  width: 26px;
  height: 34px;
  background-color: #fff;
  border-radius: 0px;
}
.asSwitch.asSwitch_default.is-on {
  background-color: #7ebdcb;
  border: 2px solid #7ebdcb;
}
.asSwitch.asSwitch_default.is-on .asSwitch-inner-box {
  margin-left: 0;
}
.asSwitch.asSwitch_default.is-on .asSwitch-off {
  background-color: #7ebdcb;
}
.asSwitch.asSwitch_default.is-on .asSwitch-handle {
  left: 42px;
}
.asSwitch.asSwitch_default.is-off {
  background-color: #cfcdc7;
  border: 2px solid #cfcdc7;
}
.asSwitch.asSwitch_default.is-off .asSwitch-inner-box {
  margin-left: -42px;
}
.asSwitch.asSwitch_default.is-off .asSwitch-on {
  background-color: #cfcdc7;
}
.asSwitch.asSwitch_default.is-off .asSwitch-handle {
  left: 0;
}

.asSwitch.asSwitch_iphone {
  width: 82px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, .1) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, .1) 100%);
  border-radius: 30px; 
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .35); 
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .35);
  opacity: .85;
}
.asSwitch.asSwitch_iphone:after {
  position: absolute;
  top: 50%;
  left: 3px;
  z-index: 0;
  width: 76px;
  height: 60px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVmNmYxIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, .25)), to(rgba(245, 246, 241, .1)));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, .25) 50%, rgba(245, 246, 241, .1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .25) 50%, rgba(245, 246, 241, .1) 100%);
  border-radius: 15px;
}
.asSwitch.asSwitch_iphone .asSwitch-inner {
  border-radius: 30px;
}
.asSwitch.asSwitch_iphone .asSwitch-inner-box {
  width: 134px; 
  height: 30px;
}
.asSwitch.asSwitch_iphone .asSwitch-on {
  width: 67px;
  height: 30px;
  overflow: hidden;
  font-size: 0;
  line-height: 30px;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  background-color: #40a5ec;
}
.asSwitch.asSwitch_iphone .asSwitch-off {
  width: 67px;
  height: 30px;
  overflow: hidden;
  font-size: 0;
  line-height: 30px;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  background-color: #888;
}
.asSwitch.asSwitch_iphone .asSwitch-handle {
  z-index: 999;
  width: 30px;
  height: 30px;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, .1) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, .1) 100%);
  border-radius: 30px; 
  -webkit-box-shadow: inset 0 0 1px 2px #fff; 
          box-shadow: inset 0 0 1px 2px #fff;
}
.asSwitch.asSwitch_iphone .asSwitch-handle:after {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 9999;
  content: "";
  border: 1px solid #aaa;
  border-radius: 30px;
}
.asSwitch.asSwitch_iphone.is-on {
  border: 1px solid #6ebbf1;
  border-top-color: #1271b4;
  border-left-color: #1271b4;
}
.asSwitch.asSwitch_iphone.is-on .asSwitch-inner-box {
  margin-left: 0;
}
.asSwitch.asSwitch_iphone.is-on .asSwitch-handle {
  left: 52px;
}
.asSwitch.asSwitch_iphone.is-off {
  border: 1px solid #a2a2a2;
  border-top-color: #555;
  border-right-color: #555;
}
.asSwitch.asSwitch_iphone.is-off .asSwitch-inner-box {
  margin-left: -52px;
}
.asSwitch.asSwitch_iphone.is-off .asSwitch-handle {
  left: 0;
}