#dirlisting {
	text-align: left;
}

#create {
	text-align: center;
	padding: 2em 2em 0 2em;
}

#message {
	padding: 2em;
	font-weight: bold;
	font-size: 120%;
	color: #302;
	background-color: #df2266;
	border-radius: 1em;
	margin: 1em auto;
	width: 50%;
}

div.entry {
	padding: 0.5em;
	margin: 0.5em;
	background-color: #4467ae55;
	display: flex;
	vertical-align: center;
}

.info, .permission {
	padding: 0.5em;
	background-color: #c8e;
	border-radius: 0.5em;
	margin-left: 0.5em;
	text-decoration: none;
	color: #453;
}

.button.delete {
	background-color: #f79 !important;
}

.button.active {
	background-color: #569;
}

.permission {
	background-color: #366;
	color: #acb;
}

.permission.disabled {
	text-decoration: line-through;
	background-color: #636;
}

a.entry {
	text-decoration: none;
	color: #aade88;
}

span.dirname {
	font-weight: bold;
	font-style: italic;
}

#topmenu, #action {
	display: inline-flex;
	margin: 1em;
}