/*  Start Form Styles (Position 4) */
/* Base Form Styles */
.input,
input[type=email],
input[type=text],
textarea {
	border-radius: var(--corner_3);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 .9rem;
	padding: .7rem;
	background: var(--almostwhite);
	border: 1px solid var(--grey);
	/* box-shadow: inset 0 1px 3px rgba(0,0,0,.05); */
	outline: none;
	resize: vertical;
	transition: border-color .3s ease;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.15;
	color: var(--almostblack);
}

.input[disabled] {
	border-color: #c8c8c8;
	background-color: #f2f2f2;
	box-shadow: none;
	cursor: not-allowed;
}

.input:focus,
input:focus,
textarea:focus {
	border-color: var(--grey);
	background-color: var(--pale_grey);
}

.input::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
}

.input:-ms-input-placeholder {
	opacity: 1;
}

.input::-ms-input-placeholder {
	opacity: 1;
}

.input::placeholder {
	color: #999;
	opacity: 1;
}

.input:-ms-input-placeholder {
	color: #999;
}

.input::-ms-input-placeholder {
	color: #999;
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	margin: 0 0 .9rem;
	padding: .6rem calc(.9rem + 12px) .6rem .6rem;
	width: 100%;
	background: #fff;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M256 298.3l174.2-167.2c4.3-4.2 11.4-4.1 15.8.2l30.6 29.9c4.4 4.3 4.5 11.3.2 15.5L264.1 380.9c-2.2 2.2-5.2 3.2-8.1 3-3 .1-5.9-.9-8.1-3L35.2 176.7c-4.3-4.2-4.2-11.2.2-15.5L66 131.3c4.4-4.3 11.5-4.4 15.8-.2L256 298.3z'/%3E%3C/svg%3E");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: calc(100% - .6rem) 50%;
	border: 1px solid #bbb;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
	border-radius: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
}

.select[disabled] {
	border-color: #c8c8c8;
	background-color: #f2f2f2;
	box-shadow: none;
	cursor: not-allowed;
}

.select:focus {
	border-color: #17f;
}

::placeholder {
	color: var(--almostblack);
	font-size: 98%;
}

.select::-ms-expand {
	display: none;
}
/* /End Base Form Styles */
/* Based on https://github.com/electerious/formbase */
/* Fieldets using Grid */
.fieldset_4 {
	grid-column-end: span 4;
	/* 4 cols */
}
/* i.e. 2 col split */
.fieldset_6 {
	grid-column-end: span 6;
	/* 6 cols */
}
/* i.e. 3 col split */
.fieldset_12 {
	grid-column-end: span 12;
	/* 12 cols - i.e. Full width  */
}
/* Fieldset Styles */
fieldset {
	padding: 20px;
	border: 1px solid var(--grey);
	margin: 0 0 .9rem;
	border-radius: var(--corner_3);
}

fieldset:hover {
	background: var(--pale_grey);
}
/* Legend Styles */
legend {
	grid-column-end: span 12;
	background: var(--light_grey);
	color: var(--almostblack);
	padding: 10px;
	border: 1px solid var(--grey);
	border-radius: var(--corner_3);
	font-size: var(--txt_small);
}
/* Specific PW Formbuilder Errors and Success - Overides  */
.FormBuilder .alert,
.FormBuilder .error {
	padding: 10px 15px;
}

.FormBuilder .alert-error,
.FormBuilder .error {
	background: var(--red);
	color: var(--almostwhite);
}

.FormBuilder .alert-success {
	background: var(--green);
	color: var(--almostwhite);
}
/* Specific Formbuilder Postioning Styles - plus a few style overides */
.FormBuilder.InputfieldForm input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=range]):focus,
.FormBuilder.InputfieldForm textarea:focus {
	background: white;
}

.FormBuilder.InputfieldForm input[type=file] {
	line-height: 1em;
}

.FormBuilder.InputfieldForm .Inputfield .InputfieldHeader {
	display: block;
	font-weight: 600;
	padding-bottom: .25em;
}
/* Notes */
.FormBuilder.InputfieldForm .notes {
	margin-bottom: .5em;
	margin-top: .5em;
	opacity: .6;
	padding: 10px;
	background: var(--pale_grey);
}
/* Desc */
.FormBuilder.InputfieldForm .description {
	margin-bottom: .5em;
	margin-top: 0;
	opacity: .6;
}

.FormBuilder.InputfieldForm fieldset.InputfieldFieldset {
	padding: 0 25px;
	border: 1px solid #ddd;
}

.FormBuilder.InputfieldForm fieldset.InputfieldFieldset legend {
	font-weight: 600;
}

.FormBuilder.InputfieldForm fieldset.InputfieldFieldset > .InputfieldContent > .description {
	margin: 1em 0;
}

.FormBuilder.InputfieldForm .InputfieldFormBuilderFile {
	padding: 25px 25px 12.5px;
	border: 1px solid #ddd;
	background: #fbfbfb;
}

.FormBuilder.InputfieldForm .InputfieldCheckbox .pw-no-select,
.FormBuilder.InputfieldForm .InputfieldCheckboxes .pw-no-select,
.FormBuilder.InputfieldForm .InputfieldRadios .pw-no-select {
	position: relative;
	top: 2px;
}

.FormBuilder.InputfieldForm .InputfieldStateRequired > .InputfieldHeader:first-child:after {
	color: var(--red);
	content: "*";
}

.FormBuilder.InputfieldForm #wrap_Inputfield- {
	display: none;
}

.InputfieldForm:after,
.Inputfields > .Inputfield > .InputfieldContent:after,
.Inputfields > .Inputfield > .InputfieldContent:before,
.pw-clearfix:after,
.pw-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse;
}

.InputfieldForm:after,
.Inputfields > .Inputfield > .InputfieldContent:after,
.pw-clearfix:after {
	clear: both;
}

.pw-clearfix {
	min-height: 0;
}
/*  End Form Styles */