#no-annotations-text {
    font-style: italic;
    color: var(--unselected-text);
}

/* Add spacing between rows */
#gene-annotations-table {
    width: 98%;
}

#gene-annotations-body button {
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
}

.gene-toggle-annotation-row {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

/* Hidden if no exons are available */
button.exon-toggle-annotation-row[disabled] {
    visibility: hidden;
}

.color-picker-annotation-row {
    width: 100%;
}

#gene-annotations-control-container {
    margin-top: 10px;
}

#gene-annotations-control-container button {
    margin-right: 5px;
}

/* Add scrollable container */
#gene-annotations-table-container {
    max-height: 50vh; 
    overflow-y: auto; 
}

#set-all-colors-gene-annotations {
    padding: 5px;
    margin: 5px;
} #deselect-all-gene-annotations {
    padding: 5px;
    margin: 5px;
} #select-all-gene-annotations {
    padding: 5px;
    margin: 5px;
} #set-color-picker-gene-annotations {
    height: auto;
}

/* Filter search bar */
.gene-filter-input {
    width: 96%;
    padding: 5px 8px;
    margin-bottom: 5px;
    border: 1px solid var(--unselected-green);
    border-radius: 5px;
    background: var(--site-background);
    color: var(--text-color);
    font-size: small;
}
.gene-filter-input::placeholder {
    color: var(--unselected-text);
}

/* Star button */
.gene-star-btn {
    font-size: small;
}

/* Starred section label */
.gene-starred-label {
    font-size: x-small;
    color: var(--dark-green);
    padding: 5px;
    letter-spacing: 0.5px;
}

/* Separator between starred and unstarred */
.gene-section-separator td {
    border-bottom: 1px solid var(--unselected-green);
    padding: 0;
    height: 5px;
}