.fn-mid {
	font-size:		0.7em !important;
}

a {
	color:			#333;
	text-decoration:	none;
}

a:hover {
	color:			#222;
	text-decoration:	none;
}

.icon {
	font-size:		1.3em !important;
	line-height:		0;
	padding-right:		0.1em;
	padding-left:		0.2em;
}

header {
	height:			30px;
	font:			normal 1em Audiowide,Helvetica,Arial;
	padding:		5px 20px 40px;
	text-align:		left;
	background-color:	#333;
	box-shadow:		0px 1px 3px 1px #888;
	color:			#eee;
	z-index:		10;
}

.cover {
//	background:			 url(//?) no-repeat center center dimgrey fixed;
	background:			url(//?) no-repeat center center dimgrey fixed;
	-webkit-background-size:	cover;
	-moz-background-size:		cover;
	-o-background-size:		cover;
	background-size: cover;
}

#status {
	position:		fixed;
	top:			0;
	left:			0px;
	width:			100%;
	z-index:		15;
	text-align:		center;
}

#message {
	display:		inline;
	font:			normal 1em monospace;
	padding:		10px;
	background:		#eee;
	color:			#333;
	letter-spacing:		normal;
}

#nav {
	position:		absolute;
	text-align:		right;
	top:			0.5em;
	right:			1em;
	z-index:		11;
	color:			#ddd;
}

#nav a {
	background:		#333;
	color:			#ddd;
	padding:		5px;
	text-decoration:	none;
	font:			normal 0.8em Helvetica,Arial;
}

#search_form {
	position:		absolute;
	top:			0.5em;
	right:			3em;
	text-align:		right;
	color:			#eee;
	display:		none;
}

#search_form small a {
	font-size:		7pt;
}

#search_form input {
	color:			#333;
}

#act {
	padding:		1em;
	float:			right;
	z-index:		105;
}

#lectall {
	position:		relative;
	top:			1em;
	padding-left:		1em;
	width:			fit-content;
}

#selection {
	position:		relative;
	top:			1em;
	padding-left:		1em;
}

#lectall a, #selection a {
	color:			#666;
	text-decoration:	none;
	font:			bold 1em Helvetica,Arial;
}

#current {
	height:			50px;
	overflow:		hidden;
	padding-left:		10px;
	background:		#eee;
	box-shadow:		0px 1px 3px 1px #aaa;
	z-index:		100;
}

#current_description {
	margin:			1em auto 0.3em 3em;
	display:		block;
	overflow:		auto;
	box-shadow:		0px 0px 5px 0px #ddd;
}

.small {
	font-size:		0.7em;
}

.xd_breadcrumbs {
	padding-left:		0.5em;
}

.xd_breadcrumbs li {
	display:		inline;
	list-style-type:	none;
}

.xd_breadcrumbs li:before {
	position:		relative;
	content:		"/";
	padding-left:		0.1em;
	padding-right:		0.1em;
	font-size:		3em;
	line-height:		0;
	bottom:			-0.2em;
	color:			#999;
}

.xd_breadcrumbs li:first-child:before {
	content:		"";
	padding-right:		0;
}

#overlay {
	position:		fixed !important;
	top:			0px;
	left:			0px;
	width:			100% !important;
	height:			100% !important;
	background:		#222;
	opacity:		0.75;
	filter:			alpha(opacity=75);
	z-index:		110;
	visibility:		hidden;
	text-align:		center;
}

#overoverlay {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			100%;
	height:			100%;
	z-index:		111;
	visibility:		hidden;
	text-align:		center;
}

#overoverlay #action {
	margin:			15px auto;
	text-align:		left;
	width:			fit-content;
	background-color:	#fff;
	padding:		10px;
	overflow:		auto;
	box-shadow:		0px 0px 10px 2px #888;
}

#overoverlay #oclose {
	margin:			75px auto -1.7em;
	max-width:		100%;
	font-size:		2em;
	text-align:		right;
	z-index:		172;
}

#overoverlay #action iframe {
	width:			500px;;
	height:			250px;
	border:			none;
}

.login {
	min-width:		15em;
	margin:			10% 40% auto;
	box-shadow:		0px 0px 15px 10px #888;
	background:		#eaeaea;
}

.login input {
	background:		#eaeaea;
}

.ltop {
	font:			normal 2em Audiowide,Helvetica,Arial;
	padding:		5px 20px;
	color:			#eee;
	z-index:		10;
	background-color:	#333;
	margin-top:		-0.4em;
}

#no_dir {
	padding-left:		1em;
}

table#xdfiles {
	margin:			1em 0;
	width:			100%;
	min-width:		300px;
}

table#xdfiles thead th { font-weight: 600; }

table#xdfiles thead th, table#xdfiles tbody td {
	font-size:		1.2em;
}

table#xdfiles tbody td {
	font-size:		1rem;
	color:			#333;
	background:		#fff;
}

table#xdfiles tfoot td {
	padding:		0.5em;
	text-align:		right;
}

table#xdfiles thead th,
table#xdfiles tfoot td {
	background:		#666;
	color:			#eee;
}

table#xdfiles thead th:hover {
	background-color:	#777;
}

table#xdfiles tr {
	border-top:		1px solid #ddd;
	border-bottom:		1px solid #ddd;
}

table#xdfiles th {
	display:		none;
}

table#xdfiles td {
	display:		block;
}

table#xdfiles td:first-child {
	padding-top:		.5em;
}

table#xdfiles td:last-child {
	padding-bottom:		.5em;
}

table#xdfiles td:before {
	content:		attr(data-th) ": ";
	font-weight:		bold;
	width:			6.5em;
	display:		inline-block;
}

table#xdfiles th,
table#xdfiles td {
	text-align:		left;
}

.sortable .head_type, .sortable .col_type {
	padding-left:		0.7em;
}

.sortable .col_type img {
	border:			0;
}

.sortable .col_description {
	overflow:		hidden;
	white-space:		nowrap;
	color:			#777;
	padding-left:		0.5em;
}

.sortable .col_description div {
	padding:		0.25em;
	display:		inline;
}

.sortable .head_time, .sortable .col_time {
	width:			11em;
	white-space:		nowrap;
	padding-left:		0.5em;
	padding-right:		0.5em;
	text-align:		left;
}

.sortable .head_size, .sortable .col_size {
	text-align:		left;
	padding-right:		5px;
	padding-left:		0.5em;
}

.sortable .col_size, .sortable .col_time {
	font:			normal 0.9em monospace !important;
}

.sortable .head_filename, .sortable .col_filename {
	width:			20em;
	white-space:		nowrap;
	overflow:		hidden;
	padding:		0.3em;
	z-index:		0;
	padding-left:		0.5em;
}

.sortable .head_type, .sortable .head_filename, .sortable .head_description, .sortable .head_time, .sortable .head_size {
	padding-left:		0.5em;
	cursor:			default;
}

.table .col_description a {
	text-decoration:	underline;
}

.table h3 {
	padding-left:		1em;
}

#bottom {
	font:			normal 0.9em monospace;
}

.row a, .row a:hover, .selectedrow a, .selectedrow a:hover, .descr a, .descr a:hover, .sortable .col_type a, .sortable .col_type a:hover {
	text-decoration:	none;
}

.renameinput {
	width:			16em;
}

hr.line {
	border:			0;
	background-color:	#333;
	color:			#333;
	height:			1px;
}

.bq {
	border:			2px solid #bcd;
	width:			480px;
	height:			100px;
	margin:			0px;
	padding:		3px;
	background-color:	#fff;
	overflow:		auto;
	white-space:		pre-wrap;
	font:			normal 0.9em monospace;
}

abbr {
	text-decoration:	none !important;
	border-bottom:		1px dotted #999;
}

#levels_help {
	border:			1px solid #bcd;
	font:			normal 0.9em monospace;
	background:		#eee;
	max-height:		10em;
	overflow:		auto;
}

#actions, .action_dirs {
	width:			40em !important;
	max-width:		100%;
	overflow:		auto;
	padding:		0.5em;
}

.action_dirs option {
	border:			1px solid #eee;
	padding:		0.5em;
	font:			normal 1em monospace;
}

.action_dirs option:nth-child(even) {
	background:		#eee;
}

.menu-separate-up {
	border-top:		1px solid #ccc;
}

#file_filters li {
	list-style-type:	none;
	background-color:	#47d;
	border-radius:		10px;
	margin:			0.5em;
	width:			fit-content;
	padding:		0.3em;
}

#file_filters li a {
	color:			#eee;
	font-weight:		bold;
	font-size:		0.7em;
	padding-left:		0.5em;
	padding-right:		0.5em;
}

@media (min-width: 680px) {
	table#xdfiles td:before {
		display:	none;
	}
	table#xdfiles th,
	table#xdfiles td {
		display:	table-cell;
	}
	table#xdfiles th:first-child,
	table#xdfiles td:first-child,
	table#xdfiles th:last-child,
	table#xdfiles td:last-child {
		padding-right:	0.2em;
		white-space:	nowrap;
	}
	#search_form {
		display:	block;
	}
	.sortable .head_size,
	.sortable .col_size {
		width:		4em;
	}
	.sortable .col_size,
	.sortable .col_time {
		white-space:	nowrap;
		overflow:	hidden;
	}
	.sortable .head_type,
	.sortable .col_type {
		width:		4em;
	}
	.sortable .col_description div {
		display:	block;
	}
}

#edit_mode {
	margin:			1.5em auto;
	overflow:		auto;
}

#edit_mode textarea {
	width:			100%;
	height:			30em;
	font:			normal 1em monospace;
}

code, kbd, pre, samp {
	font:			normal 1em monospace;
	background:		#eee;
	padding:		0.2em;
	word-wrap:		break-word;
}

#sfNumber samp {
	background:		none;
}

#surl {
	font-size:		0.7em;
	width:			100%;
}

i .fa-pencil {
	padding-left:		0.3em;
}

.info_item {
	font-family:		monospace;
}