/* fb social login */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

#login_template_wrapper.dap-social-login , #login_template_wrapper.dap-social-login * {box-sizing: border-box;}

#login_template_wrapper.dap-social-login {font-family: 'DM Sans', sans-serif;}

#login_template_wrapper.dap-social-login {max-width: 100%; width: 100%; border: none; background:inherit; display: inline-block; float: none; vertical-align: top; text-align: left; margin: 0 auto; padding: 0; font-size: 16px; color: #333; text-align:center;}

#login_template_wrapper {font-family: 'Open Sans', sans-serif;text-align: center; display: inline-block; width: 100%; margin: 0;padding: 0;letter-spacing: normal;}

#login_template_wrapper .dap-social-login-inner {padding: 25px;margin: 0;float: left;width: 100%;}

#login_template_wrapper.dap-social-login .dap-social-login-heading {font-size: 24px;color: #000;font-weight: 600;text-align: center;margin: 0 0 15px 0;line-height:normal;padding: 0;}

#login_template_wrapper .error_message_div {padding: 0;font-weight: 500;font-size: 14px;text-align: center;display: block;margin: 0 0 20px 0;background: none;}

#login_template_wrapper .error_message_div p {margin: 0;padding: 13px !important;background: #f05b41;color: #fff;font-size: 14px; width:100%;display:inline-block; }

#login_template_wrapper .dap-social-login-form .form-group .form-control {width: 100%;background-color: #fff;padding-left: 6px;box-shadow: none;border: 1px solid #C5C5C5;height: 44px;border-radius: 3px;font-size: 14px;}

#login_template_wrapper form.dap-social-login-form , #login_template_wrapper .dap-social-login-form .form-group , 
#login_template_wrapper .dap-social-login-form .form-actions {/*display: inline-block;*/width: 100%;margin: 0;padding: 0;vertical-align: middle;}

#login_template_wrapper .dap-social-login-form .form-group {margin-bottom: 15px;}

#login_template_wrapper .dap-social-login-form .form-group.rememberMe-feild > input {margin: 4px 5px 0 0;display: inline-block;vertical-align: top;}

#login_template_wrapper .form-actions .submit-btn {width: 100%;padding: 15px 24px;font-size: 16px;font-weight: 600;border-radius: 3px;background-color: #4787fd;border: none;line-height: normal;color: #fff;cursor: pointer;}

#login_template_wrapper.dap-social-login .login-withfb-section {border-top: 1px solid #ddd;text-align: center;float: left;width: 100%;position: relative;margin: 15px 0 0 0;padding: 35px 25px 25px;background-color: #f9f9f9;}

#login_template_wrapper.dap-social-login .login-withfb-section span.or {background: #ffffff none repeat scroll 0 0;border-radius: 100%;color: #353232;font-size: 14px;font-weight: 800;padding: 0;position: absolute;text-transform: uppercase;top: -16px;left: 50%;width: 32px;height: 32px;line-height: 30px;margin: 0 0 0 -16px;border: 1px solid #ddd;z-index: 2;right: auto;bottom: auto;}

#login_template_wrapper .login-withfb-section .login_fb_btn {width: 100%;display: inline-block;margin: 0;padding: 0;text-align: center;height: auto;background: #4787fd;color: #fff;border-radius: 4px;font-size: 20px;font-weight: normal;line-height: 48px;border: none;box-shadow: none;outline: none;text-decoration: none;cursor: pointer;}

#login_template_wrapper .login-withfb-section .login_fb_btn i.fa {margin: 0 8px 0 0;padding: 0;display: inline-block;width: auto;}

#login_template_wrapper .login-withfb-section .login_fb_btn:hover {color: #fff;text-decoration: none;}
/*.form-actions .submit-btn:hover {opacity: 0.8;}*/

#login_template_wrapper .login-withfb-section .login_fb_btn:not([href]):not([tabindex]) {color: #fff !important;}
#login_template_wrapper .login-withfb-section .login_fb_btn > div {display: inline-block;}

#login_template_wrapper .form-actions .submit-btn {display: inline-block;text-align: center;}

#login_template_wrapper.dap-social-login .login_outer {display: inline-block;width: 100%;vertical-align: middle;margin: 0;padding: 0;}

#login_template_wrapper .dap-social-login-inner .create_forgot_link {margin: 15px 0 0 0;}
#login_template_wrapper .dap-social-login-inner .create_forgot_link a.create_account {
float: left;
}

#login_template_wrapper .dap-social-login-inner .create_forgot_link a.forgot_password {
	float: right;
}

#login_template_wrapper .error_message_div .dap_member_tiny_editor {
	display: inline-block;
	width: 100%;
	max-width: 100%;
}

#login_template_wrapper .dap-social-login-inner .create_forgot_link a {display: inline-block;width: auto;color: #4787fd;font-size: 16px;font-weight: 500;cursor: pointer;box-shadow: none;text-align: left;}

#login_template_wrapper .captcha_wrapper_outer {display: none;}

#login_template_wrapper .login_fb_btn,#login_template_wrapper .submit-btn.signin_btn{
font-size: 13pt;
}


/* Forgot or reset css */
#login_template_wrapper .login_outer, #login_template_wrapper #forgot_outer, #login_template_wrapper #reset_outer {max-width: 573px;width: 100%;margin: 0px auto;border: none;box-shadow: 0px 0px 9px 0px #ddd;background: #fff;box-shadow: rgb(153, 153, 153) 0px 0px 18px 4px;display: inline-block;display: inline-block;float: none;vertical-align: top;text-align: left;}

#login_template_wrapper #forgot_outer, #login_template_wrapper #reset_outer {padding: 0px 24px 24px;}

#login_template_wrapper #forgot_outer h1, #login_template_wrapper #reset_outer h1 {font-size: 20px;color: #000;font-weight: 600;text-align: center;margin: 0px;line-height: 80px;}

#login_template_wrapper .forgot_outer_sub_heading p {font-size: 15px;text-align: center;color: #212529;font-weight: 400;line-height: 1.5;margin-bottom: 16px;}

#login_template_wrapper #forgot_outer .form-group, #login_template_wrapper #reset_outer .form-group {margin-bottom: 20px;}

#login_template_wrapper #forgot_outer .form-control, #login_template_wrapper #reset_outer .form-control {height: 44px;border-radius: 3px;font-size: 15px;width: 100%;background-color: #fff;padding-left: 6px;box-shadow: none;border: 1px solid #C5C5C5;}

#login_template_wrapper #forgot_outer .forgot_btn_outer, #login_template_wrapper #reset_outer .reset_pass_btn_outer {text-align: center;}

#login_template_wrapper #forgot_outer .btn, #login_template_wrapper #reset_outer .btn {width: 100%;padding: 0 24px;line-height: 50px;font-size: 16px;font-weight: 700;border-radius: 3px;background-color: #4787fd;border: none;line-height: 48px;color: #fff;}

#login_template_wrapper .dap-social-fb-login-heading{
font-size: 18px;
    color: #000;
    font-weight: 300;
    text-align: center;
    margin: 0 0 15px 0;
    line-height: normal;
    padding: 0;
    float: left;
    width: 100%;
    display: inline-block;
    color: #4787fd;
    font-size: 16px;
    font-weight: 500;
}

#login_template_wrapper input[type=checkbox], input[type=radio] {
    height: 18px;
    width: 18px;
    min-width: 18px;
    margin: 0px 5px 0 0;
}

#login_template_wrapper .dap-social-login-form .form-group .form-control:focus {
    box-shadow: none;
    border-color: #C5C5C5;
}

#login_template_wrapper .dap-social-login-form .form-actions {
text-align: center;
}

.login-withfb-section .fa-spinner:before {    
    line-height: 48px;
}

@media (max-width: 640px){
	#login_template_wrapper .login_img img {
		max-height: 190px !important;
		object-fit: contain;
	}
}
