@charset "utf-8";
/* CSS Document */



/** * Restore the focus styles unset by the previous rule. */

.form-field button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.form-field legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */

.form-field progress {
  vertical-align: baseline;
}

/** * Remove the default vertical scrollbar in IE 10+. */

.form-field textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/** * Correct the cursor style of increment and decrement buttons in Chrome. */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/** * Remove the inner padding in Chrome and Safari on macOS. */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive   ========================================================================== */

/* * Add the correct display in Edge, IE 10+, and Firefox.
 */

.form-field details {
  display: block;
}

/* * Add the correct display in all browsers. */

.form-field summary {
  display: list-item;
}

/* Misc   ========================================================================== */

/** * Add the correct display in IE 10+. */

.form-field template {
  display: none;
}

/** * Add the correct display in IE 10. */

[hidden] {
  display: none;
}

/* form styling */
.form-field input, .form-field button, .form-field optgroup, .form-field select, .form-field textarea
{
  margin: 0; 
  padding: 0; 
  border: 0 none; 
  background-color: inherit
}

.form-field button,
.form-field [type="button"],
.form-field [type="reset"],
.form-field [type="submit"] {
  -webkit-appearance: button;
}

.form-field label {
  font-size: 16px; 
  text-align: left; 
  font-family: 'museo_sans700', sans-serif;  
  display: block; 
  margin-bottom: 5px; 
}
.form-field input:disabled {
  background-color: #ececec; 
  border-color: #ececec
}
.form-field input, .form-field textarea, .form-field select, .form-field-datepicker input { 
  display: inline-block; 
  padding: 10px 15px; 
  background-color: #ffffff; 
  text-align: left; 
  border: 1px solid #D1D1D1; 
  border-radius: 10px; 
  width: 100%; 
  margin-bottom: 15px; 
  box-sizing: border-box; 
  font-size: 14px; 
  color: #87919E 
}
.form-field input[type=checkbox], .form-field input[type=radio] {
  width: auto
}
.form-field input:focus, .form-field textarea:focus, .form-field select:focus{
  border-color: #adc5e5; 
  outline: 0; 
  background-color: #f9f9f9
}
.form-field input[type=color] {
  padding: 0; 
  border-radius: 5px; 
  width: 100%; 
  max-width: 100px
}
.form-field input[type=file]  {
  font-family: 'museo_sans700', sans-serif; 
  color: #000; 
  text-decoration: none; 
  font-size: 14px; 
  line-height: 30px; 
  background-color: #fff; 
  text-align: center!important; 
  border-radius: 10px; 
  display: inline-block; 
  width: auto; 
  padding: 5px; 
  min-width: 180px; 
  width: 100%;  
  box-sizing: border-box; 
  cursor: pointer; 
  margin-bottom: 10px;
}
.form-field input[type=submit], .form-field input[type=button], .form-field input[type=reset], .form-field button {
  font-family: 'museo_sans700', sans-serif; 
  color: #fff; 
  text-decoration: none; 
  font-size: 18px; 
  line-height: 30px; 
  background-color: #C0212B; 
  text-align: center!important; 
  border-radius: 10px; 
  display: inline-block; 
  width: auto; 
  padding: 14px 24px; 
  min-width: 180px;  
  box-sizing: border-box; 
  cursor: pointer; 
  margin-bottom: 10px;
}

.form-field input[type=submit]:hover ,
.form-field input[type=button]:hover ,
.form-field input[type=reset]:hover ,
.form-field button:hover {  background-color: #8f181f; border: 4px solid #88AACA; padding: 10px 20px;   }

.form-field .twobigradiobuttons label , .form-field .twobigradiobuttons label p {    
  font-size: 24px;    
  font-family: 'museo_sans500', sans-serif;    
  line-height: 30px;
}
.form-field .customcheckbox p , .form-field .customradio p {
  padding: 0; 
  margin: 0
}
.form-field .smalltext {
  font-size: 12px; 
  font-family: Verdana,Geneva,sans-serif;
}
.form-field .customcheckbox b.smalltext, .form-field .customradio b.smalltext { 
  display: block; 
  line-height: 16px
}
.form-field .twobigradiobuttons  p.bigtext {
  font-size: 24px; 
  line-height: 34px
}
.form-field .twobigradiobuttons  .customradio input[type="radio"] + span  {
  width: 38px; 
  height: 38px;
}
.form-field .twobigradiobuttons  .customradio input[type="radio"]:checked + span  {
  width: 38px; 
  height: 38px;
}
.form-field .customcheckbox, .form-field .customradio {
  display: flex; 
  align-items: center;  
  flex-flow: row nowrap;  
}
.form-field .customcheckbox, .form-field .customradio >* {
  flex: auto
}
.form-field .customradiorow > span  {
  margin-right: 15px
}
.form-field .customcheckbox + label, .form-field .customradio + label {
  margin-bottom: 0
}
.form-field .customradio input[type="radio"]{
  display: none; 
  opacity: 0
}
.form-field .customradio input[type="radio"] + span { 
  background: #ffffff; 
  border: 2px solid #ffffff; 
  outline: 2px solid  #C0212B; 
  border-radius: 100px; 
  width: 26px; 
  height: 26px; 
  display: inline-block; 
}
.form-field .customradio input[type="radio"]:checked + span { 
  background: #C0212B; 
  border: 3px solid #ffffff; 
  outline: 2px solid  #C0212B; 
  width: 26px; 
  height: 26px;   
}
.form-field .customcheckbox input[type="checkbox"]{
  display: none; 
  opacity: 0
}
.form-field .customcheckbox input[type="checkbox"] + .fa-check { 
  background-color: #fff; 
  color: #fff; 
  font-size: 20px;   
  min-width: 30px; 
  min-height: 30px; 
  max-width: 30px; 
  max-height: 30px; 
  line-height: 28px!important; 
  border: 2px solid #C0212B; 
  text-align: center; 
  cursor: pointer
}
.form-field .customcheckbox input[type="checkbox"]:checked + .fa-check { 
  color: #54765A
}
.form-field .customradio  input[type="radio"] + span { 
  margin-right: 15px
}
.form-field .customradio label { 
  margin-right: 15px; 
  display: flex; 
  align-items: center;
}
.form-field .customradio label   input + span { 
  cursor: pointer
}
.form-field .customcheckbox   .fa-check { 
  margin-right: 15px
}
.form-field .customcheckbox label {
  margin: 0; 
  line-height: 20px; 
  display: flex; 
  align-items: center; 
}
.form-field .customcheckbox label   input + .fa-check { 
  cursor: pointer
}
.form-field .customradiorow {
  flex: 1 0 100%; 
  align-items: center; 
  display: flex; 
  margin-bottom: 15px
}
.form-field .customradiorow > * {
  display: flex; 
  align-items: center;
}
.form-field .select-selected {  
  padding: 10px 15px; 
  background-color: #ffffff; 
  text-align: left; 
  border: 1px solid #D1D1D1; 
  border-radius: 10px; 
  width: 100%; 
  margin-bottom: 15px; 
  box-sizing: border-box; 
  font-size: 14px; 
  color: #87919E;  
}
/*the container must be positioned relative:*/
.form-field .custom-select {  
  position: relative;  
}
.form-field .custom-select .fa-chevron-down { 
  position: absolute;    
  font-size: 20px;    
  color: #C0212B;    
  top: 25%;    
  right: 20px;
}
/*hide original SELECT element:*/
.form-field .custom-select select {  
  display: none; 
  z-index: 155;
  position: relative; 
}
.form-field .custom-select select  .fa-chevron-down {
  display: block; 
  opacity: 1
}
/*style the items (options), including the selected item:*/
.form-field .select-items div, .form-field .select-selected {   
  padding: 10px 15px;   
  cursor: pointer;  
  user-select: none; 
  width: 100%;
}
/*style items (options):*/
.form-field .select-items {  
  position: absolute;  
  background-color: #fff;   
  top: 100%; 
  margin-top: -4px;   
  left: 0;  
  right: 0;  
  z-index: 99; 
  border: 1px solid #D1D1D1;  
}
/*hide the items when the select box is closed:*/
.form-field .select-hide {  
  display: none;
}
.form-field .select-items div:hover, .form-field .same-as-selected {  
  background-color: #f9f9f9
}

.form-field-datepicker .react-datepicker__input-container {
  /* max-width: 300px; */
}
.form-field-datepicker .react-datepicker-popper{
   width: 100%;
   max-width: 300px;
}
.form-field-datepicker .react-datepicker, .form-field-datepicker .react-datepicker__month-container{
   width: 100%;
   max-width: 300px;
}
.form-field-datepicker .react-datepicker__day, .form-field-datepicker .react-datepicker__day-name{
  width:12%;
  max-width: 300px;
}
.form-field-datepicker .react-datepicker__week{
  margin-top: 5px;
  margin-bottom: 5px;
}


.form-field-datepicker .react-datepicker__input-container input{
  cursor:pointer;
} 


.form-field-datepicker .react-datepicker__input-container .react-datepicker__close-icon{
  right:5px;
  top:-7px;
}

.react-datepicker__close-icon::after{
  padding-top: 0px;
  background-color: #c0212b;
}