/* Display no JS version by default */

.supported-browser,
.outdated-browser,
.unsupported-browser {
  display: none;
}

.no-js {
  display: initial;
}

#skip-verification,
#verify-button,
#verifying-download,
#verification-successful,
#verification-failed,
#verification-failed-again,
#verification-error,
#skip-download,
#tails-version,
#try-another-mirror,
.use-mirror-pool-on-retry {
  display: none;
}

/* Layout */

#content {
  padding-left: 0 !important;
}

span.step-number {
  display: inline-block;
  width: 35px;
}

.indent {
  margin-left: 35px !important;
}

#step-download {
  min-height: 7em;
}

#step-verify, #step-continue {
  margin-top: 4em;
}

/* Buttons */

.button {
  color: black !important;
  background: #53b351 !important;
  border: none !important;
  padding: 6px 12px !important;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #ccc;
}

#verify-button input {
  display: none;
}

/* Download */

#download-minor {
  margin-top: 1.5em;
}

/* FLOATING TOGGLEABLE FOR 'WHY?' CONTEXTUAL HELP */

/* Hide toggleable by default so they don't appear when there is no JavaScript. */
.floating-toggleable-link {
  display: none;
  margin: 0;
}

.floating-toggleable div.toggleable {
  display: none;
  background: white !important;
  border: 1px solid #53b351 !important;
  -webkit-box-shadow: 5px 5px #53b351;
  box-shadow: 5px 5px #53b351;
  padding: 15px 30px !important;
  margin: -1em auto !important;
  position: absolute !important;
  text-align: left;
  font-size: 13px;
  z-index: 1;
  width: 35em;
}

/* X for closing the toggle */
.floating-toggleable a.toggle {
  border: none !important;
  cursor: pointer;
  position: absolute;
  right: 7px;
  top: 5px;
}

#javascript-verification-tip, #verification-failed, #verification-failed-again {
  position: relative;
}

.why-verify-link, .why-failed-link, .why-failed-again-link {
  position: absolute;
  top: 0;
  left: 35em;
}

#bittorrent-verification-tip {
  display: none;
}

/* Skip verification */

#skip-verification a {
  color: #e8112d;
  border-color: #e8112f;
  border-size: 2px;
}

/* Progress bar */

.progress {
  max-width: 100%;
  border-radius: 3px;
}

.progress-bar {
  background: #53b351;
  height: 15px;
}

/* Verification results */

img.icon {
  margin-right: 15px;
  vertical-align: bottom;
}

#verification-error {
  margin-top: 1.5em;
}

#continue-link li {
  margin-left: 1em;
}

/* OpenPGP */

#openpgp {
  margin-top: 5em;
}

#openpgp h3 {
  margin-top: 3em;
}

#openpgp pre, #openpgp p.pre {
  min-width: 60em;
  width: 60em;
}