.mud-dialog .mud-container {
    overflow-y: auto;
}

.clickable {
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

    .clickable:hover {
        background-color: var(--mud-palette-background-grey);
    }

.bordered {
    border: 1px solid var(--mud-palette-divider);
}

.active-card {
    border: 2px solid var(--mud-palette-primary) !important;
}

.active-period {
    border: 2px solid var(--mud-palette-primary-dark) !important;
    font-weight: bold;
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}