body {
		font-family: "Roboto", Arial, Helvetica, sans-serif;
		font-size: 13px;
		background-color: #BDCADD;
		margin:0; 
		}
		
th { 
	padding: 2px;
	font-famliy: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #aaa;
	border: 1px solid;
	}
	
td {
	padding: 2px;
	font-famliy: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid
	}

tr:nth-child(even) {
	background: #ddd
	}


tr:nth-child(odd) {
	background: #FFF}

table {
		border-collapse: collapse;
	}

h1 {
		margin-left:15px;
		margin-bottom: 0px;
		font-family: "Roboto";
	}


ul {
		list-style-type: none;
		width: 100%;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #444;
	}
	li.dropdown {
  display: inline-block;
}

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

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

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}

	li {
		float: left;
		display: block;
		text-align: center;
		color: #999;
				
	}
	li a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}
	li a:hover {
		background-color: #222;
	}
	.active {
		background-color:#
	}
	.loginpage {
		margin: auto;
		padding: 8% 0 0;
		width: 360px;
	}
	.loginbox	{
		background: #fff;
		padding: 45px;
		border: 0px solid #000;
		text-align: center;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
		}
	.login input {
		font-family: "Roboto", sans-serif;
		outline: 0;
		background: #f2f2f2;
		width: 100%;
		border: 0;
		margin: 0 0 15px;
		padding: 15px;
		box-sizing: border-box;
		font-size: 14px;
	}
	.login button {
		font-family: "Roboto", sans-serif;
		text-transform: uppercase;
		outline: 0;
		background: #426988;
		width: 100%;
		border: 0;
		padding: 15px;
		color: #FFFFFF;
		font-size: 14px;
		-webkit-transition: all 0.3 ease;
		transition: all 0.3 ease;
		cursor: pointer;
	}
.login button:hover,.form button:active,.form button:focus {
	background: #B5CEE1;
}
.login a {
		color: #555555;
		text-decoration:none;
	}
	
div.adduser
	{ background: #fff;
	margin-left: 15px;
	width: 450px;
	padding: 6px;
	border: 0px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	}
	
div.addacft {
	
	margin-left: 15px;
	width:800px;
	padding: 6px;
	border: 0px;
	}

	
.showusers {
	margin-left:15px;
	}
	
.showacft {
	margin-left:15px;
	}

.addacft {
	margin-left:15px;
}

	
div.errorlog {
	background: #fff;
	margin-left: 15px;
	width: 1024px;
	padding: 6px;
	border: 0px dotted #000;
	font-size: 11px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24)}