input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

body.loading * {
  cursor: progress !important;
}

.hidden {
  visibility: hidden;
}

.canceled {
  color: #909090;
}

textarea.monospace {
  font-family: monospace;
  font-size: 1rem !important;
}

/* Extra-small devices (543px and below) */
@media (max-width: 543px) {
  div.container-results {
    padding: 0 0.4rem;
    background: none;
    background-color: transparent !important;
    border: none !important;
  }

  textarea.monospace {
    font-size: 0.6rem !important;
  }
}

/*
Extra small devices (portrait phones, less than 544px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/
.form-control {
  font-size: 0.70rem !important;
}

div, p, input, textarea {
  font-size: 0.70rem;
}

h1 {
  font-size: 1.40rem;
}

h2 {
  font-size: 1.20rem;
}

h3 {
  font-size: 1.00rem;
}

h4 {
  font-size: 0.80rem;
}

h5 {
  font-size: 0.75rem;
}

h6 {
  font-size: 0.60rem;
}

ul {
  padding-left: 1rem;
}

header.top {
  width: calc(100% - 1.5rem);
}

.nowrap {
  white-space: nowrap;
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
  .form-control {
    font-size: 0.90rem !important;
  }

  div, p, input, textarea {
    font-size: 0.90rem;
  }

  h1 {
    font-size: 1.60rem;
  }

  h2 {
    font-size: 1.40rem;
  }

  h3 {
    font-size: 1.20rem;
  }

  h4 {
    font-size: 0.90rem;
  }

  h5 {
    font-size: 0.80rem;
  }

  h6 {
    font-size: 0.70rem;
  }

  textarea.monospace {
    font-size: 0.8rem !important;
  }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .form-control {
    font-size: 1.00rem !important;
  }

  div, p, input, textarea {
    font-size: 1.00rem;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.50rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.10rem;
  }

  h5 {
    font-size: 1.00rem;
  }

  h6 {
    font-size: 0.80rem;
  }

  textarea.monospace {
    font-size: 0.9rem !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .form-control {
    font-size: 1.00rem !important;
  }

  div, p, input, textarea {
    font-size: 1.00rem;
  }

  h1 {
    font-size: 2.00rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.50rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1.10rem;
  }

  h6 {
    font-size: 0.90rem;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .form-control {
    font-size: 1.00rem !important;
  }

  div, p, input, textarea {
    font-size: 1.00rem;
  }

  h1 {
    font-size: 2.50rem;
  }

  h2 {
    font-size: 2.00rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.50rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.00rem;
  }
}