/**
 * Mm Ajax Login CSS
 */

.mm-ajax-login {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba( 0, 0, 0, 0.7 );
	opacity: 0;
	display: none;
	-webkit-transform: translate( 0px, -100% ) scale( 0, 0 );
	   -moz-transform: translate( 0px, -100% ) scale( 0, 0 );
	    -ms-transform: translate( 0px, -100% ) scale( 0, 0 );
	     -o-transform: translate( 0px, -100% ) scale( 0, 0 );
	        transform: translate( 0px, -100% ) scale( 0, 0 );
}

.mm-ajax-login.open {
	display: block;
	-webkit-transform: translate( 0px, 0px ) scale( 1, 1 );
	   -moz-transform: translate( 0px, 0px ) scale( 1, 1 );
	    -ms-transform: translate( 0px, 0px ) scale( 1, 1 );
	     -o-transform: translate( 0px, 0px ) scale( 1, 1 );
	        transform: translate( 0px, 0px ) scale( 1, 1 );
}

.mm-ajax-login,
.mm-ajax-login-inner {
	-webkit-transition: opacity 0.2s ease-in-out;
	   -moz-transition: opacity 0.2s ease-in-out;
	    -ms-transition: opacity 0.2s ease-in-out;
	     -o-transition: opacity 0.2s ease-in-out;
	        transition: opacity 0.2s ease-in-out;
}

.mm-ajax-login-inner {
	margin: 0 auto;
	padding: 20px;
	width: 400px;
	max-width: 92%;
	opacity: 0;
	background-color: #fff;
}

.mm-ajax-login.visible,
.mm-ajax-login-inner.visible,
#mm-ajax-login-status.visible {
	opacity: 1;
}

#mm-ajax-login-status {
	opacity: 0;
}

.mm-ajax-login .close-button {
	float: right;
	font-size: 22px;
	padding: 5px 15px;
}

#mm-ajax-login-form {
	padding-top: 2px;
}

.mm-ajax-login-form-title {
	margin-top: 0;
	margin-bottom: 10px;
	clear: none;
}

#mm-ajax-login-status {
	margin-bottom: 10px;
}

#mm-ajax-login-form p {
	margin-bottom: 15px;
}

#mm-ajax-login-form p.login-buttons {
	margin-bottom: 0;
}

#mm-ajax-login-form label {
	display: block;
	margin-bottom: 6px;
}

#mm-ajax-login-username,
#mm-ajax-login-password {
	width: 100%;
	box-sizing: border-box;
}

#mm-ajax-login-rememberme {
	margin-right: 10px;
}

#mm-ajax-login-form .login-remember label,
#mm-ajax-login-submit-button {
	cursor: pointer;
}