@-moz-document url-prefix("http://www.lerpinglemur.com/arcanum/") {
body { overflow: hidden; margin: 0; }
.item-popup { opacity: 0.90; }
.resource-list tr td:last-child { text-align: right; }
.adventure .separate .log { flex: 1; }
.adventure .separate { display: flex; }
.log-item br { display: none; }
.top-bar { min-height: 60px;}
button { outline: none; }
.action-btn { border: 2px solid transparent; padding: 1px; }
.action-btn.running { border: 2px dashed #000; }
.checks > span { flex: 1; }
.log-view .top-span .checks { flex-flow: column; }
.log-view .outlog { overflow-y: scroll; flex-direction: column; }
.log-view { display: flex;}
.runnable button:hover { background: #dba659; }
.text-button:hover { background-color: rgb(194, 194, 194); }
.text-button:active { background-color: rgb(121, 121, 121); }
/* Uncomment this to remove the big quickslot reminder
.bot-bar .use-msg { display: none; } */
div.bar { border: 2px solid transparent; overflow: hidden; padding: unset; }
div.hp .fill, div.hp .bgfill { background: #D42; }
div.nature .fill, div.nature .bgfill { background: #285; }
div.mana .fill, div.mana .bgfill { background: #26D; }
.quickslot div.remove { background: #DDD; color: #444; }
button:disabled { opacity: 0.3; color: unset; }
.resource-list tr td:first-child { color:  #999; }
.skill div:last-child { color: #999;}
.menu-items .menu-item { color: #000; }
.menu-items .menu-item u { color: #999; }
.menu-items .menu-item:hover, .menu-items .menu-item u:hover { color: #33F; }
.dungeon > span:first-child { flex-basis: 40%; }
.dungeon button { white-space: nowrap; }
.equip-slot { display: flex; align-items: center; }
.equip-slot .slot-item { display: flex; flex: 1; justify-content: flex-end; position: relative; }
/* This is meh. The button really should just be moved out of the DIV.
.equip-slot .slot-item button { margin: 0; position: absolute; right: -100%; top: 0; }*/
.player-view { display: flex; }
.player-view table { display: flex; flex-direction: column; align-items: flex-start; flex-basis: 33%; }
.player-view table tr { display: flex; align-items: flex-start; }
.player-view table tr td:first-child { color: #999; }
.up-list div:not(:first-child):not(:last-child) { border-bottom: 1px dotted #CCC;}
}