.segment{
    line-height: 45px;
    position: relative;
}

.rich-token{
    position: relative;
    display: inline-block;
    line-height: 25px;
}

.rich-token .token{
    font-size: 20px;
}

.rich-token .pos-tag,
.rich-token .lemma{
    position: absolute;
    color: #BDBDBD;
    font-size: 10px;
    top: -18px;
    left: 35%;
}

.rich-token:hover .pos-tag{
    color: #666;
}

.rich-token .multiple-marker{
    position: absolute;
    top: -20px;
    right: 3px;
    font-size: 10px;
    color: #691FD8;
}

.entity-occurrence{
    font-weight: bold;
    border-bottom: 2px dashed #bbb;
    padding: 0 4px;
    cursor: help;
    -webkit-transition: background .5s; /* For Safari 3.1 to 6.0 */
    transition: background .5s;
    z-index: 200;
    border-radius: 10px;
}

.entity-occurrence.selected{
    border-bottom: 3px solid #666 !important;
}

.entity-occurrence.highlight{
    color: #f00;
    background: rgba(255, 182, 0, 0.17);
}

.rich-token.entity-occurrence.selectable,
.rich-token.entity-occurrence.hover,
.rich-token.entity-occurrence:hover{
    background: rgba(255, 182, 0, 0.17);
}

.parse-tree-button-wrapper{
    position: absolute;
    right: 10px;
    top: -8px;
}
.parse-tree-button{
    color: #bbb;
}