.lgx_switch {
  position: relative;
  display: inline-block;
  width: 95px;//90px
  height: 26px; //34px

  input {
    display: none;
  }

  .lgx_switch_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ca2222;
    -webkit-transition: .4s;
    transition: .4s;

    &:before {
      position: absolute;
      content: "";
      height: 18px;//26px
      width: 18px; //26px
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }
  }



  input:checked + .lgx_switch_slider {
    background-color: #2ab934;
  }

  input:focus + .lgx_switch_slider {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .lgx_switch_slider:before {
    -webkit-transform: translateX(65px);//55px
    -ms-transform: translateX(65px);//55px
    transform: translateX(65px); //55px
  }

  /*------ ADDED CSS ---------*/

  .lgx_switch_on {
    display: none;
  }

  .lgx_switch_on, .lgx_switch_off {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 60%;//left: 50%;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
  }

  input:checked + .lgx_switch_slider .lgx_switch_on {
    display: block;
    left: 40%;
  }

  input:checked + .lgx_switch_slider .lgx_switch_off {
    display: none;
  }


  //Rounded sliders

  .lgx_switch_round {
    border-radius: 34px;
    &:before {
      border-radius: 50%;
    }
  }

}

//Pro
.lgx_switch_pro {
  //opacity: 0.6;
  pointer-events:none;
}