/*.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%;
	}
}