.sidebar-menu {
   font-size: 20px !important;
   font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;

}
.jianbian {
  text-align: center;     /* Center the content */
  background-color: #d3d3d3; /* Set background color to grey */
  padding: 0px;          /* Optional: add some padding */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw; /* Full viewport width */
  background-color: #d3d3d3; /* Optional: Set background color */
  padding: 20px; /* Optional: add some padding */
}
.navbar-header .navbar-brand {
  color: black !important;
  font-size: 22px !important;
  font-weight: bold;
  font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
}
.navbar-nav > li {
        margin-right: 15px;
}

.custom-h1 {
  font-weight: bold;
  color: black;
  text-align: center;
  font-size: 40px;
  font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
}
.Contact_bold {
  font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
  font-size: 16px;
}

.contact_text {
  text-align: center;     /* Center the content */
  background-color: #F5F5F5; /* Set background color to grey */
  padding: 20px;          /* Optional: add some padding */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw; /* Full viewport width */
  background-color: #F5F5F5; /* Optional: Set background color */
  padding: 20px; /* Optional: add some padding */
  font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
}


.Introduction {
    background-color: #5F9BD5;
}
.species {
    border-color: #5F9BD5;
}
.tissue {
    border-color: #ffffff;
}

.jump {
    width:600px;
    background-color: #249D51;
    border-color: #249D51;
    color: white;
    font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
    font-size: clamp(10px, 1.8vw, 24px) !important;
}

.atac {
    background-color: #5F9BD5;
}
.main_figure {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tooltip-inner {
  font-size: 20px;    /* 控制字体大小 */
  max-width: none;  /* 控制最大宽度，每行的字符数 */
  white-space: nowrap; /* 不允许自动换行 */
}

.navbar a {
  font-size: clamp(10px, 1.8vw, 24px) !important; /* 文字大小 */
  font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
}
.resulttable {
  font-size: clamp(12px, 1.5vw, 20px);
  font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
}
.dataTables_wrapper .dataTable thead th {
  background-color: #C7D8EB;
  color: black;
  font-size: clamp(10px, 1.6vw, 20px);
  font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
}

/* 调整表格内容字体大小 */
.dataTables_wrapper .dataTable tbody td {
  font-size: clamp(7px, 1.3vw, 15px);
  font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
}


.dataTables_length {
  margin-right: 6px;  /* 增加右边距 */
}

.dt-buttons {
  float: right !important;
}

.container-title {
        background-color: #EBF6F5;  /* 标题背景颜色 */
        color: black;
        font-weight: bold;/* 标题字体颜色 */
        padding: 10px;              /* 标题内边距 */
        margin-bottom: 10px;        /* 标题与内容间距 */
        font-size: clamp(10px, 15vw, 22px);
        width: 100%;
        height: clamp(50px, 3vw, 66px);
        border-radius: 5px;
        display: flex;
        align-items: center;
        font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
}

.responsive-text {
          font-size: clamp(10px, 1vw, 28px);
          font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
          text-align: justify;
}
.row-spacing {
        margin-bottom: 20px; /* 设置20像素的下边距 */
      }

.container-subtitle {
    background-color: #C7D8EB;  /* 轻微变化的标题背景颜色 */
    color: black;               /* 标题字体颜色 */
    padding: 8px;               /* 适度减小标题内边距 */
    margin-bottom: 8px;         /* 与内容间距略小 */
    font-size: clamp(10px, 1.5vw, 28px); /* 较小的字体大小 */
    border-radius: 5px;
    text-align: center;
    font-family: 'Helvetica', Times, serif;
}

.wide-ui-output {
        width: 100%;  /* 强制 uiOutput 占满整个列宽 */
        padding: 1px;  /* 添加一些内边距 */
      }
.slidetitle {
 font-family: 'Helvetica', Times, serif;
 font-size: clamp(10px, 1.6vw, 16px);
}

#searchInput {
  width: 97%;
  flex-grow: 1;
  margin-right: 5px;
}

#searchBtn {
  width: 48px;
  height: 46px;
}

#celltype_clone_heatmap {
    height: 600px;
}

.main-header .navbar .navbar-custom-menu > .nav > li > a {
          max-width: 260px;
          overflow-x: auto;
          white-space: nowrap;
        }

#.container, .row, .col-sm-9 {
#   border: 1px solid red; /* 添加红色边框来可视化容器大小 */
# }

.sidebar, .sidebar .sidebar-menu {
    font-family: 'Helvetica', Helvetica, Arial, sans-serif !important;
    font-size: clamp(14px, 1.5vw, 20px); /* 可以根据需要调整大小 */
}

.shiny-plot-output {
      width: 100% !important;  /* 让图像宽度随父容器大小变化 */
      height: 100% !important; /* 让图像高度随父容器大小变化 */
    }

.picker-input-label {
        font-size: 18px; /* 调整为你想要的字体大小 */
        font-family: 'Helvetica'
      }