.link-a {
    /* word-break: break-all; */
    /* color: orangered; */
    font-size: 0.9rem;
    text-decoration: none;
    color: var(--color-link);
}

.link-a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}


.link-b {
    color: blue;
    font-size: 0.9rem;
    text-decoration: none;
    margin-left: 8px;
    margin-bottom: 0px;
}

.link-b:last-child {
    margin-bottom: 0px;
}


.link-b:hover {
    text-decoration: underline;
}


.link-c {
    color: var(--color-link);
    font-size: 0.9rem;
    text-decoration: none;
    margin-left: 8px;
    margin-bottom: 0px;
    user-select: none;
}

.link-c:hover {
    color: var(--color-link-highlighted);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}




.td-link {
    /* need the important for when this is in a table total row cell */
    color: var(--color-link) !important;
    text-decoration: none;
    margin-bottom: 0px;
    user-select: none;
}

.td-link:hover {
    color: var(--color-link-highlighted);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.td-link:disabled {
    color: silver;
    text-decoration: none;
    user-select: none;
}

.td-link-disabled {
    color: silver;
    text-decoration: none;
    user-select: none;
}


.change-password-link {
    padding: 30px 0 0 30px;
}