@media(max-width:991px)
{
	.topheaderdiv {
        width: 100%;
        height: 140px;
        background-color: #22B14C;
        float: left;
    }
		.topheader-innerdiv 
		{
			width: 94%;
			height: 120px;
			margin-left: 3%;
			margin-top: 5px;
			float: left;
		}
			.headerpartdiv1 
			{
				min-width: 60%;
				height: 100%;
				margin-left: 10px;
				float: left;
			}
				.header-menulinks 
				{
					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: 90px;
						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;
		}
		*/
	.mainbody-leftside-profile
	{
		width:70%;
		height:calc(100% - 140px);
		background-color:#333;
		position: absolute;
		float:left;
	}
	.leftmenu 
	{
		width: 100%;
		min-height: 900px;
		border-top: 1px solid #f0f0f0;
		float: left;
	}
		.leftmenu-profilpicdiv 
		{
			width: 100%;
			height: 190px;
			margin-top: 10px;
			margin-bottom: 10px;
			float: left;
		}
			.leftmenu-profilpic-sub 
			{
				width: 160px;
				height: 160px;
				margin:10px auto;
			}
			.leftmenu-profilpic 
			{
				width: 160px;
				height: 160px;
				border-radius: 80px;
				float: left;
			}
		.leftmenu-usernamediv 
		{
			width: 100%;
			height: 40px;
			margin-top: 10px;
			margin-bottom: 10px;
			float: left;
		}
			.leftmenu-usernametext 
			{
				font-size: 28px;
				font-weight: 700;
				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%;
				min-height: 55px;
				border-bottom: 1px solid #F0F0F0;
				text-decoration: none;
				float: left;
			}
				.leftmenu-linktext 
				{
					 font-size: 40px;
					line-height: 75px;
					font-weight: 700;
					color: #FFF;
					margin-left: 15%;
					margin-top: 30px;
					margin-bottom:30px;
					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(100% - 140px);
		overflow-y:scroll;
		overflow-x:hidden;
		float:left;
	}
		.mainbody-leftside
		{
			display:none;
			width:100%;
			min-height:100%;
		background-color: rgba(33, 33, 33, 0.2);
			margin-top:0px;
			position:fixed;
			z-index:10;
			float:left;
		}
		.mainbody-rightside
		{
			width:100%;
			min-height:100%;
			background-color:#F0F0F0;
			margin-top:0px;
			float:left;
		}
			.mainbody-rightside-inner
			{
				width:90%;
				min-height:500px;
				margin:50px 5%;
				float:left;
			}
				.rightside-headingstrip
				{
					width:100%;
					height:70px;
					margin-bottom:50px;
					border-radius:10px;
					float:left;
				}
					.rightside-headingstrip-text
					{
						width: 100%;
						background-color: #333;
						padding-left: 5%;
						padding-top: 15px;
						padding-bottom: 17px;
						border-radius: 7px;
						margin-top: 0px;
						margin-bottom: 50px;
						font-size: 40px;
						font-weight: 1000;
						color: #FFF;
						font-family: 'Open Sans', 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: 25px;
						font-weight: 700;
						color: #000;
						text-align: left;
						margin-top: 20px;
						margin-bottom: 1px;
						margin-left: 2%;  
						font-family: 'Open Sans', sans-serif;
						float:left;
					}
					.rightside-input-typestyle
					{
						width:91%;
						height: 90px;
						font-size:31px;
						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:40px;
						font-weight:700;
						color:#FFF;
						margin:50px 0px;
						padding:20px 60px;
						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: 20%;
		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;
				margin-top: 0px;
				margin-bottom: 0px;
				border-radius: 10px;
				background-color: #FFF;
				margin-left: 0%;
				float: left;
			}
				.premote-loginbtndiv
				{
					width: 80%;
					height: 90px;
					margin-left: 10%;
					margin-top: 80px;
					margin-bottom: 30px;
					float: left;
				}
					.premote-loginbtn
					{
						width: 100%;
						height: 88px;
						border: 1px solid #C3A62E;
						background-color: #C3A62E;
						font-size: 40px;
						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: 88px;
						border: 1px solid #FB8A13;
						background-color: #FB8A13;
						font-size: 40px;
						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: 90px;
					margin-top: 20px;
					margin-bottom: 20px;
					margin-left: 5%;
					float: left;
				}
				.mobilelogin-donthave-accouttext1 
				{
					font-size: 24px;
					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: 50px;
					float: left;
				}
					.loginnew-loginheaderdiv
					{
						width: 100%;
						height: 90px;
						background-color: #DEA0B5;
						border-radius: 7px;
						margin-bottom: 50px;
						margin-top: 30px;
						font-size: 40px;
						font-weight: 1000;
						color: #000;
						font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
						float: left;
					}
						.loginnew-loginheadertxt
						{
							font-size: 40px;
							font-weight: 1000;
							color: #000;
							margin-top: 17px;
							text-align: center;
							font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
						}
				.adddetail-headertextp
				{
					width: 95%;
					font-size: 27px;
					font-weight: 700;
					color: #000;
					text-align: left;
					margin-top: 20px;
					margin-bottom: 10px;
					margin-left: 2%;
					font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
					float: left;
				}
				.mobilelogin-input
				{
					width: 94%;
					height: 90px;
					border: 2px solid #DDD;
					font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
					color: #333;
					font-size: 35px;
					text-align: left;
					padding-left: 3%;
					margin-top: 5px;
					margin-bottom: 50px;
					margin-left: 1%;
					border-radius: 7px;
					float: left;
				}
				.mobilelogin-submit
				{
					width: 450px;
					height: 90px;
					font-size: 40px;
					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: 24px;
						font-weight: 500;
						color: #0087e0;
						font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
						text-align: right;
						margin-right: 35px;
						margin-top: 60px;
						margin-bottom: 60px;
						text-decoration: none;
						float: right;
					}
			.mobilelogin-donthave-accoutdiv
			{
				width: 100%;
				height: 180px;
				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: 80px;
					margin-left: 2%;
					float: left;
				}
					.mobilelogin-donthave-accouttext1
					{
						font-size: 24px;
						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;
					}
					.mobilelogin-donthave-accoutlinktext1
					{
						font-size: 24px;
						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: 40px;
					height: 40px;
					border-radius: 20px;
					margin-bottom: 50px;
					background-color: #F9FEBC;
					margin-left: 1%;
					margin-top: 10px;
					float: left;
				}
					.adddetail-inputradiotext
					{
						font-size: 25px;
						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: 550px;
				height: 90px;
				font-size: 40px;
				font-weight: 700;
				color: #FFF;
				background-color: #31a35e;
				border: 1px solid #31a35e;
				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;
			}



















	.userlist-superdiv
	{
		width:96%;
		margin-left:2%;
		float:left;
	}
		.userlist-maindiv
		{
			width: 100%;
			min-height: 220px;
			margin-top: 25px;
			margin-bottom:25px;
			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:180px;
						min-height:100px;
						float:left;
					}
					.userlist-main-heading-detaildiv
					{
						width:calc(100% - 200px);
						min-height:100px;
						float:left;
					}
						.userlist-main-heading-icon
						{
							width:150px;
							height:auto;
							float:left;							
						}
						.userlist-main-heading-nametxt
						{
							width:100%;
							font-size: 31px;
							font-weight: 700;
							color: #000;
							line-height:35px;
							margin-left: 0px;
							margin-right: 5px;
							margin-top: 0px;
							margin-bottom: 10px;
							text-align: left;
							font-family: 'Open Sans', sans-serif;
							float: left;
						}
						.userlist-main-heading-addresstxt
						{
							width:100%;
							font-size: 28px;
							font-weight: 500;
							color: #7e818c;
							line-height:33px;
							margin-left: 0px;
							margin-top: 0px;
							margin-bottom: 22px;
							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: 28px;
							font-weight: 500;
							color:#000;
							margin-top:2px;
							margin-bottom:10px;
							float:left;
						}
						.bill-detail-text span
						{
							font-size: 30px;
							font-weight: 700;
							margin-right:10px;
						}
							.userlist-main-debitblock-inner
							{
								width: 91%;
								min-height:10px;
								margin-left:5%;
								margin-top:22px;
								margin-bottom:22px;
								color: white;
								float:left;
							}
								.userlist-main-debitblock-text
								{
									width:100%;
									font-size: 33px;
									font-weight: 700;
									color: #000;
									line-height:35px;
									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:22px;
								margin-bottom:22px;
								color: white;
								float:left;
							}
								.userlist-main-creditblock-text
								{
									width:100%;
									font-size: 33px;
									font-weight: 700;
									color: #000;
									line-height:35px;
									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-remark-text
								{
									font-size:28px;
									font-weight:500;
									color:#000;
									margin-top:15px;
									margin-bottom:15px;
								}
				.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: 28px 60px;
					font-size:28px;
					font-weight:500;
					line-height:22px;
					color:#FFF;
					background-color:#51729d;
					margin-top:10px;
					margin-bottom:40px;
					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: 28px 60px;
					font-size:28px;
					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:40px;
					border-radius:22px;
					text-decoration:none;
					font-family: 'Open Sans', sans-serif;
					float:left;
				}
				.userlist-main-btn3
				{
					min-width:30%;
					padding: 28px 60px;
					font-size:28px;
					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:40px;
					border-radius:22px;
					text-decoration:none;
					font-family: 'Open Sans', sans-serif;
					float:left;
				}
				.userlist-main-btn4
				{
					min-width:30%;
					padding: 28px 60px;
					font-size:28px;
					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:40px;
					border-radius:22px;
					text-decoration:none;
					font-family: 'Open Sans', sans-serif;
					float:left;
				}
				.userlist-main-btn5
				{
					min-width:30%;
					padding: 28px 60px;
					font-size:28px;
					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:40px;
					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:100%;
			min-height:50%;
			margin-top:10px;
			margin-bottom:10px;
			margin-left:0%;
			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:80px;
		margin-top:10px;
		margin-bottom:20px;
		border-radius:10px;
		padding-left:10px;
		font-size:33px;
		float:left;
	}

		
		
	.total
	{
		margin-top:4px;
		margin-bottom:5px;
	}
    th
	{
		font-size:28px;
		font-weight:700;
		colo:#000;
		
	}
	td
	{
		font-size:28px;
		font-weight:500;
		colo:#000;
	}
	tr
	{
		border-bottom:1px solid #CCC;
	}
		
}