@media screen and (max-width: 480px)
{
	.upload .form-input-group
	{
/*
		padding: 10px;
*/
	}
	.upload .drop-area
	{
/*
		padding: 1.5em;
*/
	}
	.upload .file-queue
	{
		margin-top: 1em;
	}
	.upload .file-queue-entry + .file-queue-entry
	{
		margin-top: 15px;
	}
}
.upload .drop-area
{
	text-align: center;
/*
	color: #000;
*/
	border: 2px dashed #000;
	margin-top: 1rem;
}
.upload .drop-area a:hover
{
	text-decoration: none;
}
/*
.upload .drop-area .fa
{
	font-size: 2em;
}
*/
.upload .drop-area a
{
	color: #767676;
}
.upload
{
/*
	display: none;
*/
}
label[for="file-select"]
{
	display: inline;
	text-decoration: underline;
}
.upload #file-select
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.upload .upload-dragdrop label
{
	text-decoration: underline;
}
.upload .file-queue
{
	margin-top: 1.5em;
	display: none;
}
.upload .form-input-group
{
/*
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 10px;
*/
}
.upload > .form-input-group.dragover .drop-area
{
	border: 2px dashed #333;
}
.upload > .form-input-group.dragover .drop-area,
.upload > .form-input-group.dragover .drop-area p
{
	color: #333;
}
.upload .form-input-group,
.upload .file-queue,
.upload .file-queue-entry,
.upload .progress
{
	width: 100%;
}
.upload .file-queue-entry + .file-queue-entry
{
	margin-top: 20px;
}
.upload .file-queue-entry p
{
	margin-bottom: 8px;
	text-align: left;
	word-break: break-all;
}
.upload .progress,
.upload .progress .loaded
{
	height: 40px;
}
.upload .loaded
{
	background-color: #666;
	position: relative;
	width: 100%;
}
.upload .file-queue-entry.queued .loaded
{
	background-color: transparent;
}
.upload .file-queue-entry.transferring .loaded
{
	width: 0px;
}
.upload .file-queue-entry.done .loaded
{
	/* Make sure that the progress bar is full when done uploading.
	 * This is to circumvent a race condition where a .done promise is made, before
	 * the final 'progress' event fires.
 	 */
	width: 100% !important;
}
.upload .progress
{
	background-color: #dfdfdf;
}
.upload .loaded .label
{
	color: #fff;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
}
.upload .file-queue-entry.queued .label
{
	color: #666;
}
.upload .file-queue-entry.queued .progress,
.upload .file-queue-entry.done .progress
{
	text-align: center;
}
.upload .file-queue-entry.queued .label,
.upload .file-queue-entry.done .label
{
	width: 100%;
}
.upload .file-queue-entry.done .loaded
{
	background-color: #333;
}
.upload .file-queue-entry.done button
{
	color: #fff;
	border: 1px solid #dfdfdf;
	background-color: transparent;
	height: 20px;
	font-size: 11px;
}
.upload .file-queue-entry.done button:hover
{
	color: #666;
	background-color: #dfdfdf;
}