@import "js/fonts.css";
@import "directory.css";

body > main > div > main > div {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-container {
  max-width: 100%;
}

.custom-shadow {
  box-shadow: 0 -4px 3px rgba(0, 0, 0, 0.07)
}

.sm\:hidden {
  display: none;
}

#demographics, #pre_demographics {
  padding: 0;
}

#demographic_form_patient_input_given_name_1 {
  border-radius: 0.25rem;
  border-width: 0;

  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#demographic_form_patient_input_given_name_1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));

}

[id^="demographic_form_patient_input"] {
  border-radius: 0.25rem;
  border-width: 0;

  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

[id^="demographic_form_patient_input"]:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));

}

#demographic_form_patient_input_state {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

[id^="demographic_form_patient_input_insurance"] {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

#booking-submit {
    background-color: #405e76;
    --tw-ring-color: #405e76;
}


#booking-submit:hover {
    background-color: #405e76;
}