.c_reset_backtologin {
    padding: 7px !important;
    float: left !important;
    margin: 0 10px !important;
    font-family: inherit !important;
    text-transform: initial !important;
    letter-spacing: 0px !important;
    border-color: transparent !important;
    transition: opacity 0.3s ease-in-out;
    opacity: 0.85 !important;
    color: #fff !important;
    border-radius: unset;
    background-color: #46b8da !important;
}
.c_signup_link_btn, .c_reset_login_btns {
    width: 100% !important;
}
.c_signup_link_btn a.btn{
	background: transparent;
}
.c_signup_link_btn,.c_reset_login_btns
{
	> div.pull-right
{
	.common-div;
	.mb(8px);
}
}
.clarico_signup,.oe_reset_password_form
{
	max-width:400px !important;
	display:block;
	margin:0px auto;
	padding: 15px;
    background-color: #fff;
    padding-bottom: 50px;
}
.oe_reset_password_form
{
	background-color: #fff !important;
    padding: 15px;
    padding-bottom: 50px;
    top: 4%;
}


.c_signup_input,.c_reset_input
{
		border: none;
		border-bottom: 1px solid #CCC;
		border-radius: 0;
		box-shadow: unset;
		.mb(5%);
		background: transparent;
		position:relative;
		display:inline-block;


		&:focus
		{
			border-bottom: 2px solid cornflowerblue;
			box-shadow: unset;
			transition:width 0.5s linear;
		}
}
.c_signup_btn,.reset_submit_btn
{
	background-color:@theme-color !important;

	&:hover
	{
		.bg(@theme-color);
	}
}
.back_to_login_text,.c_reset_backtologin
{
    padding: 7px !important;
    float: left !important;
    /* background-color: transparent; */
    margin: 0 10px !important;
    font-family: inherit !important;
    text-transform: initial !important;
    letter-spacing: 0px;
    border-color: transparent !important;
    transition: opacity 0.3s ease-in-out;
    opacity: 0.85 !important;
    color: #fff !important;
    border-radius: unset;
    background-color: #46b8da !important;

	&:hover
	{
		color:@theme-color;
		.bg(transparent);
	}
}
.c_reset_login_btns,.oe_login_buttons
{
		.pull-right
		{
			 padding: 7px !important;
    float: left !important;
    /* background-color: transparent; */
    margin: 0 10px !important;
    font-family: inherit !important;
    text-transform: initial !important;
    letter-spacing: 0px !important;
    border-color: transparent !important;
    transition: opacity 0.3s ease-in-out;
    opacity: 0.85 !important;
    color: #fff !important;
    border-radius: unset;
    background-color: #46b8da !important;
			//.common-div;
			//float:none !important;

		a:first-child
		{
			color:@theme-color;
			padding: 2px 12px;
			display:block;
		 	width:auto;
			.left();
			.mb(10px);
			.pl(0);
		}
	}

}
@media (max-width: 600px){
.oe_login_buttons {
    margin-top: 0% !important;
}
}
@media (max-width: 800px){
.login_area, .clarico_signup, .oe_reset_password_form {
    margin-top: 22px !important;
    margin-left: 5% !important;
    width: 90% !important;
}
.oe_reset_password_form {
    margin-top: 22px !important;
    margin-left: 5% !important;
    width: 90% !important;
}
}