/* Place your custom styles here */

body {
    background: #222222;
    color: #66d20f
}

a {
    text-decoration: none;
    color: rgb(10, 80, 202)
}

.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline;
}

div {
    overflow-x: auto;
}

table {
    white-space: nowrap
}

.umbruch {
    word-break: normal;
    word-wrap: break-word;
    white-space: wrap;
}

.grey {
    background: #333333;
}

.bold {
    font-weight: bold;
}

.tabelle {
    max-width: 80%;
}

code {
    background: #e0e0e0;
}

th {
    text-align: left;
    padding-top: 15px;
    padding-right: 18px;
}

td {
    text-align: left;
    padding-right: 18px;
}

td.right {
    text-align: right;
}

th.center {
    text-align: center;
}

td.center {
    text-align: center;
}

.green {
    color: #0E9A00;
}

.red {
    color: #d73a49;
}

.orange {
    color: #ffbb00;
}

.small {
    font-size: 50%;
}

.status-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 46px;
    background-color: #333;
    color: white;
    z-index: 1000;
    padding: 10px;
    box-sizing: border-box;
}

.status-bar table {
    border-collapse: collapse;
    border: 1px solid white;
}

.status-bar th,
.status-bar td {
    border: 1px solid white;
    padding-left: 10px;
}