{
    box-sizing: border-box;
}

html, body {
    background-color: #F5F5F5;
    height: -webkit-fill-available;
}

#app {
    background-color: #F5F5F5;
    height: -webkit-fill-available;
}

.main {
    padding-top: 2em;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.InterfaceInspector .InterfaceInspectorFilter {
    height: calc(100vh - 170px);
}

.InterfaceInspector .InterfaceInspectorFilterWithoutAlert {
    height: calc(100vh - 135px);
}

.InterfaceInspector .InterfaceInspectorFilterContentWithAlert {
    max-height: calc(100vh - 307px);
}

.InterfaceInspector .InterfaceInspectorFilterContentWithoutAlert {
    max-height: calc(100vh - 170px);
}

.InterfaceInspectorFilterMetadataButtonsDefault {
    color: #00457cff !important;
}

.InterfaceInspectorFilterMetadataButtonsSelected {
    color: #00457cff !important;
    background-color: #002c5cff !important;
}

.InterfaceInspectorFilter .qbq-MudIconButton-InterfaceInspector-Delete-Item {
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
}

.InterfaceInspectorFilter .MudButtonGroup {
    width: 100%;
}

.InterfaceInspectorProcessList .mud-table-toolbar {
    background-color: #002c5cff;
    color: #63c29c;
}

.InterfaceInspectorProcessList .qbq-mud-header-color {
    background-color: #002c5cff !important;
    color: #ffffff !important;
}

.InterfaceInspectorProcessList .qbq-mud-header-border {
    border-radius: unset !important;
}

.InterfaceInspectorProcessList .mud-table-pagination .mud-toolbar {
    background-color: #002c5cff;
    color: white;
}

.main:has(.fullSite) {
    padding-top: 1em;
    max-width: 85vw !important;
    margin-left: auto;
    margin-right: auto;
}

.mud-select:has(.fixed-width-select) {
    overflow: auto;
}

.link:link {
    color: blue;
    text-decoration: underline;
}

.link:visited {
    color: green;
    text-decoration: underline;
}

.link:hover {
    color: hotpink;
    text-decoration: underline;
}

.link:active {
    color: blue;
    text-decoration: underline;
}

.wordbreak {
    word-wrap: break-word;
    word-break: break-word;
}

.mud-chart-legend .mud-chart-legend-item {
    word-wrap: break-word;
    word-break: break-word;
}

.mud-chart-donut {
    min-width: 200px;
}

.mud-layout {
    height: unset !important;
}

.mud-alert .qbq-scaling-InterfaceInspector {
    zoom: 0.8;
}

.fullSite .qbq-scaling-InterfaceInspector{
    zoom: 0.8;
}

.zoomable-content .qbq-scaling-combobox {
    zoom: 0.8;
}

.zoomable-content .qbq-scaling-combobox {
    zoom: 0.8;
}

.footer {
    position: absolute;
    bottom: 0px;
    height: 25px;
    background: #333;
    width: 100%;
}

.liveUpdate-switch {
    padding-left: 7px;
}

.SpecialDays .mud-table-container {
    overflow: hidden;
}

.mud-appbar {
    background-color: #002c5c !important;
}

.InterfaceInspectorProcessList .mud-input {
    color: white;
}

.InterfaceInspectorProcessList .mud-input-adornment .mud-icon-root {
    color: white !important;
}

.InterfaceInspectorProcessList .mud-table-pagination-actions .mud-icon-button {
    color: white !important;
}

.mud-alert-icon.mud-alert-icon-left {
    align-items: center;
}

.mud-alert-message {
    width: 100%;
}