html,
body {
	width: 100%;
	height: 100%;	
}
body {
	margin: 0px;
	padding: 0px;
	display: flex;
	font-family: Arial;
}
.p5 { padding: 5px }
.hflex { display: flex }
.vflex { display: flex; flex-direction: column }
.center { align-items: center }
.fill { flex: 1 }
.search { background-color: #eee; margin: 5px; border: 2px solid #bbb }
.scroll { overflow-y: auto }
.report { padding: 5px; }
.row { cursor: pointer }
.row:hover { background-color: #ddd }
.row>span { padding: 5px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.check:after {
	content: ' ';
	display: block;
	width: 5px;
	height: 10px;
	margin-left: 2px;
	border: 3px solid black;
	transform: rotate(45deg);
	border-top-width: 0px;
	border-left-width: 0px;
}
.check_all { position: relative; top: -3px }
#clear { font-size: 26px; font-weight: bold; cursor: pointer }
#mails { font-size: 12px; cursor: pointer }
.dup { font-style: italic }
#pnFirst { display: none }
#wait { 
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100%;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 2;
	background-color: rgba(255,255,255,.25); 
}
#wait span {
	background-color: white;
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	text-align: center;
	line-height: 100px;
}
#wait:after {
	content: ' ';
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
	border: 5px solid #cbcbca;
	border-top-color: #2380be;
	border-radius: 100%;
	animation: rotation .7s linear infinite;
}
@keyframes rotation {
	0% { transform: rotate(0deg) }
	to  { transform: rotate(359deg) }
}