/* Tag field */
ul.as-selections li.as-original input[id$="tagautosuggest"] {
    height: 38px !important;
}

ul.as-list {
    padding-left: 0;
    background-color: rgba(255,255,255,0.85);
}
html[data-bs-theme="dark"] ul.as-list {
    background-color: gray;
}

li.as-result-item {
    background-color: #eee;
    border: 0px solid;
    border-bottom: 1px solid #aaa;
    color: #000;
    padding: 5px 10px;
}
html[data-bs-theme="dark"] li.as-result-item {
    background-color: gray;
    border-bottom: 1px solid #333;
    color: #fff;
}

li.as-result-item.active {
    background-color: #ccc;
}
html[data-bs-theme="dark"] li.as-result-item.active {
    background-color: gray;
}

li.as-result-item em {
	font-style: normal;
	background: gray!important;
	padding: 0 2px;
	color: #fff;
}

/* tabelle */

.table-resp {
    width: 100%;
    border: 1px solid #dedede;
    display: block; /* default for mobile */
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) { /* Assuming 'md' breakpoint is at 768px */
    .table-resp {
        display: table;
    }
}

.table-resp thead {
    width: 100%;
    display: block; /* default for mobile */
    border-bottom: 1px solid black;
}

@media (min-width: 768px) {
    .table-resp thead {
        display: table-header-group;
    }
}

.table-resp tbody {
    width: 100%;
    display: block; /* default for mobile */
}

@media (min-width: 768px) {
    .table-resp tbody {
        display: table-row-group;
    }
}

.table-resp tr {
    width: 100%;
    display: block; /* default for mobile */
    border-bottom: 1px solid black;
}

@media (min-width: 768px) {
    .table-resp tr {
        width: auto;
        display: table-row;
        border: none;
    }
}

.table-resp th {
    width: 100%;
    padding: 0.5rem;
    display: block; /* default for mobile */
    text-align: left;
    background-color: #f9fafb; /* Tailwind's bg-gray-50 */
    font-weight: bold;
}

@media (min-width: 768px) {
    .table-resp th {
        width: auto;
        display: table-cell;
        border: 1px solid #dedede;
    }
}

.table-resp td {
    width: 100%;
    padding: 0.5rem;
    display: block; /* default for mobile */
}

@media (min-width: 768px) {
    .table-resp td {
        width: auto;
        display: table-cell;
        border: 1px solid #dedede;
    }
}