body {
    background: #19384e;
}

#spinner {
    display: none;
    position: absolute;
    background: #19384e;
    z-index: 9999;
}

.custom-select {
    background-color: #eb0926;
    color: white;
}

.card {
    background: #19384e;
    border: none;
    color: #ffffff;
}

.card .card-header {
    background: #19384e;
    border: none;
}

.card .card-body {
    background: #19384e;
    border: none;
}

/* EVB-Dashboard: Diagramm-Karten – Body etwas heller als zuvor (#14181c), Abstand zum Header (bg-dark) */
.dashboard-evb-chart-card .card-body {
    background-color: #343a40 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

table:not(.dataTable) thead th {
    background-color: #19384e !important;
    color: #bfbdbd;
}

table:not(.dataTable) tbody tr:nth-child(odd) {
    background-color: #053251 !important;  /* Light gray */
    color: #bfbdbd;
}

/* Change background color of even rows in table-striped */
table:not(.dataTable) tbody tr:nth-child(even) {
    background-color: #19384e !important;  /* White */
    color: #bfbdbd;
    border-bottom: 1px solid #01263f;
}

table:not(.dataTable) tbody tr:hover {
    background-color: #031326 !important;
    color: #bfbdbd;
}

#orderTable > thead > tr > th:first-child,
#orderTable > tbody > tr > td:first-child {
    white-space: nowrap !important;
    min-width: 6.5rem;
    text-align: left !important;
}

#orderTable > tbody > tr > td:first-child .dt-column-header,
#orderTable > tbody > tr > td:first-child .dt-column-footer {
    flex-direction: row !important;
    justify-content: flex-start !important;
}

table.dataTable.table-striped {
    --bs-table-bg: #19384e;
    --bs-table-color: #bfbdbd;
    --bs-table-striped-bg: #053251;
    --bs-table-striped-color: #bfbdbd;
    --bs-table-hover-bg: #031326;
    --bs-table-hover-color: #bfbdbd;
}

table.dataTable.table-striped > tbody > tr:nth-of-type(odd),
table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > *,
table.dataTable.table-striped > tbody > tr.odd,
table.dataTable.table-striped > tbody > tr.odd > * {
    --bs-table-bg: #053251;
    --bs-table-color: #bfbdbd;
    --bs-table-accent-bg: #053251;
    --bs-table-striped-bg: #053251;
    background-color: #053251 !important;
    color: #bfbdbd !important;
    box-shadow: none !important;
}

table.dataTable.table-striped > tbody > tr:nth-of-type(even),
table.dataTable.table-striped > tbody > tr:nth-of-type(even) > *,
table.dataTable.table-striped > tbody > tr.even,
table.dataTable.table-striped > tbody > tr.even > * {
    --bs-table-bg: #19384e;
    --bs-table-color: #bfbdbd;
    --bs-table-accent-bg: #19384e;
    --bs-table-striped-bg: #19384e;
    background-color: #19384e !important;
    color: #bfbdbd !important;
    box-shadow: none !important;
}

table.dataTable.table-striped > tbody > tr:hover,
table.dataTable.table-striped > tbody > tr:hover > * {
    --bs-table-bg: #031326;
    --bs-table-color: #bfbdbd;
    --bs-table-accent-bg: #031326;
    --bs-table-hover-bg: #031326;
    background-color: #031326 !important;
    color: #bfbdbd !important;
    box-shadow: none !important;
}

table.no-borders tbody tr:nth-child(even) {
    border: none !important;
}

.size-16 {
    font-size: 16px;
}

.dark-blue {
    color: #01263f;
}

.btn-dark-blue {
    background-color: #01263f;
    color: #bfbdbd;
}

.btn-dark-blue:hover {
    background-color: #001f30;
    color: #bfbdbd;
}

/* Dashboard / Import chart wrappers */
.chart-doughnut-wrap {
    max-width: 320px;
    width: 100%;
}

.dashboard-evb-bar-chart-wrap {
    position: relative;
    min-height: 280px;
    width: 100%;
}

/* Logging error detail table */
#logDetailTable {
    table-layout: fixed !important;
    width: 100% !important;
}
.col-message {
    width: 300px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}