.mm-login {
	min-height: 100vh
}

	.mm-login .bs-reset {
		margin: 0;
		padding: 0
	}

	.mm-login .text-right {
		text-align: right
	}

	.mm-login .login-bg {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 100vh
	}

	.mm-login .login-logo {
		max-width: 400px;
		margin-top: 80px;
		align-self: start;
	}

	.mm-login .login-container {
		position: relative;
		min-height: 100vh
	}

		.mm-login .login-container > .login-content {
			padding: 0 80px
		}

		.mm-login .login-container > .login-content {
			min-height: 100vh;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}

			.mm-login .login-container .login-content h1 {
				font-size: 30px;
				font-weight: 300;
				color: #4e5a64
			}

		.mm-login .login-container .login-content p {
			color: #657181;
			font-size: 15px;
			line-height: 22px
		}

			.mm-login .login-container > .login-content .login-form {
				color: #a4aab2;
				font-size: 13px
			}

				.mm-login .login-container > .login-content .login-form .form-control {
					width: 100%;
					padding: 10px 0;
					border: #a0a9b4;
					border-bottom: 1px solid;
					color: #657181;
					font-size: 14px;
					margin-bottom: 30px;
					border-radius: 0 !important
				}

					.mm-login .login-container > .login-content .login-form .form-control:focus {
						outline: 0
					}

				.mm-login .login-container > .login-content .login-form .forgot-password, .mm-login .login-container > .login-content > .login-form .login-button {
					display: inline-block
				}

				.mm-login .login-container > .login-content .login-form .rem-password {
					margin-top: 10px
				}

					.mm-login .login-container > .login-content .login-form .rem-password > p {
						margin: 0
					}

					.mm-login .login-container > .login-content .login-form .rem-password > .rem-checkbox {
						border-color: #a4aab2
					}

		.mm-login .login-container .login-footer {
			width: 100%;
			padding-bottom: 10px
		}

			.mm-login .login-container .login-footer .login-social {
				padding: 0;
				margin: 0;
			}

			.mm-login .login-container .login-footer .login-social li {
				display: inline-block;
				list-style: none;
				margin-right: 1em
			}

				.mm-login .login-container .login-footer .login-social a {
					color: #657181;
					font-size: 18px
				}

					.mm-login .login-container .login-footer .login-social a:hover {
						color: #434c56;
						text-decoration: none
					}

					.mm-login .login-container > .login-footer .login-social a:focus {
						color: #a9b5be
					}

		.mm-login .login-container .login-footer .login-copyright > p {
			margin: 0;
			font-size: 13px;
			color: #657181
		}

	.mm-login .form-group.has-error {
		border-bottom: 2px solid #ed6b75 !important
	}

	.mm-login .form-group.valid {
		border-bottom: 1px solid #a0a9b4 !important
	}

.login-copyright img{
	height: 15px;
	margin-left: 5px;
}

.login-container .btn {
	width: 100%;
	padding: 1.2rem;
	border-radius: .25rem !important;
	line-height: normal !important;
}

.login-container .login-ad {
	/*margin-top: 4rem;*/
}

	.login-container .login-ad h5 {
		text-align: center;
		margin-bottom: 1rem;
	}

@media (max-width:1365px) {

	.mm-login .login-container > .login-content {
		padding: 0 40px
	}

}

@media (max-width:1023px) {
	.mm-login, .mm-login .login-container {
		min-height: 50vh
	}

		.mm-login .mt-login-5-bsfix {
			width: 100%
		}

		.mm-login .login-container > .login-content {
			/*margin-top: 60px*/
		}

			.mm-login .login-container > .login-content .login-form {
				margin-top: 40px
			}

		.mm-login .login-container .rem-password {
			margin-bottom: 1em
		}

		.mm-login .login-container .login-footer {
			position: relative;
			margin-top: 40px;
			padding-bottom: 0
		}

		.mm-login .alert {
			margin-top: -20px
		}
		.mm-login .login-logo {
			margin-top: 40px;
		}
}

@media (max-width:640px) {

	.mm-login .login-logo {
		max-width: 300px;
	}
}


@media (max-width:320px) {
	.mm-login .login-logo {
		max-width: 250px;
	}
}

input[type="text"]:focus-visible,
input[type="password"]:focus-visible,
input[type="email"]:focus-visible {
	background-color: rgba(107, 124, 249, 0.1);
	color: #4e5a64;
}

.forgot-password {
	margin-bottom: .5rem;
	color: #657181;
}

.forgot-password span {
	cursor: pointer;
}

.password-recovery-container .btn {
	margin: 1rem 0;
}

.password-recovery-container input {
	margin: 2rem 0;
}