html, 
body, 
#background { 
  width: 100vw;
  min-height: 100vh;
  background-color: rgba(255,255,255,1.00);
}

 #wrapper {
    overflow-x: hidden;
 }

#sidebar-wrapper {
  /* min-height: 100vh; */
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}

table{
 height:300px;              
 display: -moz-groupbox;    
}

.bi{
	width:900px;
}

.pointer {
	cursor:pointer
}
.pointer:focus {
	outline: none;
}

.after_click{
	color:black;
	font-weight: bold;
}

.cy {
      width: 500px;
      height: 500px;
      z-index: 999;
    }
	
#cy {
      width: 500px;
      height: 500px;
      z-index: 999;
    }


#text_height{
height:300px
}
.show_hand{
	cursor: pointer;
	outline: none;
	
}

.limit_height{
	overflow:scroll;
	height:300px;
}
/* #navheight { */
	/* height:39px; */
/* } */

.span1{
    word-break:normal; 
    width:auto; 
    display:block; 
    white-space:pre-wrap;
    word-wrap : break-word ;
    overflow: hidden ;
}

/* 确保表格中的所有文本都是水平居中的 */
.table.text-center th,
.table.text-center td {
    vertical-align: middle; /* 确保水平居中 */
    text-align: center; /* 确保文本水平居中 */
}

/* 调整按钮的高度和内边距 */
.table .btn {
    padding: 5px 10px; /* 调整内边距 */
    height: auto; /* 确保按钮高度根据内容自动调整 */
    line-height: normal; /* 确保文本的行高正常 */
}

/* 确保表格标题可点击且显示手型光标 */
th[ng-click] {
    cursor: pointer;       /* 鼠标变为手型光标 */
    user-select: none;     /* 防止文字被选中 */
}

/* 可选：鼠标悬停时的背景效果 */
th[ng-click]:hover {
    background-color: rgba(0,0,0,0.05);  /* 添加轻微的背景色变化 */
}

/* Bootstrap Icons 图标样式:
   - margin-left: 在图标左侧添加间距，与文字分开
   - font-size: 将图标设置为当前字体大小的 80%，使其更协调 */
.bi {
    margin-left: 5px;
    font-size: 0.8em;
}

/* 表头样式 */
.table th {
    position: relative;
    padding-right: 22px !important;
}

/* 排序图标容器 */
.sort-indicator {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 22px; /* 增加更多高度 */
}

/* 上箭头 */
.sort-indicator:before {
    content: '▲';
    position: absolute;
    top: 0;        /* 固定在顶部 */
    left: 0;
    font-size: 10px;
    color: #999;
    line-height: 1;
    display: block;
}

/* 下箭头 */
.sort-indicator:after {
    content: '▼';
    position: absolute;
    bottom: 0;     /* 固定在底部 */
    left: 0;
    font-size: 10px;
    color: #999;
    line-height: 1;
    display: block;
}

/* 激活状态的箭头颜色 */
.sort-asc:before {
    color: #333;
}

.sort-desc:after {
    color: #333;
}

/*!* 自动补全建议列表的容器样式 *!*/
/*.suggestions {*/
/*    !* 控制层级，确保建议列表显示在其他元素之上 *!*/
/*    z-index: 1000;*/
/*    !* 设置背景为白色，使文本清晰可见 *!*/
/*    background: white;*/
/*    !* 添加浅灰色边框 *!*/
/*    border: 1px solid #ddd;*/
/*    !* 限制建议列表的最大高度，防止太多结果占满屏幕 *!*/
/*    max-height: 200px;*/
/*    !* 当内容超出最大高度时，显示垂直滚动条 *!*/
/*    overflow-y: auto;*/
/*    !* 添加阴影效果，增加视觉层次感*/
/*       参数依次是：x偏移、y偏移、模糊半径、颜色及透明度 *!*/
/*    box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
/*}*/

/*!* 建议列表中每个选项的样式 *!*/
/*.suggestion-item {*/
/*    !* 设置内部填充，使文本不会贴近边缘 *!*/
/*    padding: 8px 15px;*/
/*    !* 鼠标悬停时显示手型光标，提示可点击 *!*/
/*    cursor: pointer;*/
/*    !* 添加背景色过渡动画效果*/
/*       设置过渡属性、持续时间和过渡方式 *!*/
/*    transition: background-color 0.2s ease;*/
/*}*/

/*!* 鼠标悬停在选项上时的样式 *!*/
/*.suggestion-item:hover {*/
/*    !* 悬停时改变背景色，提供视觉反馈 *!*/
/*    background-color: #f8f9fa;*/
/*}*/

/* 添加 position-relative 到父容器 */
.form-group {
    position: relative;
}

/* 自动补全建议列表的容器样式 */
.suggestions {
    /* 添加定位属性 - 这是最关键的修改 */
    top: 100%;
    left: 0;

    /* 您原有的样式 - 保持不变 */
    z-index: 1000;
    background: white;
    border: 1px solid #ddd;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 建议列表中每个选项的样式 - 保持不变 */
.suggestion-item {
    padding: 8px 15px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* 鼠标悬停在选项上时的样式 - 保持不变 */
.suggestion-item:hover {
    background-color: #f8f9fa;
}