/* ---------------------------------------------------- */ /* auth box */
#auth{
	background: #f1f1f1;
	background-position: center;
	background-repeat: no-repeat;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#auth > .section_cell{ position: relative; padding: 30px 7px 30px 7px; }

#auth .auth_box{
	margin: auto;

	width: 100%;
	max-width: 500px;
	height: auto;
	overflow: hidden;

	background: #FFFF;

    position: relative;
	z-index: 2;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
    box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}

#auth .auth_box .ab_top{ padding: 30px 50px 40px 50px; }
#auth .auth_box .ab_bottom{ padding: 30px 50px 30px 50px; background: #ffffff; }

/* ---------------------------------------------------- */ /* auth logo */
#auth .ab_logo{ margin: 0px auto 30px auto; width: 100%; overflow: hidden; text-align: center; }
#auth .ab_logo a{ /* float: left;*/ }
#auth .ab_logo img{	margin: 0px 0px 0px 0px; width: auto; max-width: 370px; height: auto;  }

/* ---------------------------------------------------- */ /* auth description */
#auth p.ab_description{	margin: 30px auto 30px auto; font-size: 14px; line-height: 140%; text-align: left; }
#auth p.ab_description.ab_description_sent{	margin: 30px auto 0px auto; font-weight: bold; }

/* ---------------------------------------------------- */ /* auth message */
#auth p.ab_message{	margin: 30px auto 30px auto; font-size: 16px; text-align: center; }

/* ---------------------------------------------------- */ /* auth form */
#auth .ab_form{	margin: 0px 0px 0px 0px; }
#auth .ab_separator{ margin: auto; width: 100%; height: 1px; background-color: #e0e0e0; }

#auth .ab_form{ margin: 0px auto 0px auto; max-width: 500px; }
#auth .ab_form p{ margin: 10px 0px 0px 0px; font-size: 14px; font-weight: bold; text-align: left; }

#auth .ab_form .main_auth_data input{ text-transform: lowercase; }
#auth .ab_form input{
	margin: 5px 0px 5px 0px;
	width: 100%;

	font-size: 14px;
	border: 1px solid #d8d8d8;
	padding: 12px 10px 12px 10px;
}

#auth .ab_form input:focus, #auth .ab_form button:focus{
	-webkit-outline: none; -moz-outline: none; -ms-outline: none; -o-outline: none; outline: none;
}

#auth .ab_form_tyc{ margin: 10px 0px 0px 0px; }
#auth .ab_form_tyc .ab_f_checkbox{ width: 15px; }
#auth .ab_form_tyc input{ display: inline-block; vertical-align: middle; margin: 0px; width: 15px; height: 15px; }
#auth .ab_form_tyc p{ display: inline-block; vertical-align: middle; margin: 0px 0px 0px 5px; }
#auth .ab_form_tyc p a:hover{ text-decoration: underline; }
#auth .ab_form_tyc p *{ font-size: 13px; }

#auth .ab_form_bottom{ margin: 15px 0px 0px 0px; }
#auth .ab_form_bottom.ab_form_register{ margin: 20px 0px 0px 0px !important; }

#auth .section_container .ab_form_login p.ab_button{ margin: 0px 0px 0px 10px !important; }
#auth .section_container p.ab_button{
	display: inline-block;
	margin: 0px 0px 0px 0px;

	
	border-style: solid;
	
	cursor: pointer;

	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

#auth .section_container p.ab_button button, #auth .section_container a p.ab_button{
	color: inherit;
	font-size: 14px;

	text-transform: capitalize;
	text-decoration: none;
	background: var(--secun1, #EFC65E);
	border-radius: 100px;

	font-weight: bold;

	cursor: pointer;
    padding: 8px 35px 8px 35px;
	transition: all 0.3s ease-in-out;
}

#auth .section_container p.ab_button button:hover, #auth .section_container a p.ab_button:hover{
	background-color: #4a889e;
	transition: all 0.3s ease-in-out;
}

/* ---------------------------------------------------- */ /* auth change auth */
#auth .ab_bottom .ab_change_auth_option{ text-align: center; padding: 0px 0px 10px 0px; }
#auth .ab_bottom .ab_change_auth_option p, #auth .ab_change_auth_option p *{ font-size: 13px; }
#auth .ab_bottom .ab_change_auth_option a{ font-weight: bold; }

/* ---------------------------------------------------- */ /* auth tyc */
#auth .ab_bottom .ab_tyc{ padding: 20px 0px 0px 0px; }
#auth .ab_bottom .ab_tyc p, #auth .ab_bottom .ab_tyc p *{ line-height: 140%; }

/* ---------------------------------------------------- */ /* auth confirm */
p.confirm_email_sent_to, p.confirm_email_sent_to *{	font-size: 14px; line-height: 140%; }

@media only screen and (max-width: 500px) {
	#auth > .section_cell{ padding: 30px 7px 30px 7px; }
	#auth .auth_box .ab_top{ padding: 50px 30px 40px 30px; }
	#auth .auth_box .ab_bottom{ padding: 30px 30px 30px 30px; }
}

/* ---------------------------------------------------- */ /* auth legales */
#auth .auth_box.legales p.legal_text{
	text-align: left;
}

#auth .auth_box.legales p.legal_text b{ font-weight: bold; }
#auth .auth_box.legales p.legal_text u{ text-decoration: underline; }