/* tables */
table.tablesorter {
	font-family:Arial;
	background-color: #FFF;
	font-size: 12pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #eee8aa;
    	border-collapse: collapse;
    	border-spacing: 1px;
    	border: 1px #E3E3E3 solid;

	font-size: 12pt;
	padding: 1px;
}
table.tablesorter thead tr .header {
	font-family:Arial;
	background-image: url(bg_b.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
        border: 1px #E3E3E3 solid;
        border-width: 0 0 1px 1px;          
	padding: 1px;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc_b.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc_b.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8fbc8f;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
}

p {
 font-size: 13px;
}

span .cit {
 font-size: 13px;
 font-weight: bold;
}

span .paper {
 font-size: 13px;
}

.initial{
  display: flex;
}

.ini {
   margin-left: 5px;
}

.title {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold; 
}

h1 { display: inline-flex; align-items: center; gap: .4em; }
h1 .title { vertical-align: middle; }

#exp {
   margin-left: 300px;
   color: #aa4c8f;
}

#tags {
  width: 280px;
  height: 20px;
  font-size: 110%;
}

.tags {
  width: 280px;
  height: 20px;
  font-size: 110%;
}

.sel {
 font-size: 110%;
 font-family: 'Source Sans Pro', sans-serif;
} 

input::placeholder {
  color: #e4d2d8;
}


#details {
  font-size: 120%;
  margin-left: 5px;
  color:#aa4c8f;
}

#asatbl {
   font-family:Meiryo;
   font-size: 75%
   text-align: left;
} 

#my_dataviz {
   margin-left: 50px;
}
#caution {
   margin-left: 50px;
}

.add_genome img {
  cursor: pointer;
}
.btn {
    background: -moz-linear-gradient(top,#0099CC 0%,#006699);
    background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
    color:#FFF;
    padding: 2px 5px;
    border: 1px solid #DDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /* width: 150px; */
    text-decoration: none;
    /* font-weight: bold; */
    text-align: center;
    font-size: 13px;
    display: block;

}

.langbtn {
  display: inline-flex;      /* テキストを縦横中央に */
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  height: 32px;              /* 高さ固定で和文でも揃う */
  white-space: nowrap;       /* 改行させない */
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  font: inherit;             /* サイト全体のフォントに追従 */
}

.langicon {
  vertical-align: top; 
  width: 32px; height: 32px;
}

.help-actions {
  display: flex;
  justify-content: flex-end; /* ← 右寄せ */
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none; /* <menu>のデフォルトを無効化 */
}

//button {
//    width: auto;
//    padding:0;
//    margin:0;
//    background:none;
//    border:0;
//    font-size:0;
//    line-height:0;
//    overflow:visible;
//    cursor:pointer;
//}