*:not(.displayarea *) {
	font-family: Arial;
}
body {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0px;
}
.background {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
}
.background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0px;
	left: 0px;
}
.maincontainer {
	overflow-x: auto;
	position: absolute;
	width: calc(80% - 2em);
	background-color: white;
	margin-left: 10%;
	padding: 1em;
}
@media only screen and (max-width: 800px) {
	.maincontainer {
		margin-left: 0px;
		width: calc(100% - 2em);
	}
}
table.listtable {
	border-collapse: collapse;
	text-align: left;
	font-weight: 300;
	color: #031E16;
	font-size: 1em;
}
table.listtable th, table.listtable td {
	/*border: 1px #034E6B solid;*/
	padding: 0em 0.5em;
}
table.listtable thead td:not(td:last-child) {
	/*border-right-color: white;*/
}
table.listtable thead td:not(td:first-child) {
	/*border-left-color: white;*/
}
table.listtable thead td {
	color: white;
	background-color: #034E6B;
}
table.listtable tr:nth-child(even) td {
	background-color: #D9E4EA;
}
#queryoverlay {
	padding: 1em;
	background-color: white;
	width: calc(100% - 2em);
	height: calc(100% - 2em);
	position: fixed;
	top: 0px;
	left: 0px;
}
#queryoverlay label span {
	font-size: 80%;
	color: #505050;
}
#queryoverlay input[type="text"] {
	width: 20em;
	height: 1.5em;
}
#queryoverlay button {
	cursor: pointer;
	background-color: #505050;
	color: white;
	font-size: 1.2em;
	border-radius: 1em;
	padding: 0.4em 0.5em;
	border: 2px transparent solid;
	transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease;
}
#queryoverlay button:hover {
	background-color: white;
	color: black;
	border-color: black;
}
.exiticon {
	user-select: none;
	border: 1px black solid;
	height: 3em;
	transition: border-color 300ms ease, background-color 300ms ease;
}
.exiticon:hover {
	border: 1px #B0B0B0 solid;
	background-color: #F0F0F0;
	cursor: pointer;
	height: 3em;
}
.exiticon img {
	max-width: 3em;
}
.exiticon span {
	vertical-align: 0.8em;
	font-size: 1.3em;
	margin-right: 0.5em;
}
.add_list_el {
	user-select: none;
	max-width: 25em;
	padding: 0.2em;
	border: 1px black solid;
	transition: background-color 300ms ease;
}
.add_list_el:hover {
	background-color: #F0F0F0;
}
.bottom_menu {
	position: fixed;
	height: 1.6em;
	width: calc(100% - 0.4em);
	left: 0px;
	bottom: 0px;
	padding: 0.2em;
	background-color: white;
}
.bottom_menu > * {
	height: 1.6em;
	width: calc(50% - 0.3em);
	display: inline-block;
	background-color: black;
}
.bottom_menu > *:first-child {
	margin-right: 0.2em;
}
.editimage {
	height: 1em;
	user-select: none;
}
.editlist {
	user-select: none;
}
.editlist img {
	user-select: none;
	display: inline;
	width: 1.5em;
	height: 1.5em;
}