/* This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 *= require font-awesome
 */
body {
  font-family: Raleway;
  background-color: white;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529; }
  body h1 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  body p {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px; }
  body a {
    color: #007bff; }
    body a:hover {
      background-color: none;
      color: #007bff; }
    body a:visited {
      color: #007bff; }

header {
  top: 0;
  width: 100%;
  font-size: 16px;
  background-color: white;
  z-index: 9994;
  margin-bottom: 20px; }
  header .container {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
  header h1 {
    text-align: center;
    margin-top: 20px; }
  header .settings {
    text-align: center;
    margin-top: 20px; }
    header .settings a {
      display: inline;
      margin: 0 5px;
      color: #3a277a; }
      header .settings a:hover {
        color: #00838d; }
    header .settings .active {
      font-weight: bold; }

.logo-container {
  height: 75px; }

.logo {
  position: absolute;
  width: 180px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.content, .content-purchase {
  margin-bottom: 60px;
  background-color: #d5d5d5;
  padding: 70px 0; }
  .content h1, .content-purchase h1, .content h2, .content-purchase h2, .content h3, .content-purchase h3 {
    color: #00838d; }

.content-purchase {
  margin-bottom: 7px !important; }

.button, .button-green, .verification-button {
  color: #ffffff;
  border-color: rgba(58, 39, 122, 0.8);
  background-color: #3a277a;
  text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
  cursor: pointer;
  padding: 10px;
  border-radius: 3px;
  text-decoration: none; }
  .button:visited, .button-green:visited, .verification-button:visited {
    color: #ffffff; }
  .button:disabled, .button-green:disabled, .verification-button:disabled {
    cursor: default; }

.button-green {
  border-color: rgba(0, 131, 141, 0.8);
  background-color: #00838d; }

.verification-button {
  float: right; }

.status, .eth-status {
  font-weight: bold;
  font-family: Raleway;
  font-size: 1rem; }

.eth-status {
  text-transform: uppercase;
  margin-top: 10px; }

.pending {
  color: #FFef00; }

.failed {
  color: red; }

.verified {
  color: #00838d; }

.purple {
  color: #3a277a; }

.green {
  color: #00838d; }

form {
  margin-bottom: 20px; }

.ok {
  color: #00838d; }

.reserved_token_table th {
  padding: 0 30px 5px 0px; }

.box, .notice, .alert {
  border-radius: 6px;
  padding: 10px;
  background-color: white;
  font-size: 15px; }

.notice, .alert {
  color: #00838d;
  border-radius: 10px; }
  .notice p, .alert p, .notice ul, .alert ul {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px; }

.last, .lastw {
  margin-bottom: 0px; }

.lastw {
  margin-top: 0px; }

.warning {
  color: #ffb500; }

.alert {
  color: red; }

.red {
  color: red; }

.center {
  text-align: center; }

.margin-bottom {
  margin-bottom: 35px; }

.contract-address, .contract-ens, .transaction-parameters {
  margin: 20px;
  border-radius: 3px;
  background-color: #00838d;
  padding: 6px;
  font-size: 21px;
  color: white;
  text-align: center;
  font-family: monospace;
  word-wrap: break-word; }

.restart-verification {
  font-size: 14px;
  text-decoration: underline; }

.content-container {
  margin: 0 auto;
  padding: 0 80px;
  max-width: 850px; }
  @media screen and (max-width: 800px) {
    .content-container {
      margin: 0;
      padding: 0; } }
  .content-container .content, .content-container .content-purchase {
    padding: 50px 80px; }
    @media screen and (max-width: 800px) {
      .content-container .content, .content-container .content-purchase {
        margin: 0;
        padding: 20px 40px; } }

.blocked {
  color: red; }

a.document-link {
  font-size: 18px;
  text-decoration: underline;
  font-weight: bold;
  color: #3a277a; }
  a.document-link:hover {
    color: #00838d; }
  a.document-link:visited {
    color: #3a277a; }

.toggle-headline {
  color: #00838d; }
  .toggle-headline:hover {
    background-color: #d5d5d5;
    text-decoration: none;
    color: #00838d; }
  .toggle-headline:visited {
    color: #00838d; }

.process-section {
  margin-top: 30px; }

.check {
  float: right;
  color: #3a277a; }

.complete-icon {
  font-size: 45px;
  color: #00838d;
  float: right; }

.complete-text {
  padding-top: 12px; }

.reserved-tokens {
  margin-top: 50px; }
  .reserved-tokens .reserved_token_table {
    margin: 20px 0; }

.bold {
  display: inline;
  font-weight: bold; }

.transaction-parameters {
  margin: 5px auto 20px;
  font-size: 15px;
  background: none;
  border: 1px solid #00838d;
  color: black;
  max-width: 324px; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }