body { overflow:auto; }
.signup-page { background-color:#FFF; color:#000; }
.signup-page .logo { margin:0 auto; text-align: center; width:170px; margin:60px auto 30px auto; }

.signup-form { width:60%; margin:0 auto; padding:15px; background-color:#EEE; border-radius:4px; }
.signup-form h1 { font-size:24px; text-align:center; margin:20px 0; }
.signup-form .sf-w { margin:15px; }
.signup-form .sf-l { margin-bottom:5px; font-weight:bold; }
.signup-form .sf-v input[type="text"], 
.signup-form .sf-v input[type="number"],
.signup-form .sf-v input[type="email"], 
.signup-form .sf-v input[type="date"],
.signup-form .sf-v input[type="file"],
.signup-form .sf-v input[type="password"],
.signup-form .sf-v textarea,
.signup-form .sf-v select { width:100%; background-color:#FFF; padding:8px; font-size:14px; border:1px solid #CCC; border-radius:4px; }

.signup-form .sf-v #SignupBtn { width:110px; padding:6px 8px; font-size:14px; border:1px solid #000; margin:15px 0 0 0; background-color:#000; color:#FFF; }
.signup-form a.loginBtn { font-size:14px; border:1px solid #000; border-radius:4px; padding:6px 12px; margin:15px 8px 0 0; color:#000; float:right; display:inline-block; }
.signup-form a.suprt_btn { font-size:14px; background-color:#00ad58; color: #fff; padding:7px 12px !important; margin:15px 0 0 0; border-radius: 3px; float:right; display:inline-block; }

.signup-form .sf-v label { font-weight:normal; }

.signup-form .redmark { color:red; }
.signup-form .req_star:after { content:"*"; color:red; margin-left:2px; }

.signup-form .sf-v #frm_mobile_no, .signup-form .sf-v #frm_otp { width:70%; }
.signup-form .sf-v #verify,
.signup-form .sf-v #verified_btn,
.signup-form .sf-v #confirm { width:25%; float:right; padding:7px 0; text-align:center; background-color:#d01515; color:#FFF; border:1px solid #CCC; border-radius:4px; }
.signup-form .sf-v #resentotp { padding:3px 0; font-size:12px; }

.signup-form.response { position:relative; background-color: #4fde3a; color: #FFF; text-align: center; padding: 60px; font-size:22px; }
.signup-form.response span { font-size:16px; }
.signup-form.response i { font-size:42px; margin-top:30px; }

.signup-form.response a.fa-close { top:15px; right:15px; font-size:22px; padding:3px 0 0 0; width:30px; height:30px; border-radius:50%; border:1px solid #FFF; color:#FFF; position:absolute; display:block; }

#verified_btn { background-color:green !important; color:#FFF !important; }
#frm_otp, #confirm { margin-top:10px;  }

@media screen and (max-width:500px) {
	.signup-form { width:100%; }
}