﻿body {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-top: 10px;
}

/* Set width on the form input elements since they're 100% wide by default */ 
input,
select,
textarea {
    max-width: 320px;
}

/**** styles for validation helpers ****/
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

textarea.input-validation-error {
    border: 1px solid #b94a48;
}

select.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.required:after {
	content: " *";
	color: #f00;
}

.questionmark:after {
	content: " ?";
	color: #00f;
}

.complete:before {
	content: url('../Content/images/checked.png') " ";
}

.incomplete:before {
	content: url('../Content/images/unchecked.png') " ";
}

textarea.form-control {
    height: 80px;
}

.form-label {
	padding-top: calc(0.375rem + 1px);
	padding-bottom: calc(0.375rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5;
	padding-right: 5px;
}