@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Serif:400,400i');
	
	body {
		
		background-color:#f4f4f4;
		font-family: 'IBM Plex Serif', "Arial", "helvetica", serif;
		margin:0;
		padding:0;
	}

	.nowrap {
		white-space:nowrap;
	}

/* Header stuff */

	#menu {
		/* border-bottom:1px solid #333; */
		position:fixed;
		top:0px;
		background-color:#373737;
		width:100%;
		padding:15px;
		margin-bottom:15px;
		color:white;
	}
	
		#menu ul  {
			list-style:none;
			font-size:15px;
			text-transform:uppercase;
			margin:0;
			padding:0;
			display:inline-block;
		}
		
		#menu ul:nth-child(2) {
			list-style:none;
			font-size:15px;
			text-transform:uppercase;
			margin:0;
			padding:0;
			display:inline-block;
			float:right;
			margin-right:30px;
		}	
		
		
		#menu li {
			display:inline-block;
		}
		
		#menu li a {
			text-decoration:none;
			padding:5px 10px;
			margin-bottom:5px;
			background-color:#555;
			color:white;
		}

		#menu li a:hover {
			background-color:#777;
		}



/* Table stuff */

	tr.header {
		background-color:black;
		color:white;
	}

	td {
		vertical-align:top;
	}
	
	.formtable td:nth-child(1){
		font-weight:bold;
	}

	.bordered_table {
		border-spacing: 0px;
		border-collapse: separate;
		margin-top:15px;
		width:100%;
	}
		
	.bordered_table td {
		border:1px solid #666;
		padding:10px;
    }
    
	.bordered_table tr:nth-child(1) {
		background-color:#666;
		color:white;
		font-weight:bold;
    }    

/* Form stuff */

	input, select {
		padding:2px;
		border:1px solid #ccc;
		font-size:15px;
		background-color:#ccc;
		color:#222;
		border-radius:5px;
	}
	
	input[type = 'text'] {
		background-color:#aaa;
	}

	input[type='submit'] {
		background-color:red;
		color:white;
		padding:5px;
		border:none;
		font-size:15px;
	}
	
/* misc */
	
	.content {
		padding:15px;
		margin-top:50px;	
	}


		
		
/* Status and alerts */

		.status {
			padding:15px;
			opacity:1;
			animation-name: example;
			animation-duration: 0.5s;
		}
		
		.status.good {
			background-color:#007849;
			color:white;
		}

		.status.warning {
			background-color:#ffce00;
			color:black;
		}

		.status.error {
			background-color:#ff3b3f;
			color:white;
		}

/* Login */

		#login_form {
			padding:15px;	
		}
		
/* animations */

		@keyframes example {
		    from {opacity: 0;}
			to {opacity: 1;}
		}