/* ============================================================
	Form
============================================================ */

.fb3__form {
	box-shadow: 0 3px 18px rgba(0, 0, 0, 0.04);
	background-color:#fbfbfb;
	padding:1.5em 2em;	
}

/* ============================================================
	Field
============================================================ */

.fb3__field {
	margin-bottom: 1em;
}

.fb3__field-label,
.fb3__field-heading {
	display: block;
}

.fb3__field-input,
.fb3__field-select,
.fb3__file,
.fb3__field-autoselect {
	color: #757575;
	box-sizing: border-box;
	display: block;
	padding: 0.5em;
	width: 100%;
	border: 1px solid #ddddde;
}

.fb3__field-input {
	background-color: white;	
}


/* ============================================================
	Field Heading
============================================================ */

.fb3__field-heading {
	font-weight: 300;
	padding: 0 0 .2em 0;
	
	font-size:80%;
}

.fb3__field-subheading {
	display: block;
}


/* ============================================================
	Field - Address
============================================================ */

.fb3__field__address .fb3__field-parts:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}

.fb3__field__address .fb3__field-part {
	box-sizing: border-box;
	display: block;
	float: left;
}

.fb3__field__address .fb3__field-part__street,
.fb3__field__address .fb3__field-part__street2 {
	
	width: 50%;
}
.fb3__field__address .fb3__field-part__street {
	
}

.fb3__field__address .fb3__field-part__city,
.fb3__field__address .fb3__field-part__state,
.fb3__field__address .fb3__field-part__postal_code {
	
	width: 33.333%;
}
.fb3__field__address .fb3__field-part__city {

}

.fb3__field__address .fb3__field-part__country {
	float: none;
	width: 100%;
}

.fb3__field__address .fb3__field-part-heading {
	display: block;
	font-size: 75%;
	opacity: 0.7;
	padding: 0.25em 0;
}

.fb3__field__address .fb3__field-input {

	display: block;
	padding: 0.5em;
}

@media all and (max-width: 650px) {
	.fb3__field__address .fb3__field-part__street,
	.fb3__field__address .fb3__field-part__street2,
	.fb3__field__address .fb3__field-part__city,
	.fb3__field__address .fb3__field-part__state,
	.fb3__field__address .fb3__field-part__postal_code {
		float: none;
		width: 100%;
	}
}


/* ============================================================
	Field - Checkbox (Stand-alone)
============================================================ */

.fb3__field__checkbox {
	border-width:0;
}

.fb3__field__checkbox label {
	cursor: pointer;
	display: block;
	padding: 0.5em;
}

/* ============================================================
	Field - Color Picker
============================================================ */

.fb3__field__color .fb3__field-input {
	height: 2.5em;
	border-width: 0;
	padding: 0;
}

/* ============================================================
	Field - Datepicker
============================================================ */

.fb3__field__datepicker .fb3__field-input {
	border: 1px solid #ddddde;
}

/* ============================================================
	Field - File
============================================================ */

.fb3__field__file .fb3__file {
	border: 1px solid #ddddde;
}

/* ============================================================
	Field - Password
============================================================ */

.fb3__field__password .fb3__field-input {
	border: 1px solid #ddddde;
}

/* ============================================================
	Field - Radio (wrapped)
============================================================ */

.fb3__field__radio-wrapper .fb3__field-parts {
	background-color: white;
	border-width:0;
}

.fb3__field__radio-wrapper .fb3__field-part {
	cursor: pointer;
	display: block;
	padding: 0.5em;
}


/* ============================================================
	Field - Richtext
============================================================ */

.fb3__field__richtext .fb3__field-editor {
	border: 1px solid #ddddde;
}

.fb3__field__richtext .fb3__field-input {
	height: 400px;
}


/* ============================================================
	Field - Select
============================================================ */

.fb3__field__select .fb3__field-select {
	border: 1px solid #ddddde;
	cursor: pointer;
}

.fb3__field__select option {
	padding: 0.25em 0.5em;
}
.fb3__field__select option[selected] {
	font-weight: bold;
}


/* ============================================================
	Field - Text
============================================================ */

.fb3__field__text .fb3__field-input {
	border: 1px solid #ddddde;
}

/* ============================================================
	Field - Textarea
============================================================ */

.fb3__field__textarea .fb3__field-input {
	border: 1px solid #ddddde;
}

/* ============================================================
	Invariant
============================================================ */

.fb3__invariant {
	margin-bottom: 1em;
	padding: 1em 0em;
	font-size:70%;
}

.fb3__invariant table {
	width: 100%;
}

.fb3__invariant table.half {
	float: left;
	width: 50%;
}

.fb3__invariant th,
.fb3__invariant td {
	padding-bottom: 5px;
	text-align: left;
}

.fb3__invariant th {
	font-weight: bold;
	padding-right: 10px;
}

.fb2_invariant tr.code td {
	font-family: Consolas, "Courier New", monospace;
}

.fb2_invariant td ol,
.fb2_invariant td ul {
	padding-left: 1.75em;
}