.autoComplete_wrapper .list-group-item:hover,
.autoComplete_wrapper .list-group-item[aria-selected="true"] {
    background-color: #e2e6ea;
    color: #212529;
    cursor: pointer;
}
.table {
    --bs-table-bg: transparent;
}
#exact-match:checked {
    background-color: #d1e7de;
}
.input-group > .autoComplete_wrapper {
    flex: 1;
    min-width: 0;
}

.input-group > .autoComplete_wrapper > input {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#gene-match-summary thead,
#genes-match-stats thead {
    position: sticky;
    top: 0;
    z-index: 2;
    --bs-table-bg: #d1e7dd;
}

.matched-symptom {
    background-color: #d1e7dd;
    color: #075a42;
    border-radius: 4px;
    padding: 2px 4px;
    font-weight: 600;
}

#gene-match-summary table {
    width: 100%;
    table-layout: fixed;
}

#gene-match-summary th,
#gene-match-summary td {
    white-space: normal;
    overflow-wrap: anywhere;
}

#gene-match-summary thead input {
    font: inherit;
    color: inherit;
}

#gene-match-summary thead input::placeholder {
    color: inherit;
    opacity: 1;
}



body {
    background-image: url("../images/background.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
}

#gene-match-summary thead input {
    color: #000;
}

#gene-match-summary thead input::placeholder {
    color: var(--bs-secondary);
    opacity: 1;
}

#gene-match-summary thead input,
#gene-match-summary thead input::placeholder {
    font-weight: 400;
}