@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import "blazor-error.css";
@import "design-system.css";

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html, body {
    font-family: Inter, san-serif;
}

body {
    height: 100%;
}

.mud-nav-item {
    height: 48px;
}

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

.mud-navmenu .mud-nav-link {
    border-radius: 999px;
    color: var(--dark-blue) !important;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled) {
    background-color: var(--secondary-color);
}

.mud-navmenu.mud-navmenu-default .mud-nav-link:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-default .mud-nav-link:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled) {
    background-color: var(--base-light);
}

.mud-nav-item .mud-nav-link .mud-nav-link-text {
    display: flex;
    gap: 8px;
    flex-direction: row;
}

/* Dialog Adjustments */
.mud-dialog .mud-dialog-actions {
    padding: 8px 24px !important;
}

/* Tables */
.hide-headers thead {
    display: none !important;
}