#grid-cont > div { display: block; }
@supports (display:grid) {
	#grid-cont { display: grid; grid-gap: 0 12px; grid-template-columns: 200px auto; grid-template-rows: auto 64px auto; }
	body {overflow-y:hidden; }
}
#phead { grid-area: 1 / 1 / 3 / 2; font-weight:bold; font-size:120%; font-family:Libertine; }
#filter { grid-area: 3 / 1 / 4 / 2; max-height: calc(100vh - 200px); overflow:auto; }
#filter h1 { font-size:100%; margin:0; padding:0; }
#filter h2 { font-size:100%; margin:0; padding:12px 0 4px 0; cursor:pointer; }
#filter a { text-decoration:none; color:#000; }
.filters { display:none; }
.sfilter { padding-left:12px!important; }
h2.sfilter { padding-top:4px!important; }

#dphead, #daahead { grid-area: 1 / 2 / 2 / 3; padding-top:16px; max-width:calc(100vw - 180px); overflow:hidden; }
#dphead i, #daahead i { color: #444; font-size:84%; }
#dpbody, #daabody { grid-area: 2 / 2 / 4 / 3; max-height: calc(100vh - 96px); max-width:calc(100vw - 180px); overflow:auto; }
#dphead > div > div, #daahead > div > div, #dpbody > div > div, #daabody > div > div { display: inline-block; min-width:40px; }
@supports (display:grid) {
	#dphead > div, #dpbody > div { display:grid; grid-template-columns: 48px 48px 48px 3fr 2fr 3fr 2fr 5fr 48px; min-width:800px; }
}
@supports (display:grid) {
	#daahead > div, #daabody > div { display:grid; grid-template-columns: 80px 1fr 1fr 1fr auto; min-width:800px; }
}

.dphead { background-color:#e9aa00; text-align:center; text-shadow: 1px 1px 0 #fc6; color:#333; border-left:1px solid #fda; padding:3px; min-height:20px; cursor:pointer; }
.dpnormal { background-color:#fff5e2; border-left:1px solid #bbb; border-bottom:1px solid #bbb; padding:3px; min-height:20px; }
.cbline:hover .dpnormal { background-color:#af9582; }
.dpnew {  border-left:1px solid #fda; padding: 3px; }
.dpnew:focus { border:1px solid #f90; padding: 2px; }
#dpbody i, #dpbody .svg, #daabody .svg { text-align:center; border:1px solid #BBB; border-radius:2px; background-color:#fff; padding:2px; cursor:pointer; }
.svg { width:14px; height:16px; }
[contenteditable=true] { background-color:#fff; }
.save, .revert { display:none; }
#totnum { font-weight:bold; font-family:Libertine; padding:30px 0; border-top:2px solid #fff5e2; }
#helper { position:absolute; left:180px; color:#f40; padding-top: 3px; }

.aacontent { margin:0; padding:0; }
.aacontent i { font-size:75%; }