.page-wrapper {max-width: 850px; margin: auto;}	
	.site-header {position: fixed;height: 60px;line-height: 60px;vertical-align: middle;color: #fff;background-color: green;z-index: 99;}
	.main-content {position: absolute;margin-top:60px;max-height: 80vh;overflow-x: hidden;overflow-y:auto;left: 0px;right: 0px;}
	.site-footer {position: fixed; bottom: 0px;padding:10px 10px 0 10px;color: #fff;background-color: green;z-index: 100;}
	
	.text-white { color: #fff; }
	.text-red { color: darkred; }
	div#task-list { height: 100vh; }
	div#sysmsg { position: relative; top: 61px; }
	.task-msg-success { width: 100%; padding: 3px 5px; background-color: green; color: white; }
	.task-msg-danger { width: 100%; padding: 3px; background-color: red; color: white; }
	.task-msg-warning { width: 100%; padding: 3px; background-color: orange; color: white; }
	.bg-green { background-color: green; }
	.bg-red { background-color: red; }
	.bg-orange { background-color: orange; }
	.bg-gray { background-color: lightgray; }
	.mt0 { margin-top: 0 !important; }
	.mt05 { margin-top: .5em !important; }
	.mt1 { margin-top: 1em !important; }
	.mt2 { margin-top: 2em !important; }
	.mb0 { margin-bottom: 0 !important; }
	.mb05 { margin-bottom: .5em !important; }
	.mb1 { margin-bottom: 1em !important; }
	.mb2 { margin-bottom: 2em !important; }
	.ml05 { margin-left: .5em !important; }
	.mr05 { margin-right: .5em !important; }
	.mr2px { margin-right: 2px !important; }
	.p0 { padding: 0 !important; }
	.pt0 { padding-top: 0 !important; }
	.pt1 { padding-top: 1em !important; }
	.pb0 { padding-bottom: 0 !important; }
	.pb1 { padding-bottom: 1em !important; }
	.pb05 { padding-bottom: .5em !important; }
	.p5px { padding: 5px !important; }
	.pr5px { padding-right: 5px !important; }
	.p8px5px { padding: 8px 5px !important; }
	.button-small { width: 125px; height: 2.3rem; padding: 5px 10px !important; margin-right: 5px; }
	.button-xsmall { width: 100px; height: 2rem; padding: 3px 5px !important; margin-right: 5px; }
	.button-right { float: right; }
	.rounded { border-radius: 8px !important; padding: .25em;}
	.is-inline-block { display: inline-block; }
	.has-text-center { text-align: center; }
	.isdone { text-decoration: line-through;}
	.hasnotes { color: red; }
	.notes-preview { margin-top: 5px; padding: 3px; background-color: white; color: black; }
	h4.group-header { color: red; }
	.disabled-sort { color: #415462; }
	.autologoutmsg { background-color: #793f3f; color: white; margin-top: 3px; padding: 5px; border-radius: 8px; }
	.timeleft { font-size: .8em; }

.icon14 {width: 14px; height: 14px;}
.icon16 {width: 16px; height: 16px;}
.icon20 {width: 20px; height: 20px; margin-right: 5px;}

span#x {
    position: relative;
	float: right;
}