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

.description-cell {
    position: relative;
}

.new-indicator {
    position: absolute;
    top: 0;
    left: -50px;
    background-color: red;
    color: white;
    padding: 2px 5px;
    font-size: 0.75rem;
    border-radius: 10px;
}

/*.custom-mud-select .mud-input {
    font-size: 13px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 30px !important;
}

.custom-mud-select  .mud-input-label {
    padding: 0 !important;
}*/

.mud-table-container table tbody td.mud-table-cell[colspan="1000"] {
    border: none;
}

.overlapping-chip-group {
    position: relative;
    transition: margin 0.15s ease-in-out, transform 0.15s ease-in-out, z-index 0s 0.05s;
    border: 1px solid #999;
    margin-left: -15px;
}

.overlapping-chip-group:hover {
    z-index: 999 !important;
    transform: translateY(-2px) scale(1.05);
}