/*******             *******/
/*******     All     *******/
/*******             *******/
input{

	padding: 5px 8px;
	font-size: 18px;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: calc(100% - 18px);
	margin: 5px 0px;

}

textarea{

	width: 100%;
	height: 140px;
	font-size: 18px;
	padding: 5px 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: calc(100% - 18px);
	margin: 5px 0px;
	font-family: sans-serif;
	resize: none;

}

body{

	background-color: #56a7ff;

}
/*******             *******/
/*******     All     *******/
/*******             *******/






/*******             *******/
/*******   Classes   *******/
/*******             *******/
.dashboard_register_div{

	width: 100%;
	padding-bottom: 50px;
	background-color: #56a7ff;
	padding: 50px 0px;

}

.dashboard_register_container{

	width: calc(80% - 100px);
	max-width: 800px;
	margin: auto; 
	margin-top: 50px;
	background-color: #fff; 
	padding: 80px 100px 120px 100px; 
	border-radius: 3px;
	border: 1px solid #ddd;

}

.dashboard_register_button{

	background-color: #A177FF;
	color: #fff;
	text-align: center;
	padding: 15px 50px;
	font-size: 20px;
	font-family: sans-serif;
	border-radius: 3px;
	display: inline-block;
	margin: 0px auto;
	cursor: pointer;

}

.dashboard_register_button_container{

	width: 100%; 
	margin: 0px auto; 
	text-align: center;

}

.dashboard_register_button:hover{

	background-color: #b18eff;

}

.dashboard_register_button:active{

	background-color: #8d62ef;

}

.dashboard_register_title{

	text-align: center; 
	font-size: 28px; 
	font-family: sans-serif; 
	padding: 20px 0px 30px 0px; 
	color: #555;

}

.dashboard_login_register_main_title{

	font-size: 50px; 
	width: 100%; 
	font-family: sans-serif; 
	font-weight: 800; 
	color: #7848e4; 
	padding-top: 40px;
    padding-bottom: 10px; 
	text-align: center;

}

.dashboard_login_register_secondary_title{

	font-size: 25px; 
	width: 100%; 
	font-family: sans-serif; 
	font-weight: 800; 
	color: #0072e1; 
	padding: 20px 0px 40px 0px; 
	text-align: center;

}

.registration_divider_container{

	display: flex; 
	position: relative; 
	margin: 40px 0px;

}

.registration_divider_circle, .registration_divider_circle_selected{

	display: inline-block; 
	padding: 17.125px 29px; 
	text-align: center; 
	border-radius: 200px; 
	font-size: 40px; 
	font-family: sans-serif; 
	color: #999; 
	border: 4px solid #ccc;

}

.registration_divider_circle_selected{

	color: #fff; 
	background-color: #A177FF;
	border: 4px solid #A177FF;

}

.registration_divider_line, .registration_divider_line_selected{

	display: inline-block; 
	background-color: #ccc; 
	width: 100%; 
	height: 4px; 
	margin: 40px 0px;

}

.registration_divider_line_selected{

	background-color: #A177FF;

}

.registration_divider_text, .registration_divider_text_selected{

	position: absolute; 
	background-color: #fff; 
	left: 140px; 
	padding: 27px 30px; 
	font-size: 25px; 
	font-family: sans-serif; 
	color: #999;

}

.registration_divider_text_selected{

	color: #A177FF;

}

.registration_inputs_container{

	display: block; 
	overflow: hidden; 
	width: 100%;

}

.registration_inputs_container > div{

	width: calc(100% - 100px); 
	float: right;

}

.registration_inputs_divider{

	width: 100%; 
	height: 20px;

}

.registration_account_plan_container{

	position: relative;
	width: 33%; 
	height: 100%; 
	display: inline-block;

}

.registration_account_plan_div{

	margin: 20px; 
	cursor: pointer;
	border: 1px solid #eee;
	position: absolute; 
	top: 0px; 
	bottom: 0px; 
	left: 0px; 
	right: 0px; 
	border-radius: 10px; 
	background-color: #f8f9ff;
	-webkit-transition: 0.5s;
    transition: 0.5s;

}

.registration_account_plan_div:hover{

	background-color: #fff;
	-webkit-transform: scale(1.05);
    transform: scale(1.05);

}

.registration_account_plan_div_selected{

	background-color: #fff;
	margin: 20px; 
	cursor: pointer;
	border: 1px solid #eee;
	position: absolute; 
	top: 0px; 
	bottom: 0px; 
	left: 0px; 
	right: 0px; 
	border-radius: 10px; 
	-webkit-transform: scale(1.05);
    transform: scale(1.05);

}

.registration_inputs_success_msg{

	display: none;
	font-family: sans-serif; 
	font-size: 20px; 
	color: #4bd74d; 
	margin: 20px 0px; 
	text-align: center;

}

.registration_inputs_error_msg{

	display: none;
	font-family: sans-serif; 
	font-size: 20px; 
	color: #f13d07; 
	margin: 20px 0px; 
	text-align: center;

}

.registration_login_goto_other_option{

	font-size: 15px; 
	font-family: sans-serif;
	text-decoration: none;

}

.registration_login_goto_other_option a{

	color: #303b50;

}

.registration_login_goto_other_option a:hover{

	text-decoration: underline;

}

.register_terms_and_services_link{

	margin-left: 10px; 
	font-size: 15px; 
	color: #303b50; 
	text-decoration: none;

}

.register_terms_and_services_link a{

	color: #303b50;

}

.register_terms_and_services_link a:hover{

	text-decoration: underline;

}

.trial_30days_panel{

	font-family: sans-serif; 
	position: absolute; 
	top: 50px; 
	left: -50px; 
	border-radius: 80px;
	font-size: 25px; 
	color: #fff; 
	padding: 10px 30px; 
	background-color: #a177ff; 
	transform: rotate(-30deg);

}
/*******             *******/
/*******   Classes   *******/
/*******             *******/






/*******            *******/
/*******    ID's    *******/
/*******            *******/
#next_step_register_button{

	display: inline-block;

}

#user_register_button{

	display: none;

}

#store_register_add_photo_button, #user_register_add_photo_button{

	width: 200px;
    height: 200px;
    cursor: pointer;
    background-color: #ddd;
    position: relative;
    display: inline-block;

}

#store_register_store_photo_div,
#user_register_photo_div{

	width: 200px;
    height: 200px;
    position: relative;
    display: none;

}

#store_register_add_photo_button > div, 
#user_register_add_photo_button > div {
    width: 100%;
    height: 100%;
    position: absolute;
}

#store_register_add_photo_button > div > div, 
#user_register_add_photo_button > div > div{

	width: 50px;
    height: 50px;
    background-image: url('../imgs/dashboard/add_white.png');

}

#registration_inputs_num_1, #registration_inputs_num_2, #registration_inputs_num_3, #registration_inputs_num_4, #registration_inputs_num_5{

	display: none;

}

#registration_final_error_msg{

	position: absolute;
    top: -30px;
    margin: 0px auto;
    text-align: center;
    width: 100%;

}

#checkout_paynow_button{

	width: calc(100% - 4px); 
	font-weight: 700; 
	font-size: 18px; 
	margin-top: 36px; 
	padding: 10px 0px; 
	text-align: center; 
	background-color: #eaeeff; 
	color: #8890af; 
	border-radius: 10px; 
	border: 2px solid #8890af;

}

#checkout_paynow_button:hover{

	background-color: #f4f6ff;

}
/*******            *******/
/*******    ID's    *******/
/*******            *******/





@media only screen and (min-width : 780px) and (orientation: portrait) {

	input{

		padding: 8px 15px;
		font-size: 35px;
		border: 1px solid #ddd;
		border-radius: 3px;
		width: calc(100% - 18px);
		margin: 10px 0px;
	
	}
	
	textarea{
	
		height: 240px;
		font-size: 35px;
		padding: 8px 15px;
		border-radius: 3px;
		width: calc(100% - 18px);
		margin: 10px 0px;
	
	}

	.dashboard_register_container{

		width: calc(80% - 100px);
		margin-top: 180px;
		margin-bottom: 200px;
	
	}

	.dashboard_register_button{

		padding: 15px 80px;
		font-size: 35px;
		margin-top: 50px;
	
	}

	.dashboard_login_register_main_title{

		font-size: 50px; 
	
	}
	
	.dashboard_login_register_secondary_title{

		font-size: 40px;

	}

	.registration_login_goto_other_option{

		font-size: 28px;

	}

	.trial_30days_panel{

		top: 10px;
		font-size: 40px;
		transform: rotate(-18deg);

	}

}