@charset "UTF-8";

#resetBtn:focus,
#refreshBtn:focus {
    outline: none;
    box-shadow: none;
    border-color: #ced4da; /* 恢复默认边框颜色 */
}

/* 可选：添加替代视觉反馈 */
#resetBtn:focus-visible,
#refreshBtn:focus-visible {
    background-color: #f8f9fa;
    border: 1px solid #adb5bd;
}

.fixed-width-container {
    width: 1300px; /* 固定容器宽度 */
    padding: 15px;
    margin-bottom: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.form-group-horizontal {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px; /* 表单项间距 */
}

.form-item {
    flex: 1;
    min-width: 250px; /* 每个表单项最小宽度 */
}

.form-item label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #176B6E;
}

.form-item input {
    width: 100% !important;
    height: 38px;
    padding: 6px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

/* 添加到你的全局CSS文件中 */
.typeahead.dropdown-menu {
    font-size: 16px;
    max-height: 300px;  /* 固定高度 */
    overflow-y: auto;  /* 垂直滚动 */
    /*width: 100%;       !* 匹配输入框宽度 *!*/
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

/* 滚动条美化（适用于WebKit浏览器） */
.typeahead.dropdown-menu::-webkit-scrollbar {
    width: 8px;
}
.typeahead.dropdown-menu::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.typeahead.dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.dropdown-menu .dropdown-header{
    font-size: 18px;
    color: #176B6E;
}

.typeahead-lazy {
    padding: 6px 12px;
    margin-right: 20px;
    border: 3px solid #176B6E; /* 关键修复 */
    height: 38px;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box; /* 确保宽度包含边框 */
}
.typeahead-lazy:focus {
    border-color: #176B6E; /* 保持聚焦时颜色一致 */
    box-shadow: 0 0 0 0.2rem rgba(23, 107, 110, 0.25); /* 可选：添加聚焦阴影 */
}

.trait-name{
    color: #176B6E;
}
.trait-name:hover{
    color: #FFC000 !important;
}

.searchC{
    margin: 20px 8% 0;
}

.searchB{
    margin-bottom: 50px;
}

.searchN{
    margin-bottom: 10px;
}

.searchN > span{
    display: inline-block;
    width: 380px;
    color: #176B6E;
    font-size: 22px;
    font-weight: bold;
}

.searchT{
    margin-top: 238px;
}

.searchT > .panel-heading > span{
    font-size: 24px;
    font-weight: bold;
}
.searchT > .panel-body > p{
    line-height: 28px;
    text-align: justify;
    text-justify: inter-character;
}

@media all and (max-width: 768px) {
    .searchSub .eg{
        margin-left: 10px;
    }

    .searchSub > select{
        width: calc(100% - 100px);
    }

}

@media all and (max-width: 991px) {
    .searchC{
        margin: 0 0;
    }

    .searchT{
        margin-top: 30px;
    }

    .searchB:not(:last-child){
        margin-top: 30px;
    }

}

@media all and (max-width: 1170px) {
    .searchC{
        margin: 20px 4% 0;
    }
}


.anaTitle h3{
    color: #176B6E;
    padding: 0 15px;
}

.tableC,
.tableC > div{
    margin-top: 30px;
}

.tableT{
    font-size: 24px;
    font-weight: bold;
}

.tableC .btn-default{
    color: #176B6E;
    border-color: #176B6E;
}

.tableC .form-control{
    color: #176B6E;
    border-color: #176B6E;
    border-radius: 4px !important;
}

.anaInfors tr>td{
    line-height: 30px !important;
    font-size: 16px;
}

.anaInfors tr>td:first-child{
    color: #176B6E;
    width: 150px;
}


#fmapTraitTable > thead > tr > th{
    background-color: #F2F2F2;
    font-size: 18px;
    color: #176B6E;
}

#fmapTraitTable > thead > tr > th,
#fmapTraitTable > tbody > tr > td{
    word-wrap: break-word;
}

.assocButton{
    cursor: pointer;
}


.tableC .page-list .caret{
    border-top: 4px dashed;
    border-bottom: 0;
}

.tableC .dropdown-menu{
    margin: 0;
    border-radius: 0;
}

.tableC .fixed-table-pagination .dropup .dropdown-menu{
    top: 100%;
    bottom: auto;
    min-width: 54px;
}

.trait {
    display: inline-block;
    border-radius: 10px;
    padding: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
}