/* Write your styles */
html {
  height: 100%;
  white-space: normal;
}

body {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  font-size:1.4rem;
  -webkit-flex-direction: column; 
  font-family: Arial, "Segoe UI","Lucida Grande",Helvetica,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  /* padding-left: 1rem;
  padding-right: 1rem; */
  width: 1200px;
}

.main {
  flex: 1;
  -webkit-flex: 1;
  width: 100%; /*高度可由内容撑开*/
}

footer {
  width: 100%;
  height: 71px;
}

.index-li a{
        color: #424242;
		font-weight:550;
}

.am-nav li a:hover{
        color: red;
		/* font-weight:800;
        background-color: white; */
}

.sub-title{
	margin-top:4%;
    font-size: larger;
    font-weight: 550;
}

.am-intro-more-top{
        color: red;
}
.module_title{
	font-size:30px;
	font-weight:bold;
	/* margin-top:0%; */
}
#rna_form label{
        color: black;
}

.am-intro-hd a.contact-more {
        color: #fff;
        font-size: 18px;
        font-weight: 500px;
}

.am-intro-hd a.contact-more:hover {
        color: #FEDFE1;
}

#contact-title1,
#contact-title2 {
        border-radius: 0.5em;
        background-color: #0e90d2;
}

.contact-container div {
        padding-left: 15px;
}

.contact-container p {
        font-size: 1.4rem;
}

.am-tabs-d2 .am-tabs-nav > .wdesigners a {
        color: black;
}

.am-tabs-d2 .am-tabs-nav > .wdesigners {
        border-color: #0e90d2;
}

.am-tabs-d2 .am-tabs-nav > .wdesigners:after {
        border-bottom-color: #0e90d2;
}

.show_table, .all_table{
        margin: 5px auto;
        width: 1200px;
        /* text-align: center; */
}
.am-datatable-filter{
	float:right;
}
.show_table thead>tr>th{
        background-color: #0e90d2;
        color: white;
		text-align: center;
		font-size:1.4rem;
}

.intro-text{
        font-size: 1.7em;
        font-weight: 400;
}


.dl-container {
	border: 1px solid;
	margin-bottom: 30px;
}

.dl-title {
	background-color: #376B6D;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dl-title p, .index-title p {
	margin-bottom: 0px;
	color: #fff;
	font-weight: 500px;
	font-size: 17px;
}

.dl-data-container {
	margin-left: 30px;
	margin-right: 30px;
	height: 350px;
	margin-top: 25px;
}

.dl-h1-title {
	font-weight: 500px;
	margin-top: 0;
	margin-bottom: 0;
	color:#fff;
	text-align: center;
	font-size: 50px;
}

.dl-h2-title {
	color: #fff;
	text-align: center;
	font-size: 30px;
	margin-top: 0;
}

.dl-data-container div {
	padding: 10px;
	border:1px solid #e8e8e8;
	background-color: #fff;
	width: 20%;
	cursor: pointer;
	float: left;
	text-align: center;
}

.dl-data-container div a{
	width:100%;
}

.dl-data-container div:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,.15);
	z-index: 1;
	position: relative;
}

.dl-submit {
	text-align: center;
}

.dl-submit button {
	background-color: #268785;
	border-color: #268785;
}

.start-query {
	float: left;
	background-color: #fff;
	border-color: #2B5F75;
	color: #2B5F75
}

.index-container > .half-div {
	width: 50%;
	float: left;
}

.help-data-container {
	margin: 30px;
}

.help-plot-container {
	padding:0;
	margin: 35px;
	border: 1px solid;
	width: 45%;
}

.help-img {
	padding: 3% 14%;
}

.help-plot-data {
	margin-top: 20px;
	border: 1px solid;
	background-color: #66BAB7;
	padding: 10px;
	font-size: 14px;
}

.help-plot-data p {
	margin: 0;
}

.index-second-container {
	border: 2px solid #2E5C6E;
	padding: 0;
	margin-top: 20px;
	width: 48.5%;
	float: left;
}

.index-second-container-left {
	margin-right: 3%;
}


.index-search-container {
	margin-top: 10px;
	margin-left: 16%;
	float: left;
	/* border: 1px solid #0e90d2; */
}

.index-search-container label {
	float: left;
	margin-top: 5px;
	color: black;
}

.index-search-container p {
	float: left;
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: 15%;
	color: black;

}


.index-user-container > .am-list li {
	border: none;
}

.index-user-container ul {
	margin-top: 10px;
	margin-bottom: 9px;
}

.index-user-container {
	padding-left: 11px;
	padding-right: 11px;
	font-size: 0.85vw;
}

.index-plot {
	padding-left: 14%;
}

.index-plot-container {
	width: 48.5%;
	margin-top: 30px;
	float: left;
	border: 2px solid #2E5C6E;
	padding: 0;
	margin-right: 3%;
	height:581px;
}

#cancer_chart , #linecis, #linetrans{
	width: 100%;
	height: 310px;
}

#datasumarycis_chart, #datasumarytrans_chart , #datasumarysur_chart, #datasumarygwas_chart{
	width: 100%;
	height: 310px;
}

#tagscloud {
	width: 250px;
	height: 219px;
	position: relative;
	font-size: 12px;
	margin: 20px auto 0;
	text-align: center;
}

#tagscloud a {
	position:absolute;
	top: 0px;
	left: 0px;
	color: #333;
	font-family: Arial;
	text-decoration: none;
	margin: 0 10px 15px 0;
	line-height: 18px;
	text-align:center;
	font-size: 14px;
	padding: 1px 5px;
	display: inline-block;
	border-radius: 70px;
}

#tagscloud a:hover {
	color: #fff;
	background-color: #0099ff;
}

#tagscloud a.tagc1 {
	background-color:#9DC8C8;
	color: #fff; 
}

#tagscloud a.tagc2 {
	background-color:#D1B6E1;
	color: #fff; 
}

#tagscloud a.tagc3 {
	background-color:#58C9B9;
	color: #fff; 
}

.index-title {
	background-color: #2E5C6E;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.index-fix-height {
	height: 239.19px;
	padding: 4%;
}

.index-fix-height p {
	font-size: 0.9vw;
	text-align: justify;
}

.earth {
	margin-top:15px;
	width: 300px;
	height: 150px;
}


.links .am-list li {
	border: none;
	padding: 0;
	font-size: 16px;
}

.links .am-list li a {
	padding: 4px 0;
}

.links .am-list {
	margin-bottom: 0;
}

.links strong {
	color:#2E5C6E;
}

.links h2 {
	color:#2E5C6E;
	margin-bottom: 0;
}

#header-nav {
	font-weight: normal;
	/*height: 70px;*/
	font-size: 1.6rem;
	//padding-bottom: 0.5rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	/* padding-top:0.8rem; */
}

#rna_search {
	background-color: #0e90d2;
}

#rna_search:hover {
	background-color: #0c79b1;
	border-color: #0c79b1;
	color: #fff;
}

.am-btn-primary {
	background-color: #0e90d2;
	border-color: #0e90d2;
	color:#fff;
}

.am-cf li {
	border-left: 5px solid #caebfb;
	font-weight: bold;
}
.heatmap_panel{
	display:none;
}
.am-footer-default a {
    color: #0e90d2;
}
.all_table table>thead>tr>th{
        background-color: #0e90d2;
        color: white;
		text-align: center;
		font-size:1.4rem;
}

.am-4 {
	border: 3px solid #FFDEAD;
	padding:10px;
}
.pre{
	height:49px;
}
.am-tabs-d2 .am-tabs-nav>.am-active:after{
	border-bottom-color: #caebfb;
}
.am-tabs-d2 .am-tabs-nav>.am-active {
    border-bottom: 2px solid #caebfb;
}
.mouse {
	float: right;
	padding: 4px;
	border: 2px solid transparent;
	background-color: #d81b60;
	margin-top: 7.5px;
	border-radius: 4px;
	font-weight: 800;
}
.mouse:hover {
	border-color: red;
}
.am-topbar-nav>li>a {
    position: relative;
    line-height: 50px;
    padding: 0 7px;
}