.actPanel{display:none;background-color:#008000;}
 .toggle-switch {
      position: relative;
      width: 60px;
      height: 34px;
    }

    .toggle-switch input {
      display: none;
    }

    .slider {
      position: absolute;
      cursor: pointer;
      background-color: #f5f5f5;
      border-radius: 34px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: 0.4s;
    }

    .slider::before {
      content: "";
      position: absolute;
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: #ff0000;
      border-radius: 50%;
      transition: 0.4s;
    }
    
    input:checked + .slider {
      background-color: #4caf50;
    }

    /* When ON: change knob to a different color */
   input:checked + .slider::before {
  transform: translateX(26px);
  background-color: #008000; 
       }
    /* Optional: ON/OFF label */
    .status-label {
      margin-left: 10px;
      font-weight: bold;
    }