body {
    background-color: #f8f9fa; /* Light Gray */
}

.card {
    max-width: 500px;
    margin: auto;
    border-radius: 10px;
}

.text-primary {
    color: #13344c !important; /* Match SendMode Blue */
}

.btn-primary {
    background-color: #228a84; /* Match SendMode Teal */
    border: none;
}

.btn-primary:hover {
    background-color: #007980; /* Darker Teal */
}

/* Add a click effect */
.btn-primary:active {
    background-color: #228a84 !important;
    border-color: #228a84 !important;
    transform: scale(0.98); /* Slight shrink effect */
}

.list-group-item {
    border: 1px solid #13344c;
    padding: 10px;
    cursor: pointer;
}

.list-group-item input {
    margin-right: 10px;
}

/* Change selected checkbox & radio button color */
.form-check-input:checked {
    background-color: #228a84 !important;  /* Change to your desired color */
    border-color: #228a84 !important; /* Change border color */
}

/* Ensure checkmark color is visible */
.form-check-input:checked::before {
    color: white !important;
}