div.file-container
{
	z-index:90;
	position:absolute;
	top:0;
	left:0;
	border:0;
	width:100%;
	height:100%;
	background-color:#23232e;
	padding:0;
	margin:0;
	display:none;
	overflow:hidden;
}
@media screen and (orientation: portrait)
{
	div.file-header
	{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:144px;
		margin:0;
		padding:0;
		background-color:#23232e;
	}
	div.file-cover
	{
		position:absolute;
		top:144px;
		left:0;
		width:100%;
		height: calc(100% - 144px);
		height: -o-calc(100% - 144px); /* opera */
		height: -webkit-calc(100% - 144px); /* google, safari */
		height: -moz-calc(100% - 144px); /* firefox */
		margin:0;
		padding:0;
		border:0;
		background-color:#23232e;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}
	input.spdatei
	{
		background-color:white;
		color:#00aa00;
		width:248px;
		height:32px;
		padding:2px;
		margin:0 0 0 8px;
		font-size:19px;
		font-family:Kalam;
	}
}
@media screen and (orientation: landscape)
{
	div.file-header
	{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:96px;
		margin:0;
		padding:0;
		background-color:#23232e;
	}
	div.file-cover
	{
		position:absolute;
		top:96px;
		left:0;
		width:100%;
		height: calc(100% - 96px);
		height: -o-calc(100% - 96px); /* opera */
		height: -webkit-calc(100% - 96px); /* google, safari */
		height: -moz-calc(100% - 96px); /* firefox */
		margin:0;
		padding:0;
		border:0;
		background-color:#23232e;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}
	input.spdatei
	{
		background-color:white;
		color:#00aa00;
		width:384px;
		height:32px;
		padding:2px;
		margin:0 0 0 8px;
		font-size:19px;
		font-family:Kalam;
	}
}
div.filemanager
{
	position:absolute;
	top:0;
	left:0;
	border:0;
	width:100%;
	background-color:#23232e;
	padding:0;
	margin:0;
	font-size:19px;
	display:inline;
}
div.filemanager div
{
	border-radius: 4px;
	background-color: #373743;
	width:90%;
	min-height:46px;
	margin: 6px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 0.3em;
	z-index:91;
	cursor: pointer;
	box-sizing: border-box;
	transition: 0.3s background-color;
}
div.filemanager div:hover
{
	background-color: #42424E;
}
img.folder
{
	float:left;
	margin:10px 16px 0 10px;
}
span.directory
{
	float:left;
	margin:20px 10px 0 0;
	color:white;
	overflow:hidden;
}
span.path
{
	float:left;
	margin:4px;
	color:#ddbb88;
	font-size:14px;
	overflow:hidden;
}
img.file
{
	float:left;
	margin:10px 16px 0 10px;
}
span.textfile
{
	float:left;
	margin:20px 10px 0 0;
	color:white;
	overflow:hidden;
}
div.typsetting
{
	position:absolute;
	top:48px;
	left:12px;
	width:80%;
	height:48px;
	display:none;
}