.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #666666;
    border-color: #888888;
  }

  .custom-switch.custom-switch-lg {
    padding-bottom: 1rem;
    padding-left: 2.25rem;
  }
  .custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 0.75rem;
    padding-top: 0.15rem;
  }
  .custom-switch.custom-switch-lg .custom-control-label::before {
    border-radius: 1rem;
    height: 1.5rem;
    width: 2.5rem;
  }
  .custom-switch.custom-switch-lg .custom-control-label::after {
    border-radius: 0.65rem;
    height: calc(1.5rem - 4px);
    width: calc(1.5rem - 4px);
  }
  .custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(1rem);
  }

  .custom-switch.custom-switch-xl {
    padding-bottom: 1rem;
    padding-left: 2.25rem;
  }
  .custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 2rem;
    padding-top: 0.5rem;
  }
  .custom-switch.custom-switch-xl .custom-control-label::before {
    border-radius: 1rem;
    height: 2rem;
    width: 3.5rem;
  }
  .custom-switch.custom-switch-xl .custom-control-label::after {
    border-radius: 2rem;
    height: calc(2rem - 4px);
    width: calc(2rem - 4px);
  }
  .custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(1.5rem);
  }

  .table-button-70 {
    width: 70px;
  }

  .table-button-80 {
    width: 80px;
  }

  .table-button-100 {
    width: 100px;
  }

  .table-button-120 {
    width: 120px;
  }