label {
    display: inline;
    font-weight: normal;
}

label.block {
    display: block;
    font-weight: bold;
}

.suspect_record {
    color: var(--fotx-red);
    font-weight: bold;
}

.examination_status {
    font-style: italic;
}

.examination_status_count,
.examination_status_count_total {
    border: 1px solid var(--fotx-navy);
    border-radius: var(--radius-pill);
    font-size: var(--font-xxs);
    font-weight: bold;
    padding: 0.2rem 0.7rem;
    text-align: center;
    vertical-align: 50%;
}

.examination_status_count_total {
    background-color: #fff;
}

.status {
    text-align: center;
    padding: 0.2rem 0.7rem;
    border: 1px solid var(--fotx-navy);
    border-radius: var(--radius-pill);
    font-size: var(--font-xxs);
    font-weight: bold;
    display: inline-block;
    margin: 0 auto;
}

td:has(> .status) {
    vertical-align: middle;
    text-align: center;
}

.checklist {
    width: 100%;
}

.checklist th {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-style: italic;
}

.checklist td[colspan="8"] {
    background: var(--fotx-gray-light);
    border-top: 2px solid var(--fotx-navy);
    border-bottom: 1px solid var(--fotx-gray);
}

table.fotx-table-striped tr.record-suspect {
    background: var(--fotx-light-red);
    border-top: 2px solid var(--fotx-red);
    border-bottom: 2px solid var(--fotx-red);
}

#identification_table {
    margin: 1rem 0;
}

@media (min-width: 500px) {
    #identification_table {
        float: right;
    }
}

#identification_table th, #identification_table td {
    background-color: #fff;
    border: var(--fotx-navy) solid 1pt;
    color: #000;
    padding: 0 3px;
}


.custom_field {
    overflow-wrap: break-word;
    hyphens: auto;
}

.badge-suspect-examined {
    background-color: var(--suspect-examined-color);
}

.badge-suspect-pending {
    background-color: var(--suspect-pending-color);
    color: #000;
}

.badge-suspect-reexamine {
    background-color: var(--suspect-reexamine-color);
    color: #000;
}

.badge-not-suspect-examined {
    background-color: var(--not-suspect-examined-color);
}

.badge-not-suspect-pending {
    background-color: var(--not-suspect-pending-color);
    color: #000;
}

.badge-not-suspect-reexamine {
    background-color: var(--not-suspect-reexamine-color);
}

.badge-not-suspect-not-examined {
    background-color: var(--not-suspect-not-examined-color);
}

.badge-heading {
    font-weight: bolder;
}

.badge-icon {
    vertical-align: -0.02em;
    font-size: 0.9em;
}

.badge-icon.texas-icon {
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    vertical-align: -0.15em;
    filter: brightness(0) invert(1);
}

.badge-sgcn {
    background-color: var(--conservation-lv2-color);
}

.badge-tx-status[data-ranking="Threatened"] {
    background-color: var(--conservation-lv3-color);
}

.badge-tx-status[data-ranking="Endangered"] {
    background-color: var(--conservation-lv2-color);
}

.badge-federal-status {
    background-color: var(--conservation-lv3-color);
}

.badge-federal-status[data-ranking="UR"] {
    background-color: var(--conservation-unranked-color);
}

.badge-federal-status[data-ranking*="T"] {
    background-color: var(--conservation-lv3-color);
}

.badge-federal-status[data-ranking*="E"] {
    background-color: var(--conservation-lv2-color);
}

.badge-natureserve-status {
    background-color: var(--conservation-unranked-color);
}

.badge-natureserve-status a {
    color: #fff;
    transition: none;
}

.badge-natureserve-status a:hover {
    animation: none;
}

.badge-natureserve-status[data-ranking*="5"] {
    background-color: var(--conservation-lv5-color);
}

.badge-natureserve-status[data-ranking*="4"] {
    background-color: var(--conservation-lv4-color);
}

.badge-natureserve-status[data-ranking*="3"] {
    background-color: var(--conservation-lv3-color);
}

.badge-natureserve-status[data-ranking*="2"] {
    background-color: var(--conservation-lv2-color);
}

.badge-natureserve-status[data-ranking*="1"] {
    background-color: var(--conservation-lv1-color);
}

.badge-natureserve-status[data-ranking*="H"],
.badge-natureserve-status[data-ranking*="X"] {
    background-color: var(--conservation-extinct-color);
}