.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;
	display: flex;
	align-items: center;
}
.photos .file-list > div > * {
	overflow: hidden;
}
.photos .file-list .thumb {
	width: 2em;
	padding-right: .5em;
	text-align: center;
}
.photos .file-list .thumb > img {
	max-height: 2em;
	max-width: 2em;
	vertical-align: middle;
}
.photos .file-list input {
	flex: 1;
	min-width: 0;
}
.photos .file-list .status {
	cursor: pointer;
	width: 1em;
	padding-left: .5em;
	padding-right: .5em;
}
.photos .file-list .status > img {
	display: block;
}
.photos .file-list .htk-button {
	opacity: .2;
}
.photos .file-list .htk-button:hover {
	background-color: transparent;
	opacity: 1;
}
.photos .file-list .htk-button > img {
	display: block;
}

/* Footer */

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