html, body{
  width:100%;
  height: 100%;
  font-family: "Noto Sans";
}

.nav > li > img{
  height: 35px;
}

.myBtn{
  position: relative;
  width: 80px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
}

.myBtn:hover{
  background-color: #eeeeee;
}

#page-wrapper{
  margin:0 auto;
  /* height: 100%; */
  min-height: 818px;
  padding-bottom: 30px;
}

footer{
    padding: 16px 0;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: #354e74;
}


.result-container{
  position: relative;
  width:100%;
  height: 100%;
}

.result-contents{
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  opacity: 0.4;
  /* color: #FFFFFF; */
}

.result-represent{
  position: relative;
  width:100%;
  height:100%;
  z-index: 5;
}

.loading_cover{
  position: fixed;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  display:none;
}
.loading_cover img{
  position: absolute;
  left:50%;
  top:50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
}

.span-disease{
    background-color: rgba(255, 0, 0, 0.3);
}

.span-drug{
    background-color: rgba(0, 255, 0, 0.3);
}

.span-mutation{
    background-color: rgba(255, 128, 0, 0.3);
}

.span-gene{
    background-color: rgba(255, 0, 255, 0.3);
}

.span-species{
  background-color: rgba(0, 255, 255, 0.3);
}

.span-miRNA{
  background-color: rgba(102, 132, 132, 0.3);
}

.span-pathway{
  background-color: rgba(20, 17, 220, 0.3);
}

.json-copy-btn{
  position: relative;
  float: right;
}

.submit_btn{
  position: relative;
  float: right;
}

.cur_tab{
  font-weight: bold;
}

#results_in_json{
  width: 100%;
  white-space: pre-wrap;
  overflow: scroll;
}

.jsonresult .collapse[aria-expanded='false']{
  display: block;
  height: 156px !important;
  overflow: hidden;
}

.jsonresult .collapsing[aria-expanded='false']{
  height: 156px !important;
}


#collapse-btn.collapsed:after{
  content: '+ Show More';
}

#collapse-btn:not(.collapsed):after{
  content: '- Show Less';
}

.result-header{
  position: relative;
  width:100%;
}

.result-body{
  position: relative;
  padding: 15px 0px;
}

.result-header-title{
  float: left;
}

.result-legend{
  position: relative;
  float: right;
  margin-top: 32px;
}

.legend-entity{
  position: relative;
  padding-left: 40px;
  float: right;
  height: 30px;
  line-height: 20px;
  padding-bottom: 10px;
}

.legend-entity div{
  position: absolute;
  left:16px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  overflow: hidden;
}

/* .sample_pmid_input_div{
  position: relative;
  float: left;
  width: 50%;
}
.sample_pmid_type_div{
  position: relative;
  float: right;
  width: 20%;
  min-width: 200px;
} */

#sample_pmid_input_forms div{
  padding: 0px;
}


.footer_logo{
  height: 45px;
}