/* This file is when you want to globally override everything including MudBlazor stuff */

html, body {
    font-family: "Lato", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    overflow: hidden;
}

.old-nav-drawer .mud-nav-link {
    align-items: center;
}

.iw-expandable-mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 16px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

.iw-expandable-mud-nav-group .mud-nav-link .mud-nav-link-expand-icon {
    font-size: 1rem;
}

.mud-navmenu.mud-navmenu-default .iw-expandable-mud-nav-group .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-tertiary);
}

.old-nav-drawer .mud-nav-link .mud-nav-link-icon {
    font-size: 1.75rem;
}

.old-nav-drawer .mud-navmenu .mud-nav-item .mud-nav-link.active {
    border-left: solid 5px #2e4650;
    border-right: solid 1px #2e4650;
    border-top: solid 1px #2e4650;
    border-bottom: solid 1px #2e4650;
    padding-left: 11px;
}

.mud-dialog .mud-dialog-content {
    background-color: var(--mud-palette-background-gray);
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 0;
    margin-bottom: 0;
}

.mud-dialog .mud-dialog-title {
    background-color: var(--mud-palette-tertiary);
    color: var(--mud-palette-white);
    .mud-icon-root.mud-svg-icon {
        fill: var(--mud-palette-white);
    }
}

.mud-dialog .mud-dialog-actions {
    padding: 16px 24px;
}

.old-mud-menu {
    .mud-button-label {
        text-transform: none;
    }
}

.wa-mud-menu {
    .mud-button-label {
        text-transform: none;
        color: var(--mud-palette-appbar-text);
    }
    .mud-button-icon-start .mud-icon-size-large {
        font-size: 32px;
    }
}

.mud-breadcrumb-item>a {
    color: var(--mud-palette-primary)
}

.wa-dialog-title {
    background-color: #FFFFFF !important;
    display: flex;
    align-items: center;
    padding: 24px 24px 24px 40px !important;
    justify-content: space-between;
    border-bottom: 1px solid #CCCCCC;
    
    .mud-icon-root.mud-svg-icon {
        fill: #0000008F !important;
        border: 2px solid #0000008F;
        border-radius: 50px;
    }

    h6 {
        color: var(--mud-palette-secondary) !important;
        font-size: var(--mud-typography-h2-size) !important;
        font-family: var(--mud-typography-h2-family) !important;
        font-weight: var(--mud-typography-h2-weight) !important;
        line-height: var(--mud-typography-h2-lineheight) !important;
        letter-spacing: var(--mud-typography-h2-letterspacing) !important;
        text-transform: var(--mud-typography-h2-text-transform) !important;
    }

    .mud-button-close {
        top: unset !important;
        right: unset !important;
        position: relative !important;
        font-size: 28px;
        
        .mud-icon-button-label .mud-icon-root {
            font-size: 1.75rem;
        }
    }

}

.wa-dialog-content {
    background-color: #F1F1F1F1;
    padding: 40px;
}

.wa-dialog-actions {
    background-color: #F1F1F1F1;
    padding: 0 40px 40px 40px;
}