#regForm, #LoginForm,.wizard_container {



  background-color: #ffffff;



  margin: 10px auto;



  padding: 40px;



  width: 70%;



  min-width: 300px;



}



.header_section_cs{ text-align:center; }



.is_verified_user .dashicons.dashicons-admin-users {



	padding: 0px 10px;



	font-size: 23px;



}



.alert_msg_box{ text-align: center;  width: 100%; }



.is_verified_user {



	display: inline-block;



	padding: 10px;



	font-size: 23px;



}



#regForm{ display:none; }



#regForm.active{ display:block; }



#LoginForm{ display:none; }



#LoginForm.active{ display:block; }



.main_tabs {



	margin-top: 20px;



	display: block;



	width: 100%;



	text-align: center;



	font-size: 30px;



}



.main_tabs .login, .main_tabs .register {



    border: 1px solid #ccc;



    padding: 5px 20px;



}



.main_tabs .active {



	background-color: #ccccd1;



	padding: 5px 20px;



}



/* Style the input fields */



input {



  padding: 10px;



  width: 100%;



  font-size: 17px;



  font-family: Raleway;



  border: 1px solid #aaaaaa;



}







/* Mark input boxes that gets an error on validation: */



input.invalid {



  background-color: #ffdddd;



}







/* Hide all steps by default: */



.tab {



  display: none;



}







/* Make circles that indicate the steps of the form: */



.step {



  height: 15px;



  width: 15px;



  margin: 0 2px;



  background-color: #bbbbbb;



  border: none;



  border-radius: 50%;



  display: inline-block;



  opacity: 0.5;



}







/* Mark the active step: */



.step.active {



  opacity: 1;



}







/* Mark the steps that are finished and valid: */



.step.finish {



  background-color: #4CAF50;



}