.form_wrapper{width:475px; margin: 10px auto; background:#fff; border-radius:5px; box-shadow:0 0 10px #ccc; padding: 22px;}
.logo_box{}
.logo_box img{margin:10px auto; text-align: center; height:42px; display: block;}
.tudo_form{ margin-top: 30px;}
.tudo_form h4{ font-size: 25px; color:#000; text-align: left; font-family: 'Poppins', sans-serif; font-weight: 900;}
.tudo_form p{ font-size: 15px; color:#697279;text-align: left; font-family: 'Poppins', sans-serif; font-weight: normal;}


.rd-btn{display: block; margin-bottom: 0.9rem; font-size:15px;}

label > input[type="radio"] {
  display: none;
}
label > input[type="radio"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: gray;
font-family: 'Poppins', sans-serif; font-weight: 900;
}
label > input[type="radio"]:checked + * {
  color: #1ed760;
font-family: 'Poppins', sans-serif; font-weight: bold; line-height: 17px;
	font-size:17px;
}


label > input[type="radio"]:checked + *::before {
  background: radial-gradient(#1ed760 0%, #1ed760 40%, transparent 50%, transparent);
  border-color: #1ed760;
	font-family: 'Poppins', sans-serif; font-weight: 900;
}

label > input[type="radio"] + * {
  display:block;
  padding: 0.1rem 0rem;
font-family: 'Poppins', sans-serif; font-weight: 900;
	    line-height: 17px;
}




::-webkit-input-placeholder { /* Edge */
color: #000 !important;
}


.form-input {font-family: 'Poppins', sans-serif; font-weight: bold; margin: 4px 0 26px 0;}
.form-input span{display: block; font-size: 12px; font-weight:bold; color:#B7B7B7;}

.form-input input, .form-input select{outline: none; border-bottom:#F2F2F2 solid 2px; font-family: 'Poppins', sans-serif; box-shadow: none;border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; color:#000 !important; font-weight:bold; font-size: 14px; width: 400px; padding: 3px 0;

}

.continue_btn{background:#1ed760; padding: 8px; width: 415px; display: inline-block; border-radius:5px; text-decoration: none; margin: 0 auto; color:#fff; text-align: center;}	

.continue_btn:hover{ text-decoration: none; color:#fff; background:#1bc357;}

.disable_cl { opacity: 0.6;pointer-events: none; background-color: #8f8f8f;}


/*sign in page css start here*/

.outerWrap{display:table; height:100%;  margin: 0 auto; background:#fafafa;}
.innerWrap{display:table-cell; vertical-align:middle;}
.innerWrap #signinForm{ background:#fff; border:1px solid #bdbdbd; border-radius: 8px;  padding:15px 60px;  width:450px; }

#signinForm{ font-family: 'Poppins', sans-serif;}

#signinForm h3{ font-size: 20px; color:#000; text-align: left; font-family: 'Poppins', sans-serif; font-weight: bold; margin-top: 34px;}
#signinForm p{ font-size: 13px; color:#697279; text-align: left;  font-weight: 600;}

.num_col{display:inline-flex; border-bottom: 2px solid #ccc; padding-bottom: 9px; margin-top: 20px;}
.flag_num{ border-right:1px solid #000; padding-right: 3px;}
.flag_num img{margin-right: 5px; height: 20px;}
.flag_num span{color:#ccc; font-size: 20px; font-weight: bold; display:inline-block; margin-right: 5px;}
.num_input input{border: none; outline: none; border-color: transparent; color: #000; font-size:21px; margin-left: 10px; width: 230px; font-family: 'Poppins', sans-serif; font-weight: bold;}

.s_btn{margin-top: 50px; margin-bottom: 30px;}

.s_btn a{text-decoration: none; padding: 9px; width: 100%; display:inline-block; text-align: center;color: #fff; background:#1ed760; font-size: 12px; font-weight: bold; border-radius: 4px; font-family: 'Poppins', sans-serif;} 

.s_btn a:hover{text-decoration: none; color:#fff; background:#1bc357;}

.m_num{color: #000; font-size:21px; font-family: 'Poppins', sans-serif; font-weight: bold; margin-top: 14px;}

.userInput{
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.userInput input{
	margin: 10px;
	height: 35px;
	width: 45px;
	border-bottom:2px solid #ccc;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 1.2rem;
	color: #000;
	font-weight: bold;
	outline:none;
	border-left-color: transparent; border-top-color: transparent; border-right-color: transparent;
	

}






@media (min-width: 320px) and (max-width: 600px){
	
	.form_wrapper{width: 100%;}
	.form-input input, .form-input select{width: 100%;}
	.continue_btn{width: 100%;}
	.form_wrapper{margin:0 auto;}
	
	.innerWrap #signinForm{width: 100%; padding: 15px 35px;}
	.num_input input{width: 100%; font-size: 15px;}
	.flag_num span{font-size: 15px;	}
	.flag_num img{height: 16px;}
	.userInput input{width:33px; font-size:1rem;}
	
}