.kanoGrid .icon-button {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

    .kanoGrid .icon-button img {
        width: 20px;
        height: 20px;
    }

    .kanoGrid .icon-button:hover img.edit-icon {
        opacity: 0.7;
        filter: brightness(0) saturate(100%) hue-rotate(210deg); /* Blue */
    }

    .kanoGrid .icon-button:hover img.trash-icon {
        opacity: 0.7;
        filter: brightness(0) saturate(100%) hue-rotate(0deg); /* Red */
    }

.kanoGrid .category-name-clickable,
.kanoGrid .type-name-clickable {
    cursor: pointer;
    user-select: none;
}

.kanoGrid .indent-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.kanoGrid .table th,
.kanoGrid .table td {
    padding: 8px 5px;
}

.kanoGrid .search-input {
    padding: 5px;
    width: 100%;
    max-width: 300px;
    border: 1px solid #ced4da;
    border-radius: 4px;
}