*, *:before, *:after { margin: 0; padding: 0; border: 0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'Lato', sans-serif; }
.form-header-group { max-width: 100%; width: 555px; padding: 25px 0 0; margin: 25px 0 20px 0; border: none; border-top: 3px solid #5a631c; }

/* Form title if any */
.form-header-group h2 { color: #5a631c; margin-bottom: 20px; }

.form-all { font-size: inherit; font-family: inherit; }
.form-all span { display: block; }
.form-all input[type="checkbox"] { width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; }


.form-all ul li:first-of-type span { display: inline-block; vertical-align: top; margin: 0 -6px 0 0; width: 50%; }
.form-all ul li:first-of-type span:first-of-type { margin-left: 0; width: 50.2%; }

.form-label { display: none; }/* Hide - Show form labels */
.form-label-left { margin: 0; }
.form-label-right { margin: 0; display: inline-block; vertical-align: top; }

.form-line { padding: 0 0 12px 0; }
.form-line-error .form-error-message { display: none; }
.form-line-error,
.form-line-active { background-color: transparent !important; }

.form-textbox,
.form-textarea { width: 100%; font-size: inherit; border: 1px solid #cecece; border-radius: 0 !Important; padding: 16px; font-family: inherit;  background-color: white; }
.form-textarea { font-family: inherit; color: gray; }

.form-input { width: 100% !important; border-radius: 0 !Important; }
.form-input select { padding: 10px; border: 1px solid #a7a7a7; }
.form-input select option { font-size: inherit; }
.form-textbox:focus { border: none; border: 1px solid #a7a7a7; }

.form-validation-error { border-color: red !important; }

.form-pagebreak-back,
.form-pagebreak-next,
.qq-upload-button,
.form-submit-button,
.form-submit-reset,
.form-submit-print { background-color: #95D600; background-image: none; color: black !important; border-radius: 0; border: none; box-shadow: none; text-shadow: none; border-bottom: 2px solid #1A3330; }
.form-submit-button { width: 100%; font-family: inherit; text-transform: uppercase; padding: 16px 0; cursor: pointer; font-weight: bold; font-size: inherit; }
.form-submit-button:hover { background-image: none; }

.form-radio-item label,
.form-checkbox-item label,
.form-grading-label,
.form-header { color: black; line-height: normal; }

/* Form HTML elements */
.form-html { margin: 0 auto; overflow: hidden; padding: 0 20px; }
.form-html p { width: 100%; float: left; }
.form-html ul { float: left; margin: 10px 15px 20px 15px; }
.form-html ul li { list-style-position: initial; margin-top: 3px; }

.form-buttons-wrapper { width: 100%; }
.form-button-error { text-align: left; }
.form-button-error p { color: red !important; padding: 10px; margin: 10px 0; display: inline-block; vertical-align: top; }

.phone-separate,
.date-separate,
.form-sub-label { display: none !important; }

.always-hidden, .form-description { display: none; }

/* Pollyfill for Placeholder Text */
::-webkit-input-placeholder { color: gray; font-size: inherit; }
:-moz-placeholder { /* Firefox 18- */ color: gray; font-size: inherit; }
::-moz-placeholder { /* Firefox 19+ */ color: gray; font-size: inherit; }
:-ms-input-placeholder { color: gray; font-size: 16px; }

.classtest { background-color: red; width: 100%; height: 20px; overflow: hidden; }

/* custom */
.custom-field-frame,
.custom-field-frame-rendered,
.frame-ready { width: 310px !important; }

@media only screen and (max-width : 520px) {
	body, html { font-size:14px; }
	.form-all, input { font-size: inherit; }
	.form-label-left { padding: 3px 0px 6px 0; }
	.form-textbox, .form-textarea { padding: 6px; }
	.form-line { margin: 0; }
	.form-submit-button { font-size: inherit; margin: 0 0 10px 0; }
	.form-html { padding: 0; }

	.fnameExt { margin-right: 0; }
}