/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2016/02/02, 14:53:15
    Author     : Koji Suzuki
*/

body {
    /* padding:50px 80px; */
    /* font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; */
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url(../img/bg_paper_dark.png);
}

#bs-example-navbar-collapse-1 {
    margin-left: 80px;
}
#bs-example-navbar-collapse-1 ul li a{
    vertical-align: bottom;
}
.navbar-nav a:link#current, .navbar-nav a:visited#current, .navbar-nav a:hover {
    border-bottom: 6px solid rgba(255,187,187,0.5);
    padding-bottom: 9px;
    background: transparent;
    /*color: rgb(17,112,160);*/
/*    background: linear-gradient( to left, rgb(255,187,187),white, white);*/
}

.navbar-nav .dropdown-menu a:hover {
    border-bottom: none;
    padding-bottom: 3px;
}

.navbar-nav a:hover {
}

#titlelogo {
    position: relative;
    top: .50px;
    left: 15px;
}

#titletext {
    color: #666666;
    font-size: 18px;
    vertical-align: top;
    margin-left: 40px;
}

#heritage {
width: 92%;
margin-left: auto ;
margin-right: auto ;
}

#footer {
    color: #827B60;
    font-size: 10px;
    position: relative;
    /*position: fixed;*/
    width: 100%;
    bottom: 0px;
    margin: 0px;
    border-top: 15px solid rgb(30, 45, 88);
    background-image: url(../img/bg_paper_light.png);
}

.content {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 60px;
    margin-right: 60px;
}

#title_panel{
    border-color: whitesmoke;
}

#title_panel div{
    padding: 5px
}

#title_panel img{
    padding: 5px;
    margin-left:10px;
    margin-right:10px;
}

#title_panel h3 {
    /*border-bottom: 1px solid #0099cc;*/
    border-left: 10px solid rgb(25,29,106) ;
    background: linear-gradient( to left, rgb(0,164,226),white, white);
}

#message {
    margin-bottom: 0px;
}
#geneinfo {
    margin-top: 50px;
    width: 50%;
}
#geneinfo .panel{
    width:  auto !important;
}
#geneinfo li {
    font-size: 0.9em;
    padding: 5px 15px;
    font-weight: bold;
    color: #000000;
}

#geneinfo .panel-heading{
    font-size: 1.4em;
}
#variants{
    font-size: 0.9em;
}

#variants th td{
    font-size: 0.9em;
    font-weight: bold;
}

#variants tr td{
    font-weight: normal;
}

/* home */
#message{
    background-color: #fef1ec;
}
#statistics{
    background-color: #ddf3dd;
}


/* Submit page */
.segment {
/*    border-color:  gray;
    border-style: dashed;
    border-width: 1px;*/
    padding: 0px 20px;
    margin : 10px 0px 30px 0px;
}
.segment>div {
    margin : 5px 15px;
    padding: 2px 20px;
}

.twitter-typeahead {
    margin-bottom: 10px;
}

#segment_submit{
    margin-left: 55px;
    width: 70%;
    border-top: 1px solid rgba(100,100,100,0.3);
    border-left: 1px solid rgba(100,100,100,0.3);
    border-bottom: 1px solid rgba(100,100,100,0.7);
    border-right: 1px solid rgba(100,100,100,0.7);
    padding: 10px;
    border-radius: 10px;
}

#segment_submit>button[type='submit']{
    margin-left : 80px;
}

#segment_submit>button{
    margin-top : 20px;
    margin-right : 10px;
}

form>hr {
    height: 1px;
    border: none;
    border-top: 1px rgb(0, 153, 204) dotted;
    margin-left: 20px;
    margin-right: 20px;
}

.segment h2 {
    /*background-image: url(../img/bg_title2.png);*/
    /*background-repeat: repeat-x;*/
    background-position: left bottom;
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1.2;
    /*border-bottom: 2px solid #0099cc;*/
    border: 1px solid rgba(139,169,188,0.2);
    border-left: 10px solid rgb(139,169,188) ;
    margin-top: 2em;
    margin-bottom: 10px;
    padding: 2px;
    background-color: rgba(245,245,255,1);
}
.segment h2:first-child {
    margin-top:0;
}
.segment h2 span {
    display:block;
    padding: 10px 5px 5px 24px;
/*    background-image: url(../img/mark_maintitle.png);*/
    background-repeat: no-repeat;
    background-position: left center;
}


#variants {
    margin-top : 50px;
}

#allvariants{
    margin-top : 60px;
}
#variants div{
    padding-left: 50px;
    padding-right: 30px;
}
#allvariants div{
    padding-left: 50px;
}
#variants img, #allvariants img {
    z-index: 10;
    position:relative;
}
#variants h3{
    border-top: 1px rgba(50,200,255,0.3) solid;
    /*border-bottom: 1px #999999 solid;*/
    padding-top: 9px;
    padding-bottom: 10px;
    padding-left: 40px;
    margin-bottom: 20px;
    margin-left: 24px;
    background: linear-gradient( to top, #CCCCCC, white, white);
    z-index: 0;
}

#allvariants h3{
    border-top: 1px rgba(255,150,200, 0.5) solid;
    /*border-bottom: 1px #999999 solid;*/
    padding-top: 9px;
    padding-bottom: 10px;
    padding-left: 40px;
    margin-bottom: 20px;
    margin-left: 24px;
    background: linear-gradient( to top, #CCCCCC, white, white);
    z-index: 0;
}
.error{
    color: red;
}
#result{
    font-weight: bold;
    font-size: 1.2em;
    color: blue;
}

.requiredif {
    color : #ff00ff;
}
.optional {
    color : mediumblue;
}

/* for disease submit */

#variants{
    font-size: 0.9em;
}

#variants th td{
    font-size: 0.9em;
    font-weight: bold;
}

#variants tr td{
    font-weight: normal;
}

/* home */
#message{
    background-color: #fef1ec;
}
#statistics{
    background-color: #ddf3dd;
}


/* Submit disease page */
#submit_disease{
    width:600px;
    border: 2px ridge #226622;
    margin:10px;
}
#submit_disease h3{
    font-size: 1.5em;
}
#submit_disease hr{
    margin: 5px 0px 10px 0px;
}
.segment_small {
    padding: 0px 10px;
    margin : 10px 0px 10px 0px;
}
.segment_small>div {
    margin : 0px 5px;
    padding: 2px 10px;
}
.segment_small>table {
    margin : 0px 15px;
    padding: 2px 10px;
}
.segment_small>table td{
    vertical-align: top;
    padding-right: 20px;
}
.segment_small h4 {
    background-position: left bottom;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.1;
    /*border-bottom: 2px solid #0099cc;*/
    border: 1px solid rgba(139,188,169,0.2);
    border-left: 10px solid rgb(139,188,169) ;
    margin-top: 1em;
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: rgba(245,255,245,1);
}

.segment_small input{
    width: auto;
}

.segment_small input[type="submit"]{
    margin-left:20px;
    margin-right: 10px;
}
.segment_small input[type="reset"]{
    margin-right: 10px;
}
.segment_small input[type="button"]{
    margin-right: 20px;
}
input{
    ime-mode: disabled;
}
textarea{
    ime-mode: disabled;
}

#link_table h4{
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(120, 120, 170);
}

#link_table dl{
    padding-left: 20px;
}
#link_table dd{
    padding-left: 10px;
}


.container_small{
    width: 450px;
    margin: 20px;
    padding: 10px;
}

.ball_red{
    background-color: rgb(220, 40, 40);
    background-attachment: scroll;
    background-clip: border-box;
    background-repeat: repeat;
    border-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 8px;
    height: 15px;
    background-repeat: repeat;
    padding-left: 0px !important;
    padding-right: 5px !important;
    margin-left: 0px !important;
    float:left;
    margin-top:3px;
}

table.confirm td {
    background-color: #FFFFFF;
}

div.confirm{
    background-color: #FFFFE0;
}

/*** for container ***/
/* dl */
.container dl {
    margin-bottom: 0;
}
.container dl dt {
    padding-bottom: 4px;
    width: 260px;
}
.container dl dd {
    padding-bottom: 4px;
    margin-left: 280px;
}
.container dl dd ul,
.container dl dd p {
    margin-bottom: 0;
}
.container dl dd pre.comment {
    background-color: inherit;
    border: none;
    margin-bottom: 0;
    padding: 0;
}
/* required field */
.container .required {
    color: #E3524F;
}
/* form */
form>.container {
	padding-top:20px;
}

.container .no-bottom-margin {
    margin-bottom: 0;
}
.container .no-bottom-margin ul {
    margin-bottom: 0;
}
/* radio, checkbox */
.container .radio-inline-custom,
.container .checkbox-inline-custom,
.container .checkboxLabel {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    padding-left: 7px;
    padding-right: 10px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
/* header */
.container #title_panel .panel-body h3 {
    margin: 0px;
    font-size: 20px;
}
.container #title_panel .panel-body img {
    height: 40px;
    width: 0;
    padding: 0;
}
/* small */
.small, small {
    font-size: 75%;
}
/* table */
.container .table ul {
    padding-left: 20px;
}
.container .table ul.list-unstyled {
    padding-left: 0;
    margin-bottom: 0;
}
/* citation table */
.citation.table {
    margin-bottom: 5px;
}
.citation.table td {
    border-top: 1px solid #eee;
    padding: 2px 5px 2px 0;
}
.citation.table tr:first-child td {
    border-top: none;
    padding-top: 0;
}
/* What's new table */
#whats-new .panel {
    margin-bottom: 10px;
}
#whats-new .dataTables_wrapper {
    margin-bottom: 10px;
}
/* new window icon */
.container .glyphicon-new-window {
    font-size: 85%;
    opacity: 0.7;
}
/* Gene List */
#geneTable .associated-diseases ul li,
#geneTable .associated-variants ul li {
    display: none;
}
#geneTable .associated-diseases ul li:nth-child(1),
#geneTable .associated-diseases ul li:nth-child(2),
#geneTable .associated-diseases ul li:nth-child(3),
#geneTable .associated-variants ul li:nth-child(1),
#geneTable .associated-variants ul li:nth-child(2),
#geneTable .associated-variants ul li:nth-child(3) {
    display: list-item;
}
#geneTable .associated-diseases ul.show-all li,
#geneTable .associated-variants ul.show-all li {
    display: list-item;
}
#geneTable .show-more-link {
    font-size: 90%;
    display: inline-block;
    margin-top: 8px;
    color: #a93bda;
}
/* Disease List / Disease Detail */
.container .associated-genes-and-variants {
    background-color: transparent;
    margin-bottom: 0;
}
.container .associated-genes-and-variants td {
    border-top: none;
    padding-top: 0;
    padding-left: 0;
}
/* Disease List */
#diseaseTable .associated-genes-and-variants td.gene {
    width: 30%;
}
#diseaseTable .show-more-link {
    font-size: 90%;
    display: inline-block;
    margin-top: 0;
    color: #a93bda;
}
#diseaseTable .associated-genes-and-variants td.variants li {
    display: none;
}
#diseaseTable .associated-genes-and-variants td.variants li:nth-child(1),
#diseaseTable .associated-genes-and-variants td.variants li:nth-child(2),
#diseaseTable .associated-genes-and-variants td.variants li:nth-child(3) {
    display: list-item;
}
#diseaseTable .associated-genes-and-variants td.variants ul.show-all li {
    display: list-item;
}