html, body, #app { height:99% }
.row {
	display: flex;
	flex-direction: row;
	border:1px solid black;
}
.col {
	display: flex;
	flex-direction: column;
	border:1px solid black;
}
.row > *,
.col>* {
	flex: 20 20;
	border:1px solid black;
	overflow-y: auto;
}
#app .init { flex: initial; }
#app .ctr > *{
	vertical-align: middle;
}
#app .mnu { 
	/* max-width: 50em;  */
	/* left:0em; */
	z-index: 5000;
	transform: translateX(0);
}
#app .hide .mnu {
	display:none;
}
#app .hide .def {
	padding-top: 2em;
}

#app .mnu {background-color: white;}
#app .top {position: relative;}
#app .m3bar {display: none;}
#app .hide .m3bar {
	display: block;
	position: absolute;
	border-radius: 0 .5em .5em 0;	
	padding: 0 .2em 0 .1em;
	z-index: 4000;
	background-color: white;
}

orth { font-weight: bold; }
hi[rend="ital"] { font-style: italic; }

sense[level="1"] {
	margin-left: 0.2em;
	border-left:1px solid black;
}
sense[level="2"] {
	margin-left: 0.4em;
	border-left:3px double black;
}
sense[level="3"] {
	margin-left: 0.6em;
	border-left:6px double black;
}
sense[level="4"] {
	margin-left: 0.8em;
	border-left:8px double black;
}
sense {
	display: block;
	margin-left: 1em;
	border-left:10px double black;
	margin-bottom: 1em;
}
bibl {
	color:blue;
	background-color: #ddf;
}

ul.sel {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #eee;
}
ul.sel li {
	display: block;
	border:3px outset lightgray;
	background-color: #fff;
	/* background: lightgray; */
	border-radius: 0.3em;
	margin:0.3em;
	padding:0.3em;
}
ul.sel li.active {
	border:3px inset lightgray;
	background: lightgray;
}