.loginScreenBlock {
		/* background: url(assets/edprime/images/full-bg.png) no-repeat center center; */
		padding: 56px 0;
		flex-shrink: 0;
		
	}


	.loginBg {
		background-size: cover;
		height: auto;
	}

	.loginBg .swal-footer {
		text-align: center !important;
	}

	.customRowBanner {
		width: 100%;
		/* height: 86vh; */
		/* background-image: url('assets/edprime/images/Banner6.png'); */
		/* animation: changeBackgroundImage infinite; */
		animation-timing-function: step-end;
		animation-iteration-count: infinite;
		animation-duration: 120s;
		animation-delay: -3s;
		animation-iteration-count: infinite;
		display: flex;
		align-items: center;
		text-align: center;
		background-position: right;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		/* background-attachment: fixed; */
		background-size: contain;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		/*animation-timing-function: linear*/
		;
	}

	.customRowBanner img.w-100 {
		margin-bottom: 0;
		height: 538px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	@keyframes changeBackgroundImage {
		0% {
			background-image: url('assets/edprime/images/LOGIN-BANNER1.jpg');
		}

		15% {
			background-image: url('assets/edprime/images/LOGIN-BANNER2.jpg');
		}

		30% {
			background-image: url('assets/edprime/images/LOGIN-BANNER3.jpg');
		}

		45% {
			background-image: url('assets/edprime/images/LOGIN-BANNER4.jpg');
		}

		60% {
			background-image: url('assets/edprime/images/LOGIN-BANNER5.jpg');
		}

		75% {
			background-image: url('assets/edprime/images/LOGIN-BANNER6.jpg');
		}

		100% {
			background-image: url('assets/edprime/images/LOGIN-BANNER1.jpg');
		}
	}

	.loginScreenBlock .container {
		/* height: 80vh; */
	}

	#toast-container .toast {
		padding: 5px 30px !important;
		font-size: 12px !important;
		line-height: 20px;
	}

	button.toast-close-button {
		margin-top: 5px;
	}

	.loginContainer {
		/* background-color: #fff; */
		padding: 25px 50px 0px 50px;
		background: url('assets/edprime/images/loginScreenRightSideBG.jpg') no-repeat center center, #fff;
		background-size: cover;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		/* height: 100vh;
		display: flex !important;
		justify-content: center;
		place-items: center;
		width: 100%;
		flex-direction: column; */
	}

	.loginContainer .w-100 {
		margin: 0;
	}

	.loginContainer label {
		margin: 0;
	}

	.loginContainer .r-list-btns {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
		vertical-align: bottom;
		margin-top: 10px;
		/* margin-bottom: 18px !important; */

	}

	.loginBlock {
		width: 100%;
		padding: 5px 0 !important;
		box-shadow: none;
		background-color: transparent;
	}

	.loginBlock #frmlogin .form-group {
		padding: 0;
		margin-bottom: 0px !important;
	}

	.forget-pwd-edprime .intl-tel-input.separate-dial-code .selected-dial-code {
		font-size: 14px !important;
	}

	#frmlogin .form-group .form-control,
	#frmmobilelogin .form-group .form-control {
		border: 1px solid rgb(238, 238, 238) !important;
	}

	/* input[type="text"] {
		width: 100%;
		border: 2px solid #aaa;
		border-radius: 4px;
		margin: 8px 0;
		outline: none;
		padding: 8px;
		box-sizing: border-box;
		transition: 0.3s;
	} */

	#frmlogin .forgetrightlabel,
	#frmmobilelogin .forgetrightlabel {
		text-align: right;
		color: #08ccfe;
		font-size: 12px;
		padding: 4px;
		font-weight: 400 !important;
		cursor:pointer;
	}

	#frmlogin .eyeIcon,
	.fa-eye-slash {
		font-size: 12px;
		display: block !important;
		border: none !important;
		height: auto !important;
		line-height: 0 !important;
		min-width: max-content !important;
		top: 3px;
	}

	input:focus .form-control {
		border-color: dodgerBlue;
		box-shadow: 0 0 8px 0 dodgerBlue;
	}

	#frmlogin .inputBox input,
	#frmmobilelogin .inputBox input {
		padding-left: 57px !important;
		box-shadow: none;
		border-radius: 29px;
		color: rgb(0, 0, 0);
		height: 44px;
		background-color: rgb(255, 255, 255) !important;
		border: 1px solid rgb(238, 238, 238) !important;
	}

	#frmlogin .inputBox,
	#frmmobilelogin .inputBox {
		position: relative;
	}

	#frmlogin .inputBox label[for="password"] {
		display: none !important;
	}

	#frmlogin .inputBox i {
		position: absolute;
		width: max-content;
		min-width: 50px;
		height: 44px;
		line-height: 26px;
		left: 0;
		padding: 9px 8px;
		color: #877f7f;
		transition: 0.3s;
		border-right: 1px solid #eee;
		color: #aaa;
		padding: 9px 11px;
		border-radius: 4px 0 0 4px;
	}

	#frmlogin .inputBox input:focus {
		/* background-color: #135E95 !important;
		box-shadow: 0 0 2px #135E95 !important; */
	}

	#frmmobilelogin .intl-tel-input.separate-dial-code.allow-dropdown .selected-flag {
		min-height: 42px;
		width: 74px !important;
		border-radius: 25px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.loginScreenTab {
		width: 100%;
		/* overflow: auto; */
	}

	.loginScreenTab .socialBtnSignInBlock {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		flex-wrap: wrap;
		gap: 10px;
	}

	.loginScreenTab .googleBtn {
		/* background-color: #fff !important;
		color: #000 !important;
		border-color: #ccc !important; */
	}

	.loginScreenTab .googleBtn,
	.loginScreenTab .facebookBtn {
		/* display: inline-block;
		height: 37px;
		width: 100%;
		max-width: 100%;
		border: 1px solid;
		min-width: 40px;
		line-height: 37px;
		text-align: center;
		position: relative;
		border-radius: 18px;
		font-size: 13px;
		font-weight: 600;
		font-family: sans-serif;
		background-color: #3A559F;
		border-color: #3A559F !important;
		color: #fff; */
	}

	.loginScreenTab .googleBtn img,
	.loginScreenTab .facebookBtn img {
		width: 36px;
	}

	.loginScreenTab #myTab {
		width: max-content;
		margin: 0;
	}

	.loginScreenTab .nav-tabs {
		margin: 8px 0 !important;
		display: block !important;
		flex-wrap: nowrap;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.loginScreenTab .signInText h4 {
		text-align: center;
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 14px;
		text-transform: lowercase;
		color: #989898;
		letter-spacing: 0.6px;
	}

	.loginScreenTab .nav-tabs>li.active>a,
	.nav-tabs>li.active>a:focus,
	.nav-tabs>li.active>a:hover {
		border-bottom: 2px solid #08ccfe !important;
		color: #342f2f !important;
		cursor: default;
		background-color: #fff;
		border-left: none !important;
		border-right: none !important;
		border-top: none !important;
		background-color: transparent !important;
		/* margin: -2px; */
	}



	.loginScreenTab .nav-tabs a:hover {
		background-color: transparent !important;
	}

	.loginScreenTab .nav>li>a {
		/* padding: 5px 0 !important; */
		color: #dacece;
		border-bottom: 1px solid #dacece;
		border: none;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 1px;
		cursor: pointer;
	}

	#frmlogin .form-group.d-validation-error .md-input-messages-animation {
		bottom: 14px !important;
		font-size: 11px !important
	}

	.remember-container.kt-login__extra {
		margin: 13.1px 0;
	}

	.remember-container.kt-login__extra .kt-checkbox span,
	.forgotPassword {
		color: #555;
		font-size: 14px;
		padding: 2px 16px 2px 0px;
		font-weight: 600;
		letter-spacing: 0.8px;
	}

	.remember-container .forgotPassword:hover {
		color: #08ccfe !important;
	}

	.loginText {
		color: #a7a4a4;
		font-size: 14px;
		letter-spacing: 0.6px;
		padding: 0;
		margin: 0;
	}

	.loginMsg {
		text-transform: none;
		font-weight: 600;
		letter-spacing: 0.6px;
		text-align: left;
		font-size: 40px;
		padding: 0;
		margin: 0;
	}

	#signInBtn,
	#loginWithEmail {
		border-radius: 50px;
		background-color: #08ccfe;
		font-weight: 600;
		padding: 12px;
		border: none;
		color: #fff;
		outline: none;
		margin-bottom: 15px;
		width: 100%;
	}

	#signInBtn span {
		letter-spacing: 2px;
	}

	#loginWithEmail {
		font-size: 12px;
	}

	#loginWithOtpBtn,
	#resendOTPBtn {
		color: #aaa;
		background: #fff;
		border-radius: 20px;
		padding: 3px 10px;
		border: 1px solid #aaa;
		line-height: 32px !important;
		margin-top: 0 !important;
		font-size: 12px;
		outline: none;
		width: 100%;
		margin: 0 0 8px 0;
	}

	.loginWithSocialMediaBlock {
		height: 44vh;
		margin-top: 20px;
	}

	.loginWithSocialMediaBlock a {
		padding: 8px;
		font-size: 10px;
		width: max-content;
		text-align: center;
		text-decoration: none;
		margin: 5px 2px;
		background-color: #fff;
		border-radius: 3px;
		text-transform: capitalize;
	}

	.loginWithSocialMediaBlock i {
		background-color: #fff;
		color: #3B5998;
		padding: 2px 3px;
		border-radius: 2px;
	}

	.loginWithSocialMediaBlock .facebookIcon i {
		color: #3B5998;
	}

	.loginWithSocialMediaBlock .twitterIcon i {
		color: #55ACEE;
	}

	.loginWithSocialMediaBlock .googlePlusIcon i {
		color: #dd4b39;
	}

	.loginWithSocialMediaBlock span {
		font-size: 12px;
		letter-spacing: 0.4px;
		margin: 0 5px;
	}

	.loginWithSocialMediaBlock a:hover {
		opacity: 0.7;
	}

	.loginWithSocialMediaBlock .facebookIcon {
		background: #3B5998;
		color: white;
	}

	.loginWithSocialMediaBlock .twitterIcon {
		background: #55ACEE;
		color: white;
	}

	.loginWithSocialMediaBlock .googlePlusIcon {
		background: #dd4b39;
		color: white;
	}

	.nav>li>a {
		padding: 8px;
		margin: auto;
	}

	#frmmobilelogin .form-group .intl-tel-input .form-control,
	.intl-tel-input.separate-dial-code.allow-dropdown input[type=tel],
	.intl-tel-input.separate-dial-code.allow-dropdown input[type=text],
	.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input {
		padding-left: 105px;
	}

	.md-input-messages-errors {
		position: absolute;
		bottom: -18px;
		top: 58px;
		width: 100%;
		margin-top: 15px;
	}

	.forget-pwd-edprime .md-input-messages-errors {
		position: relative;
		bottom: 0;
		top: 7px;
		width: 100%;
		margin-top: 0px;
	}

	.forget-pwd-edprime .emp-id {
		margin-bottom: 6px;
	}

	#forgetEmailid .modal-header-customn,
	.forget-pwd-edprime .modal-header-customn {
		background: #08ccfe !important;
	}

	#forgetEmailid .emailaddressisbox p,
	span {
		margin: 5px 0;
		font-size: 12px;
	}

	.forget-pwd-edprime .modal-dialog .md-button.md-primary.md-raised {
		background: #08ccfe !important;
		border: 1px solid #08ccfe;
	}

	.forget-pwd-edprime .modal-header .close {
		outline: none;
		opacity: 1;
	}

	.webSlider {
		display: block;
	}

	.appSlider {
		display: none;
	}

	.LoginBannerLogo {
		width: 52vw;
		height: 50%;
		object-fit: contain;
		position: absolute;
		margin: auto;
		/* top: 10px; */
		text-align: center;
		/* left: 36px; */
		transform: translate(-53%, 50%);
	}

	/* .Marquee {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		overflow: hidden;
	}

	.Marquee-content {
		display: flex;
		animation: marquee 30s linear infinite running;
	}

	.Marquee-content:hover {
		animation-play-state: paused;
	}

	.Marquee-tag {
		width: 418px;
		margin: 0 0.5em;
		padding: 0.5em;
		background: rgba(255, 255, 255, 0.1);
		display: inline-flex;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		transition: all 0.2s ease;
	}

	.Marquee-tag:hover {
		background: rgba(255, 255, 255, 0.5);
		transform: scale(1.1);
		cursor: pointer;
	}

	@keyframes marquee {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translate(-20%);
		}
	} */

	/* .Marquee-content {
		position: relative;
	}

	.loginText {
		position: absolute;
	}

	.loginText:nth-child(1) {
		animation-name: fade;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
		animation-duration: 5s;
		animation-direction: alternate-reverse;
	}


	.loginText:nth-child(2) {
		animation-name: fade;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
		animation-duration: 5s;
		animation-direction: alternate;
	}

	.loginText:nth-child(3) {
		animation-name: fade;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
		animation-duration: 5s;
		animation-direction: alternate;
	}

	.loginText:nth-child(4) {
		animation-name: fade;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
		animation-duration: 5s;
		animation-direction: alternate;
	}

	@keyframes fade {

		0%,
		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	} */

	@media(max-width:991px) {
		.loginScreenBlock {
			padding: 0;
		}

		.customRowBanner {
			/* height: 100vh; */
			background-position: center;
			background-size: contain;
		}

		.customRowBanner img.w-100 {
			height: auto;
			object-fit: contain;
			border-radius: 0px;
		}

		.loginContainer {
			padding: 30px 25px 10px 25px;
			border-radius: 0px;
		}

		.webSlider {
			display: none;
		}

		.appSlider {
			display: block;
		}

		.loginWithSocialMediaBlock {
			height: 100%;
			margin-bottom: 22px;
		}

		.loginScreenBlock.container {
			max-width: 100% !important;
			padding: 0;
			margin: 0;
		}

		.loginScreenBlock .container {
			max-width: 100% !important;
			padding: 0;
			margin: 0;
		}

		.loginScreenBlock .col-lg-2,
		.loginScreenBlock .col-lg-1 {
			min-height: 0 !important;
		}
	}

	@media(max-width:768px) {
		.loginBg {
			padding: 0 !important;
		}

		.remember-container.kt-login__extra {
			flex-wrap: wrap;
		}

		.remember-container a {
			font-size: 13px !important;
			margin: 0 0 4px 0;
		}

		.remember-container.kt-login__extra .kt-checkbox span,
		.forgotPassword {
			font-size: 13px !important;
		}

		.customRowBanner {
			background-size: cover;
			background-position: top;
		}

		.loginScreenTab .nav>li>a {
			/* letter-spacing: 0; */
			padding: 10px 0 !important;
		}
	}

	@media(max-width:475px) {
		.loginContainer {
			padding: 30px 20px 10px 20px;
		}

		.loginContainer .loginMsg {
			font-size: 36px;
		}

		.loginContainer .loginText {
			font-size: 12px;
		}

		.loginScreenTab .nav>li>a {
			padding: 10px auto;
			font-size: 11px;
			font-weight: bolder;
		}

		.loginScreenBlock .container {
			margin: 0;
			padding: 0;
		}



		.loginWithSocialMediaBlock {
			display: flex;
			place-items: center;
			flex-wrap: wrap;
			width: 100%;
		}

		.loginWithSocialMediaBlock a {
			width: 100%;
		}
	}

	#pswdicon {
		bottom: 2px !important;
	}
	.remember-container .kt-login__extra{
		display: flex ;
		justify-content: end !important;
	}
	.close{
		font-size: 22px;
	}