#header{
	width: 99.3%;
	height: 100px;
	color: #fff;
	margin:0px;
	background-color:#45a29e;
	font-family:calibri;
	position:fixed;
	z-index:100;
	margin-top:-8px
}
		#header img{
			height: 110px;
			margin: 20px 0px 0px 20px;
		}
		
		#header ul{
			list-style-type: none;
			margin-left: 20px;
			padding: 0;
		}

		#header h2{
			margin: 0;
		}		
		
	
#menu_bar{
	background-color:#fff;
	width: 99.3%;
	height: 50px;
	font-family:calibri;
	position:fixed;
	z-index:1;
	margin-top:-19px
}	

		#menu_bar img{
			margin-top:1px;
			height: 17px;
		}
		
		#menu_bar ul{
			list-style-type: none;
			margin: 0;
			padding: 5px;
			width: auto;
			height: 30px;
		}	
		
		#menu_bar li{
			display: inline;
			padding-right: 16px;
		}
		#menu_bar a:hover{
			background-color: #d5d5d5;
		}
		
		#menu_bar a{
			float: left;
			color: black;
			text-align: left;
			padding: 4px 10px;
			text-decoration: none;
			font-size:15px;
		}
		
		.dropdown {
			position: relative;
			display: inline-block;
			margin-top:10px;
			min-width:200px;
		}

		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #ffffff;
			min-width: 100px;
			box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
			z-index: 1;
		}

		.dropdown-content a {
			color: black;
			padding: 12px 16px;
			text-decoration: none;
			display: block;
			width:100%;
		}

		.dropdown:hover .dropdown-content {
			display: block;
		}
		
		.dropdown-content img{
			margin-right:10px;
		}
		
		
#main_content{
	width: 100%;
	height:100%;	
	margin:50px 0px 100px 0px;
}
				
		#main_content img:hover{
			filter: drop-shadow(2px 2px 2px #222);
			transform: scale(1.1);
		}
				
		table#add_tbl td{
			width:200px;
			height:50px;
			font-family:calibri;
		}
				
		table#add_tbl input{
			width:295px;
			height:27px;
			font-size:15px;
			border-radius: 5px;
			border: 1px solid;
		}
		table#add_tbl select{
			width:300px;
			height:35px;
			font-size:15px;
			border-radius: 5px;
		}
		
		#frm_dia span{
			color:red;
		}
		
		#up_cpwd span{
			color:red;
		}
		#u_login{
			margin-top:10px;
		}
		
		#u_login input{
			width:150px;height:34px;border-radius:0px 5px 5px 0px;
		}
		
		
		table#u_log_tbl td{
			width:300px;
			height:40px;
		}
		
		#img_div:hover{
			filter: drop-shadow(2px 2px 2px #222);
			transform: scale(1.1);
			cursor: pointer;
		}
		
		#img_div label{
			color: white;
			font-size:15px;
			min-width:15px;
			min-height:15px;
			background-color:#1f2833;
			margin-left:140px;
			padding:3px 3px 3px 3px;
			position:absolute;
			z-index:2;
			border-radius:5px;
		}
		
		#div_img_sub{
			margin-right:50px;	
			height:150px;
			width:180px;
			float:left;
			text-align:center
		}
			
		#l_pane{
			width:35%;
			float:left;
			overflow: auto;
		}
		
		#r_pane{
			border:2px solid gray;
			width:62%;
			height:580px;
			float:left;
			margin-left:20px;
			overflow:auto;
		}
		
		table#rec_tbl td{
			width:145px;
			height:50px;
			font-family:calibri;
		}
		
		table#rec_tbl select{
			width:300px;
			height:35px;
			font-size:15px;
			border-radius: 5px;
		}
		
		#rec_tbl input{
			width:295px;
			height:27px;
			font-family:calibri;
			border-radius: 5px;
		}
		
		.dataTables_filter input{
			width:300px;
			height:30px;
			margin-right:15px;
		}
				
		#ua_tbl .dataTables_filter input{
			width:150px;
			height:30px;
		}
		
		textarea{
			resize:none;
		}
		
		.ui-widget-shadow {
			-webkit-box-shadow: 0px 0px 0px #ffffff;
			box-shadow: 0px 0px 0px #ffffff;
		}
		
		thead input {
			width: 100%;
			padding: 3px;
			box-sizing: border-box;
		}
		
		#record_tbl tbody, thead{
			cursor:pointer;
			font-family:calibri;
		}
		
		#record_tbl tr:hover{
			background-color:#efefef;
		}
		
		.toolbar {
			float: left;
			margin:5px 0px 0px 0px;
			font-family:calibri;
		}
		
		tfoot {
			display: table-row-group;
		}
		
		tfoot input{
			height:25px;
			width:100%;
		}		
		
		.ui-autocomplete .ui-menu-item {
			width:auto;
			background-color:white;
			font-size:15px;
			font-style: italic;
		}
		
		table#attach_t{
			border:none;
		}
		
		table#attach_t tr{
			font-size:15px;
			font-family:calibri;
			background-color:transparent;
		}
		
		table#attach_t td{
			height:10px;
		}
		
		.custom-file-input::-webkit-file-upload-button {
		  visibility: hidden;
		}
		.custom-file-input::before {
		  content: 'Add File(s)';
		  color: gray;
		  display: inline-block;
		  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
		  border: 1px solid #999;
		  border-radius: 3px;
		  padding: 0px 0px 0px 12px;
		  outline: none;
		  white-space: nowrap;
		  -webkit-user-select: none;
		  cursor: pointer;
		  text-shadow: 1px 1px #fff;
		  font-weight: 700;
		  font-size: 12pt;
		  width:80px;
		  height:20px;
		}
		
		.custom-file-input:hover::before {
		  border-color: black;
		}
		.custom-file-input:active::before {
		  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
		}
		
#footer{
	background-color:#fafafa;
	margin: 0;
	padding-top:5px;
	width: 100%;
	height: 60px;
}