:host {}

#content {}

li {
 clear: both;
}

#details {
 padding: 20px;
 background-color: rgba(240, 240, 250, 0.9);
 border: 1px solid rgba(200, 200, 250, 0.9);
 border-radius: 10px;
}


#content {
 user-select: none;
}

.element {
 user-select: text;
}

a {
 color: black;
}

a:hover {
 color: blue;
 text-decoration: underline;
}

.key {
 font-size: 10pt;
}


.keywords {
 font-size: 9pt;
 color: lightblue;
}

.keywords .llm {
 font-style: italic;
}


.authors {
 font-size: 10pt;
 color: lightgray;
}

.title {
 font-size: 10pt;
 color: gray;
}

#literatureFiles.byTitle .title {
 color: orange;
}

#literatureFiles.byKey .key {
 color: orange;
}


.author.selected {
 color: orange;
}

.author.selected {
 color: orange;
}

.year {
 font-size: 10pt;
 color: gray;
}


.noentry {
 font-size: 10pt;
 color: orange;
}

.nav {
 /*
    text-align: right;
    float: right;
    */
 margin-right: 50px;
 background-color: rgb(245, 245, 245);
}

.nav a {
 font-size: 8pt;
 color: gray;
}

.nav a.alex {
 font-size: 8pt;
 color: darkblue;
}


.element.selected {
  background: rgb(245, 245, 245);
}