/**
 * Default
 */
/**
 * Bulma
 */
/**
 * Bootstrap
 */
.vue-switcher {
  position: relative;
  display: inline-block;
}
.vue-switcher__label {
    display: block;
    font-size: 10px;
    margin-bottom: 5px;
}
.vue-switcher input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}
.vue-switcher div {
    height: 15px;
    width: 36px;
    position: relative;
    border-radius: 30px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    transition: linear .2s, background-color linear .2s;
}
.vue-switcher div:after {
      content: '';
      height: 20px;
      width: 20px;
      border-radius: 100px;
      display: block;
      transition: linear .15s, background-color linear .15s;
      position: absolute;
      left: 100%;
      margin-left: -18px;
      cursor: pointer;
      top: -3px;
      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.vue-switcher--unchecked div {
    justify-content: flex-end;
}
.vue-switcher--unchecked div:after {
      left: 15px;
}
.vue-switcher--disabled div {
    opacity: .3;
}
.vue-switcher--disabled input {
    cursor: not-allowed;
}
.vue-switcher--bold div {
    top: -8px;
    height: 26px;
    width: 51px;
}
.vue-switcher--bold div:after {
      margin-left: -24px;
      top: 3px;
}
.vue-switcher--bold--unchecked div:after {
    left: 28px;
}
.vue-switcher--bold .vue-switcher__label span {
    padding-bottom: 7px;
    display: inline-block;
}
.vue-switcher-theme--default.vue-switcher-color--default div {
    background-color: #b7b7b7;
}
.vue-switcher-theme--default.vue-switcher-color--default div:after {
      background-color: #9d9d9d;
}
.vue-switcher-theme--default.vue-switcher-color--default.vue-switcher--unchecked div {
    background-color: #aaa;
}
.vue-switcher-theme--default.vue-switcher-color--default.vue-switcher--unchecked div:after {
      background-color: #c4c4c4;
}
.vue-switcher-theme--default.vue-switcher-color--blue div {
    background-color: #77b0c8;
}
.vue-switcher-theme--default.vue-switcher-color--blue div:after {
      background-color: #539bb9;
}
.vue-switcher-theme--default.vue-switcher-color--blue.vue-switcher--unchecked div {
    background-color: #c0dae5;
}
.vue-switcher-theme--default.vue-switcher-color--blue.vue-switcher--unchecked div:after {
      background-color: #77b0c8;
}
.vue-switcher-theme--default.vue-switcher-color--red div {
    background-color: #c87777;
}
.vue-switcher-theme--default.vue-switcher-color--red div:after {
      background-color: #b95353;
}
.vue-switcher-theme--default.vue-switcher-color--red.vue-switcher--unchecked div {
    background-color: #e5c0c0;
}
.vue-switcher-theme--default.vue-switcher-color--red.vue-switcher--unchecked div:after {
      background-color: #c87777;
}
.vue-switcher-theme--default.vue-switcher-color--yellow div {
    background-color: #c9c377;
}
.vue-switcher-theme--default.vue-switcher-color--yellow div:after {
      background-color: #bab353;
}
.vue-switcher-theme--default.vue-switcher-color--yellow.vue-switcher--unchecked div {
    background-color: #e6e3c0;
}
.vue-switcher-theme--default.vue-switcher-color--yellow.vue-switcher--unchecked div:after {
      background-color: #c9c377;
}
.vue-switcher-theme--default.vue-switcher-color--orange div {
    background-color: #c89577;
}
.vue-switcher-theme--default.vue-switcher-color--orange div:after {
      background-color: #b97953;
}
.vue-switcher-theme--default.vue-switcher-color--orange.vue-switcher--unchecked div {
    background-color: #e5cec0;
}
.vue-switcher-theme--default.vue-switcher-color--orange.vue-switcher--unchecked div:after {
      background-color: #c89577;
}
.vue-switcher-theme--default.vue-switcher-color--green div {
    background-color: #77c88d;
}
.vue-switcher-theme--default.vue-switcher-color--green div:after {
      background-color: #53b96e;
}
.vue-switcher-theme--default.vue-switcher-color--green.vue-switcher--unchecked div {
    background-color: #c0e5ca;
}
.vue-switcher-theme--default.vue-switcher-color--green.vue-switcher--unchecked div:after {
      background-color: #77c88d;
}
.vue-switcher-theme--bulma.vue-switcher-color--default div {
    background-color: gainsboro;
}
.vue-switcher-theme--bulma.vue-switcher-color--default div:after {
      background-color: #f5f5f5;
}
.vue-switcher-theme--bulma.vue-switcher-color--default.vue-switcher--unchecked div {
    background-color: #e8e8e8;
}
.vue-switcher-theme--bulma.vue-switcher-color--default.vue-switcher--unchecked div:after {
      background-color: #f5f5f5;
}
.vue-switcher-theme--bulma.vue-switcher-color--primary div {
    background-color: #05ffda;
}
.vue-switcher-theme--bulma.vue-switcher-color--primary div:after {
      background-color: #00d1b2;
}
.vue-switcher-theme--bulma.vue-switcher-color--primary.vue-switcher--unchecked div {
    background-color: #6bffe9;
}
.vue-switcher-theme--bulma.vue-switcher-color--primary.vue-switcher--unchecked div:after {
      background-color: #05ffda;
}
.vue-switcher-theme--bulma.vue-switcher-color--blue div {
    background-color: #5e91e3;
}
.vue-switcher-theme--bulma.vue-switcher-color--blue div:after {
      background-color: #3273dc;
}
.vue-switcher-theme--bulma.vue-switcher-color--blue.vue-switcher--unchecked div {
    background-color: #b5ccf2;
}
.vue-switcher-theme--bulma.vue-switcher-color--blue.vue-switcher--unchecked div:after {
      background-color: #5e91e3;
}
.vue-switcher-theme--bulma.vue-switcher-color--red div {
    background-color: #ff6b89;
}
.vue-switcher-theme--bulma.vue-switcher-color--red div:after {
      background-color: #ff3860;
}
.vue-switcher-theme--bulma.vue-switcher-color--red.vue-switcher--unchecked div {
    background-color: #ffd1da;
}
.vue-switcher-theme--bulma.vue-switcher-color--red.vue-switcher--unchecked div:after {
      background-color: #ff6b89;
}
.vue-switcher-theme--bulma.vue-switcher-color--yellow div {
    background-color: #ffe78a;
}
.vue-switcher-theme--bulma.vue-switcher-color--yellow div:after {
      background-color: #ffdd57;
}
.vue-switcher-theme--bulma.vue-switcher-color--yellow.vue-switcher--unchecked div {
    background-color: #fffcf0;
}
.vue-switcher-theme--bulma.vue-switcher-color--yellow.vue-switcher--unchecked div:after {
      background-color: #ffe78a;
}
.vue-switcher-theme--bulma.vue-switcher-color--green div {
    background-color: #3dde75;
}
.vue-switcher-theme--bulma.vue-switcher-color--green div:after {
      background-color: #22c65b;
}
.vue-switcher-theme--bulma.vue-switcher-color--green.vue-switcher--unchecked div {
    background-color: #94edb3;
}
.vue-switcher-theme--bulma.vue-switcher-color--green.vue-switcher--unchecked div:after {
      background-color: #3dde75;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--default div {
    background-color: #e6e6e6;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--default div:after {
      background-color: #f0f0f0;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--default.vue-switcher--unchecked div {
    background-color: whitesmoke;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--default.vue-switcher--unchecked div:after {
      background-color: #f0f0f0;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--primary div {
    background-color: #4f93ce;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--primary div:after {
      background-color: #337ab7;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--primary.vue-switcher--unchecked div {
    background-color: #9fc4e4;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--primary.vue-switcher--unchecked div:after {
      background-color: #4f93ce;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--success div {
    background-color: #80c780;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--success div:after {
      background-color: #5cb85c;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--success.vue-switcher--unchecked div {
    background-color: #c7e6c7;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--success.vue-switcher--unchecked div:after {
      background-color: #80c780;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--info div {
    background-color: #85d0e7;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--info div:after {
      background-color: #5bc0de;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--info.vue-switcher--unchecked div {
    background-color: #daf1f8;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--info.vue-switcher--unchecked div:after {
      background-color: #85d0e7;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--warning div {
    background-color: #f4c37d;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--warning div:after {
      background-color: #f0ad4e;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--warning.vue-switcher--unchecked div {
    background-color: #fceedb;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--warning.vue-switcher--unchecked div:after {
      background-color: #f4c37d;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--danger div {
    background-color: #d9534f;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--danger div:after {
      background-color: #c9302c;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--danger.vue-switcher--unchecked div {
    background-color: #eba5a3;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--danger.vue-switcher--unchecked div:after {
      background-color: #d9534f;
}