/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #DDD;
        BACKGROUND-COLOR: #f6f6f8;
	padding: 0.5em;
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 12px;
}
fieldset label {
	width: auto; 
        
}
legend {
	background: #fff;
	font-style: italic;
	font-size: 1.0em;
	margin-bottom: 0.5em;
	padding: 0.2em;
        width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
div > select {
        padding: 6px;
}
div > input {
        padding: 6px;
}
.form-container label {
        width: 300px;
        padding-right: 10px;
        display: block;
        float: left;
}
.form-container {
        display: flex;
        flex-wrap: wrap;
}
.error_message ul {
        color: red;
        list-style-type: none;
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}

/* Just a bit more room for the Submit button */
.submit {	
margin-top: 0.5em
}
.cms_submit {
        background-color: #004f9d;
        border: none;
        color: #fff;
        border-radius: 3px;
}
.cms_submit:hover {
        background-color: #fe9a32;
}
.contactform input {
	border: 1px solid #f60;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

@media (max-width: 400px) {
  .form-container label {
        max-width: 220px;
  }
}