form {
	margin: 0;
	width: 100%;
	-webkit-column-span: all;
	column-span: all;
	/*border: 1px solid yellow;*/
}

form #_token {
	display: none;
}

div.FieldLabel > label {
	font-size: 110%;
	font-weight: bold;
	padding-left: 3px;
	margin: 0;
	display: block;
}

label {
	/*font-family: 'Montserrat Alternates', sans-serif;*/
	font-weight: bold;
	/*font-size: 110%;*/
	line-height: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.Element div label {
	/*color: red;*/
	font-size: .81em;
}

select {
	font-family: 'Open Sans', sans-serif;
	font-size: .81em;
	padding: .33em 1.2em .33em .45em;
	/*color: var(--accent-color);*/
	color: var(--text-color);
	border: none;
	border-radius: var(--border-radius);
	/*border: 3px solid var(--body-bg-color-dark);*/
	width: 100%;
	text-overflow: ellipsis;
	background-color: var(--color-transparent);
	background-image:
		linear-gradient(45deg, transparent 50%, var(--accent-color) 50%),
		linear-gradient(135deg, var(--accent-color) 50%, transparent 50%),
		linear-gradient(to left, transparent, transparent);
	background-position:
		calc(100% - 12px) calc(.7em + 2px),
		calc(100% - 7px) calc(.7em + 2px),
		0 0;
	background-size:
		5px 5px,
		5px 5px,
		0 0;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	/*box-shadow: var(--shadow);*/
}

select[optgroup] {
	color: var(--accent-color);
	font-weight: bold;
}

select[option] {}

input, textarea {
	clip-path: polygon(.45em 0, 100% 0, 100% calc(100% - .45em), calc(100% - .45em) 100%, 0 100%, 0 .45em);
	font-family: 'Open Sans', sans-serif;
	font-size: .81em;
	/*margin: .33em 0;*/
	/*padding: .24em .45em;*/
	padding: .33em .66em;
	/*width: 90%;*/
	width: 100%;
	color: var(--text-color);
	border: none;
	border-radius: var(--border-radius);
	/*border: 2px solid var(--body-bg-color);*/
	background-color: var(--color-transparent);
	/*background-color: var(--body-bg-color-dark-alt);*/
	outline: none;
	-webkit-appearance: none;
	/*box-shadow: var(--shadow);*/
}

textarea {
	display: block;
	font-size: .81em;
	border-radius: var(--border-radius);
	padding: .54em;
}

button {
	border: none;
	background-color: transparent;
	font-size: .9em;
	color: var(--body-bg-color-dark);
	padding: .21em 0;
	margin: 0;
}

input[type="checkbox"], input[type="radio"] {
	clip-path: none;
	border: none;
	margin-right: .66em;
	margin-left: -1.66em;
	width: auto;
/*	vertical-align: middle;*/
	box-shadow: none;
	border-radius: 0;
/*	border: 0;*/
	transform: scale(1.33);
	-webkit-transform: scale(1.33);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	accent-color: var(--accent-color);
}

input[type="radio"] {
    -webkit-appearance: radio;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

input[type='date'] {
	min-height: 30px;
	min-width: 100px;
	margin: 0;
}

input[type="submit"] {
	/*font-family: 'Montserrat Alternates', sans-serif;*/
	font-size: .9em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	padding: .54em .66em;
	color: white;
	border-color: var(--accent-color);
	background-color: var(--accent-color-alt);
	cursor: pointer;
	/*clip-path: polygon(.66em 0, 100% 0, 100% calc(100% - .66em), calc(100% - .66em) 100%, 0 100%, 0 .66em);*/
}

input[type="submit"].Highlighted {
	color: var(--text-color);
	background-color: var(--accent-color);
}

input[type="submit"].Red {
	color: white;
	background-color: red;
}

input[type="submit"].Green {
	color: white;
	background-color: green;
}

input[type="submit"].White {
	color: var(--accent-color-alt);
	background-color: white;
}

input[type="reset"] {
	/*font-family: 'Montserrat Alternates', sans-serif;*/
	font-size: .9em;
	/*text-transform: uppercase;*/
	padding: .54em .66em;
	color: var(--text-color);
	cursor: pointer;
	
}

input[name="search"] {
	font-size: .9em;
	/*margin-right: .33em;*/
	border: none;
	/*background-color: white;*/
	/*width: 100%;*/
}

@media (min-width: 1024px) {
	input[name="search"] {
		/*width: 300px;*/
	}
}
input:hover, select:hover, textarea:hover {
	/*background-color: var(--body-bg-color-dark);*/
	background-color: rgba(0,0,0,.11);
	color: var(--accent-color);
}

input:focus, textarea:focus:not(#PublicationText), select:focus {
	outline: none;
	background-color: var(--accent-color);
	/*background-color: white*/
	color: var(--body-bg-color);
}

input:disabled, textarea:disabled, select:disabled {
	background-color: rgba(0,0,0,.03);
	border-color: rgba(0,0,0,.03);
	color: #aaa;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--text-color);
	font-size: 90%;
	opacity: 0.33;
}

::-moz-placeholder { /* Firefox 19+ */
	color: var(--text-color);
	font-size: 90%;
	opacity: 0.33;
}

:-ms-input-placeholder { /* IE 10+ */
	color: var(--text-color);
	font-size: 90%;
	opacity: 0.33;
}

:-moz-placeholder { /* Firefox 18- */
	color: var(--text-color);
	font-size: 90%;
	opacity: 0.33;
}

::placeholder {
	color: var(--text-color);
	font-size: 90%;
	opacity: 0.33;
}

.ValidationError {
	color: red;
	padding-top: 5px;
	margin-left: 5px;
	font-size: 80%;
}

.Required {
	color: var(--link-color);
}

.FormContainer {
	/*width: calc(100% - 0em);*/
	display: table;
	margin: 0 auto;
	height: 100%;
	padding: 1em;
}

.Container {
	display: table;
	width: 100%;
	/*margin-top: .33em;
	margin-bottom: .33em;*/
}

.Container:first-child {
	margin-top: 0;
}

.Container:last-child {
	margin-top: 0;
}

.ContainerTable {
	display: table;
	padding: 1em 1em 0 1em;
	border: 1px solid var(--body-bg-color);
	width: 100%;
}

.ContainerSet {
	width: calc(100% - 0em);
	margin-bottom: 1em;
}

.Label {
	padding: .33em .45em;
	margin: 0;
	font-size: .81em;
	min-width: 180px;
	max-width: 360px;
	/*color: var(--body-bg-color-dark);*/
}

.Element {
	display: block;
	width: 100%;
	/*margin-top: 5px;*/
	margin-bottom: .45em;
}

.Element div label:nth-child(1) {
	padding-top: .33em;
}

.Element div label:nth-last-child(1) {
	padding-bottom: .33em;
}

.Element label {
	font-size: 100%;
	font-weight: normal;
	line-height: 133%;
	margin: 0;
	margin-top: .33em;
	margin-bottom: .33em;
	padding: 0;
	padding-left: 1.99em;
}

.ToolTip, .ActionLink {
	font-size: .72em;
	line-height: 1.33em;
	color: var(--accent-color-alt);
	display: inline-block;
	margin: 0;
	padding-top: .66em;
	padding-left: .33em;
}

.ToolTip:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	content: "\f05a\0020"; /* \0020 = space, \2000 = longer space :) */
}

.Unit {
	display: none;
}

.Error {
	margin: 0;
	margin-top: .33em;
	padding-left: .33em;
	color: red;
	font-size: .72em;
	/*background-color: var(--accent-color);*/
	border-radius: var(--border-radius);
}

.Error:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	content: "\f071\2000";		
}

#email_repeat { /* hide honeypot form element */
	display: none;
}

form blockquote {
	margin: 0;
}

@media (min-width: 668px) {
	input, textarea, select {
		width: auto;
	}

	input[type="submit"] {
		padding-left: 3em;
		padding-right: 3em;
	}

	input[type="reset"] {
		padding-left: 3em;
		padding-right: 3em;
	}

	.Container {
		display: table-row;
	}

	.ContainerSet {
		margin-right: 1em;
	}

	.Unit {
		display: inline-block;
		margin: 0 .5em;
		font-size: .9em;
		color: var(--body-bg-color-dark);
		/*font-weight: bold;*/
	}

	.Label {
		display: table-cell;
		text-align: right;
		padding: .45em .66em;
		vertical-align: top;
	}
}
