/*
	This CSS file matches the color scheme from MudBlazor to Bootstrap when utilized for authentication.
	The file remains available at all times for demonstration purposes,
	but it is exclusively employed in the 'App.razor' component when authentication is enabled.
*/

.btn-primary {
    text-transform: uppercase;
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}

.actions-column {
    min-width: 200px;
}

.content {
    padding: calc(var(--mud-appbar-height) + 16px) 16px calc(var(--mud-appbar-height) + 16px) 16px !important;
}

.footer {
    top: auto !important;
    bottom: 0;
    z-index: calc(var(--mud-zindex-popover) - 1); /* We want popovers (pagination for example) to show above this :) */
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    font-size: 1.1rem !important; /* Make it a bit bigger as it seems a bit blurry on firefox? */
}

.mud-table-head .header-centered th {
    text-align: center;
    font-size: 1.2em;
}

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

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

.noBorder {
    border: none;
}


.hidden {
    display: none;
}

.pre-wrap {
    white-space: pre-wrap;
}