.container-fluid{
	overflow-x: hidden !important;
}

.login-title {
	font-weight: 600 !important;
	font-size: 1.375rem !important;
	line-height: 2.063rem !important;
}

.login-form input {
	border: 1px solid #FFFFFF !important;
	box-sizing: border-box;
	border-radius: 5px;
	background: #1493BB !important;
	height: 44px;
	color: #fff !important;
}

.login-form input:focus {
	background: #1493BB;
	height: 44px;
	color: #fff !important;
}

.input-group input[type="password"], .input-group input[type="text"] {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-right: 0px !important;
}

.input-group .togglePassword {
	border-radius: 5px;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	background: #1493BB !important;
	height: 44px;
	border: 1px solid #FFFFFF !important;
	border-left: 0px !important;
	color: #fff !important;
	box-shadow: none !important;
}

input-group input[type="password"]:focus {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-right: 0px !important;
}

.btn-login {
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 5px !important;
	color: #1493BB !important;
}

.btn-login-with-fb {
	background: #3B5998;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 5px;
	color: #fff !important;
}

.btn-login-with-google {
	background: #E34133;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 5px;
	color: #fff !important;
}



#forgotPasswordEmailOrPhoneNoModal .modal-header {
	border-bottom: none !important;
}

.close {
	opacity: 1 !important;
}

#forgotPasswordEmailOrPhoneNoModal .modal-title {
	font-size: 1.375rem !important;
	line-height: 2.063rem !important;
	font-weight: 600;
}


#importedCustomerModal .modal-header {
	border-bottom: none !important;
}


#importedCustomerModal .modal-title {
	font-size: 1.375rem !important;
	line-height: 2.063rem !important;
	font-weight: 600;
}

.sentTo {
	line-height: 1.5rem !important;
	font-size: 1rem !important;
}

.otp-code {
	border: 1px solid #000000;
	box-sizing: border-box;
	border-radius: 5px;
	width: 60px;
	height: 60px;
}

.otp-code:focus {
	border: 1px solid #000000;
	box-sizing: border-box;
	border-radius: 5px;
	width: 60px;
	height: 60px;
}

.btn-otp-verify {
	background: #1493BB;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	color: #fff !important;
}

.btn-otp-verify-reset-pass {
	background: #1493BB;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	color: #fff !important;
}

.btn-checkEmailOrPhoneNo-verify {
	background: #1493BB;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	color: #fff !important;
}

.btn-checkEmailOrPhoneNo-verify-for-reset {
	background: #1493BB;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	color: #fff !important;
}

.btn-phoenNo-verify-for-reset {
	background: #1493BB;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	color: #fff !important;
}

.btn-confirm-password {
	background: #1493BB;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	color: #fff !important;
}

.btn-confirm-password-reset-pass {
	background: #1493BB;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	color: #fff !important;
}

.resend-otp {
	font-size: 16px;
	line-height: 24px;
}

.swal-overlay {
	z-index: 100005 !important;
}

.swal-modal {
	z-index: 999999;
}

#otpVerifyModal .modal-header {
	border-bottom: none !important;
}

#otpVerifyModal .modal-title,  #resetPasswordEmailOrPhoneNoModal .modal-title, #otpVerifyModalForResetPass .modal-title, #resetPasswordModal .modal-title, #importedCustomerModal .modal-title {
	font-size: 1.375rem !important;
	line-height: 2.063rem !important;
	font-weight: 600;
}

#changePasswordModal .modal-header{
	border-bottom: none !important;
}

#resetPasswordModal .modal-header, #otpVerifyModalForResetPass .modal-header, #resetPasswordEmailOrPhoneNoModal .modal-header, #importedCustomerModal .modal-header{
	border-bottom: none !important;
}

@media only screen and (max-width: 768.99px) {
	/* .login-container {
		height: auto !important;
	} */
	
	.login-title {
		font-size: 1rem !important;
		line-height: 1.25rem !important;
	}
	
	.mobileLogo{
		max-height: 80px;
		margin-top: 45px;
	}
	
	#forgotPasswordEmailOrPhoneNoModal .modal-title {
		font-size: 1rem !important;
		line-height: 1.25rem !important;
	}
	
	#otpVerifyModal .modal-title,  #resetPasswordEmailOrPhoneNoModal .modal-title, #otpVerifyModalForResetPass .modal-title, #resetPasswordModal .modal-title, #importedCustomerModal .modal-title {
		font-size: 1rem !important;
		line-height: 1.25rem !important;
	}
	
	.otp-code {
		border: 1px solid #000000;
		box-sizing: border-box;
		border-radius: 5px;
		width: 45px;
		height: 45px;
	}
	
	.otp-code:focus {
		border: 1px solid #000000;
		box-sizing: border-box;
		border-radius: 5px;
		width: 45px;
		height: 45px;
	}
	
}

@media only screen and (max-width: 280.99px) {
	.mobile-otp-margin{
		margin-right: 0.2rem !important;
	}
}