html, body {
    height: 100%;
    /* Hide scrollbars - nicht mehr scrollfähig */
    /*overflow: hidden;*/
}

.SystemOverviewComponent {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-rows: 100px 1fr;
}

.SystemOverviewStatusBarOk {
    grid-row: 1;
    align-content: center;
    background-color: #bad80a;
}

.SystemOverviewStatusBarError {
    grid-row: 1;
    align-content: center;
    background-color: #E74C3C;
}

.SystemOverviewStatusBarWarning {
    grid-row: 1;
    align-content: center;
    background-color: #E67E22;
}

.SystemOverviewStatusBarContent {
    justify-content: center;
    display: grid;
}

.SystemOverviewStatusTableContainer {
    grid-row: 2;
    overflow: auto;
    display: grid;
    grid-template-columns: 3fr 5fr 3fr;
}

.SystemOverviewStatusTable {
    grid-column: 2;
    padding: 10px;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    border-color: lightgray;
}

.Table {
    padding-left: 25px;
    padding-right: 25px;
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.TableItem {
    margin-top: 5px;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.ItemTitle {
    grid-column: 1;
}

.ItemStatus {
    grid-column: 2;
    justify-self: end;
}

.SubdomainsTitle {
    padding-top: 10px;
    grid-column: span 2;
}

.SubdomainsTable {
    grid-column: span 2;
    padding-left: 30px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: grid;
    grid-template-columns: 1fr 60px;
    grid-template-rows: 1fr 1fr;
}

.SubdomainName {
    font-weight: 500 !important;
    grid-column: 1;
    grid-row: 1;
}

.SubdomainUrl {
    grid-column: 1;
    grid-row: 2;
}

.SubdomainStatus {
    grid-column: 2;
    grid-row: span 2;
    align-self: center;
    justify-self: end;
}

.AuthorizedDetails {
    margin-left: 30px;
}

.LastUpdate {
    position: fixed; /* Element wird fest im Browserfenster positioniert */
    bottom: 13px; /* Abstand vom unteren Rand: 0 Pixel */
    right: 10px; /* Abstand vom rechten Rand: 0 Pixel */
}

.Login {
    position: fixed; /* Element wird fest im Browserfenster positioniert */
    bottom: 0px; /* Abstand vom unteren Rand: 0 Pixel */
    left: 10px; /* Abstand vom linken Rand: 0 Pixel */
}