*{
	margin:0px;
	padding:0px;
}


html{
	background:black;
	}
body{
	background:silver;
	height:1200px;
	width:1500px;
	margin:0 auto;
}
#loading{
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: none;
	background-image:url(image/ptrloader5.gif);
	background-repeat: no-repeat;
	background-position:center;
	z-index: 9999;
}
#header{
	background:url(qrs.png);
	height:200px;
	width:100%;
	}
	#nav{
	background:navy;
	height:30px;
	width:100%;
	}
	#footer{
	background:navy;
	height:30px;
	width:100%;
	}
	#container{
	background:white;
	height:940px;
	width:100%;
	overflow:auto;
	margin:0 auto;
	}
	
	
	#leftbox{
	background-color:#143c45;
	height:940px;
	width:10%;
	float:left;
	}
	#rightbox1{
	background:white;
	height:300px;
	width:90%;
	overflow:auto;
	margin:0 auto;
	float:right;
	}
	#rightbox2{
	background:white;
	height:640px;
	width:90%;
	overflow:auto;
	margin:0 auto;
	float:right;
}
#rightbox3{
	background:white;
	height:940px;
	width:90%;
	overflow:auto;
	margin:0 auto;
	float:right;
}

	#navul li{
		list-style-type:none;
		display:inline;
		padding-left:15px;
		padding-right:15px;
		line-height:30px;
		}
		#navul li a,#lful li a{
		text-decoration:none;
		color:white;
		}
	#navul li a:hover,#lful li a:hover{
		color:orange;
		}
		#lful li{
		list-style-type:none;
		padding-left:25px;
		padding-top:15px;
		padding-Bottom:15px;
		}
		#user_login{
			height:250px;
			width:500px;
			margin-left:570px;
			margin-top:150px;
			border-radius:10px;
			border-color:1px sold red;
			}
			#user_login legend{
				margin-left:25px;
				font-size:25px;
				color:green;
				}
				#user_table{
					margin:30px;
					font-size:15px;
					}
				#user_table tr td{
					padding:10px;
					}
					#user_table a{
					color:blue;
					text-decoration:none;
					}
					#user_table a:hover{
					color:green;
					text-decoration:underline;
					}
					#user_table input[type="text"],#user_table input[type="password"]{
						height:25px;
						width:250px;
						border-radius:10px;
						}
						#plabel {
							height:25px;
							padding:10px;
							width:10px;
							
						}
.text{
height:25px;
width:100px;
text-align:center;
}
.text0{
height:25px;
width:180px;
text-align:center;
}
.text1{
height:25px;
width:80px;

text-align:center;

}
.text2{
height:25px;
width:40px;
text-align:center;
}
.text3{
height:25px;
width:40px;
text-align:center;
}
.text1a{
height:25px;
width:40px;
color:red;
text-align:center;
}
.error{
	color:red;
	display:5 second;
}
.correct{
	color:green;
}
.btn{
	background-color:green;
	color:white;
}

.rbtn{
	height:25px;
	width:50px;
	background-color:red;
	color:white;
}
.abtn{
	height:25px;
	width:50px;
	background-color:green;
	color:white;
}
p{
	margin:10px;
}

#vtable{
	
	margin-left:10px;
}
.table{
	margin:10px;
	border:2px;
	
}
#frm{
	padding:10px;
}
#save{
	padding:1px;
}
.ttable{
	margin:10px;
	border:2px;
	
}
.trbtn{
	height:25px;
	width:50px;
	color:red;
}
.tabtn{
	height:25px;
	width:50px;
	color:green;
}
#rqty{
	background-color:silver;
}
#stable{
	
	height:25px;
	width:10px;
	
	
	border:1px;
	
	margin:3px;
	
}
#left{
	background:#143c45;
	height:940px;
	width:15%;
	float:left;
	display:flex;
	}
	#right1{
	background:white;
	height:300px;
	width:85%;
	overflow:auto;
	margin:0 auto;
	float:right;
	}
	#right2{
	background:white;
	height:640px;
	width:85%;
	overflow:auto;
	margin:0 auto;
	float:right;
}
#left ul li {
		
		
		width:220px;
		border:1px solid white;
		height:50px;
		position:relative;
		list-style-type:none;
		line-height:50px;
		background:#143c45;
		padding-top:0px;
		text-align:center;
		text-decoration:none;
		color:white;
		
		}
#left ul li:hover{
		background-color:#408080;
		}
		#left ul li a{
		text-decoration:none;
		color:white;
		}
		#left ul li a:hover{
		background-color:navy;
		}
		#left ul ul{
			display:none;
		}
		#left ul li:hover > ul{
			display:block;
		}
		#left ul ul{
			margin-left:220px;
			top:0px;
			position:absolute;
		}