:root {
    --custom-node-default-border-color: var(--mud-palette-lines-default);
    --custom-node-choice-border-color: #62c3a7;
    --custom-node-skillcheck-border-color: #1f8eca;
}

html, body {
    height: 100%;
}

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-width: 0;
}

/*To override MudBlazor's hardcoded icon size in menus*/
.editor-compact-menu .mud-menu-item .mud-menu-item-icon.mud-icon-size-medium {
    font-size: 0.875rem !important;
}

.mud-list-item.mud-selected,
.mud-list-item.active-menu-item,
.mud-menu-item.active-menu-item {
    background-color: rgba(244, 156, 71, 0.12) !important;
}

.mud-list-item.mud-selected:hover,
.mud-list-item.active-menu-item:hover,
.mud-menu-item.active-menu-item:hover {
    background-color: rgba(244, 156, 71, 0.18) !important;
}