@charset "utf-8";

/* latin-ext */
@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('RedHatDisplay-400-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('RedHatDisplay-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.container {
    max-width: 1200px;
    padding-left: auto;
    padding-right: auto;
    margin-left: auto;
    margin-right: auto;
}

#main-container {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 16px;
}

#sidebar {
	display: table-cell;
	width: 25%;
	vertical-align: top;
}

#content {
	display: table-cell;
	width: 75%;
	vertical-align: top;
}



#SearchButton_pc, #SearchButton_sex, #SearchButton_bmicross, #SearchButton_bmilong {
  background-color: #E2C744;
  border-color: #1a4659;
  color:  #1a4659;
}




#pdf_pc_RNA, #pdf_sex_RNA, #pdf_bmicross_RNA, #pdf_bmilong, #pdf_pc_protein, #pdf_sex_protein, #pdf_bmicross_protein {
  background-color: #1a4659;
  border-color: #E2C744;
  color:  #E2C744;
}


input[type=radio]:checked {
         background-color: #1a4659; !important
      }

.side {
  background-color: #1a4659; !important
  color: #140859;
}

.highlight {
  color: black;
  text-decoration: underline;
}

.sidebar   form.well { 
background:#EDF2F2;
border-width: 2px;
border-color: #1a4659;
border-radius: 25px;
height: 100%;
transition: 1s ease;
position: relative;
}



.side-tab {
  background-color: #EDF2F2 ;
}

.main-content {
  height: 100%;
  background-color: #FFFFFF;
  transition: 1s ease;
}
.navbar-default {
    background-color: #FFFFFF !important;
    border-color:  #1a4659 ;
   
}

#uniqueImage {
  border: 2px solid #1a4659 !important;
  max-width: 800px; /* 设置图片的最大宽度 */
  width: 100%; /* 使图片在容器宽度小于max-width时等比例缩放 */
  display: block; /* 确保图片以块级元素显示 */
  margin-left: auto;
  margin-right: auto;
}

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

tr {
  border-bottom: 1px solid #1a4659;
}


#output_op1 th, #output_op2 th, #output_op3 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #1a4659;
  color: white;
}

#output_op1 {
  width: 100%; /* 确保在max-width允许的范围内表格宽度可以扩展到整个容器宽度 */
  max-width: 600px; /* 例如，设置最大宽度为800px */
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

#output_op2 {
  width: 100%; /* 确保在max-width允许的范围内表格宽度可以扩展到整个容器宽度 */
  max-width: 400px; /* 例如，设置最大宽度为800px */
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

#output_op3 {
  width: 100%; /* 确保在max-width允许的范围内表格宽度可以扩展到整个容器宽度 */
  max-width: 400px; /* 例如，设置最大宽度为800px */
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

#output_op1 td, #output_op1 th, #output_op2 td, #output_op2 th, #output_op3 td, #output_op3 th {
  /* border: 1px solid #1a4659; */
  padding: 8px;
}

.btn-danger{
  background-color: #1a4659; !important
}


.navbar-brand {
   color: #1a4659 !important;
}

.tab-content {
  color:  #1a4659;
}
.dropdown-toggle {
   color: #1a4659 !important;
}

.nav-tabs>li>a {
   color: #1a4659 ;
}
#gene_id {
  width: 85%;
}

.detail-text {
  text-align: justify !important;
}

textarea {
  width:100%;
}

html {
     scroll-behavior: smooth;
}



h1 {
     font-size: 24px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 18px
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}