/*****************************************************************************
 *	Filename:				custom-layout.css
 *	Author					Andreas Lenzen (ReX_)
 *	Email:					rex@rexlabs.org
 *	Start of Developing:	2021-01-16
 *	Last Modification:		2021-02-16
 *	Description:			CSS Stylesheet for custom layout.
 * (c) Copyright 2019 by Andreas Lenzen (ReX_)
 ****************************************************************************/

body {
	background-color: lightblue;
	padding: 0.5em;
}

textarea {
	width: 100%;
	height: 10em;
	margin-bottom: 1em;
	padding: 0.5em;
	font-size: 1.1em;
}

.tag {
	background-color: lime;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	float: left;
}

.docutable {
	border: 1px solid black;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2em;
	background-color: white;
}

.docutable td, .docutable th {
	border: 1px solid black;
	padding: 0.5em;
	text-align: left;
}

.docutable td:first-child {
	width: 70%;
}

.docuedittable {
	border: none;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2em;
}

.docuedittable td:first-child {
	width: 85%;
}

.docuedittable td, .docuedittable th {
	padding: 0.5em;
	text-align: left;
}

.defaulttable {
	background-color: white;
}

.filtertable {
	border: none;
	border-collapse: collapse;
}

.filtertable td, .filtertable th {
	text-align: left;
}

@media only screen and (max-width: 1024px) {
	
	.docutable td, .docutable th {
		font-size: 0.8em;
		padding: 0.1em;
	}
	
	.filtertable {
		width: 100%;
	}
	
	.filtertable td, .filtertable th {
		font-size: 0.8em;
	}
	
	.filtertable td input[type="submit"], .filtertable td select {
		width: 10em;
	}
}

@media only screen and (max-width: 768px) {
	
	.docutable td, .docutable th {
		font-size: 0.6em;
		padding: 0.1em;
	}
}