/*.align-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

.full-height-container {
	height: 100vh;
}

.full-height-grid {
	height: 100%;
}

.e-card .e-card-header .e-card-header-caption .e-card-header-title {*/
/*font-family: Helvetica-Bold;*/
/*color: white;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0.75rem;
}

.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
	padding-top: 0px;*/
/*        font-family: Helvetica;
            */
/*color: white;
	font-size: 12px;
	margin-top: -0.375rem;
}

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

.HeroLabel {
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 25px;
	font-weight: bold;
	color: white;
	text-align: left;
	vertical-align: baseline;
}

.LabelText {
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 12px;
	font-weight: bold;
	vertical-align: bottom;
	padding-left: 10px;
}

.e-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #eee;
	border-radius: 0.25rem;
	height: 100%;
}

	.e-card .e-card-content {
		font-size: 20px;
		color: gray;
		line-height: initial;
		font-weight: normal;
		flex: 1 1 auto;
		padding: 1.25rem;
	}

	.e-card .e-card-header {
		font-size: 30px;
		font-weight: bolder;
		padding: 0.75rem 1.25rem;
		margin-bottom: 0;
		border-bottom: 1px solid #eee;*/
/*background-color: #FF4A4A;*/
/*padding: 0.75rem 1.25rem;
                        margin-bottom: 0;
                        background-color: #fff;
                        border-bottom: 1px solid #eee;*/
/*Primary Color*/
/*            background: #ab47bc;
                background: linear-gradient(60deg, #ab47bc, #8e24aa);
    */ /*height: 70px;
		text-align: center;
		line-height: 33px;
		background-color: #337ab7;*/ /*#2196f3ff;*/
/*
                Color Type Warning
                background: #ffa726;
                        background: linear-gradient(60deg, #ffa726, #fb8c00);
            */
/*}



.e-success::before {
	content: "\2713";
	font-size: 17px;
}

.e-failure::before {
	content: "\2717";
	font-size: 17px;
}*/

.MainContainer {
	position: relative;
	float: right;
	width: 100%; /*calc(100% - 260px);*/
	/*background-color: #f4f3ef;*/
	/*background: rgb(238, 238, 238);*/
	/*background: linear-gradient(0deg, rgba(244,243,239,1) 0%, rgba(255,255,255,1) 57%);*/
/*	background: rgb(194,194,194);
	background: linear-gradient(0deg, rgba(194,194,194,1) 0%, rgba(255,255,255,1) 100%);
*/	height: 100vh;
	/*transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);*/
}

	.MainContainer .BodyContainer {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

.CircularDiv {
	background: #fff;
	border: 8px outset #999;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	position: fixed; /* Use fixed position to cover the entire viewport */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* Use transform to center the div */
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
	z-index: 99999999; /* Higher z-index value */
}

#CircularSpnnerOverlay {
	z-index: 99999;
	display: block;
	position: fixed; /* Use fixed position to cover the entire viewport */
	height: 100%;
	width: 100%; /* Cover the entire width */
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
}

.Creditor {
	/*background-color: red;*/
	color: red !important;
}

.Debtor {
	background-color: green;
}

.page-not-found {
	background-color: #3f51b5;
	height: 100vh;
}

	.page-not-found h2 {
		font-size: 130px;
		color: #e91e63;
	}

	.page-not-found h3 {
		font-size: 42px;
	}

	.page-not-found .bg-light {
		width: 50%;
		padding: 50px;
		text-align: center;
		border-radius: 5px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

@media (max-width: 767px) {
	.page-not-found h2 {
		font-size: 100px;
	}

	.page-not-found h3 {
		font-size: 28px;
	}

	.page-not-found .bg-light {
		width: 100%;
	}
}


/* Main layout */
.main-layout {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/* Background with blur effect */
.blurred-background-container {
	flex: 1;
	position: relative;
	background: url('/Images/bg-login.jpg') no-repeat center center fixed;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2rem;
}

	.blurred-background-container::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		backdrop-filter: blur(6px);
		background: rgba(0, 0, 0, 0.3); /* semi-dark overlay */
		z-index: 0;
	}

/* Centered Login Card */
.login-wrapper {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 400px;
	margin: auto;
}

.login-card {
	border-radius: 15px;
	overflow: hidden;
}

.glass-effect {
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(12px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.18);
	padding: 1.5rem;
}

/* Logo styling */
.logo-img {
	max-height: 60px;
	margin: 0 auto 1rem;
	display: block;
}

/* Footer Styling */
.footer {
	position: absolute;
	bottom: 20px;
	right: 30px;
	color: white;
	font-size: 14px;
	font-family: 'Segoe UI', 'Poppins', 'Roboto', sans-serif;
	text-align: right;
	z-index: 2;
}

/* Make the organization name stand out */
.highlight-text {
	font-weight: 600;
	color: #ffd700; /* golden/yellow tint */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	letter-spacing: 0.3px;
}


@media (max-width: 576px) {
	.navbar {
		font-size: 16px;
		padding: 0.8rem 1rem;
	}

	.glass-effect {
		padding: 1rem;
	}
}