/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#bt_otpfy_send_otp_div,
#bt_otpfy_vf_otp_div {
  padding: 20px 40px;
  margin: auto;
  background-color: whitesmoke;
  border: 1px dashed  black;
  border-radius: 15px;
  min-width: 230px;
  max-width: 360px;
  box-sizing: content-box;
}
@media only screen and (max-width: 600px) {
  #bt_otpfy_send_otp_div,
  #bt_otpfy_vf_otp_div {
    padding: 10px 20px;
  }
  #bt_otpfy_send_otp_div h3,
  #bt_otpfy_vf_otp_div h3 {
    font-size: 18px;
  }
}
.bt_otpfy_hide_div,.login_form_checkout_page .bt_otpfy_hide_div{
  display: none !important;
}
#bt_otpfy_send_otp_div h3,
#bt_otpfy_vf_otp_div h3 {
  padding-bottom: 10px;
  text-align: center;
  margin: 0;
  font-size: 24px;
}
#bt_otpfy_send_otp_div p,
#bt_otpfy_vf_otp_div p {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  padding: 0px 0px;
  margin: 0px;
}
#bt_otpfy_send_otp_div > span,
#bt_otpfy_vf_otp_div > span {
  font-size: 15px;
  text-align: center;
}
#bt_otpfy_email_phone_input::placeholder,
#bt_otpfy_vf_code_input::placeholder {
text-align: center;
font-size: 12px !important;
color:#585858;
}


#bt_otpfy_email_phone_input,
#bt_otpfy_vf_code_input {
  margin: 10px 0px 5px 0px;
  border-radius: 15px;
  border: 1px solid black;
  font-size: 15px !important;
  line-height: 10px !important;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  text-align: center;
}

/* Chrome, Safari, Edge, Opera */
#bt_otpfy_vf_code_input::-webkit-outer-spin-button,
#bt_otpfy_vf_code_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
#bt_otpfy_vf_code_input[type="number"] {
  -moz-appearance: textfield;
}
#bt_otpfy_email_phone_input:focus,
#bt_otpfy_vf_code_input:focus {
  border: 1px solid black;
}
#bt_otpfy_send_vf_code_btn,
#bt_otpfy_vf_code_btn {
  margin: 5px 0px 10px;
  width: 100%;
  border-radius: 15px;
  font-size: 15px !important;
  line-height: 10px !important;
  padding: 10px;
  height: 40px;;
  box-sizing: border-box;
}
#bt_otpfy_vf_otp_div > a {
  font-size: 12px;
  line-height: 18px;
}
#bt_otpfy_send_server_mess,
#bt_otpfy_vf_server_mess {
  color: red;
}

/* layout On checkout page  */
.login_form_checkout_page #bt_otpfy_send_otp_div,
.login_form_checkout_page #bt_otpfy_vf_otp_div,
.login_form_checkout_page .bt_otpfy_otp_login_form {
  width: 100% !important;
  max-width: 100% !important;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  box-sizing: border-box;
}

/* loader */

.btn-ring {
  display: inline-block;
}
.btn-ring:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: -5px 0px -5px 20px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: ring 1.2s linear infinite;
}
@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bt_otpfy_disabled {
  display: none;
}
.otpfy-form-footer{
  margin: 8px;
  text-align: center;
}
.mo-openid-app-icons{
  text-align: center;;
}