/* 表头样式 */
thead {
    background-color:  #6391bb;
    color: #fff;
    font-weight: bold;
}

/* 表头单元格样式 */
thead th {
    top: 0;
    z-index: 2000;
    position: sticky;
    padding: 0.5rem 1rem;
    white-space: nowrap;
    border-bottom: 2px solid #fff; /* 仅保留表头与内容之间的边框 */
}

/* 表格行样式 */
tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: transparent;
}

/* 表体单元格样式 */
tbody td {
    padding: 0.5rem 1rem;
    border-bottom: 0px solid #ccc; /* 保留行之间的分隔线 */
    color: #333;
}

/* 移除外边框 */
table {
    border-collapse: collapse;
    border: none; /* 移除表格整体边框 */
    width: 100%;
}

/* 表格体样式 */
tbody {
    display: table-row-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}

/* 隔行变色（可选） */
tbody tr:nth-child(odd) {
    background-color: #f8f9fa;
}

tbody tr:nth-child(even) {
    background-color: #ffffff;
}

/* 悬停效果 */
tbody tr:hover {
    background-color: #d6eaf8;
}

/* 表头固定高度调整 */
thead th {
    background-color:  #6391bb; /* 表头颜色保持一致 */
    color: #fff;
}

/* 覆盖表格的边框样式，移除外边框，添加行间分隔线 */
.bootstrap-table .table {
    border: none !important;/* 移除表格外边框 */
    border-collapse: collapse; /* 合并单元格边框 */
    width: 100%; /* 表格宽度 */
}

/* 表头样式 */
.bootstrap-table .table thead th {
    background-color: #3e77ab; /* 深蓝色背景 */
    color: #fff; /* 白色字体 */
    font-weight: bold; /* 加粗字体 */
    text-align: center; /* 居中对齐 */
    border-bottom: 0px solid #ddd; /* 下边框分隔线 */
    padding: 0.5rem; /* 内边距 */
    white-space: nowrap; /* 防止换行 */
    position: sticky; /* 固定表头 */
    top: 0;
    z-index: 2; /* 保证表头在其他内容之上 */
    border:0px;
}

/* 表格行样式 */
.bootstrap-table .table tbody tr {
    border-bottom: 0px solid #ddd; /* 行之间的分隔线 */
    background-color: #fff; /* 默认背景 */
    border:0px;
    transition: background-color 0.2s ease; /* 增加悬停动画 */
}

/* 隔行变色 */
.bootstrap-table .table tbody tr:nth-child(odd) {
    background-color: #f8f9fa; /* 浅灰色背景 */
}

/* 悬停效果 */
.bootstrap-table .table tbody tr:hover {
    background-color: #d6eaf8; /* 浅蓝色悬停背景 */
}

/* 表格单元格样式 */
.bootstrap-table .table tbody td {
    text-align: center; /* 居中对齐 */
    vertical-align: middle; /* 垂直居中 */
    padding: 0.5rem; /* 单元格内边距 */
    font-size: 14px; /* 字体大小 */
    color: #333; /* 默认字体颜色 */
    border:0px;
}

/* 链接样式（如 PMID 链接） */
.bootstrap-table .table tbody td a {
    color: #3e77ab; /* 蓝色字体 */
    text-decoration: none; /* 移除下划线 */
}

.bootstrap-table .table tbody td a:hover {
    color: #0056b3; /* 更深的蓝色 */
    text-decoration: underline; /* 悬停时显示下划线 */
}

/* 分页部分样式 */
.bootstrap-table .pagination .page-item .page-link {
    color: #3e77ab; /* 深蓝色字体 */
    border: 1px solid #ddd; /* 边框颜色 */
    margin: 0 2px; /* 页码之间的间距 */
    border-radius: 4px; /* 圆角边框 */
}

.bootstrap-table .pagination .page-item.active .page-link {
    background-color: #3e77ab; /* 深蓝色背景 */
    color: #fff; /* 白色字体 */
    border-color: #3e77ab; /* 边框颜色匹配 */
}

/* 每页条数下拉菜单样式 */
/* 每页条数下拉菜单容器样式 */
.bootstrap-table .pagination-detail .dropdown-menu {
    min-width: 120px; /* 设置菜单的最小宽度 */
    background-color: #f8f9fa; /* 浅灰色背景 */
    border: 1px solid #ddd; /* 边框颜色 */
    border-radius: 5px; /* 圆角边框 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    padding: 0; /* 去除内边距 */
    overflow: hidden; /* 防止内容溢出 */
    z-index: 1050; /* 确保下拉菜单在其他元素上方 */
}

/* 每页条数菜单项样式 */
.bootstrap-table .pagination-detail .dropdown-item {
    color: #3e77ab; /* 设置菜单项字体颜色为深蓝色 */
    background-color: transparent; /* 默认透明背景 */
    padding: 8px 12px; /* 设置内边距，增加点击区域 */
    font-size: 14px; /* 字体大小适中 */
    transition: all 0.3s ease; /* 添加过渡效果 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
}

/* 悬停菜单项样式 */
.bootstrap-table .pagination-detail .dropdown-item:hover {
    background-color: #d6eaf8; /* 浅蓝色背景 */
    color: #3e77ab; /* 深蓝色字体 */
}

/* 当前选中菜单项 */
.bootstrap-table .pagination-detail .dropdown-item.active {
    background-color: #3e77ab; /* 深蓝色背景 */
    color: #fff; /* 白色字体 */
    font-weight: bold; /* 加粗选中的菜单项 */
}

/* 下拉菜单箭头样式 */
.bootstrap-table .pagination-detail .dropdown-toggle {
    background-color: #f8f9fa; /* 下拉菜单按钮背景 */
    border: 1px solid #ddd; /* 边框颜色 */
    border-radius: 5px; /* 圆角边框 */
    color: #3e77ab; /* 深蓝色字体 */
    padding: 6px 12px; /* 调整按钮内边距 */
    font-size: 14px; /* 字体大小 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

/* 下拉菜单箭头悬停效果 */
.bootstrap-table .pagination-detail .dropdown-toggle:hover {
    background-color: #d6eaf8; /* 浅蓝色背景 */
    color: #3e77ab; /* 深蓝色字体 */
    border-color: #3e77ab; /* 深蓝色边框 */
}

/* 表格超宽 */
.bootstrap-table .table {
    width: 120%; /* 表格宽度超出容器宽度 */
    table-layout: auto; /* 自动调整列宽 */
}


/* 页面滚动条不隐藏 */
html, body {
    overflow-x: visible; /* 确保页面滚动条可见 */
}