.login-body {
	background-image: url(../Images/login-bg.jpg);
	background-repeat: no-repeat;
	background-size: 62%;
	background-position: top right;
	overflow: auto;
}

.login-container {
	width: 350px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*.copyright-footer{
	margin-bottom: -120px;
}*/

.landing-page-container {
	background-size: 100% 100%;
	overflow: auto;
	position: absolute;
	margin: 0;
	padding: 0;
	background-image: url('../Images/login-bg-v2.jpg');
	background-repeat: no-repeat;
	height: 103%;
	width: 100%;
	position: absolute;
}

.landing-page-input-container {
	position: fixed;
	color: black;
	background-color: #fff;
	padding: 15px 0 0 0;
	height: 100%;
	width: 100%;
	right: 5%;
	/* Flexbox centering */
	display: flex;
	align-items: center; /* Vertical center */
	justify-content: center; /* Horizontal center */
	flex-direction: column; /* Keep items stacked vertically if needed */

	width: 50%;
	margin: 0 auto;
	padding: 50px;
}

.ms-app-title {
	font-size: 32px;
	margin-top: 60px;
	margin-bottom: 10px;
}

.ms-company-title {
	font-size: 18px;
}

.form-control {
	padding: 7px 15px;
	margin-bottom: 12px;
	border-radius: 0;
}

.isd-code {
	margin-bottom: 2%;
}

.forget-link {
	text-decoration: none !important;
	color: #ed1d24;
	cursor: pointer;
}

.btn-login {
	padding: 8px 16px;
	font-size: 16px;
}

.login-footer {
	position: fixed;
	bottom: 0;
	color: gray;
	min-height: 20px;
	background-color: white;
}

.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default checkbox */
	.checkbox-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
	background-color: rgb(244, 101, 33);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: rgba(244, 101, 33, 1);
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(244, 101, 33,.25);
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none !important;
}

.login-dropdown {
	color: #fff;
}

.err-tnc-signup {
	display: none;
	margin-top: 10px;
}

.login-content {
	margin-top: 35%;
}

.change-password-content {
	margin-top: 10%;
}


.custom-caret-icon {
	float: right;
	font-size: 24px;
}

.menu-item-list {
	height: inherit;
}

	.menu-item-list li {
		font-size: 14px;
		color: #000;
	}

		.menu-item-list li > a {
			color: #000;
			vertical-align: sub;
			display: block;
			padding: 15px;
		}

		.menu-item-list li.active-link > a {
			color: #FFF;
		}

		.menu-item-list li:hover {
			color: #FFF;
			background: -webkit-linear-gradient(#db0011b3, #db0011);
			background: -moz-linear-gradient(#db0011b3, #db0011);
			background: -ms-linear-gradient(#db0011b3, #db0011);
			background: -o-linear-gradient(#db0011b3, #db0011);
		}

		.menu-item-list li.active-link:hover {
			color: #FFF;
		}

		.menu-item-list li:hover > a {
			color: #FFF;
			text-decoration: none;
		}

.menu-list-container {
	height: inherit;
}

.menu-item-list li .custom-dropdown-btn {
	display: inline-block;
	vertical-align: sub;
	padding: 15px;
}

.active-link {
	color: #FFF;
	background: -webkit-linear-gradient(#db0011b3, #db0011);
	background: -moz-linear-gradient(#db0011b3, #db0011);
	background: -ms-linear-gradient(#db0011b3, #db0011);
	background: -o-linear-gradient(#db0011b3, #db0011)
}

.custom-dropdown-content {
	display: none;
	position: absolute;
	background-color: #FFF;
	min-width: 127px;
	left: 0;
	top: 56px;
	z-index: 999;
	width: -webkit-fill-available;
	width: -moz-available;
	width: -ms-available;
	width: -o-fill-available;
	border: 1px solid lightgray;
}


	.custom-dropdown-content a {
		color: #000;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

		.custom-dropdown-content a:hover {
			background-color: #ddd;
			text-decoration: none;
		}

.custom-dropdown-menu {
	position: relative;
	display: inline-block;
	min-width: 127px;
	height: auto;
}

	.custom-dropdown-menu:hover .custom-dropdown-content {
		display: block;
	}

		.custom-dropdown-menu:hover .custom-dropdown-content a {
			color: #000;
			background-color: #FFF;
		}

			.custom-dropdown-menu:hover .custom-dropdown-content a:hover {
				background: -webkit-linear-gradient(#db0011b3, #db0011);
				background: -moz-linear-gradient(#db0011b3, #db0011);
				background: -ms-linear-gradient(#db0011b3, #db0011);
				background: -o-linear-gradient(#db0011b3, #db0011);
				color: #FFF;
				cursor: pointer;
			}

.active-link.custom-dropdown-menu {
	color: #FFF;
}

/*.landing-page-container {*/
	/*background-size: 100% 100%;*/
	/*overflow: auto;*/
	/*position: absolute;*/
	/*margin: 0;*/
	/*padding: 0;*/
	/*background-image: url('../Images/login-bg-v2.jpg');
	background-repeat: no-repeat;
	height: 103%;
	width: 100%;
	position: absolute;
}*/

/*.landing-page-input-container {
	position: absolute;
	top: 50%;
	right: 0;*/ /* Align to right */
/*margin-right: 5%;
	transform: translateY(-50%);*/
/*-webkit-transform: translateY(-50%);*/
/*color: black;
	background-color: #fff;*/
/*border: 2px solid rgba(204,204,204,.5);*/
/*min-height: 420px;*/
/*padding: 15px 0 0 0;*/
/*max-height: 100%;*/
/*overflow-y: auto;*/
/*overflow-x: hidden;*/
/*opacity: 0.8;
	width: 30%;*/ /* Optional: control width */
/*}*/


.landing-page-logo {
	padding: 15px 15px 15px 15px;
	text-align: center;
}

.no-margin {
	margin: 0;
}

.login-page-header-title {
	font-size: 17px;
	color: black;
	padding: 15px 15px 15px 15px;
	text-align: center;
	font-family: 'Montserrat-ExtraBold';
}

.login-title {
	font-size: 24px;
	padding: 0 15px 15px 15px;
	font-weight: bold;
	text-align: center;
	font-family: 'Montserrat-ExtraBold';
}

.input-container {
	padding-bottom: 15px;
}

.activation-text {
	font-family: 'Montserrat-ExtraBold';
	text-align: center;
}

.app-error-msg-container {
	padding-bottom: 5px;
}

.sign-up-btn {
	width: 50%;
}

.secure-trust-img {
	text-align: right;
}

.login-form-container {
	width: 100%;
}

.footer-text {
	font-family: 'Montserrat-Regular';
	text-align: center;
}

.secure-trust-img img {
	float: right;
	width: auto;
}

.login-hint-text {
	font-family: 'Montserrat-Bold';
	font-size: 12px;
}

#trustwaveSealImage {
	width: auto;
}

.username-dropdown {
	text-align: center;
}

#privacyPolicyText {
	display: none;
	margin-top: 10px;
	font-family: 'Montserrat-Regular';
}

#signup-link {
	margin-bottom: 20%;
}

@media (max-width: 767px) {
	.custom-dropdown-content {
		top: 100px; /* adjust as needed */
	}

	.landing-page-logo {
		padding: 15px;
		text-align: center;
		width: 50%;
		height: auto;
		margin: 0 auto; /* This centers it horizontally */
	}

	.landing-page-input-container {
		top: 50%;
		transform: translateY(-50%);
		color: black;
		background-color: #fff;
		padding: 15px 0 0 0;
		opacity: 0.8;
		width: 90%; /* Optional: control width */

		position: absolute;
		right: 0; /* Align to right */
		margin-right: 5%;
		height: auto;
		overflow-y: auto;
	}

	.landing-page-container {
		background-size: 100% 100%;
		overflow: auto;
		position: absolute;
		margin: 0;
		padding: 0;
		background-image: url('../Images/login-bg-mobile.jpg');
		background-repeat: no-repeat;
		height: 103%;
		width: 100%;
		position: absolute;
	}

	/*.copyright-footer-desktop {
		display: none;
	}*/
}