/*.tb tr {
    border-right: solid 1px #73b9dbba !important;
    border-right: solid 1px #73b9dbba !important;
}
*/

tbody tr:nth-child(even) {
    background-color: rgba(23, 82, 141, 0.2);
    /* background-color: #73b9dbba;*/
}

.section-border {
    border-top: 2px solid green !important;
    /*    border-color:green !important;
    border-style:double !important;
    border-width: 2px !important;*/
}

.th-color {
    background-color: #407760;
}

.tb-color {
    background-color: transparent;
}

.tb-card-color {
    background-color: rgb(255 255 255);
}

.tb tr:hover {
    /*background-color: rgba(13, 72, 121, 1);*/
    background-color: #134061;
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
}

.tb-bg-white {
    background-color: white !important;
    border: 0;
    border-top: 0;
}

.tb-left-border {
    border-left: 1px #73b9dbba groove;
}

.tb tr {
    border-color: #1d6bb3d1;
    border-style: double;
    border-width: 0;
}

.tb > tr > td:has([rowspan]) {
    background-color: white;
}

.tb-bg-white {
    background-color: white;
}


.tb-container {
    padding: 4px 0px 4px 0px;
    box-shadow: 0 0 2px rgba(8, 7, 16, 0.6);
    border-radius: 8px;
    position: relative
}

@media(prefers-color-scheme: dark) {

    :has(.theme-like-browser)
    th, td {
        color: white
    }
    
}

@media(prefers-color-scheme: light) {
    th, td {color:black}
}

thead .tr {
    border-bottom: 2px white solid;
}

.ellipsis-cell {
    max-width: 400px; /* Begrenzung der Breite */
    white-space: nowrap; /* Kein Zeilenumbruch */
    overflow: hidden; /* Überlauf verstecken */
    text-overflow: ellipsis; /* "..." anzeigen bei Überlauf */
    display: inline-block; /* Wichtig: block oder inline-block für ellipsis */
}

.sticky-header {
    position: sticky;
    top: 0;
    background-color: white; /* wichtig, sonst scheint Inhalt durch */
    z-index: 2; /* über Inhalt legen */
}

.table-container {
    max-height: 800px;
    overflow-y: auto;
}

thead th {
    position: sticky;
    top: 0;
    background-color: #020d1675!important;
    z-index: 1;
}