/* BS Forms Edit */

.boost-space-forms form fieldset > div label {
  font-size: 22px;
  color: #fff;
  font-weight: 300;
}

@media only screen and (max-width: 899px) {
  .boost-space-forms form fieldset > div label {
    font-size: 18px;
  }
}

.boost-space-forms form fieldset > .input-type-gdpr_accept label {
  text-align: left;
}

.boost-space-forms form fieldset > div input {
  outline: none;
  min-height: 82px;
  font-size: 22px;
  color: #fff;
  border-bottom: 1px solid #afafaf;
  padding: 14px 0 0 0;
  font-weight: 300;
}

@media only screen and (max-width: 899px) {
  .boost-space-forms form fieldset > div input {
    font-size: 18px;
    min-height: 78px;
  }
}

@-webkit-keyframes autofill {
  0%,100% {
      color: #fff !important;
      background: transparent !important;
  }
}

.boost-space-forms form fieldset > div input:-webkit-autofill,
.boost-space-forms form fieldset > div input:-webkit-autofill:hover,
.boost-space-forms form fieldset > div input:-webkit-autofill:focus,
.boost-space-forms form fieldset > div input:-webkit-autofill:active {
  -webkit-animation-delay: 1s !important;
  -webkit-animation-name: autofill !important;
  -webkit-animation-fill-mode: both !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: white !important;
}

/*
.boost-space-forms form fieldset > div input:-webkit-autofill,
.boost-space-forms form fieldset > div input:-webkit-autofill:hover,
.boost-space-forms form fieldset > div input:-webkit-autofill:focus,
.boost-space-forms form fieldset > div input:-webkit-autofill:active,
.boost-space-forms form fieldset > div textarea:-webkit-autofill,
.boost-space-forms form fieldset > div textarea:-webkit-autofill:hover
.boost-space-forms form fieldset > div textarea:-webkit-autofill:focus,
.boost-space-forms form fieldset > div textarea:-webkit-autofill:active,
.boost-space-forms form fieldset > div select:-webkit-autofill,
.boost-space-forms form fieldset > div select:-webkit-autofill:hover,
.boost-space-forms form fieldset > div select:-webkit-autofill:focus,
.boost-space-forms form fieldset > div select:-webkit-autofill:active {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px none inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-transition-delay: 9999s !important;
  transition-delay: 9999s !important;
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
}

.boost-space-forms form fieldset > div input:autofill,
.boost-space-forms form fieldset > div input:-webkit-autofill-strong-password,
.boost-space-forms form fieldset > div input:-webkit-autofill-strong-password-viewable,
.boost-space-forms form fieldset > div input:-webkit-autofill-and-obscured {
  -webkit-text-fill-color: #fff !important;
} */


.boost-space-forms form fieldset > div input[type=checkbox]:before {
  background-color: transparent;
}

.boost-space-forms form fieldset > div select {
  color: #fff;
  border-bottom: 1px solid #afafaf;
  padding: 7px 0 20px 0;
}

.boost-space-forms form fieldset > div select:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 50px rgba(0, 0, 0, 0.0001) inset;
}

.boost-space-forms form fieldset > div.required-input::before {
  font-size: 22px;
  content: '*';
  width: 10px;
  height: 14px;
  border-radius: none;
  left: -24px;
  bottom: 30px;
  background: none;
}

.boost-space-forms form fieldset > div.is-focus > label,
.boost-space-forms form fieldset > div.is-filled > label,
.boost-space-forms form fieldset > div.input-type-select > label {
  transform: scale(.66) translateY(-50px) translateX(0px);
}

.boost-space-forms form input[type="submit"] {
  border: 1px solid #fff;
  font-size: 22px;
  font-weight: 300;
  background-color: transparent;
  padding-left: 5rem;
  padding-right: 5rem;
}

.boost-space-forms select {
  background-color: #343434 !important;
  color: #fff !important;
}

.boost-space-forms select option {
  background-color: #252525 !important;
}

.boost-space-forms form input[type="submit"].submit-disabled,
.boost-space-forms form input[type="submit"].submit-disabled:hover,
.boost-space-forms form input[type="submit"].submit-disabled:focus {
  background-color: #555;
  border-color: #555;
  cursor: not-allowed;
  color: #aaa;
  pointer-events: none;
  position: relative;
  z-index: 2;
}

/************************************************************************************/
/* FORM DATEPICKER */
/************************************************************************************/

#ui-datepicker-div {
  z-index: 100 !important;
  background-color: #252525 !important;
  border: none !important;
}

.ui-datepicker-header {
  background-color: #252525 !important;
  border: none !important;
}

.ui-state-default {
  background-color: #343434 !important;
  border: none !important;
}

.ui-state-default:hover {
  color: #D3BCA1 !important;
}

.ui-state-highlight {
  background-color: #0ABAC2 !important;
    border: none !important;
    color: #343434 !important;
}

.ui-state-highlight:hover {
  color: #151515 !important;
}

.ui-datepicker td {
  padding: 2px !important;
}

.ui-datepicker-calendar a,
.ui-datepicker-calendar span {
  font-weight: 400 !important;
}

@media only screen and (max-width: 599px) {
  .query-form-first-label {
    left: 50% !important;
    margin-left: -33%;
    width: 100%;
    top: 1rem !important;
  }
}

.form-required-notice {
  display: flex;
  margin-left: auto;
  opacity: 0.5;
  justify-content: flex-end;
}

.form-required-notice::before {
  content: '*';
  font-size: 23px;
  margin-right: 5px;
}
