#query-graph {
    width: 100%;
    height: 400px;
    border: 1px solid lightgray;
}

.relation{
margin-bottom: 10px;
}
.arg1, .arg2{
color: #2980b9;
/* font-weight: bold; */
padding-left:5px;
padding-right:5px;
text-align: center;
}
.rel{
color: red;
/* font-weight: bold; */
padding-left:5px;
padding-right:5px;
text-align: center;
}
.text{
text-align:justify;
line-height:150%;
}
.search-form .form-group{
margin-left: 10px;
}
.examples{
padding-left: 10px;

}
.examples ul{
list-style: none;
padding-left: 0px;
}
.body-wrapper{
padding-top:20px;
padding-left:20px;
padding-right:20px;
}
#prev-btn, #next-btn{
margin: 10px 10px 10px 10px;
}
#relation-table td,#relation-table th{
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
/* border-bottom:1px solid lightblue; */
}
.sen{
/* display:none; */
}
.rel-sen{
/* background:#efe; */
}
.rel-sen:hover{
/* background:#bfb; */
}
.relex-system{
font-weight:bold;
padding-left:20px;
}


.text sub{
font-size:80%;
font-family:Monospace;
color:darkgreen;

}
.text{
/* font-family: "Time News Roman"; */
}

span[class^=ent-]{
    /* font-style:italic; */
    /* font-weight:bold; */
    /* color:darkgreen; */
    /* background-color:lightyellow; */
    border-bottom: solid 1px greenyellow;
}

span[class^=ent-]:hover{
    color:darkgreen;
    font-weight:bold;
}


.hier-select{
    background-color:#f1fffc;
}
/* 
.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
} */

.list-group{
    padding-left:20px;
}

#edit-edge-form .modal-dialog {
    max-width: 80%;
}

.relation-hierarchy-container{
    max-height: 300px;
    overflow: scroll;
    
}