:root {
    --mud-breakpoint-xs: 0px;
    --mud-breakpoint-sm: 600px;
    --mud-breakpoint-md: 960px;
    --mud-breakpoint-lg: 1280px;
    --mud-breakpoint-xl: 1920px;
    --mud-breakpoint-xxl: 2560px;
}

.mud-card-content {
    margin: 0px;
    padding: 0px;
}

.mud-dialog .mud-dialog-content {
    padding: 0px;
    margin: 0px;
}

.mud-dialog .mud-dialog-title {
    background-color: var(--mud-palette-primary);
    color: white;
}

.mud-dialog .mud-dialog-title svg {
    fill: white;
}

.mud-tabs-panels {
    padding: 0px !important;
}

.mud-table-sort-label-icon:hover {
    border-radius: 50%;
    background-color: lightgray;
    color: white;
    transition: all 0.3s ease;
}

.mud-input {
    background-color: var(--mud-palette-surface);
    border-radius: 12px;
}