/*
	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.
*/
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Fix for google autocomplete box in modal dialogs */
.pac-container {
    z-index: 2000;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.vh-100 {
    height: 100vh;
}

.bg-primary {
    background-color: var(--mud-palette-primary);
}

.text-primary {
    background-color: var(--mud-palette-primary-text);
}


.bg-warning {
    background-color: var(--mud-palette-warning);
}

.text-warning {
    background-color: var(--mud-palette-warning-text);
}


.add-margin-top-to-last-elem div.mud-chart-legend-item:last-of-type {
    margin-top: 24px;
}

#app-logo-container {
    background-color: var(--mud-palette-drawer-background);
    margin-left: -24px;
    padding-left: 24px;
    padding-right: 24px;
    width: 240px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog-full-height {
    height: 100vh;
}