body {
	background-color: #f8f9fa;
	margin: 0;
	padding: 10px; /* pieni tyhjä reuna, ettei liimaudu ihan kiinni */
	font-family: Arial, Helvetica, sans-serif;
}
.container {
	margin: 0;
	padding: 0;
	max-width: 100%;
}
table {
	margin-top: 10px;
}
.form-select,
.form-control {
	max-width: 260px;
	margin-right: 10px;
}
/* expired validUntil */
.expired-text {
	color: #d32f2f !important;
	/*font-weight: 600;*/
}
/* medium background */
tr.medium-red > td {
	background-color: #ffb3b3 !important;
}
/* light background */
tr.light-red > td {
	background-color: #ffeaea !important;
}
/* deeper background */
tr.deep-red > td {
	background-color: #ffd6d6 !important;
}
/* on mobile wrap */
.no-wrap {
	white-space: normal;
}
/* on big screen no wrap */
@media (min-width: 768px) {
	.no-wrap {
		white-space: nowrap;
	}
}

legend {
	font-size: inherit;
}
input[type=password] {
	&:user-valid {
		border: 2px solid green;
	}
	&:user-valid + span::before {
		content: "✓";
		color: green;
	}
	&:user-invalid {
		border: 2px solid red;
	}
	&:user-invalid + span::before {
		content: "✖";
		color: red;
	}
}

/* body{font-family:Arial,Helvetica,sans-serif;background:#f6f7fb;padding:40px} */
.box {
	background: #fff;
	border: 1px dashed #cbd5e1;
	padding: 2em;
	border-radius: 0.5rem;
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}
.drop {
	padding: 40px;
	border-radius: 6px;
	background:#f8fafc;
	border: 2px dashed #d1e0ff;
	cursor: pointer;
}
input[type=file] {
	display: none;
}
.btn {
	display: inline-block;
	margin-top: 0.25em;
	padding: 0.25em 0.5em;
	border-radius: 0.5rem;
	background: #0078d4;
	color:#fff;
	text-decoration: none;
}
.log {
	margin-top: 1em;
	text-align: left;
	font-size: 1rem;
	color:#333;
}