body
{
	margin:0px;
	background-color:#F0F0F0;
}

#loginid
{
    display: block;
}
#loginpopid
{
	display:none;
}
#signuppopid
{
	display:none;
}
#signupinput
{
	display:block;
}
#signupotpverification
{
	display:none;
}
#addphotopopid
{
	display:none;
}
#loadingid
{
	display:none;
}
.alldiv
{
    width: 100%;
    float: left;
}



	.loading-popup 
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(128, 128, 128, 0.5); /* gray with 0.5 opacity */
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 9999; /* ensure it stays on top */
    }

    /* Centered loader container */
    .loader-box 
	{
		background: white;
		padding: 20px;
		border-radius: 8px;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }

    .loader-box-img 
	{
		width: 60px; /* adjust size as needed */
    }

@media(min-width:991px)
{
	.topheaderdiv 
	{
        width: 100%;
        height: 70px;
        background-color: #22B14C;
        float: left;
    }
		.topheader-innerdiv 
		{
			width: 94%;
			height: 60px;
			margin-left: 3%;
			margin-top: 5px;
			float: left;
		}
			.headerpartdiv1 
			{
				min-width: 60%;
				height: 100%;
				margin-left: 10px;
				float: left;
			}
				.header-menulinks 
				{
					display: none;
					min-width: 120px;
					height: 90px;
					margin-right: 20px;
					outline: none;
					float: left;
				}
					.headerdiv-menupic 
					{
						height: 70px;
						width: 90px;
						margin-right: 10px;
						margin-top: 30px;
						outline: none;
						float: right;
					}
				.header-links 
				{
					height: 100%;
					outline: none;
					float: left;
				}
					.headerdiv-pic 
					{
						height: 50px;
						width: auto;
						margin-left: 0px;
						margin-top: 0px;
						border-radius: 15px;
						float: left;
					}
	/*
	.topheader-leftlogo 
	{
		width: 18%;
		height: 50px;
		margin-left: 2%;
		margin-top: 10px;
		text-decoration: none;
		float: left;
	}
		.topheader-leftlogopic
		{
			width: 90%;
			height: 50px;
			margin-left: 5%;
			border-radius: 4px;
			float: left;
		}
		*/
	.leftmenu 
	{
		width: 100%;
		min-height: 900px;
		border-top: 1px solid #f0f0f0;
		background-color: #333;
		float: left;
	}
		.leftmenu-profilpicdiv 
		{
			width: 100%;
			height: 60px;
			margin-top: 10px;
			margin-bottom: 10px;
			float: left;
		}
			.leftmenu-profilpic-sub 
			{
				width: 60px;
				height: 60px;
				margin:10px auto;
			}
			.leftmenu-profilpic 
			{
				width: 60px;
				height: 60px;
				border-radius: 30px;
				float: left;
			}
		.leftmenu-usernamediv 
		{
			width: 100%;
			height: 40px;
			margin-top: 10px;
			margin-bottom: 10px;
			float: left;
		}
			.leftmenu-usernametext 
			{
				font-size: 14px;
				font-weight: 500;
				color: #FFF;
				font-family: 'sfui-text', 'Varela', sans-serif;
				margin: 0 auto;
				text-align: center;
			}
		.leftmenu-maindiv 
		{
			width: 100%;
			margin-top: 30px;
			float: left;
		}
			.leftmenu-linkdiv 
			{
				width: 100%;
				height: 45px;
				border-bottom: 1px solid #3f3f3f;
				text-decoration: none;
				float: left;
			}
				.leftmenu-linktext 
				{
					font-size: 14px;
					font-weight: 500;
					color: #FFF;
					margin-left: 15%;
					margin-top: 15px;
					font-family: 'sfui-text', 'Varela', sans-serif;
					float: left;
				}
	.top-headerstrip
	{
		width:100%;
		height:71px;
		background-color:#f3f6fc;
		background-color: #22B14C;
		position:fixed;
		float:left;
	}
	.main-body
	{
		width:100%;
		height:calc(100vh - 80px);
		overflow-x:hidden;
		overflow-y:scroll;
		float:left;
	}
		.mainbody-leftside
		{
			width:20%;
			min-height:100%;
			background-color:#5e1313;
			margin-top:0px;
			position:fixed;
			float:left;
		}
		.mainbody-rightside
		{
			width:calc(80% - 1px);
			min-height:100%;
			background-color:#F0F0F0;
			margin-top:0px;
			float:right;
		}
			.mainbody-rightside-inner
			{
				width:80%;
				min-height:500px;
				margin:50px 10%;
				float:left;
			}
				.rightside-headingstrip
				{
					width:100%;
					height:70px;
					background-color:#333;
					margin-bottom:50px;
					border-radius:10px;
					float:left;
				}
					.rightside-headingstrip-text
					{
						font-size:22px;
						font-weight:700;
						color:#FFF;
						margin-left:20px;
						margin-top:15px;
						font-family: Arial, sans-serif;
						float:left;
					}
				.rightside-input-maindiv
				{
					width:100%;
					min-height:40px;
					margin-top:10px;
					margin-bottom:10px;
					float:left;
				}
					.rightside-input-typestyle-heading
					{
						width:100%;
						font-size:11px;
						font-weight:700;
						color:#000;
						margin-left:5px;
						margin-top:5px;
						margin-bottom:0px;
						font-family: Arial, sans-serif;
						float:left;
					}
					.rightside-input-typestyle
					{
						width:91%;
						height:47px;
						font-size:15px;
						font-weight:700;
						color:#000;
						margin-left:0px;
						margin-top:1px;
						padding-left:2%;
						border-radius:8px;
						border:1px solid #333;
						font-family: Arial, sans-serif;
						float:left;
					}
					.rightside-submit-button
					{
						font-size:15px;
						font-weight:700;
						color:#FFF;
						margin:4px 0px;
						padding:15px 20px;
						border-radius:8px;
						border:1px solid #333;
						
						font-family: Arial, sans-serif;
						background: linear-gradient(135deg, #d3fb6e, #47443e);
						border: none;
						border-radius: 50px;
						cursor: pointer;
						box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
						transition: all 0.3s ease;
						position: relative;
						overflow: hidden;
						z-index: 1;
					}
					.rightside-submit-button::before {
					  content: "";
					  position: absolute;
					  top: 0; left: 0;
					  width: 100%; height: 100%;
					  background: linear-gradient(135deg, #a777e3, #6e8efb);
					  transform: scaleX(0);
					  transform-origin: right;
					  transition: transform 0.3s ease;
					  z-index: -1;
					  border-radius: 50px;
					}

					.rightside-submit-button:hover::before {
					  transform: scaleX(1);
					  transform-origin: left;
					}
					
					
					.rightside-close-button
					{
						font-size:15px;
						font-weight:700;
						color:#FFF;
						margin:4px 20px;
						padding:15px 20px;
						border-radius:8px;
						border:1px solid #333;
						
						font-family: Arial, sans-serif;
						background: linear-gradient(135deg, #e04548, #c52f33, #9e2328);
						border: none;
						border-radius: 50px;
						cursor: pointer;
						box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
						transition: all 0.3s ease;
						position: relative;
						overflow: hidden;
						z-index: 1;
					}
					
					
					
					
					
	
	
	
	
	
	
	
	
	
	.loginnew-maindiv
	{
		width: 100%;
		min-height: 100%;
		background-color: #F0F0F0;
		float: left;
	}
		.loginnew-maininnerdiv
		{
			width: 100%;
			min-height: 200px;
			margin-top: 0px;
			margin-bottom: 0px;
			background-color: #F0F0F0;
			float: left;
		}
			.loginnew-mainbtndiv
			{
				width: 100%;
				min-height: 200px;
				padding-top: 0px;
				padding-bottom: 0px;
				border-radius: 10px;
				background-color: #ddeace;
				margin-left:0px;
				float: left;
			}
				.premote-loginbtndiv
				{
					width: 80%;
					height: 50px;
					margin-left: 10%;
					margin-top: 20px;
					margin-bottom: 30px;
					float: left;
				}
					.premote-loginbtn
					{
						width: 100%;
						height: 48px;
						border: 1px solid #C3A62E;
						background-color: #C3A62E;
						font-size: 22px;
						font-weight: 700;
						color: #FFF;
						border-radius: 8px;
						cursor: pointer;
						outline: none;
						font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
						float: left;
					}
					.premote-signupbtn
					{
						width: 100%;
						height: 48px;
						border: 1px solid #FB8A13;
						background-color: #FB8A13;
						font-size: 22px;
						font-weight: 700;
						color: #FFF;
						border-radius: 8px;
						cursor: pointer;
						outline: none;
						font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
						float: left;
					}
				.premote-divorimage
				{
					width: 90%;
					height: 50px;
					margin-top: 0px;
					margin-bottom: 0px;
					margin-left: 5%;
					float: left;
				}
				.mobilelogin-donthave-accouttext1 
				{
					font-size: 18px;
					font-weight: 500;
					color: #333;
					font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
					text-align: right;
					margin-left: 35px;
					margin-right: 5px;
					margin-top: 0px;
					margin-bottom: 20px;
					text-decoration: none;
					float: left;
				}
			.loginnew-subinnerdiv
			{
				width: 80%;
				min-height: 400px;
				margin-left: 10%;
				float: left;
			}
				.premote-selectperdiction-innermainheaderdiv
				{
					width: 100%;
					height: 100px;
					margin-bottom: 10px;
					float: left;
				}
					.loginnew-loginheaderdiv
					{
						width: 100%;
						height: 50px;
						background-color: #DEA0B5;
						border-radius: 7px;
						margin-bottom: 10px;
						margin-top: 20px;
						font-size: 40px;
						font-weight: 1000;
						color: #000;
						font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
						float: left;
					}
						.loginnew-loginheadertxt
						{
							font-size: 22px;
							font-weight: 700;
							color: #000;
							margin-top: 13px;
							text-align: left;
							font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
							margin-left:20px;
						}
				.adddetail-headertextp
				{
					width: 95%;
					font-size: 13px;
					font-weight: 700;
					color: #000;
					text-align: left;
					margin-top: 20px;
					margin-bottom: 0px;
					margin-left: 2%;
					font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
					float: left;
				}
				.mobilelogin-input
				{
					width: 94%;
					height: 45px;
					border: 2px solid #DDD;
					font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
					color: #333;
					font-size: 17px;
					text-align: left;
					padding-left: 3%;
					margin-top: 0px;
					margin-bottom: 10px;
					margin-left: 1%;
					border-radius: 7px;
					float: left;
				}
				.mobilelogin-submit
				{
					width: 80%;
					height: 50px;
					font-size: 22px;
					font-weight: 700;
					color: white;
					background-color: orange;
					border: 1px solid orange;
					border-radius: 8px;
					margin-top: 40px;
					margin-left: 1%;
					margin-bottom: 40px;
					cursor: pointer;
					outline: none;
					font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
					float: left;
				}
					.mobilelogin-forgetpasswordtext
					{
						font-size: 17px;
						font-weight: 500;
						color: #0087e0;
						font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
						text-align: right;
						margin-right: 35px;
						margin-top: 10px;
						margin-bottom: 10px;
						text-decoration: none;
						float: right;
					}
			.mobilelogin-donthave-accoutdiv
			{
				width: 100%;
				height: 100px;
				background-color: #F7F7F7;
				border-top: 2px solid gray;
				margin-bottom: -50px;
				border-bottom-left-radius: 10px;
				border-bottom-right-radius: 10px;
				float: left;
			}
				.mobilelogin-donthave-centerdiv
				{
					width: 96%;
					height: 50px;
					margin-top: 30px;
					margin-left: 2%;
					float: left;
				}
					.mobilelogin-donthave-accouttext1
					{
						font-size: 13px;
						font-weight: 500;
						color: #333;
						font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
						text-align: right;
						margin-right: 35px;
						margin-right: 5px;
						margin-top: 0px;
						margin-bottom: 20px;
						text-decoration: none;
						float: left;
					}
					.mobilelogin-donthave-accoutlinktext1
					{
						font-size: 15px;
						font-weight: 500;
						color: #0087e0;
						font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
						text-align: right;
						margin-left: 0px;
						margin-right: 5px;
						margin-top: 0px;
						margin-bottom: 20px;
						text-decoration: underline;
						float: left;
					}
				.adddetail-inputradio
				{
					width: 20px;
					height: 20px;
					border-radius: 10px;
					margin-bottom: 10px;
					background-color: #F9FEBC;
					margin-left: 1%;
					margin-top: 10px;
					float: left;
				}
					.adddetail-inputradiotext
					{
						font-size: 15px;
						color: #333;
						margin-top: 15px;
						margin-left: 15px;
						margin-right: 100px;
						font-family: 'Open Sans', sans-serif;
						float: left;
					}
					
			.loginnew-addprofile-donelink
			{
				font-size: 25px;
				font-weight: 700;
				color: #FFF;
				background-color: #FF6347;
				border: 1px solid #FF6347;
				padding: 17px 30px;
				text-decoration: none;
				border-radius: 10px;
				margin-top: 10px;
				margin-right: 60px;
				font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
				float: right;
			}
			.loginnew-addprofile-skiplink
			{
				font-size: 25px;
				font-weight: 700;
				color: #FFF;
				background-color: #3578E5;
				border: 1px solid #3578E5;
				padding: 17px 30px;
				text-decoration: none;
				border-radius: 10px;
				margin-top: 10px;
				font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
				float: right;
			}
			.mobilelogin-forgetpasssubmit
			{
				min-width: 100px;
				height: 50px;
				font-size: 17px;
				font-weight: 700;
				color: #FFF;
				background-color: #31a35e;
				border: 1px solid #31a35e;
				border-radius: 8px;
				margin-top: 40px;
				margin-left: 1%;
				margin-bottom: 40px;
				padding-left:10px;
				padding-right:10px;
				cursor: pointer;
				outline: none;
				font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
				float: left;
			}


















	.userlist-superdiv
	{
		width:96%;
		margin-left:2%;
		float:left;
	}
		.userlist-maindiv
		{
			width: 100%;
			min-height: 220px;
			margin-top: 15px;
			margin-bottom:15px;
			background-color: #FFF;
			border-radius: 10px;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			float: left;
		}
			.userlist-main-innerdiv
			{
				width: 91%;
				min-height: 220px;
				margin-left:5%;
				margin-top: 15px;
				margin-bottom:15px;
				background-color: #FFF;
				float: left;
			}
				.userlist-main-headingdiv
				{
					width:100%;
					min-height:100px;
					float:left;
				}
					.userlist-main-heading-icondiv
					{
						width:130px;
						min-height:100px;
						float:left;
					}
					.userlist-main-heading-detaildiv
					{
						width:calc(100% - 150px);
						min-height:100px;
						float:left;
					}
						.userlist-main-heading-icon
						{
							width:100px;
							height:auto;
							float:left;							
						}
						.userlist-main-heading-nametxt
						{
							width:100%;
							font-size: 24px;
							font-weight: 700;
							color: #000;
							line-height:28px;
							margin-left: 0px;
							margin-right: 5px;
							margin-top: 0px;
							margin-bottom: 5px;
							text-align: left;
							font-family: 'Open Sans', sans-serif;
							float: left;
						}
						.userlist-main-heading-addresstxt
						{
							width:100%;
							font-size: 17px;
							font-weight: 500;
							color: #000;
							line-height:22px;
							margin-left: 0px;
							margin-top: 0px;
							margin-bottom: 10px;
							text-align: left;
							font-family: 'Open Sans', sans-serif;
							float: left;
						}
						.userlist-main-debitblock
						{
							width:80%;
							min-height:30px;
							background-color:#FFADB0;
							margin-top:10px;
							margin-bottom:5px;
							float:left;
						}
						.bill-detail-text
						{
							width:100%;
							font-size: 15px;
							font-weight: 400;
							color:#000;
							margin-top:2px;
							margin-bottom:5px;
							float:left;
						}
						.bill-detail-text span
						{
							font-size: 17px;
							font-weight: 700;
						}
							.userlist-main-debitblock-inner
							{
								width: 91%;
								min-height:10px;
								margin-left:5%;
								margin-top:10px;
								margin-bottom:10px;
								color: white;
								float:left;
							}
								.userlist-main-debitblock-text
								{
									width:100%;
									font-size: 17px;
									font-weight: 500;
									color: #000;
									line-height:22px;
									margin-left: 0px;
									margin-top: 0px;
									margin-bottom: 0px;
									text-align: left;
									font-family: 'Open Sans', sans-serif;
									float: left;
								}
								.userlist-main-debitblock-text span
								{
									font-weight:700;
								}
						.userlist-main-creditblock
						{
							width:80%;
							min-height:30px;
							background-color:#d9eee1;
							background-color:#A8DCAB;
							margin-top:5px;
							margin-bottom:5px;
							float:left;
						}
							.userlist-main-creditblock-inner
							{
								width: 91%;
								min-height:10px;
								margin-left:5%;
								margin-top:10px;
								margin-bottom:10px;
								color: white;
								float:left;
							}
								.userlist-main-creditblock-text
								{
									width:100%;
									font-size: 17px;
									font-weight: 500;
									color: #000;
									line-height:22px;
									margin-left: 0px;
									margin-top: 0px;
									margin-bottom: 0px;
									text-align: left;
									font-family: 'Open Sans', sans-serif;
									float: left;
								}
								.userlist-main-creditblock-text span
								{
									font-weight:700;
								}
				.userlist-main-leftpart
				{
					width:47%;
					min-height:100px;
					float:left;
				}
				.userlist-main-rightpart
				{
					width:47%;
					min-height:100px;
					float:right;
				}
				.userlist-main-btn1
				{
					min-width:60%;
					padding:10px 20px;
					font-size:17px;
					font-weight:500;
					line-height:22px;
					color:#FFF;
					background-color:#51729d;
					margin-top:10px;
					margin-bottom:5px;
					border-radius:22px;
					text-decoration:none;
					background: linear-gradient(45deg, #747111, #f7cc1c);
					box-shadow: 0 6px 15px rgba(81, 114, 157, 0.5);
					font-family: 'Open Sans', sans-serif;
					float:left;
				}
				.userlist-main-btn2
				{
					min-width:60%;
					padding:10px 20px;
					font-size:17px;
					font-weight:500;
					line-height:22px;
					color:#FFF;
					background: linear-gradient(45deg, #d91a37, #321e21);
					box-shadow: 0 6px 15px rgba(157, 81, 93, 0.5);
					margin-top:10px;
					margin-bottom:5px;
					border-radius:22px;
					text-decoration:none;
					font-family: 'Open Sans', sans-serif;
					float:left;
				}
				.userlist-main-btn3
				{
					min-width:30%;
					padding:10px 20px;
					font-size:17px;
					font-weight:500;
					line-height:22px;
					color:#FFF;
					background: linear-gradient(45deg, #029451, #82ca02);
					box-shadow: 0 6px 15px rgba(2, 146, 202, 0.5);
					margin-top:10px;
					margin-bottom:5px;
					border-radius:22px;
					text-decoration:none;
					font-family: 'Open Sans', sans-serif;
					float:left;
				}
				.userlist-main-btn4
				{
					min-width:30%;
					padding:10px 20px;
					font-size:17px;
					font-weight:500;
					line-height:22px;
					color:#FFF;
					background: linear-gradient(45deg, #d3a00a, #43ae50);
					box-shadow: 0 6px 15px rgba(67, 174, 80, 0.5);
					margin-top:10px;
					margin-bottom:5px;
					border-radius:22px;
					text-decoration:none;
					font-family: 'Open Sans', sans-serif;
					float:left;
				}
				.userlist-main-btn5
				{
					min-width:30%;
					padding:10px 20px;
					font-size:17px;
					font-weight:500;
					line-height:22px;
					color:#FFF;
					background: linear-gradient(45deg, #d30ab4, #64edb3);
					box-shadow: 0 6px 15px rgba(67, 174, 80, 0.5);
					margin-top:10px;
					margin-bottom:5px;
					border-radius:22px;
					text-decoration:none;
					font-family: 'Open Sans', sans-serif;
					float:left;
				}
			






	.addproduct-right
	{
		width:100%;
		min-height:100%;
		margin-top:0px;
		margin-left:0px;
		float:left;
	}
		.addproduct-right-inner
		{
			width:100%;
			min-height:100%;
			float:left;
		}
		.addproduct-right-container
		{
			width:96%;
			min-height:90%;
			margin-top:10px;
			margin-bottom:10px;
			margin-left:2%;
			background-color:#FFF;
			border-radius:10px;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			float:left;
		}
			.addproduct-right-container-inner
			{
				width:92%;
				min-height:200px;
				margin:40px 4%;
				float:left;
			}
				.addproduct-right-headingstrip
				{
					width:100%;
					min-height:50px;
					background-color:#333;
					border-radius:10px;
					margin-bottom:10px;
					float:left;
				}
					.addproduct-right-headingstrip-text
					{
						font-size: 22px;
						font-weight: 700;
						color: #FFF;
						margin-left: 20px;
						margin-top: 15px;
						margin:15px 20px;
						font-family: Arial, sans-serif;
						float: left;
					}
					.sizeinput-overlapdiv
					{
						width:150px;
						height: 48px;
						font-size: 13px;
						font-weight: 500;
						color: #000;
						background-color:#AAA;
						margin-right: 9%;
						margin-top: -49px;
						padding-left: 2%;
						border-top-right-radius: 8px;
						border-bottom-right-radius: 8px;
						font-family: Arial, sans-serif;
						float: right;
					}
						.sizeinput-overlaptext
						{
							font-size: 17px;
							font-weight: 700;
							color: #000;
							margin-top:10px;
							margin-left:10px;
							font-family: Arial, sans-serif;
							float:left;
						}



	.serchuserhere
	{
		width:100%;
		height:50px;
		margin-top:10px;
		margin-bottom:20px;
		border-radius:4px;
		padding-left:10px;
		font-size:22px;
		float:left;
	}
	
	
	
	
	.total
	{
		margin-top:4px;
		margin-bottom:5px;
	}
    th
	{
		font-size:13px;
		font-weight:700;
		colo:#000;
		
	}
	td
	{
		font-size:13px;
		font-weight:400;
		colo:#000;
	}
	tr
	{
		border-bottom:1px solid #CCC;
	}

		
}