.icon-wrapper {
  background-image: url("../img/product-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.no-spinners {
  -moz-appearance: textfield;
}

.text-shadow-status {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.text-shadow-ios {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}

.text-shadow-ios-badge {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}

#responseWrapper.success {
  border-color: #174713;
  background: linear-gradient(
    to bottom,
    #69b25b 0%,
    #329420 50%,
    #177c05 50%,
    #0f5c02 100%
  );
}

/* 2. Authentic iOS 6 Red Gloss (Error / Failure) */
#responseWrapper.error {
  border-color: #5c0808;
  background: linear-gradient(
    to bottom,
    #f46b6b 0%,
    #e22020 50%,
    #b20000 50%,
    #8c0000 100%
  );
}

fieldset > div > div {
  border-bottom: 1px solid #ababab;
  box-shadow: 0 1px 0 0 #ffffff;
}

fieldset > div > div:last-of-type {
  border-bottom: none;
  box-shadow: none;
}

.powered {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.preview-mode {
  overflow-y: auto !important;
}

@media (max-width: 1100px) {
  .fullscreen-mode {
    max-width: unset !important;
  }
}
@media (max-width: 800px) {
  .fullscreen-mode,
  .preview-mode {
    max-width: unset !important;
  }
}
@media (max-width: 500px) {
  .fullscreen-mode,
  .preview-mode {
    max-width: unset !important;
  }

  .back-btn {
    min-height: unset;
    min-width: unset;
  }
}

.company-wrapper,
.birthday-wrapper,
.phone-wrapper,
.newsletter-wrapper {
  display: none !important;
}