/* Hide default checkbox appearance */
.custom-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border: 2px solid #007bff; 
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s, border-color 0.3s;
  }
  

  .custom-checkbox:checked {
    background-color: #007bff; 
    border-color: #007bff; 
  }
  
*  .custom-checkbox:checked::before {
    content: '✔'; 
    position: absolute;
    top: 50%; /* Centers vertically */
    left: 50%; /* Centers horizontally */
    transform: translate(-50%, -50%); /* Perfect centering */
    color: white; /* Color of the checkmark */
    font-size: 15px; /* Adjust the size of the symbol */
  }
  
  .custom-checkbox:hover {
    border-color: #0056b3; 
  }

  
  /* Make label more clickable */
  .form-check-label {
    cursor: pointer;
  }

/* Form status alerts */
.alert {
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

/* Spinner for loading state */
.fa-spinner {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}