*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		body { font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; padding: 0; margin: 0; background: #f5f5f5; }
		.wrap { max-width: 600px; margin: 20px auto; background: white; padding: 40px; box-shadow: 0 0 2px #ccc; }
		@media only screen and (max-width: 700px) { .wrap { padding: 15px; } }
		h1 { text-align: center; margin: 40px 0; font-size: 22px; font-weight: bold; color: #666; }
		h2 { text-align: center; margin: 10px 0; font-size: 16px; font-weight: bold; color: #666; }
		a { color: #399ae5; text-decoration: none; } a:hover { color: #206ba4; text-decoration: none; }
		.note { padding:  0 5px 25px 0; font-size:80%; color: #666; line-height: 18px; }
		.block { clear: both;  height: 80px; border-top: solid 1px #ECE9E9; }
		.block:first-child { border: none; }
		.block .img { width: 54px; height: 54px; display: block; float: left; margin: 0px 10px 10px 0px; background: transparent url(<?php echo $icon_url; ?>) no-repeat 0 0; }
		.block .img>img{ max-width: 100%; }
		.block .date { margin-top: 4px; font-size: 70%; color: #666; }
		.block a { display: block; padding: 10px 10px 0px 10px; transition: all 0.35s; float: left; width: 100%; }
		.block a .name .file{ overflow-wrap: break-word; }
		.block.admin a { width: calc(100% - 60px); }
		.block.admin .actions { float: left; width: 60px; }
		.block.admin .actions a { width: initial; }
		.block a:hover { text-decoration: none; background: #efefef; }

		.jpg, .jpeg, .gif, .png { background-position: -50px 0 !important; }
		.pdf { background-position: -100px 0 !important; }
		.txt, .rtf { background-position: -150px 0 !important; }
		.xls, .xlsx { background-position: -200px 0 !important; }
		.ppt, .pptx { background-position: -250px 0 !important; }
		.doc, .docx { background-position: -300px 0 !important; }
		.zip, .rar, .tar, .gzip { background-position: -350px 0 !important; }
		.swf { background-position: -400px 0 !important; }
		.fla { background-position: -450px 0 !important; }
		.mp3 { background-position: -500px 0 !important; }
		.wav { background-position: -550px 0 !important; }
		.mp4 { background-position: -600px 0 !important; }
		.mov, .aiff, .m2v, .avi, .pict, .qif { background-position: -650px 0 !important; }
		.wmv, .avi, .mpg { background-position: -700px 0 !important; }
		.flv, .f2v { background-position: -750px 0 !important; }
		.psd { background-position: -800px 0 !important; }
		.ai { background-position: -850px 0 !important; }
		.html, .xhtml, .dhtml, .php, .asp, .css, .js, .inc { background-position: -900px 0 !important; }
		.dir { background-position: -950px 0 !important; }

		.sub { margin-left: 20px; border-left: solid 1px #ECE9E9; display: none; /*height: 80px; this fixes bouncing but causes problem with splitconfigapk...*/}
		.message { text-align: center; box-shadow: 0 0 2px #ccc; background-color: #ffffff; margin: 5px; padding: 5px; }
		.nofile { padding: 15px; height: 80px }
		.nofile img{ max-height: 50px; float: left; margin-right: 10px; }
		.nofile div{ display: flex; align-items: center; height: 100%; }
		.upload { text-align: center; }
		.options { text-align: center; }
		.options a.active { font-weight: bold; }
		
		.footer { max-width: 600px; margin: 20px auto; text-align: right; padding: 10px; }
		.footer .disclaimer { float: left;  }