.ht-base-switch {
  &.ivu-switch {
    width: 48px;
    height: 24px;
    line-height: 24px;
  }
  &.ivu-switch:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
  }
  &.ivu-switch:active {
    box-shadow: none;
  }
  &.ivu-switch-checked:after{
    left: 25px;
  }
  &.ivu-switch-large.ivu-switch-checked:after{
    left: 33px;
  }
  &.ivu-switch-checked{
    &.ivu-switch-bgcolors {
      background: #19be6b;
      border-color: #19be6b;
    }
  }
  &.ivu-switch-bgcolors {
    background: #Ed4014;
    border-color: #Ed4014;
  }
  &.ivu-switch-large {
    width: 56px;
  }
  &.ivu-switch-small {
    width: 40px;
  }
  &.ivu-switch:focus{
    box-shadow: none !important;
  }
  &.ivu-switch.ivu-switch-checked:before{
    left: 27px;
    top: 4px;
  }
  &.ivu-switch:before{
    left: 6px;
    top: 6px;
  }
}
