@charset "UTF-8";

body {
  font-family: 'Fira Mono', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background-color: rgb(246, 248, 251);
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

a:focus {
  text-decoration: none;
  color: inherit;
}

i.cc {
  font-size: 1.5em;
}

#logo {
  text-align: center;
  display: inline-block;
  color: white;
  background-color: rgb(20, 20, 20);
  border-radius: 4px;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
  vertical-align: middle;
}

#header {
  margin-top: 20px;
  margin-bottom: 30px;
}

h1 {
  font-size: 1.5em;
}

.sign-in .form-control {
  margin-bottom: 20px;
  border-radius: 2px;
  border: none;
  background-color: white;
}

.sign-in .submit {
  background-color: rgb(20, 20, 20);
  color: white;
}

.api-credentials-form .form-control {
  margin-bottom: 20px;
  border-radius: 2px;
  border: none;
  background-color: white;
}

.api-credentials-form .submit {
  background-color: rgb(20, 20, 20);
  color: white;
}

.otp-enroll .form-control {
  margin-bottom: 20px;
  border-radius: 2px;
  border: none;
  background-color: white;
}

.otp-enroll .submit {
  background-color: rgb(20, 20, 20);
  color: white;
}
.form-message {
  background-color: rgba(255, 6, 6, .33);
  border-radius: 2px;
  line-height: 50px;
}

.form-message.message-ok {
  background-color: rgba(33, 255, 72, .33);
}

#main {
  padding-top: 100px;
}

.box {
  position: relative;
  background-color: rgb(250, 250, 250);
  box-shadow: 0 2px 6px 2px rgba(0,0,0,.05);
  border-radius: 4px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}