/***
    Project: DesignLibrary - Blazor and MatBlazor
    Author: Leon Nitsch
    Company: TOP TECHNOLOGIES CONSULTING GmbH
    Version: 0.6.7
***/

body {
    margin: 0px;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
}

.mdc-drawer-app-content {
    padding: 0 1rem;
}

.mdc-drawer .mdc-list-item.mdc-list-item--selected, .mdc-drawer .mdc-list-item.mdc-list-item--activated {
    color: #6200ee;
    color: var(--mdc-theme-primary, #6200ee);
}

header.mdc-top-app-bar {
    z-index: 7;
}

:root {
    --mdc-theme-primary: #003366 !important;
    --mdc-theme-secondary: #47547e !important;
    --mdc-theme-error: #c00000 !important;
    --mdc-theme-surface: #ffffff !important;
    --mdc-theme-background: #ffffff !important;
    --mdc-theme-on-primary: #ffffff !important;
    --mdc-theme-on-secondary: #ffffff !important;
    --mdc-theme-on-surface: #565656 !important;
    --mdc-theme-text-primary-on-background: #565656 !important;
    --mdc-theme-text-secondary-on-background: #6f6f6f !important;
    --mdc-theme-text-primary-on-light: #565656 !important;
}

.mat-h1 {
    font-size: 3rem;
    color: #565656;
}

.mat-h2 {
    font-size: 2.6rem;
    color: #565656;
}

.mat-h3 {
    font-size: 2rem;
    color: #565656;
}

.mat-h4 {
    font-size: 1.8rem;
    color: #565656;
}

.mat-h5 {
    font-size: 1.5rem;
    color: #565656;
}

.mat-h6 {
    font-size: 1rem;
    color: #565656;
}

.mat-subtitle1 {
    color: #565656;
}

.mat-subtitle2 {
    color: #565656;
}

.mat-caption {
    color: #565656;
}

.mat-overline {
    color: #565656;
}

.mat-body1 {
    color: #565656;
}

.mat-body2 {
    color: #565656;
}

.mdc-drawer .mdc-list-item {
    color: #565656;
}

.mdc-button {
    margin: 8px;
    border-radius: 4px;
}

.text-center {
    text-align: center;
}
/* Bei FullWidth wird das Contained-Textfeld zu einem Standard-Textfeld, Workaround: Hintergrund fest setzen */
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
    background-color: #f5f5f5 !important;
}

.mat-drawer-app-content {
    overflow: visible !important;
}

.mat-toast-container {
    margin-top: 50px;
}