@charset "utf-8";
/* styles appearing only in the forms*/

/*----------CONTENT FORMS*/
.formerror {
	color: red;
	font-family: 'Roboto Condensed', sans-serif;

}

.msg {
	width: 98%;
	max-width: 75rem;
	padding:1rem;
	margin:0 0 1rem 0;
	border:1px solid #ffcc33;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
	background-color:#ffffcc;
}
.msg h3 {
	font-size:2rem;
	border-bottom:1px solid #ffcc33;
	margin:0 0 2rem 0;
	padding:0;
	color:#333333;
	font-weight:bold;
}

.msg span.anchor {
	cursor: pointer;
	color: red;
	text-decoration: underline;
}
.msg span.anchor:after {
	margin: 0 0 0 0.5rem;
	font-family:'Font Awesome 5 Pro';
	content:" \f0a7";
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}
.msg ul {
	margin:0 0 0 1rem;
}

form {
	display: inline-block;
	width: 98%;
	max-width: 75rem;
	padding: 1.5rem 1rem;
	border: 1px solid #dddddd;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
	background-color: #f3f3f3;
	font-size: 1.5rem;
}

form ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
form ol li {
	float: left;
	width: 100%;
	margin:0;
	padding-bottom: 5px;
}
fieldset > ol:after,
fieldset ol li:after {
	display: table;
	clear: both;
	content: "";
}

fieldset.boxed {
	margin: 0 0 1.5rem 0;
	padding: 2rem;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
}
fieldset.captcha,
.captcha legend {
	background-color:#ffffee;
}
fieldset.legal,
.legal legend {
	background-color:#e5f4fb;
}
fieldset.legal td {
	padding: 0 !important;
	vertical-align: top;

}
fieldset.legal td p {
	padding-top: 0.4rem;

}
legend { /*used when fieldset.boxed is used*/
	padding: 1.5rem 1.5rem 0.5rem 1.5rem;
	border: 1px solid #dddddd;
	border-bottom: none;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
	background-color: #ffffff;
	font-size: 1.4rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

label {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 0.75rem 0.75rem 0 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.8rem;
	font-weight:700;
}

.captcha label {
	background: none;
}

label.required:after {
	display: inline-block;
	padding-left: 0.3rem;
	font-size: 0.8rem;
	font-family:'Font Awesome 5 Pro';
	content: "\f069";
	color: #8c0000;
	vertical-align: super;
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}

span.required {
	color: #8c0000;
	font-weight: bold;
}
label span {
	display: block;
	font-size: 1.3rem;
	font-style: italic;
	font-weight: 400;
}
table.clear-labels label {
	display: inline;
	float: none;
	width: auto;
	padding: 0;
	font-weight: normal;
	background: none;
}

table.clear-labels ul {
	margin: 0;
	padding: 0;
}
table.clear-labels td {
	padding: 0.2rem;
}
table.clear-labels input {
	margin-bottom: 0.2rem;
}
input[type=text],
input[type=password],
textarea {
	width:100%;
	padding:0.75rem 1rem;
	border:1px solid #dedede;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
	box-shadow: 0 1px 2px #eeeeee inset;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
}

textarea {
	height: 8rem;
}
input[type=checkbox] {
	width: 1.5rem;
	height: 1.5rem;
}
form .flex-container {
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	align-items: flex-start;

}
form .column {
	flex-direction: column;
}
form .flex-container label {
	display: inline-block;
	float: none;
	position: relative;
	width: auto;
	padding: 0.7rem 1.2rem 0 0;
	background: none;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	text-align: left;
}

/*buttons*/
button, a.button, input[type=button], input[type=submit]  {
	display: block;
	width: auto;
	height: auto;
	padding: 1.5rem 2rem;
	margin: 0 auto;
	border: none;
	box-shadow: -1px -1px 1px rgba(0,0,0,0.25);
	font-size: 1.6rem;
	text-align: center;
	line-height: 1;
}
input[type=file] {
	width: 90%;
	font-size: 1.6rem;
	line-height: 1;
}
.green {
	color: #ffffff !important;
	background: -webkit-linear-gradient(rgb(75,151,0), rgb(92,185,0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgb(75,151,0), rgb(92,185,0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(75,151,0), rgb(92,185,0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(75,151,0), rgb(92,185,0)); /* Standard syntax */
}
.green:hover {
	background: -webkit-linear-gradient(rgb(92,185,0), rgb(75,151,0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgb(92,185,0), rgb(75,151,0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(92,185,0), rgb(75,151,0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(92,185,0), rgb(75,151,0)); /* Standard syntax */
}

.pill {
	border-radius: 5rem;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #cccccc;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #cccccc;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #cccccc;
}
:-moz-placeholder { /* Firefox 18- */
	color: #cccccc;
}
form .xx-small		{ width:  4rem }
form .x-small		{ width:  6rem }
form .small	 		{ width:  8rem }
form .medium		{ width: 12rem }

a.button {
	margin: 10px 0 !important;
	text-decoration: none;
}

a.long 				{ width: 26rem}

/*select2 overrides */

select {
	width: 100%;
}

.select2-selection__rendered {
	line-height: 31px !important;
}
.select2-container .select2-selection--single {
	height: 35px !important;
	border-color: #dedede;
}
.select2-selection__arrow {
	height: 34px !important;
}

/*----------------------media queries-----------------------------------*/
@media screen and (max-width:980px) {
	form {
		width: 100%;
		max-width: none;
		margin-bottom: 2rem;
	}

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

	div.inline-group {
		display: block;
		margin-top: 1rem;
	}
	label.inline-extra-label {
		display: none;
	}
}