body {
    /* font-family: 'メイリオ', 'ＭＳ Ｐゴシック', arial, sans-serif;
    line-height: 150%;*/
}

table,
td,
th {
    /* border-collapse:collapse; border:1px #1C79C6 solid; */
    border-collapse: collapse;
    border: 1px #1C79C6 solid;
    vertical-align: top;
}

a.ex_link {
    background: url("images/blank_icon.png") no-repeat right 0;
    /* padding-right: 20px; */
    /* padding-right: 12px; */
    padding-right: 15px;
}

a:hover {
    color: white;
    background-color: royalblue;
}

:root {
    --hor-padding-size: 0.35em;
}

div.link {
    width: 100%;
    background-color: #E7E7EB;
}

p.link {
    font-size: small;
    padding-left: var(--hor-padding-size);
    padding-right: var(--hor-padding-size);
}

p.warn {
    font-size: small;
    color: red;
    /*# 210423*/
}

.no_color {
    background-color: #E3E3E3;
}

.disease_color {
    background-color: #DBEEF3;
}

.drug_color {
    background-color: #FCE9DA;
}

.kegg_color {
    background-color: #CCFDCD;
}

.drug_target {
    background-color: #ffff00;
}

.all_disease {
    color: red;
}

span.highlight_o {
    color: red;
    font-weight: bold;
}

span.highlight_o a {
    color: red !important;
    font-weight: bold !important;
}


form.nowrap {
    white-space: nowrap;
}

span.form_sample {
    font-style: italic;
    font-size: small;
    margin-left: 0.5em;
}

span.tag_text {
    display: inline-block;
    margin: 0 auto 0.3em;
    padding: 0.3em 1em;
    color: #FFFFFF;
    background-color: #0067b6;
    font-size: 0.9em;
    border-radius: 13.5px;
    /* font-weight: 500; */
}
span.tag_text a {
    color: #FFFFFF;
}

/* tr.odd {
	background: white;
} */

tr.even {
    /*background-color: aliceblue;*/
}

div.table_form_area div.table_form_area_left {
    padding-top: 0px !important;
    float: left;
}

div.table_form_area div.table_form_area_right {
    float: right;
}

div.table_form_area div.table_form_area_right a.dl_button {
    color: buttontext;
    text-decoration: none;
}

div.table_form_area div.table_form_area_left div.dataTables_info {
    padding-top: 0px !important;
    padding-right: 2rem;
    padding-left: 2rem;
    clear: none;
}

div.clear_div {
    clear: both;
}

div.font_small {
    font-size: small;
}

/* div.table_info_area div.find_summary {
	font-size: small;
        float: left;
        margin-bottom: .5rem;
}
div.table_info_area div.dl_button_pos {
        float: right;
}
div.table_info_area div.dl_button_pos a {
        color: buttontext;
        text-decoration: none;
} */

/*
div.find_summary > span {
	float: right;
}
*/

/* Taget Gene / Pathway */

p.kegg {
    background: linear-gradient(90deg, #CCFDCD, #FFFFFF);
    font-weight: bold;
    padding-left: var(--hor-padding-size);
    padding-right: var(--hor-padding-size);
}

table.kegg {
    width: 1000px;
    word-break: break-all;
    /* word-break: normal; */
}

table.kegg th {
    font-size: small;
    font-weight: normal;
    text-align: start;
    white-space: nowrap;
    padding-left: var(--hor-padding-size);
    padding-right: var(--hor-padding-size);
}

table.kegg td {
    font-size: small;
    padding-left: var(--hor-padding-size);
    padding-right: var(--hor-padding-size);
}

table.kegg td.no {
    text-align: right;
    white-space: nowrap;
}

table.kegg span.pathway_info {
    white-space: nowrap;
    line-height: 30px;
    color: black;
}

table.kegg td.drugbank {
    white-space: nowrap;
}

/* table.kegg td.pathway {
}

table.kegg td.gene {
}

table.kegg td.kdrug {
}

table.kegg td.dis_id {
} */

span.letter {
    /* 	margin-right: 1em; */
    margin-left: 0.5em;
    margin-right: 0.5em;
}

span.letter_selected {
    /* 	margin-right: 1em; */
    margin-left: 0.5em;
    margin-right: 0.5em;
    color: red;
    font-weight: bold;
}

span.zero_letter {
    /* 	margin-right: 1em; */
    margin-left: 0.5em;
    margin-right: 0.5em;
    color: lightgray;
}

/* 210415 */
span.letter_small {
    margin-left: 0.15em;
    margin-right: 0.15em;
}

div.list_description,
table.dataTable,
div.header_area,
div.footer_area {
    font-size: smaller;
}

div.dataTables_wrapper a.paginate_button {
    padding: 0.3em 0.6em !important;
}

body input,
body .dl_button_pos {
    font-family: initial;
    font-size: smaller;
}

/* disease_who.cgi, drug_who.cgi */
body.who p.query_show {
    padding-left: var(--hor-padding-size);
    background: linear-gradient(90deg, #FCE9DA, #FFFFFF);
    font-weight: bold;
}

body.who p.query_show > span.drugbank {
    font-weight: normal;
    font-size: 12px;
    word-break: break-all;
}

body.who div.link {
    width: 100%;
    background-color: #E7E7EB;
}

body.who p.link {
    font-size: small;
    padding-left: 0;
    padding-right: 0;
}

body.who span.n_diseases {
    font-size: 12px;
}

body.who table.index {
    word-break: break-all;
    font-size: 12px;
}

body.who table.index th,
body.who table.index td {
    padding-left: var(--hor-padding-size);
    padding-right: var(--hor-padding-size);
}

body.who table.index thead {
    /*background-color: #DBEEF3;*/
}

body.who table.index thead > tr > th {
    font-weight: normal;
    text-align: left;
}

body.who table.index tbody tr:nth-child(even) {
    /*background-color: aliceblue;*/
}

body.who table.index tbody td.no {
    text-align: right;
}

body.who table.index tbody td.name {
    text-align: inherit;
}

body.who table.index tbody td.count {
    text-align: right;
}

body.who div.disease {
    word-break: break-all;
    font-size: 12px;
}

body.who .disease_title {
    background: linear-gradient(90deg, #DBEEF3, #FFFFFF);
    padding-left: var(--hor-padding-size);
}

body.who .disease_title .title_name {
    font-weight: bold;
}

body.who .disease_query {
    font-size: 12px;
    line-height: 120%;
}

body.who span.n_trails {
    font-size: 12px;
}

body.who form span {
    font-size: small;
}

body.who form span.eg {
    font-style: italic;
    padding-left: calc(var(--hor-padding-size) * 3);
}

body.who form input.input_text {
    font-size: 11px;
}

body.who table.main {
    /* width: 1400; */
    word-break: break-all;
    font-size: 12px;
}

body.who table.main tr {
    vertical-align: top;
}

body.who table.main tr.even {
    /**background-color: aliceblue;*/
}

body.who table.main tr.head {
    /*background-color: #E3E3E3;*/
}

body.who table.main th {
    padding-right: 18px;
    white-space: nowrap;
}

body.who table.main th.wrap {
    white-space: normal;
}

body.who table.main th.condition {
    white-space: nowrap;
    background-color: #DBEEF3;
}

body.who table.main th.intervention {
    white-space: nowrap;
    background-color: #FCE9DA;
}

body.who table.main td.no {
    white-space: nowrap;
    text-align: right;
}

body.who table.main td.trialid {
    white-space: nowrap;
}

body.who table.main td.target_size {
    text-align: right;
}

body.who span.highlight {
    color: red;
    font-weight: bold;
}

body.who span.d_highlight {
    color: red;
}

body.who span.show_drug {
    font-weight: bold;
}

/* disease_who.cgi, drug_who.cgi */

/*.yubi { 210409 */
.arrow {
    /*   cursor : pointer; */
    cursor: default;
}