/* Form */
.indexform {
	display: none !important
}

.singleRow {
	height: 72px;
}

.doubleRow {
	height: 120px;
}

.textFieldRow {
	height: 150px;
}

select {
	border: 1px solid #83a278;
	border-bottom: 2px solid #01b029;
	display: block;
	border-radius: 10px;
	font-size: 16px;
	background-color: #F9F9F9;
	color: black;
	width: 100%;
	padding: 8px;
	border-bottom: 2px solid #01b029;
	transition: all ease-in-out 300ms;
	box-shadow: 1px 1px 2px black;
}

select:focus {
	transform: scale(1.01);
	box-shadow: 1px 2px 3px 1px #2b2b2b;
}

option {
	padding: 1px 6px;
	margin: 8px 0;
	/* display: block;
	border-radius: 4px; */
	font-size: 16px;
}

input[type=radio],
input[type=checkbox] {
	margin: 8px 0;
	font-size: 16px;
	transition: all ease-in-out 300ms;
}

input[type=text],
input[type=email],
input[type=search],
input[type=password] {
	padding: 8px 8px;
	display: inline-block;
	background: #F9F9F9;
	border: none;
	margin: 2px 0;
	width: 100%;
	border: 1px solid #83a278;
	border-bottom: 2px solid #01b029;
	border-radius: 10px;
	font-size: 16px;
	transition: all ease-in-out 300ms;
	box-shadow: 1px 1px 2px black;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus {
	outline: none !important;
	box-shadow: 3px 3px 4px 0px #2b2b2b;
	border-color: #429555;
	transform: scale(1.01);
}

input[type=text]:invalid:not(:focus):not(:placeholder-shown),
input[type=email]:invalid:not(:focus):not(:placeholder-shown),
input[type=search]:invalid:not(:focus):not(:placeholder-shown),
input[type=password]:invalid:not(:focus):not(:placeholder-shown) {
	outline: none !important;
	border: 2px solid red;
	box-shadow: 1px 2px 3px 1px #2b2b2b;
	padding: 6px 8px 8px;
	background: #FDC0C0BF;
}


/* input[type=text]:valid, input[type=email]:valid, input[type=password]:valid {
        background: url(../images/check-icon.png);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: 0 9px;
        padding: 8px 20px;
} */

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="email"]:disabled {
	background: #ddd;
	border: 1px solid gray;
	border-radius: 10px;
	color: #000;
	font-weight: 600;
	font-size: 16px;
	box-shadow: inset 0px 0px 3px 1px #848484;
}

textarea {
	padding: 6px 8px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #83a278;
	border-bottom: 2px solid #01b029;
	resize: vertical;
	background: #F9F9F9;
	border-radius: 10px;
	font-size: 16px;
	width: 100%;
	transition: all ease-in-out 300ms;
	box-shadow: 1px 1px 2px black;
}

textarea:focus {
	outline: none !important;
	box-shadow: 3px 3px 4px 0px #2b2b2b;
	border-color: #429555;
	transform: scale(1.01);
}

textarea:disabled {
	background: #fafaea;
	border: 1px solid gray;
	color: gray;
	font-weight: 800;
	font-size: 16px;
}

input[type="radio"]:hover,
input[type="radio"]:focus,
input[type="checkbox"]:hover,
input[type="checkbox"]:focus {
	transform: scale(1.1);
	box-shadow: 1px 1px 2px black;
	transform-origin: center center;
}

input[type=button]:hover {
	background: #c2c2c2;
	text-decoration: none;
	font-size: 16px;
}

input[type=file] {
	width: 90%;
	background: #DEDEDE;
	border-radius: 10px;
	box-shadow: 0px 1px 3px #666666;
	font-family: Arial;
	color: #1f1e1f;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-size: 16px;
	border: 1px solid #01b029;
	box-shadow: 1px 1px 2px black;
}

input[type=file]:hover {
	background: #c2c2c2;
	text-decoration: none;
}

#fileinuse {
	background: #ffcd6e;
}

#fileinuse:hover {
	background: #c2c2c2;
	text-decoration: none;
}

input[type=search]::placeholder {
	color: gray;
	font-size: 16px;
}

input[type=submit] {
	background: #cecece;
	border-radius: 10px;
	box-shadow: 1px 1px 3px 2px #222;
	font-family: sans-serif;
	color: black;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
	border: 1px solid #3e3e3e;
	transition: all ease-in-out 300ms;
}

input[type=submit]:hover,
input[type=submit]:focus-visible {
	background: #d9d9d9 !important;
	transform: scale(1.05);
	outline: none;
}

input[type=submit]:active {
	background: #8e8e8e !important;
	transform: scale(.9);
}

.infotext {
	font-size: 16px;
	margin-top: 20px;
}

@media screen and (max-width: 800px) {

	.infotext {
		font-size: 13px;
	}

}

.toggle-password {
	float: right;
	left: -8px;
	top: -33px;
	position: relative;
	z-index: 2;
	height: 25px;
}

.show_eye {
	content: url(../images/show_eye.png);
}

.hide_eye {
	content: url(../images/hide_eye.png);
}

.formError {
	color: black;
	background: #fc4949;
	border: 1px solid black;
	border-radius: 4px;
	display: inline-block;
	width: 100%;
	box-shadow: 1px 1px 4px 1px black;
}

.formError p {
	text-align: center;
	font-weight: bold;
}

.noError {
	display: none;
}

/* Form */