:root {
    --cartagreen: #53af31;
    --gray: #555555;
    --start-color: #00c853;
    --end-color: #f44336;
    --wait-color: #424242;
    --api-color: #2196f3;
    --mud-palette-primary: #594ae2;
}

.disabled { pointer-events: none; }

.notallowed { cursor: not-allowed; }

.clickable { cursor: pointer !important; }

.cartagreen { color: var(--cartagreen); }

.tabfix .mud-tab-slider.mud-tab-slider-horizontal { height: 0px; }

.tabfix .mud-tab.mud-tab-active { border-bottom: 2px solid var(--mud-palette-primary); }

.diagram-wrapper { display: flex; }

.diagram-container {
    background-color: #383838;
    background-image: linear-gradient(to right, rgb(65, 65, 65) 1px, transparent 1px), linear-gradient(to bottom, rgb(65, 65, 65) 1px, transparent 1px);
    background-size: 40px 40px;
    flex: 1;
    height: calc(100vh - 50.59px);
}

.focusalltext { user-select: all; }