form#login,  
form#register{
	max-width: 550px;
}  
#login-page .form-control,
#register-page .form-control,
#recover-password .form-control,
#change-password .form-control {
	box-shadow: none;
}
#login-page .input-group-append,
#register-page .input-group-append,
#recover-password .input-group-append,
#change-password .input-group-append{
	display: flex;
	margin-left: -2px;
}
#login-page .input-group-append .input-group-text,
#register-page .input-group-append .input-group-text,
#recover-password .input-group-append .input-group-text,
#change-password .input-group-append .input-group-text {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.login-box-msg, .register-box-msg {
	padding: 20px 0;
}
.g-recaptcha{
	width: 304px;
	margin: 0 auto;
}
.terms-wrapper{
	display: flex;
	align-items: center;
	padding-left: 18px;
}
.login-again{
	margin-top: 20px;
	display: block;
}
#login .actions{
	display: flex;
	justify-content: space-between;
	padding: 0 0px;
}
#login .remember-wrapper{
	display: flex;
	align-items: center;
	padding-left: 5px;
}
@media (max-width: 768px) {
	.terms-wrapper{
		justify-content: center;
	}
	.login-again{
		text-align: right !important;
		margin-top: 30px;
		padding-right: 10px;
	}
	.terms-wrapper{
		margin-top: 15px;			
	}
}
@media all and (max-width:480px) {
	#login .actions,
	.recover-link,
	.register-link{
		padding: 0 10px !important;
	}
}
.mfa_method{
	display: flex;
	align-items: center;
	margin-bottom: 0px;
}
.mfa_method .brixy-el{
	width: 100%;
}
#mfa #mfa_method{
	display: block;
}
#mfa #mfa_method label{
	display: block;
	max-width: 100%;
	border-radius: 0.25rem !important;
	text-align: left;
	padding-left: 25px;
}
#mfa #select_method,
#mfa #title,
#mfa #description{
	text-align: center;
}
#mfa #description{
	margin-bottom: 1.5rem;
}

#mfa.select_method_mode{
	#description,
	.brixy-el-wrapper.code,
	.row.actions,
	#select_method{
		display: none;
	}
}
#mfa #send_code {
	margin-left: 15px;
}
#mfa #code {
	border-radius: 5px;
	border-right: 1px solid #ced4da !important;
}