/*
	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;
}

.mud-select-dense {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: 32px; /* Adjust height */
    font-size: 0.875rem; /* Adjust font size for a compact look */
}

.mud-select-dense .mud-input-control {
    padding: 4px !important; /* Adjust padding inside the input control */
}


.error-container {
    text-align: center;
    padding: 50px;
}

.text-danger {
    color: #d9534f;
    font-size: 2em;
}

.retry-button {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 20px;
}

.retry-button:hover {
    background-color: #0056b3;
}