.user-form input,
.node-form input,
.webform-submission-contact-add-form input,
.webform-submission-contact-add-form textarea,
.user-form select,
.node-form select,
.node-form textarea,
.user-form input:focus,
.node-form input:focus,
.webform-submission-contact-add-form input:focus,
.webform-submission-contact-add-form textarea:focus,
.user-form select:focus,
.node-form select:focus,
.node-form textarea:focus {
  border: 1px solid #ff9d89;
  border-radius: 2px !important;
}

.node-pet-form input,
.node-pet-edit-form input,
.node-pet-form select,
.node-pet-edit-form select,
.node-pet-form textarea,
.node-pet-edit-form textarea,
.node-pet-form input:focus,
.node-pet-edit-form input:focus,
.node-pet-form select:focus,
.node-pet-edit-form select:focus,
.node-pet-form textarea:focus,
.node-pet-edit-form textarea:focus {
  border: 1px solid #ffc080;
}

label {
  color: #0000a0;
  font-size: 1.125rem;
}

.node-pet-form .form-required:after,
.node-pet-edit-form .form-required:after {
  margin: auto;
}

.form-type-textfield,
.form-type-phone-international,
.form-type-select,
.js-form-type-email,
.password-parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-type-textfield label,
.form-type-email label,
.password-parent label {
  width: 15%;
}

.form-type-textfield input.form-control,
.iti.iti--allow-dropdown,
.form-type-select select,
.js-form-type-email .form-email,
.password-parent input {
  width: 80%;
}

.confirm-parent label,
.js-form-item-current-pass label {
  margin-top: 15px;
}

.confirm-parent input,
.js-form-item-current-pass input {
  width: 80%;
  float: right;
  margin-bottom: 0.25rem !important;
}

.confirm-parent,
.password-parent {
  max-width: 100% !important;
}

.node-pet-form label,
.node-pet-edit-form label {
  font-weight: normal;
  padding-right: 0 !important;
  margin-bottom: 0;
}

.node-pet-form .js-form-item .form-control,
.node-pet-edit-form .js-form-item .form-control,
.js-form-item-field-pet-adopted-on-0-value-date {
  width: 100%;
}

.node-pet-form .form-item label,
.node-pet-edit-form .form-item label,
.node-pet-form summary,
.node-pet-edit-form summary,
.node-pet-edit-form .tabledrag-toggle-weight-wrapper,
.image-widget .image-widget-data .js-form-type-textfield {
  display: none;
}

.node-pet-form .js-form-type-textarea label,
.node-pet-edit-form .js-form-type-textarea label,
.adoption-details .form-item label {
  display: block;
}

.field--name-field-pet-adopted-on h4 {
  color: #0000a0;
  font-size: 1.125rem;
  font-weight: normal;
}

.adoption-details .form-item-field-pet-adopted-by-0-target-id {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.adoption-details .field--name-field-pet-adopted-on {
  display: flex;
  justify-content: end;
  align-items: center;
}

.adoption-details #edit-field-pet-adopted-on-0-value {
  width: 64%;
  margin-left: 15px;
}

.adoption-details .form-item-field-pet-adopted-by-0-target-id input.form-autocomplete {
  width: 62%;
}

.node-pet-form details,
.node-pet-edit-form details,
.node-form .draggable td .form-submit,
.field--type-image .image-widget .image-widget-data .form-submit {
  border: 0;
}

.node-pet-form .details-wrapper,
.node-pet-edit-form .details-wrapper {
  padding: 0;
}

.node-form tr.draggable {
  background-color: #fff !important;
}

.node-form .image-widget-data {
  margin-top: 10px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../images/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
  background-size: 20px;
}

.node-form .field--type-boolean,
.user-form .field--type-boolean {
  margin-left: 20px;
  color: #0000a0;
}

.field--type-boolean .form-type-checkbox .form-check-input {
  width: 20px;
  height: 20px;
  position: relative;
  outline: auto;
  outline-color: #ff9d89;
}

.field--type-boolean .form-type-checkbox .form-check-input:focus {
  outline: auto;
  outline-color: #ff9d89;
  box-shadow: unset;
}

.node-pet-form .field--type-boolean .form-type-checkbox .form-check-input,
.node-pet-edit-form .field--type-boolean .form-type-checkbox .form-check-input:focus {
  outline: #ffc080;
}

.field--type-boolean .form-type-checkbox label.option {
  margin-left: 10px;
  font-size: 1.125rem;
}

.node-form .field--type-boolean a,
.user-form .field--type-boolean a,
.form-item .description,
.js-password-confirm-message {
  color: #0000a0 !important;
}

.user-form .form-item .description,
.user-form .js-password-confirm-message {
  padding-left: 20%;
}

.node-form .submit {
  margin-left: 0;
}

.node-form {
  margin-top: 0rem;
}

.form-item,
.form-actions {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.submit {
  background: #ff9d89;
  width: 100%;
  height: 50px;
  color: #0000a0;
}

.submit:hover {
  background: #0000a0 !important;
}

.node-pet-form .submit,
.node-pet-edit-form .submit {
  background: #ffc080;
  margin: 20px 0;
}

.user-form .submit,
.webform-submission-contact-add-form .submit {
  width: 35%;
}

/* User Cancelation Form & Node Confirm Form*/
.user-cancel-form,
.node-confirm-form {
  text-align: center;
  color: #0000a0;
}

.user-cancel-form .form-actions,
.node-confirm-form .form-actions {
  display: flex;
  flex-direction: column;
}

.user-cancel-form .form-actions .submit,
.node-confirm-form .form-actions .submit {
  margin: 0 auto;
  width: 38%;
}

.user-cancel-form .form-actions a,
.node-confirm-form .form-actions a {
  margin-top: 20px;
}

/* geofield changes */
.field--type-geofield fieldset legend {
  margin: 0;
}

/* Image field */
.image-widget .image-widget-data .form-file {
  height: 100%;
}

.form-control {
  height: 50px;
}

.node-form .image-style-pet-image, .node-form .image-style-pet-image-wo-webp {
  width: 100px;
  height: auto;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .node-pet-form label,
  .node-pet-edit-form label,
  .field--type-boolean .form-type-checkbox label.option,
  .field--name-field-pet-adopted-on h4 {
    font-size: 1rem;
  }

  .confirm-parent label,
  .js-form-item-current-pass label {
    margin-top: 0;
    width: 15%;
  }
}

@media only screen and (max-width: 767px) {
  .form-type-textfield,
  .form-type-phone-international,
  .form-type-select,
  .js-form-type-email,
  .password-parent,
  .adoption-details .form-item-field-pet-adopted-by-0-target-id,
  .adoption-details .field--name-field-pet-adopted-on {
    display: block;
  }

  .user-form .submit,
  .webform-submission-contact-add-form .submit
  .user-cancel-form .submit,
  .node-confirm-form .submit,
  .form-type-textfield label,
  .form-type-email label,
  .password-parent label,
  .form-type-textfield input.form-control,
  .iti.iti--allow-dropdown,
  .form-type-select select,
  .js-form-type-email .form-email,
  .confirm-parent input,
  .js-form-item-current-pass input,
  .password-parent input,
  .adoption-details .form-item-field-pet-adopted-by-0-target-id input.form-autocomplete,
  .adoption-details #edit-field-pet-adopted-on-0-value {
    width: 100%;
  }

  .adoption-details #edit-field-pet-adopted-on-0-value {
    margin-left: 0;
  }

  .confirm-parent label,
  .js-form-item-current-pass label {
    margin-top: 0;
  }

  .form-item .description,
  .js-password-confirm-message {
    padding-left: 0;
  }
}
.node-pet-form .image-widget-data .form-item label,
.node-pet-form .image-widget-data .js-form-type-textfield  {
  display: block !important;
}