html {
  background-color: transparent;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #ff4c34;
}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.invalid-feedback {
  display: none;
  width: 100%;
  color: #ff4c34;
}

#app-form.modal-open {
  position: relative;
}

.arrow-rotate {
  transition: all 0.15s ease-in-out;
}
[aria-expanded=true] .arrow-rotate {
  transform: rotate(180deg);
}

.required-input::after {
  content: "*";
  color: #ff4c34;
}

.preview-size {
  width: 34px;
  height: 34px;
  object-fit: cover;
}

.collapse {
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  transition: all 0.15s ease-in-out;
}
.collapse.show {
  opacity: 1;
  height: auto;
  position: relative;
}

.list-group {
  position: absolute;
  max-height: 300px;
  max-width: 100%;
  overflow-y: scroll;
  box-shadow: var(--normal-shdw);
}

.remove-image {
  position: absolute;
  cursor: pointer;
  background-color: white;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  top: -5px;
  right: -5px;
}
.remove-image svg {
  padding: 1px;
}

input {
  animation-duration: 0.01s;
  animation-name: none;
}
input:-webkit-autofill {
  animation-name: autofillStart;
}

@keyframes autofillStart {}/*# sourceMappingURL=lead_form.css.map */