#greyBar {
  height: 120px;
  background-color: #e6e6e8;
  z-index: 0;
}

#frmSignIn {
  color: #58595b;
  font-size: 12px;
  margin: auto;
  margin-top: -50px;
  width: 450px;
  border: 1px solid lightgray;
  box-shadow: 3px 3px 8px #888888;
  padding: 2px;
  background-color: whitesmoke;
  z-index: 1;
}

#borderBox {
  border: 1px solid lightgray;
  height: 100%;
  text-align: center;
}

#signInLogo {
  margin-top: 20px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}

#UsernameDiv {
  margin-top: 32px;
  padding: 20px;
}

#PasswordDiv {
  padding: 20px;
}

#UsernameDiv > span,
#PasswordDiv > span {
  width: 20%;
  font-weight: 700;
  font-size: 18px;
  margin-right: 30px;
}

#UsernameDiv > input,
#PasswordDiv > input {
  width: 60%;
  height: 30px;
  background-color: whitesmoke;
  border: 0;
  border-bottom: 2px solid lightgrey;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  outline: 0;
}

.g-recaptcha {
  display: inline-block;
  padding: 20px;
}

#SignInButtonDiv {
  display: flex;
  padding: 20px;
}

#FirstTime,
#ForgotPss,
#SignInButtonDiv > button {
  margin: auto;
}

#oktaRegister {
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#oktaRegister > div {
  position: relative;
  width: 650px;
  left: calc(50% - 325px);
  margin-top: 191px;
  margin-bottom: 20px;
}

#comingSoon {
  font-weight: bolder;
}

#pleaseRegister {
  text-decoration: underline;
  font-weight: bolder;
}

#oktaBody {
  font-size: 12px;
}

#oktaButton {
  font-size: 14pt;
  color: white;
  width: 158.25pt;
  border: solid #adadad 1.5pt;
  padding: 0 5.4px 0 5.4px;
  height: 20.35pt;
  text-decoration: none;
  line-height: 3;
}

#oktaFotter {
  font-size: 12px;
}