button.auth-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 449px;
  margin-top: 12px;
}

input.auth-code-input {
  width: 13%;
  max-width: 62px;
  min-width: 48px;
  height: 70px;
  font-size: 20px;
  padding: 0px;
  text-align: center;
  margin: 24px 12px 0px 12px;
}

input.auth-code-input.auth-code-seven {
  min-width: 28px;
}

span.auth-code-input-dash {
  width: 15px;
  height: 4px;
  left: 122px;
  top: 40px;
  background: #BBBBBB;
  margin: 56px 2px 0px 2px;
}

div.standard-page-content#dailyCodePage,
div.standard-page-content#firstTimePage {
  display: none;
}

div.auth-code-section {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
}

div.form-group-title#userNameTitle {
  color: #1372E2;
}


span.instructions#dailyCodeInstructions {
  color: #1372E2;
}

button.next-button.verify-button {
  width: 449px;
  margin-top: 24px;
}

@media(max-width: 640px) {
  input.auth-code-input {
    border: none;
    margin: 2px 0px 2px 0px;
  }

  div.auth-code-section {
    border: 1px solid #BBBBBB;
    margin-top: 24px;
    background: #FFFFFF;
  }

  span.auth-code-input-dash {
    margin-top: 36px;
  }
}