html,body {height:100%;}

body {background-color:#0270bf; padding:0 1rem 1rem;}
body.redtheme {background-color:#eb5a47;}

div#container {min-height:100%; padding-top:1rem; padding-bottom:1rem; max-width:1200px;}

div#container div.card {background-color:#fff; border-radius:.5rem .5rem 0 0; margin:1rem auto; user-select:none; max-width:400px;}

div#container div.card div.addBtn {color:dodgerblue; cursor:pointer; padding:.65rem 0; text-align:center; font-weight:300; font-size:14px;}
div#container div.card div.header {background-color:#0001; padding:0 1rem; text-align:left; font-weight:500;}

div#container div.card ul.taskList {list-style:none; margin:0; text-align:left;}
/*div#container div.card ul.taskList {background-color:#888; padding-left:0; border-left:1rem solid #FFF;}*/
div#container div.card ul.taskList {background-color:#FFF; padding-left:1rem;}
div#container div.card ul.taskList li.entry {border-bottom:.5px solid #0001; background-color:#FFF; cursor:pointer; padding:.45rem 0; font-weight:300;}
div#container div.card ul.taskList li.entry:last-of-type {/*border-bottom:0 none;*/}
div#container div.card ul.taskList li.entry:hover {background-color:#00f4;}
div#container div.card ul.taskList.hovee,
div#container div.card ul.taskList li.entry.hovee {background-color:#0f04;}
div#container div.card ul.taskList li.entry.ghost {background-color:#888;}

div#container div#btnBox {padding:1rem; text-align:center; /*font-size:1.5rem;*/}
div#container div#btnBox button {padding:.25rem 1rem; margin:0 .5rem 1rem; border:1px solid #888; border-radius:.25rem; min-width:5rem;}