.login_bkg {
	background:url('../images/mahindrabg.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.login-main {
	margin-top: 15%;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	border-radius:6px;
	overflow:hidden;
}
.login-left {
	background: #FFF;
	padding: 90px 40px;
	height: 600px;
}
.login-left .logo {
	text-align: center;
	margin-top:55px;
}
.login-left .logo .m-audit { margin-top:10%; width:300px;}
.logo-title {
	text-align: center;
}
.login-left .logo-title h3 {
	font-size: 45px;
	text-transform: uppercase;
	line-height: 50px;
	margin: 30px 0px 0px;
}
.login-right {
	background: #404040;
	padding: 50px 40px;
	color: #FFF;
	height: 600px;
}
.login-right .login-icon img {
	margin-bottom: 20px;
}
.login-right .login-icon i.flaticon-lock { font-size:64px;}
.login-right .login-icon h3 {
	margin: 10px 0px 0px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 700;
	font-size:18px;
}
.login-right .login-form {
	margin-top: 30px;
}
.login-right .login-form label {
	margin-bottom: 10px;
}
.login-right .login-form .form-group {
	margin-bottom: 15px;
	position: relative;
}
.login-right .login-form .form-group i {
	position: absolute;
	top: 40px;
	right: 15px;
}
.login-right .login-form .form-group:last-child {
	margin-bottom: 0px;
}
.login-right .login-form .form-control {
	background-color: transparent;
	border-radius: 40px;
	height: 44px;
	color: #FFF;
	padding: 6px 15px;
	border:1px solid #FFF;
	font-size:13px;
}
	.login-right .login-form select.form-control {
		appearance: none !important;
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
	}

	.login-right .login-form select::-ms-expand {
		display: none;
	}

    .login-right .login-form option {
        background-color: #404040;
        border-radius: 40px;
    }

.signup {
	color: #fff;
    background: #e41937;
    border: 1px solid #e41937;
	padding: 10px 20px;
	border-radius: 40px;
	display: inline-block;
	width: 120px;
	font-size: 16px;
	transition:all 500ms linear;
}
.signup:hover {
	background:#ca1732;
	border:1px solid #ca1732;
	color:#fff;
	transition:all 500ms linear;
}

.changePwdbtn {
	color: #fff;
    background: #e41937;
    border: 1px solid #e41937;
	padding: 10px 20px;
	border-radius: 40px;
	display: inline-block;
	width: 191px;
	font-size: 16px;
	transition:all 500ms linear;
}
.changePwdbtn:hover {
	background:#ca1732;
	border:1px solid #ca1732;
	color:#fff;
	transition:all 500ms linear;
}

.login-right .login-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.login-right .login-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.login-right .login-form input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.error_msg {
	font-size: 13px;
    color: #e41937;
    margin-top: 10px;
    display: inline-block;	
}
.no-padding {
	padding: 0px;
}

@media only screen and (min-width: 240px) and (max-width: 480px) {
.login_bkg {
	height: auto;
	background-size:cover !important;
}
.login-main {
	margin-top: 5%;
}
.login-left { 
	padding: 30px 20px !important;
    height: auto;
}
.login-left .logo { margin-top:0px;}
.login-left .logo img {
	width:120px;
}
.login-left .logo-title h3 {
	font-size:35px;
}
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
.login_bkg {
	height: auto;
	background-size:cover !important;
}
.login-main {
	margin-top: 5%;
}
.login-left { 
	padding: 30px 20px !important;
    height: auto;
}
.login-left .logo { margin-top:0px;}
.login-left .logo img {
	width:150px;
}
.login-right {
	padding:30px 40px;
	height:auto;
}
.login-right .login-form {
	margin-top:20px;
}
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
.login_bkg {
	height: auto;
	background-size:cover !important;
}
.login-main {
	margin-top: 5%;
}
.login-left { 
	padding: 30px 20px !important;
    height: auto;
}
.login-left .logo { margin-top:0px;}
.login-left .logo img {
	width:150px;
}
.login-right {
	padding:30px 40px;
	height:auto;
}
.login-right .login-form {
	margin-top:20px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.login-main {
	margin-top: 12%;
}
.login-left {
	padding: 60px 20px;
}
/*.login_bkg {
	height:100vh;
}*/
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
.login_bkg {
	background-size:cover !important;
}
.login-main {
	margin-top: 3%;
}
.login-left {
    padding: 126px 40px;
	height:550px;
}
.login-left .logo {
	margin-top:0px;
}
.login-right {
    padding: 30px 40px;
	height:550px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.login-main {
	margin-top: 4%;
}
.login-left {
    padding: 126px 40px;
	height:600px;
}
.login-left .logo {
	margin-top:0px;
}
	.login-right {
		padding: 50px 40px;
		height: 600px;
	}
}
@media only screen and (min-width: 1600px) and (max-width: 1880px) {
.login-main {
	margin-top: 7%;
}
.login-left {
	padding: 126px 40px;
}
.login-left .logo {
	margin-top:0px;
}
.login-right {
	padding: 50px 40px;
}	
}



.logo img {
	width: 400px;
}