

#query-graph-wrapper, .graph-wrapper {
    width: 100%;
    height: 250px;
    max-height:80vh;
    border: 1px solid lightgray;
    resize: vertical;
    overflow: auto;
}

#query-graph-wrapper::-webkit-scrollbar { 
    height: 1px; 
}

.graph-wrapper::-webkit-scrollbar { 
    height: 1px; 
}
#shared-entities-container .graph-wrapper{
    height:480px;
}

.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:115%;
font-family: serif;
}
.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;

}

/* .sen sub{
    display:none;
}

.rel-sen sub{
    display:none;
} */

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;
}

.paragraph .sen-0{
    display: none;
}

.doc .card-body{
    padding-bottom: 0;
}

.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: 80vw;
    height: 60vh;
}
.modal-result-graph .graph-wrapper {
    width: 80vw;
    height: 80vh;
}


.relation-hierarchy-container{
    max-height: 50vh;
    overflow: scroll;
    
}

.result-rels{
    margin-top:10px;
}
.result-rels-entities{
    font-size: 70%;
    color:green;
}

.entity-non-pivot{
    /* display:none; */
}

#shared-entities  .entity sub {
    color:green;
}
.entity-highlighted{
    border-color: orange!important;
    background-color: #ffc80078!important;
}
#shared-entities .entity{
    padding:5px;
    color:black;
    background-color: #f7f7f7;
    white-space: nowrap;
    margin-top:10px;
}
#shared-entities{
    line-height: 250%;
}

#doc-table{
    width:100%;
}

.tooltip-inner {
    background-color: #17a2b8;
}


@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to { 
      transform: rotate(360deg);
    }
  }
  
img.show-graph-icon:hover {
    animation-name:            rotate; 
    animation-duration:        5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

img.show-graph-icon {
    animation-name:            none; 
}

[data-toggle=modal]{
    cursor: help;
}

