@charset "UTF-8";
/**
 * InputfieldForm CSS file for FormBuilder with non-Legacy frameworks
 *
 */

@import '../../fonts/Roboto+Condensed/css/fonts.css';
html, body {font-family: 'Roboto+Condensed', sans-serif;width:100%;color:#4a4a49;font-weight:300;font-size: 1.05rem;}

.InputfieldForm textarea,
.InputfieldForm .InputfieldMaxWidth {
  width: 100%;
}
.InputfieldForm input[type=text],
.InputfieldForm input[type=password],
.InputfieldForm input[type=date],
.InputfieldForm input[type=datetime],
.InputfieldForm input[type=datetime-local],
.InputfieldForm input[type=month],
.InputfieldForm input[type=week],
.InputfieldForm input[type=email],
.InputfieldForm input[type=number],
.InputfieldForm input[type=search],
.InputfieldForm input[type=tel],
.InputfieldForm input[type=time],
.InputfieldForm input[type=url],
.InputfieldForm input[type=color],
.InputfieldForm select,
.InputfieldForm textarea {
  margin: 0;
}
.InputfieldForm, .InputfieldForm *, .InputfieldForm *:before, .InputfieldForm *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.InputfieldForm .Inputfields {
  height: auto;
  list-style: none;
  padding: 0;
}
.InputfieldForm .Inputfield {
  list-style: none;
  display: block;
}
.InputfieldForm .Inputfield {
  clear: both;
  margin: 0 0 1.5em 0;
}
.InputfieldForm .Inputfield:not(fieldset) {
  padding: 0;
}
.InputfieldForm fieldset,
.InputfieldForm .InputfieldFieldset {
  margin: 0 0 1.5em 0;
  padding-bottom: 0;
}
.InputfieldForm .InputfieldFieldset:not(.InputfieldColumnWidth) {
  clear: both;
}
.InputfieldForm .InputfieldStateCollapsed .InputfieldHeader {
  opacity: 0.5;
}
.InputfieldForm .InputfieldStateCollapsed .InputfieldHeader:after {
  content: " …";
}
.InputfieldForm .InputfieldStateCollapsed .InputfieldContent {
  display: none;
}
.InputfieldForm .InputfieldHidden {
  display: none;
}
.InputfieldForm .description,
.InputfieldForm .notes {
  margin: 0.25em 0;
}
.InputfieldForm .Inputfield:not(.InputfieldStateCollapsed) > .InputfieldHeaderHidden > span {
  display: none;
}
.InputfieldForm .InputfieldSubmitPrev {
  float: left;
}
.InputfieldForm .InputfieldSubmitPrev + .InputfieldSubmit {
  clear: none;
  float: left;
  margin-left: 1em;
}

.InputfieldFormWidths {
  /** the following have to do with column widths **********************************************/
}
.InputfieldFormWidths input[type=text],
.InputfieldFormWidths input[type=email],
.InputfieldFormWidths input[type=url],
.InputfieldFormWidths select,
.InputfieldFormWidths textarea {
  width: 100%;
}
.InputfieldFormWidths .InputfieldColumnWidth {
  /* an Inputfield that has a percentage width assigned to it */
  float: left;
  clear: none;
  margin-left: 0;
  margin-right: 0;
}
.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldContent {
  padding-left: 1.5em;
}
.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldHeaderHidden::before {
  display: inline-block;
  content: " ";
}
.InputfieldFormWidths .InputfieldColumnWidthFirst,
.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield {
  /* first Inputfield with a percent width... */
  /* ...or the last percentage-width Inputifeld before the submit button */
  clear: both;
}
.InputfieldFormWidths .InputfieldColumnWidthFirst > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirst > .InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit > .InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp > .InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield > .InputfieldContent {
  padding-left: 0;
	font-weight:400;
}
.InputfieldFormWidths .description {
  margin: 0.25em 0;
}
.InputfieldFormWidths .notes {
  margin: 0.25em 0;
}

/*** state toggles *******************************************************/
.InputfieldStateToggle {
  cursor: pointer;
}
.InputfieldStateToggle i.toggle-icon {
  /* the open/close icon that goes with most Inputfields */
  float: right;
  padding-right: 0.25em;
}
.InputfieldStateToggle i.toggle-icon {
  padding-right: 0.5em;
  line-height: 1.7em;
}
.InputfieldStateToggle i + i {
  margin-right: 0.5em;
  margin-left: 0;
}

/*** misc ******************************************************************/
.InputfieldStateRequired > .InputfieldHeader:first-child:after {
  /* Required state: Add asterisk to indicate field is required */
  color: #3a37a2;
}

.InputfieldCheckbox.InputfieldStateRequired > .InputfieldContent > label > span.pw-no-select:after {
	content: '*';	
	margin-left: 0.25em;
	color: #3a37a2!important;
}

.Inputfields > .Inputfield > .InputfieldContent:before,
.Inputfields > .Inputfield > .InputfieldContent:after,
.InputfieldForm:after {
  content: " ";
  display: table;
}

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

.InputfieldSelect ul,
.InputfieldRadios ul,
.InputfieldCheckboxes ul {
  margin: 0;
}
.InputfieldSelect ul li,
.InputfieldRadios ul li,
.InputfieldCheckboxes ul li {
  margin: 0;
}

#wrap_Inputfield- {
  display: none;
}

.InputfieldForm .InputfieldFormBuilderPageBreak {
  /*margin-bottom: 0;*/
}

/****************************************************************************
 * Render Value Mode 
 *
 * Used when only values are being rendered in the form (no inputs)
 *
 */
.InputfieldRenderValueMode .InputfieldSelect li,
.InputfieldRenderValueMode .InputfieldRadios li,
.InputfieldRenderValueMode .InputfieldCheckboxes li {
  margin: 0;
}
.InputfieldRenderValueMode .InputfieldSubmit,
.InputfieldRenderValueMode .InputfieldButton {
  display: none;
}

.pw-no-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* prevent selection of this element */
}

.pw-no-select a, span.pw-no-select::after{color:#1f317f;text-decoration:none;}
.pw-no-select a:hover{color:#bebebe}


* {
  box-sizing: border-box;
}

input[type=text], select, textarea {
  width: 98%;
  padding: 1%;
  border: none;
	font-size: 1.05rem;
	margin-bottom: 20px;
	font-family: 'Roboto+Condensed', sans-serif;font-weight:300;
	border-radius: 5px;
background:#eeeff2;
}

input[type=email] {
  width: 98%;
  padding: 1%;
  border: none;
	font-size: 1.05rem;
	margin-bottom: 20px;
	font-family: 'Roboto+Condensed', sans-serif;font-weight:300;
	border-radius: 5px;
background:#eeeff2;
}

textarea {
height: 120px;
	margin-bottom: 0px;
	font-family: 'Roboto+Condensed', sans-serif;font-weight:300;
}


button[type=submit] {
  background-color: #1f317f;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  float: left;
	font-size: 1.05rem;
	border-radius:5px;
	font-family: 'Roboto+Condensed', sans-serif;font-weight:300;
	font-weight: 400;
}

button[type=submit]:hover {
  background-color: #bebebe;
  color:#1f317f;
}

p.error{color:red;}


@media all and (max-width : 960px) {
input[type=text], select, textarea {
  width: 94%;
  padding: 3%;
}

input[type=email] {
  width: 94%;
  padding: 3%;
}
	}