/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
.api-application-requests .content-wrapper {
  margin: 25px 0;
}

@media only screen and (min-width: 1024px) {
  .api-application-requests--index .width-wrapper {
    max-width: 900px;
  }
}
@media only screen and (min-width: 1400px) {
  .api-application-requests--index .width-wrapper {
    max-width: 1000px;
  }
}
.api-application-requests--index h1 {
  margin-top: 30px;
}
.api-application-requests--index .sign-up-button {
  margin: 20px 0;
}

.api-application-requests--create input[type=text],
.api-application-requests--edit input[type=text],
.api-application-requests--new input[type=text] {
  padding: 6px;
  width: 300px;
}
.api-application-requests--create .field-with-errors input,
.api-application-requests--edit .field-with-errors input,
.api-application-requests--new .field-with-errors input {
  border: 1px solid var(--color-background-error-high-contrast);
}
.api-application-requests--create textarea,
.api-application-requests--edit textarea,
.api-application-requests--new textarea {
  height: 200px;
  padding: 6px;
  width: 600px;
}

.api-application-requests--show .label {
  font-weight: bold;
}

.api-application-requests--account .api-application-detail {
  border: 1px solid var(--color-border-primary);
  padding: 15px;
}
.api-application-requests--account .api-application-detail .label {
  font-weight: bold;
}