/* The switch - the box around the slider */
    .switch {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 34px;
    }

    /* Hide default HTML checkbox */
    .switch input {display:none;}

    /* The slider */
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #2196F3;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 34px;
    }

    .slider.round:before {
      border-radius: 50%;
    } 

/*
  --blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;
  --yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;
  --gray:#6c757d;--gray-dark:#343a40;
  --primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;
  --light:#f8f9fa;--dark:#343a40;
  */
    .batch-yellow{
      color:#ffc107 !important
    }
    .batch-green{
      color:#28a745 !important
    }
    .batch-teal{
      color:#20c997 !important
    }
    .batch-cyan{
      color:#17a2b8 !important
    }
    .batch-white{
      color:#fff !important
    }

    
    .batch-blue{
      color:#007bff !important
    }
    .batch-indigo{
      color:#6610f2 !important
    }
    .batch-purple{
      color:#6f42c1 !important
    }
    .batch-pink{
      color:#e83e8c !important
    }
    .batch-red{
      color:#dc3545 !important
    }
    .batch-orange{
      color:#fd7e14 !important
    }


    .batch-primary{
      color:#007bff !important
    }
    .batch-secondary{
      color:#6c757d !important
    }
    .batch-success{
      color:#28a745 !important
    }
    .batch-info{
      color:#17a2b8 !important
    }
    .batch-warning{
      color:#ffc107 !important
    }
    .batch-danger{
      color:#dc3545 !important
    }



.i:disabled {
  text-decoration: line-through;
  cursor: not-allowed; }
