html {
    font-size: 16px;
}

html, body, #app {
    height: 100%;
    margin: 0;
    padding: 0;
}

.h1:focus {
    outline: none;
}

.mud-typography:focus {
    outline: none;
}

body {
    overflow: hidden;
}

.eir-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.eir-mud-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.eir-scroll-area {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.eir-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow-y: auto;
    min-height: 0;
}

.eir-controlbar {
    flex-shrink: 0;
    z-index: 1300;
    width: 100%;
}

.eir-cookiebar {
    flex-shrink: 0;
    z-index: 1300;
    width: 100%;
}

.eir-navlink .mud-icon-root {
    vertical-align: middle;
    position: relative;
    top: 2px;
}

.eir-selected-border {
    border: 4px solid var(--mud-palette-primary) !important;
}

.eir-non-selected-border {
    border: 4px solid transparent !important;
}

.eir-selected-table-row {
    background-color: var(--mud-palette-background-gray) !important;
}

.eir-list-background {
    background-color: var(--mud-palette-action-disabled-background) !important;
}

.eir-removed-item {
    background-color: var(--mud-palette-background-gray) !important;
}

.eir-scroll-vertical-max {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}