/* Admin help form */
.sticky-help-button {
  @apply fixed bottom-0 right-10 z-[1000];
}
.sticky-help-button button {
  @apply py-2.5 px-[15px] text-white font-bold border-none text-base outline-none cursor-pointer ;
  border-radius: 6px 6px 0 0;
}
.sticky-help-button button {
  background-color: #4F46E5;
  background-image: linear-gradient(45deg, #4F46E5, #907ac8);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .1) inset;
}
.sticky-help-form {
  @apply fixed bottom-0 right-10 w-[280px] border border-solid border-[#0000001a] z-[100001] bg-white ;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transform: translateY(100%);
  transition: .25s linear;
  box-shadow: 0 5px 15px #0000001a, 0 0 0 rgba(0, 0, 0, .08) inset
}
.sticky-help-form.active {
  transform: translateY(0);
}
.sticky-help-form.active + .sticky-help-button {
  @apply hidden;
}
.sticky-help-form .gp-form-field + .gp-form-field {
  @apply mt-2.5;
}
.sticky-form-title {
  @apply py-2.5 pr-2.5 pl-5 text-lg text-black font-bold;
  border-bottom: 1px solid #ddd
}
a.hide-help-form {
  @apply float-right text-[#333] no-underline block transition-none;
}
.ginger-help-form {
  @apply py-2.5 px-[15px] box-border;
}
.ajax-response {
  @apply hidden py-[5px] px-2.5 mt-0 mx-0 mb-[15px] rounded-[5px];
}
.ajax-response.error, .ajax-response.error-box {
  @apply p-2.5 bg-[#ffe0e0];
  border-left: 4px solid #dc3232
}
.ajax-response.success {
  @apply bg-[#e9ffe9] p-2.5;
  border-left: 4px solid green;
}
#ajax-loader {
  @apply hidden align-middle;
}
#ajax-loader.active {
  @apply inline-block;
}
a:focus {
  @apply outline-none shadow-none;
}
.sticky-help-form .gp-form-field {
  .gp-form-label {
    @apply pb-[5px];
  }
  .gp-form-input {
    @apply w-full max-w-[360px];
    .gp-input-field {
      @apply w-full rounded h-9 min-h-9 py-0 px-2 max-w-[360px] border border-solid border-[#e5e7eb] outline-none shadow-transparent;
      &:focus {
        @apply border-[#e5e7eb] shadow-none;
      }
    }
    .gp-textarea-field {
      @apply w-full rounded h-20 p-2 border border-solid border-[#e5e7eb];
      &:focus {
        @apply border-[#e5e7eb] shadow-none;
      }
    }
  }
}

.sticky-help-form .gp-action-button {
  @apply inline-flex text-white rounded border border-solid border-[#e5e7eb] py-2 px-[15px] no-underline bg-[#6458ed];
  &:hover {
    @apply bg-[#5a4fd5];
  }
}
.sticky-help-form span.ginger-error-message {
  @apply text-[#d00] text-xs inline-block pt-0.5;
}
.sticky-help-form .gp-form-field .gp-form-input .gp-input-field.ginger-input-error {
  @apply border border-solid border-[#d00];
}
.sticky-help-form .gp-form-field .gp-form-input .gp-textarea-field.ginger-input-error {
  @apply border border-solid border-[#d00];
}