img.login-image {
    max-height: 400px;
}
.m-login.m-login--1 .m-login__aside {
    width: 50%;
    padding: 2rem 4rem;
}
.m-login.m-login--1 .m-login__content .m-login__welcome { 
    font-size: 2.9rem;
    font-weight: 900;
    margin-bottom: 0rem;
    text-transform: uppercase;
}
.login2 .m-login.m-login--1 .m-login__wrapper .m-login__head, .login3 .m-login.m-login--1 .m-login__wrapper .m-login__head, .login4 .m-login.m-login--1 .m-login__wrapper .m-login__head, .logout .m-login.m-login--1 .m-login__wrapper .m-login__head {
	margin-top: 4rem;
}
.m-login.m-login--1 .m-login__content {
	padding: 5%;
}
.m-login.m-login--1 .m-login__wrapper {
	padding-top: 25%;
}
.m-login__logo img {
    max-width: 365px;
    max-height: 150px;
    width: 100%;
    height: auto;
}
h3.m-login__title {
    font-weight: 400;
}
i.cmsfont.cmsfont-heart {
    margin-left: 8px;
}
.form-control-feedback {
    padding-left: 40px;
}
a {
	color: #fff;
}
a:hover {
	color: #fff;
}
.input-group-prepend {
	width: 45px;
	border: 1px solid #b7daf2;
	background: #b7daf2;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}
input.form-control.m-input::placeholder {
    color: #ccc!important;
}
.input-group .input-group-prepend>.input-group-text {
    background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%);
    min-width: 44px;
    border: none;
}
.input-group .input-group-prepend>.input-group-text>i {
	color: white;
	margin: auto;
	font-size: 1.25rem!important;
	-webkit-text-stroke-width: 0.5px;
}
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control {
    border: 1px solid #ececec!important;
    border-left: 0px solid!important;
    font-weight: 300;
    padding: 6px;
    padding-left: 10px;
    margin-top: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: 1px solid #;
}
input.form-control.m-input::placeholder {    
    font-weight: 500;
    font-size: 1em;
}
.form-group.m-form__group {
    margin: 5px!important;
}

.m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control:active, .m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control:focus {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
    border-color: #b7daf2!important;
}
.m-login__signin {
    max-width: 500px;
    margin: auto;
}
.pre-form {
    font-weight: 400;
    margin-bottom: 0.75rem;
    margin-top: 1.75rem;
}
label.m-checkbox.m-checkbox--focus {    
    padding-left: 40px;
    font-size: 1em!important;
}

.login_passreset-success .btn {
	display: block; 
	margin: auto; 
	margin-top: 4rem;
}
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-login__form-action .btn, button#m_login_signin_submit {
    display: block;
    text-align: center;
	margin: auto;
    font-size: 1.15rem;
	margin-top: 2rem;
	padding: 1rem 2rem;
}


@media screen and (max-width: 1180px) {
	.m-login.m-login--1 .m-login__aside { 
		padding: 2rem 2rem;
	}
}
@media screen and (max-width: 1024px) {
	.m-grid__item.m-grid__item--fluid.m-grid.m-grid--center.m-grid--hor.m-grid__item--order-tablet-and-mobile-1.m-login__content {
		max-height: 150px;
	}
	img.login-image {
		max-height: 100px;
	}
	.m-login.m-login--1 .m-login__content .m-login__welcome {
		text-align: center;
		}	
	.m-login.m-login--1 .m-login__aside {
		width: 50%;
		padding: 2rem 2rem;
	}
	.m-login.m-login--1 .m-login__aside .m-login__wrapper .m-login__logo {
		margin: auto;
	}
	h3.m-login__welcome {
		font-size: 1.5rem!important;
	}
}
@media screen and (max-width: 768px) {
	.m-login.m-login--1 .m-login__aside {
		width: 100%;
	}
	.m-login.m-login--1 .m-login__aside .m-login__wrapper .m-login__logo {
		margin: auto;
	}
}