* {
  box-sizing: border-box;
}
/*----------------------------------------------------- Form Containers --------------------------------------------*/
.FormContainer {
  display: flex;
  flex-wrap: wrap;
}
.FormTile.Fixed {
  float: left;
  margin-bottom: 30px;
  padding-bottom: 5px;
  margin-right: 50px;
  width: 290px;
}
.FormTile.Full {
  float: none;
  margin-bottom: 20px;
  padding-bottom: 5px;
  width: 100%
}
.FormSectionContainer {}
.FormTile.Fixed .FormSectionContainer {}
.FormTile.Full .FormSectionContainer {
  width: 100%;
  clear: both;
}
.FieldComboBox {
  position: relative;
  float: left;
  margin-bottom: 10px;
}
.FormTile.Full .FieldComboBox {
  margin-right: 0px;
}
.DisclaimerContainer {
  width: 100%;
  font-size: 14px;
  padding: 0px 30px;
  background-color: #f5f5f5;
  margin-bottom: 30px;
}
/*----------------------------------------------------- Application Fields --------------------------------------------*/
.FieldLabel {
  font-size: 12px;
  margin-bottom: 5px;
}
.NoLabel {
  height: 1px;
}
.FullSizeFieldLabel {
  font-size: 14px;
  margin-bottom: 5px;
}
.FormSectionContainer input[type=text], .FormTile input[type=password], .FormTile input[type=number] {
  height: 50px;
  font-size: 16px;
  border: 1px solid #eeeeee;
  padding: 0px 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  line-height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  background-color: #f5f5f5;
}
.FormSectionContainer input[type=radio] {
  height: 13px;
  width: 13px;
}
.FormSectionContainer select {
  height: 50px;
  font-size: 16px;
  border: 1px solid #eeeeee;
  padding: 0px 0px 0px 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  line-height: 40px;
  vertical-align: middle;
  -webkit-border-radius: 0px;
  -webkit-background-color: #ffffff;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.FormSectionContainer textarea {
  border: 1px solid #eeeeee;
  background-color: #f5f5f5;
  padding: 10px;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
}
.Field_RightAlign .FieldLabel, .Field_RightAlign input[type=text], .Field_RightAlign .PsuedoLabel {
  text-align: right;
}
.FormTile input[type=text]:disabled, .FormTile select:disabled, .FormTile textarea:disabled {
  background-color: #f5f5f5;
}
.FormTile .PsuedoLabel input[type=text], .FormTile .PsuedoLabel input[type=text]:disabled {
  border: 1px solid transparent;
  padding: 0px;
}
/*----------------------------------------------------- Dynamic Field Sizes --------------------------------------------*/
.Full, .FourFifths, .TwoThirds, .ThreeFifths, .Half, .TwoFifths .OneThird, .OneFourth, .OneFifth {}
.FieldComboBox.Full {
  width: 100%;
}
.FieldComboBox.FourFifths {
  width: 80%;
}
.FieldComboBox.TwoThirds {
  width: 66.66%
}
.FieldComboBox.ThreeFifths {
  width: 60%;
}
.FieldComboBox.Half {
  width: 50%;
}
.FieldComboBox.TwoFifths {
  width: 40%;
}
.FieldComboBox.OneThird {
  width: 33.33%
}
.FieldComboBox.OneFourth {
  width: 25%;
}
.FieldComboBox.OneFifth {
  width: 20%;
}
.FieldComboBox.Tight {
  margin-left: -1px;
}
.Field_Standard {
  width: 100%;
}
/*----------------------------------------------------- Field Spacing --------------------------------------------*/
.Field_Standard input[type=text], .Field_Standard input[type=password], .Field_Standard input[type=number], .Field_Standard .PsuedoLabel, .Field_Standard select, .Field_Standard textarea {
  width: 100%;
}
.Field_Standard .MinimalRadioContainer label {
  margin-right: 0px;
}
.Field_Spaced input[type=text], .Field_Spaced input[type=password], .Field_Spaced input[type=number], .Field_Spaced .PsuedoLabel, .Field_Spaced select, .Field_Spaced textarea {
  width: calc(100% - 10px);
}
.Field_Spaced .MinimalRadioContainer label {
  margin-right: 10px;
}
/*----------------------------------------------------- Checkmarks --------------------------------------------*/
.Field_Checkbox {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Field_Checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.Checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #ffffff;
  border: 1px solid #c2c2c2;
}
.Field_Checkbox:hover input ~ .Checkmark {
  background-color: #f5f5f5;
}
.Field_Checkbox input:checked ~ .Checkmark {
  background-color: #ffffff;
}
.Checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.Field_Checkbox input:checked ~ .Checkmark:after {
  display: block;
}
.Field_Checkbox .Checkmark:after {
  left: 3px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*----------------------------------------------------- Radio Buttons --------------------------------------------*/
.RadioContainer {
  height: 40px;
  border: 1px solid #c2c2c2;
  float: left;
  margin-right: 10px;
  line-height: 40px;
  padding-left: 5px;
  padding-right: 10px;
  font-size: 14px;
  background-color: #ffffff;
}
.RadioContainer:hover {
  cursor: pointer;
}
.MinimalRadioContainer {
  float: left;
}
.MinimalRadioContainer label {
  height: 40px;
  border: 1px solid #c2c2c2;
  float: left;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.MinimalRadioContainer label:hover {
  cursor: pointer;
}
.MinimalRadioContainer input {
  display: none;
}
.MinimalRadioContainer input:checked + label {
  border: 1px solid #81a20f !important;
  -moz-box-shadow: 0 0 5px #81a20f;
  -webkit-box-shadow: 0 0 5px #81a20f;
  box-shadow: 0 0 5px #81a20f;
}
.CheckboxContainer {
  height: 25px;
  border: 1px solid #c2c2c2;
  float: left;
  margin-right: 10px;
  line-height: 25px;
  padding-left: 7px;
  padding-right: 12px;
  width: 90px;
}
/*----------------------------------------------------- Circle Radio Buttons --------------------------------------------*/
.CircleRadioContainer {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
}
.CircleRadioContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.CircleRadioCheckmark {
  position: absolute;
  margin-top: 3px;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border: 2px solid #c2c2c2;
  border-radius: 50%;
}
.CircleRadioContainer:hover input ~ .CircleRadioCheckmark {
  background-color: #f5f5f5;
}
.CircleRadioContainer input:checked ~ .CircleRadioCheckmark {
  border: 2px solid #9cad3c;
}
.CircleRadioCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
.CircleRadioContainer input:checked ~ .CircleRadioCheckmark:after {
  position: absolute;
  content: '';
  display: block;
  width: 5px;
  height: 10px;
  border: solid #9cad3c;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  left: 50%;
  margin-left: -3px;
  top: 50%;
  margin-top: -7px;
}
.CircleRadioContainer .CircleRadioCheckmark:after {}
/*----------------------------------------------------- Toggle Switches --------------------------------------------*/
.ToggleSwitch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
  margin-top: 5px;
}
.ToggleSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ToggleSlider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.ToggleSlider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .ToggleSlider {
  background-color: #7ca233;
}
input:focus + .ToggleSlider {
  box-shadow: 0 0 1px #7ca233;
}
input:checked + .ToggleSlider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.ToggleSlider.Round {
  border-radius: 20px;
}
.ToggleSlider.Round:before {
  border-radius: 50%;
}
/*----------------------------------------------------- Help Prompts --------------------------------------------*/
.InlineFieldHelpPrompt {
  clear: both;
  font-size: 12px;
  padding-left: 30px;
  position: relative;
  width: 280px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.InlineFieldHelpPrompt::before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  background-image: url(../images/forms/icon_help_grey.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  margin-top: -9px;
  top: 50%;
}
.PopupHelpPrompt {
  position: relative;
}
.PopupHelpPromptIcon {
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url(../images/forms/icon_help_grey.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  right: -30px;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
}
.PopupHelpPromptMessage {
  color: #ffffff;
  border-radius: 5px;
  z-index: 1000;
  position: absolute;
  padding: 15px;
  right: -30px;
  top: 50px;
  background-color: rgba(0, 0, 0, .8);
  font-size: 12px;
  width: calc(100% + 30px);
  display: none;
}
.PopupHelpPromptIcon:hover + .PopupHelpPromptMessage {
  display: block;
}
.PopupHelpPromptIcon.hover {
  background-image: url(../images/forms/icon_close_blue.svg);
  background-size: 20px 20px;
}
.PopupHelpPromptIcon.hover + .PopupHelpPromptMessage {
  display: block;
}
.HeaderPopupHelpPrompt .PopupHelpPromptIcon {
  top: auto;
  bottom: 3px;
}
.PopupHelpPromptIcon:hover ~ .ValidationPromptContainer {
  display: none !important;
}
/*----------------------------------------------------- Validation --------------------------------------------*/
.error {
  background-color: #ffcccc !important;
  position: relative;
}
input.error[type=text] {
  background-image: url(../images/forms/icon_warning_red.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  cursor: pointer;
  background-size: 20px
}
.error + label {
  color: #000000;
  border-radius: 5px;
  z-index: 1000;
  position: absolute;
  padding: 15px;
  right: 0px;
  top: 100%;
  background-color: rgba(191, 49, 26, .9);
  font-size: 12px;
  min-width: 125px;
  width: 100%;
  display: none !important;
}
.error:hover + label {
  display: block !important;
}
/*----------------------------------------------------- Buttons Container --------------------------------------------*/
.ButtonContainer {
  position: relative;
}
.ButtonContainer.Success::after {
  content: 'Everything looks good';
  position: absolute;
  height: 20px;
  width: 300px;
  padding-left: 35px;
  left: 0px;
  bottom: -20px;
  background-image: url(../images/forms/icon_checkmark-circle_green.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: left center;
  color: #000000;
  line-height: 20px;
}
.ButtonContainer.Failure::after {
  content: 'Please fix errors above in red';
  position: absolute;
  height: 20px;
  width: 300px;
  padding-left: 35px;
  left: 0px;
  bottom: -20px;
  background-image: url(../images/forms/icon_close_red.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: left 0 center;
  color: #dd0000;
  line-height: 20px;
}
/*----------------------------------------------------- Default Buttons --------------------------------------------*/
.Button {
  font-size: 16px;
  float: left;
  background-color: #22252e;
  color: #ffffff;
  padding: 10px 20px;
  font-weight: 400;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}
.Button:hover {
  background-color: #040405;
  cursor: pointer;
}
.Button.Disabled {
  color: #f5f5f5;
}
/*----------------------------------------------------- Misc --------------------------------------------*/
.Clear {
  clear: both;
}
.ClearLeft {
  clear: left;
}
.CaptchaContainer {
	display: flex;
}