/*
Living Notitia
notitia.css
*/

html,
body{

    margin:0;
    padding:0;
    height:100%;
    font-family:Georgia,serif;

}

body{

    display:flex;
    flex-direction:column;

}

#header{

    padding:20px;
    border-bottom:1px solid #cccccc;

}

#workspace{

    flex:1;
    display:grid;
    grid-template-columns:300px 1fr 320px;
    overflow:hidden;

}

#treePanel{

    overflow:auto;
    padding:20px;
    border-right:1px solid #cccccc;

}

#contentPanel{

    display:flex;
    flex-direction:column;

    overflow:hidden;

    padding:0;

}

#content{

    padding:20px;

    overflow:auto;

}

#map{

    flex:1;

    min-height:400px;

}

#inspectorPanel{

    overflow:auto;
    padding:20px;
    border-left:1px solid #cccccc;

}

#statusBar{

    padding:8px 20px;
    border-top:1px solid #cccccc;
    font-size:12px;

}

.content-item{

    padding:2px 0;

}

h1{

    margin:0;

}

h2{

    margin-top:0;

}

h3{

    margin-top:20px;
    margin-bottom:8px;

}
.placeLabel{

    background:transparent;

    border:none;

    box-shadow:none;

    color:#000;

    font-size:11px;

    font-weight:600;

    text-shadow:
        1px 1px 2px white,
       -1px 1px 2px white,
        1px -1px 2px white,
       -1px -1px 2px white;

}
/*
Tree
*/

#tree{

    font-size:15px;

    line-height:1.25;

}

#tree ul{

    list-style:none;

    margin:0;

    padding-left:14px;

}

#tree li{

    margin:2px 0;

}

#tree span{

    cursor:pointer;

    user-select:none;

    white-space:nowrap;

}

#tree span:hover{

    color:#0050a0;

}
.treeNode{
    margin:0;
    padding:0;
}
.treeRow{
    display:flex;
    align-items:flex-start;
    min-height:24px;
    line-height:24px;
    cursor:pointer;
    white-space:nowrap;
}
.treeRow:hover{
    background:#f2f2f2;
}
.treeRow.selected{
    background:#d9e8f5;
}
.toggle{
    display:inline-block;
    width:20px;
    min-width:20px;
    text-align:center;
    cursor:pointer;
    user-select:none;
}
.label{
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
}
.tree-document>.label{
    font-weight:700;
}
.tree-chapter>.label{
    font-weight:700;
}
.tree-block>.label{
    font-weight:600;
}
.tree-entry>.label{
    font-weight:400;
}
.treeChildren{
    margin:0;
    padding:0;
}
.tree-section{
    margin-top:10px;
    font-weight:700;
    font-size:12px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    border-top:1px solid #d8d8d8;
    padding-top:6px;
}
.tree-section .label{
    color:red;
}
.geoFlag {
    color: red;
}
/*
Inspector
*/

#inspectorPanel{
    padding:12px 14px;
    font-size:13px;
    line-height:1.3;
}

#inspectorPanel h2{
    margin:0 0 10px 0;
    font-size:17px;
    line-height:1.15;
}

#inspectorPanel h3{
    margin:12px 0 5px 0;
    font-size:13px;
    line-height:1.15;
}

#inspectorPanel div{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
}

#inspectorPanel .label{
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
    flex-shrink:0;
}
#inspectorPanel .inspectorTable{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

#inspectorPanel .inspectorTable th{
    width:90px;
    padding:2px 8px 2px 0;
    text-align:left;
    vertical-align:top;
    white-space:nowrap;
}

#inspectorPanel .inspectorTable td{
    padding:2px 0;
    vertical-align:top;
    white-space:normal;
    overflow-wrap:break-word;
}

#inspectorPanel p{
    margin:4px 0;
}