/*
	Filepath:    /var/www/html/src/css/forms.css
	Description: Styling for forms across the site.
	Author:      bernard
	Last Edited: 2020/08/06
*/

form {
	font-size: 0;
	margin: 0;
}
/*label {
	font-size: 12px;
	margin-right: 8px;
}*/
button,
input,
select,
textarea {
	background-color: #f4f4f4;
	border: none;
	border-radius: 0 !important;
	display: inline-block;
	font-family: 'Avenir', 'Arial', sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
	margin-right: 7px;
	margin-left: 0;
	outline: none;
	padding: 8px 7px;
}
button:last-child,
input:last-child,
select:last-child,
textarea:last-child {
	margin-right: 0;
}
label {
	font-size: 14px;
	font-weight: 600;
	padding-right: 10px;
}
input:focus {
	background-color: #efefef;
}
textarea {
	height: 75px;
	width: 50%;
	max-height: 100%;
	max-width: 100%;
}
select {
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
}
label.upload {
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 6px 5px 7px 8px;
	text-transform: uppercase;
}
label.upload > input[type="file"] {
	padding: 6px;
	position: fixed;
	top: -100%;
}
input[type="date"] {
	padding: 6px 7px;
}
button,
input[type="submit"] {
	text-transform: uppercase;
	-moz-appearance: none;
	-webkit-appearance: none;
}
button:hover:not([disabled]),
input[type="submit"]:hover:not([disabled]),
label.upload:hover {
	cursor: hand;
	opacity: 0.8;
}
button.blue,
input[type="submit"].blue,
label.blue {
	background-color: #2e66b6 !important;
	color: #ffffff !important;
}
button.red,
input[type="submit"].red,
label.red {
	background-color: #aa0000 !important;
	color: #ffffff !important;
}
button.yellow,
input[type="submit"].yellow,
label.yellow {
	background-color: #fee372 !important;
	color: #555555 !important;
}
button.grey,
input[type="submit"].grey,
label.grey {
	background-color: #f4f4f4 !important;
	color: #000000 !important;
}
button.warning:hover,
input[type="submit"].warning:hover {
	background-color: #aa0000 !important;
	color: #ffffff !important;
}
input:read-only,
option:disabled,
button:disabled,
input[type="submit"]:disabled {
	background-color: #f4f4f4 !important;
	color: #888888 !important;
}