
.photos
{	
	padding: 1em;
}
.photos .box
{
	max-width: 25em;
	padding: 2em;
}

/* Dropzone */

.photos .dropzone
{
	background-color:  white;
	border-style: dashed;
	border-radius: .4em;
	border-color: #2196F3;
	padding: 2em 1em;
	text-align: center;
	color: #666;
	cursor: pointer;
}
.photos .dropzone.dragover
{
	color: #CCC;
	border-style: solid;
}
.photos input[type=file]
{
	display: none;
}

/* File list */

.photos .file-list
{
	margin-top: 1em;
}
.photos .file-list > div
{
	height: 2.5em;
}
.photos .file-list .thumb
{
	max-height: 2em;
	max-width: 2em;
	vertical-align: middle;
	margin: 0 1em;
}
.photos .file-list input
{
	max-width: 10em;
}
.photos .file-list .status
{
	margin-left: .5em;
	cursor: pointer;
}

/* Footer */

.photos .footer
{
	margin-top: 1.5em;
	text-align: center;
}
.photos .footer > button
{
	font-size: 1.2em;
	margin-left: 1em;
}
