svg {
  background: white;
}
.CodeMirror-gutter-elt {
  color: #1f77b4;
}
.cm-sentence{
  font-weight: bold;
  color: #d62728;
}
.cm-page{
  font-weight: bold;
  color: #9467bd;
}
.cm-choice_square, .cm-choice_round {
  font-weight: bold;
  color: #2ca02c;
}
.cm-entity_angular, .cm-entity_round {
  font-weight: bold;
  color: #ff7f0e;
}
.cm-w {
  font-weight: bold;
  color: #092;
}
.cm-w_content {
  color: #092;
}
.cm-choice_expan {
  font-style: italic;
  color: #2ca02c;
  opacity: 0.6;
}
.cm-entity_uri {
  font-style: italic;
  color: #ff7f0e;
  opacity: 0.6;
}
.cm-sentence-2 {
  background: yellow;
}

#editor {
  flex: 1;
}
.CodeMirror {
  flex: 1;
  height: 500px;
  line-height: normal;
}
svg {
  margin: 0;
  border-left: 2px solid gray;
  background: #EEE;
  white-space: pre-wrap;
  overflow-y: scroll;
  
  height: 500px;
  flex: 1;
}

body {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  -ms-flex-flow: row;
  -webkit-flex-flow: row;
  flex-flow: row;
}

.sentence_highlight {
  /*background: rgba(255,255,0,0.15);*/
}

.title {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.node circle {
  stroke-width: 1.5
}
.node circle:hover {
  opacity: 0.8
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.label_details {
  font-family: sans-serif;
  font-size: 12px;
}
.label_class {
  font-family: sans-serif;
  font-size: 10px;
}

.ne_link {
  cursor: pointer;
  text-decoration: underline;
}