main {
	background-color: var(--ws-blue);
	background-image: url("../images/insight_background_nodes.svg"), url("../images/Geodigital_logo_white.svg"),linear-gradient(0, var(--ws-blue), var(--ws-blue-highlight));
	background-size: 1400px auto, auto 30px, 1px 500px;
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: top center, bottom 10px right 10px, top center;
}

.centerModal {
	width: 300px;
	padding: 20px;
	background: white;
	margin: 95px auto;
	box-shadow: 0 0 8px 5px rgba(0,0,0,0.5);
}

@media screen and (max-width: 350px) {
	.centerModal {
		width: 85vw;
		padding: 5vw;
	}
}

.centerModal h2 {
	margin-top: 0;
}

.centerModal .more {
	display: flex;
	flex-direction: row-reverse;
	color: var(--ws-blue);
	text-decoration: none;
	font-size: small;
}
		
.centerModal a.btn,
.centerModal button,
.centerModal input[type="button"],
.centerModal input[type="submit"],
.centerModal input[type="file"]::file-selector-button {
	background-color: var(--ws-blue);
	color: white;
	padding: 12px 20px;
	text-align: center;
	text-decoration: none;
	border: none;
}

.centerModal a.btn:visited {
	background-color: var(--ws-blue);
	color: white;
}

.centerModal a.btn:hover,
.centerModal button:hover,
.centerModal input[type="button"]:hover,
.centerModal input[type="submit"]:hover,
.centerModal input[type="file"]::file-selector-button:hover,
.centerModal a.btn:active,
.centerModal button:active,
.centerModal input[type="button"]:active,
.centerModal input[type="submit"]:active,
.centerModal input[type="file"]::file-selector-button:active {
	background-color: var(--ws-blue-highlight);
}

.centerModal .error {
	color: #f00;
}
.centerModal form {
	list-style: none;
	padding: 0;
	margin: 12px;
	display: grid;
	grid-template-columns: minmax(95px, max-content) 1fr;
	row-gap: 10px;
	column-gap: 10px;
	font-size: 18px;
}
.centerModal form > label:not(.fullwidth) {
	grid-column: 1;
	white-space: nowrap;
}
.centerModal form > input:not(.fullwidth) {
	grid-column: 2;
	width: 100%;
	box-sizing: border-box;
}
.centerModal form > .formbuttons {
	grid-column: 1 / span 2;
	text-align: right;
	margin-top: -10px;/* :/ */
}
.centerModal form > .formbuttons.reverse {
	direction: rtl;
}
.centerModal form > .formbuttons > button {
	margin-top: 10px;
}
.centerModal form > .formbuttons > button:not(:last-child) {
	margin-left: 10px;
}