/* ==============================
   FORM WRAPPER & STRUCTURE
============================== */
.fsForm { 
  border: 1px solid #666 !important; 
  padding: 0 !important;
}


.fsPage { 
  min-width: 100% !important; 
}

.fsFieldCell {
  padding: 13px 1rem 5px 1rem !important;
  margin-bottom: 5px !important;
}

.fsFieldFocused { 
  background-color: #ffffa6 !important; 
}

.fsValidationError, 
.cccegP { 
  display: none !important; 
}

/* ==============================
   LABELS & TEXT
============================== */
.fsLabel { 
  margin-bottom: 5px !important; 
  color: #000 !important; 
  font-family: "Verdana", sans-serif !important; 
  font-size: 18px !important; 
  letter-spacing: -1px;
  font-weight: 600 !important;
}

.fsRequiredMarker { 
  color: red !important; 
  padding-left: 5px;
}

/* ==============================
   INPUTS & SELECTS
============================== */
.fsFieldCell input,
.fsFieldCell select {
  border: 1px solid #666666 !important;
  font-family: "Arial", sans-serif !important;
  outline: none !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.fsFieldCell input, 
.fsDateField select:nth-child(1), 
.fsFieldSelect {
  padding-left: 50px !important;
}

.fsFieldSelect option {
  padding: 0 !important;
}

/* ==============================
   DATE FIELDS & SUBFIELDS
============================== */
.fsSubFieldGroup > div::before,
.fsDateField > div::before {
  position: absolute;
  width: 42px;
  height: 42px;
  content: "";
  background-color: #ccc !important;
  border: 1px solid #666666;
  box-sizing: border-box;
}

.fsDateField input, 
.fsDateField > * { 
  font-family: Georgia, "Times New Roman", Times, serif !important; 
  font-size: 14px !important;
}

/* ==============================
   FIELD ICONS
============================== */
/* Dropdown & Phone Fields */
#label-field188559369::before, 
#label-field188559373::before {
  position: absolute;
  width: 42px;
  height: 42px;
  bottom: 5px;
  content: "";
  background-color: #ccc !important;
  border: 1px solid #666666;
  box-sizing: border-box;
}

/* Specific Field Icons */
#label-field188559366 .fsSubFieldGroup > div::before,
#label-field188559367 .fsSubFieldGroup > div::before {
  background: url(../images/icons/map-marker-alt-solid-1.svg) center center / 50% 55% no-repeat;
}

#label-field188559368 .fsDateField > div::before {
  background: url(../images/icons/calendar-alt-regular1.svg) center center / 50% 55% no-repeat;
}

#label-field188559369::before {
  background: url(../images/icons/th-solid.svg) center center / 50% 55% no-repeat;
}

#label-field188559373::before {
  background: url(../images/icons/phone-alt-solid.svg) center center / 50% 55% no-repeat;
}

#label-field188559371 .fsSubFieldGroup > div::before {
  background: url(../images/icons/user-solid.svg) center center / 50% 55% no-repeat;
}

#label-field188559372 .fsSubFieldGroup > div::before {
  background: url(../images/icons/at-solid.svg) center center / 50% 55% no-repeat;
}

/* ==============================
   BUTTONS
============================== */

.fsNextButton, 
.fsSubmitButton, 
.fsPreviousButton {
  color: #fff !important;
  font-weight: 900 !important;
  padding: 15px !important;
  cursor: pointer;
  outline: none !important;
  text-indent: 0 !important;
  font-size: 20px !important;
}

.fsPreviousButton {
  background: #666666 !important;
  color: #fff !important;
}


.fsPreviousButton:hover {
  background: #535353 !important;
}

.fsNextButton {
    background-color: #3399fe !important;
    color: #fff !important;
    border: none !important;
}

.fsNextButton > span::before {
    content: "  " !important;
    padding-right: 20px;
    margin-right: 6px;
    background-image: url(../images/icons/calendar-alt-regular.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.fsSubmitButton {
  padding-left: 50px !important;
  background: #3399fe url(../images/icons/ok.png) 20px center no-repeat !important;
}

.fsNextButton:hover, 
.fsSubmitButton:hover {
  background-color: #0072ff !important;
}


/* ==============================
   PAGINATION, SECTIONS, SUBMIT
============================== */
.fsPagination {
  font-size: 15px;
}

.fsSectionHeader {
  display: none;
}

.fsSubmit {
  margin-top: 10px !important; 
  padding: 0 1rem 1.5rem 1rem !important;
}

.MuiOutlinedInput-notchedOutline {
  padding: 0 !important;
}

/* ==============================
   RESPONSIVE STYLES
============================== */
@media screen and (max-width: 640px) {
  .fsPreviousButton::before { display: none !important; }
  .fsPreviousButton span { display: block !important; }

  .fsSubmit > div {
    flex-direction: column-reverse !important;
    margin-top: 0 !important;
    gap: 1rem;
  }

  .fsSubmit button { width: 100%; }

  .fsSubmitButton {
    padding-left: 50px !important;
    background-position-x: 115px !important;
  }
}

@media screen and (max-width: 480px) {
  .fsNextButton::before { display: none !important; }
  .fsNextButton span { display: block !important; }
}