/************************ Styles _keyword ******************/
body { 
padding: 0; 
font-family: IBM Plex Sans;
font-size: 13px;
background: #f6f7f9;
color: #1D1D1B;
letter-spacing: 0px;
}
#keyword_entry_div {
position: fixed;
left: 15px;
top: -30px;
right: 0px;
margin-top: 10px;
}

#keyword_entry_div p {
font-weight: bold;
margin-top: 30px;
}

#keyword_list_div {
position: absolute;
left: 5px;
top: 0px;
right: 5px;
bottom: 5px;
padding:0;
} 

#keyword_entry {
border: 1px solid #1D1D1B;
width: 250px;
padding: 6px 6px;
box-sizing: border-box;
font-size: 12px;
}

#keyword_list {
position:fixed;
bottom: 5;
width: 370px;
top: 70px;
margin-left: 5px;
overflow: auto;
height: calc(100vh - 100px);
}

#keyword_list a {
margin-top:5px;
color: #1D1D1B;
text-decoration: none;
}

#keyword_list a:hover {
text-decoration: underline;
padding: 0.3em 0em;
}

.treeitem {
padding: 3px;
line-height: 150%;
}

ul {
list-style-type: none;
margin-top: 0px;
}

li {
list-style-type: none;
margin-top: 10px;
margin-left: 5px;
}

.collapsible {
width: 100%;
display: none;
text-align: left;
margin-bottom: 10px;
}

.keylevel:before {
/*content: url(document.gif);*/
}

.keylevel1:before {
/*content: url(document.gif);*/
display: inline-flex;
width: 13px;
padding-right: 1px;
}

.keylevel1 {
margin-top: 8px; 
margin-bottom: 8px;
padding-left: 30px;
text-indent: -35px;
line-height: 17px;
}

.keyfolderlevel1 {
margin-left: 20px; 
margin-top: 8px; 
margin-bottom: 8px;
}

.keylevel2:before {
/*content: url(document.gif);*/
display: inline-flex;
width: 13px;
padding-right: 1px;
}

.keylevel:before {
/*content: url(document.gif);*/
}

.keylevel2 {
margin-top: 8px; 
margin-bottom: 8px;
padding-left: 15px;
text-indent: -30px;
line-height: 17px;
}