.disabled {
    /* Add your disabled styles here */
    pointer-events: none; /* Disable pointer events */
    opacity: 0.6; /* Lower the opacity to indicate disabled state */
    cursor: not-allowed; /* Change cursor to 'not-allowed' */
  }
  
  .fade-out {
    transition: opacity 1s ease; /* Add CSS transition for the fade-out effect */
    opacity: 0; /* Set opacity to 0 to hide the element */
  }

  input[type="checkbox"]:checked{
    outline: none;
    box-shadow:none;
  }

  .badge-app{
    background-color: var(--primary-textcolor);
  }