:root {
    --mud-palette-highlight: #FEDB52;
    --mud-palette-light: #ffffff;
    --mud-default-borderradius: 0px !important;
    --mud-palette-appbar-text: var(--mud-palette-light) !important;
    --mud-palette-appbar-background: var(--mud-palette-primary) !important;
    --mud-typography-caption-size: 16px !important;
    --mud-typography-caption-weight: 500 !important;
}

.mud-button-filled-primary:hover {
    background-color: var(--mud-palette-secondary) !important;
    color: var(--mud-palette-highlight);
}

.mud-button-filled-secondary:hover {
    background-color: var(--mud-palette-primary) !important;
}

.mud-button-outlined-secondary:hover {
    background-color: var(--mud-palette-secondary) !important;
    color: var(--mud-palette-light) !important;
}

button.btn-danger:hover {
    color: var(--mud-palette-error) !important;
}

a.mud-button {
    font-family: var(--mud-typography-button-family) !important;
    font-size: var(--mud-typography-button-size) !important;
    font-weight: var(--mud-typography-button-weight) !important;
    line-height: var(--mud-typography-button-lineheight) !important;
    letter-spacing: var(--mud-typography-button-letterspacing) !important;
    text-transform: var(--mud-typography-button-text-transform) !important;
}

    a.mud-button:hover {
        text-decoration: none !important;
    }

.mud-icon-button {
    border-radius: 0px;
    padding: 0 12px;
    margin: 0;
}

    .mud-icon-button:hover, .mud-icon-button:focus-visible {
        background-color: none !important;
    }

    .mud-icon-button:hover, .mud-icon-button:focus-visible {
        background-color: transparent !important;
        color: var(--mud-palette-highlight) !important;
    }

.mud-badge.mud-badge-default {
    color: var(--mud-palette-light);
    background-color: var(--mud-palette-tertiary);
}

.mud-card {
    width: 300px;
    margin: 0 auto;
}

.mud-card-media {
    background-size: contain;
}

.mud-card-content {
    min-height: 78px;
}

@media (min-width: 1280px) {
    .mud-container-maxwidth-lg {
        max-width: 1416px;
    }
}

.app-rule {
    margin: 0.5rem 0;
}

.mud-divider {
    border-width: 2px;
}

.mud-snackbar {
    background-color: var(--mud-palette-tertiary);
}

.mud-alert-filled-normal {
        background-color: var(--mud-palette-tertiary);
}

.mud-alert-filled-error {
        background-color: var(--mud-palette-error-lighten);
}

.mud-appbar .mud-icon-button {
    color: var(--mud-palette-light);
}

.mud-table-cell {
    font-size: inherit;
    font-weight: inherit;
}
