.activity-ref {
    text-decoration: underline;
    color: rgb(7, 124, 171); /* Set the desired color */
    cursor: pointer;         /* Use pointer cursor for clickable indication */
}

/* Customize the close button inside alerts */
.alert .btn-close {
    background: none;
    border: none;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 0.1rem; /* Adjust for alignment */
    right: 0.1rem; /* Adjust for alignment */
    color: #000; /* Desired color */
    cursor: pointer;
    padding: 0;
    line-height: 1.5rem;
}

/* Use a pseudo-element to display 'X' */
.alert .btn-close::before {
    content: '✕';
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    transition: color 0.2s;
}

/* Change color on hover */
.alert .btn-close:hover::before {
    color: #ff0000; /* Hover color */
}

/* Adjust the alert's padding */
.alert {
    position: relative;
    padding-right: 2rem; /* Space for the close button */
}