.images-uploader {
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	background-image: url('/template/images/image-icon.png');
	background-repeat: no-repeat;
	background-position: left center;
	height: 80px;
	line-height: 80px;
}

.images-uploader.hover {
    background: #e8fbe5;
}

.images-uploader-images-list {
	text-align: left;
}

.images-uploader-images-list > div {
	padding: 5px; margin: 5px; border-bottom: 1px solid #ddd;
}

.images-uploader-images-list > div > div.images-uploader-preview {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width:50px;
	height:50px;
	display: inline-block;
	vertical-align: top;
}

.images-uploader-images-list > div > div.images-uploader-name {
	display: inline-block;
	height:50px;
	vertical-align: top;
	padding-left: 10px;
}

.images-uploader-images-list > div > div.images-uploader-name > div {
	display: table-cell;
	height:50px;
	vertical-align: middle;
}

.images-uploader-percent {
	display: inline-block;
	min-width: 50px;
}

.images-uploader-cancel {
	display: inline-block;
	color: #f00;
	cursor: pointer;
}

.images-uploader-percent-success {
	color: #70d668;
}

.images-uploader-percent-error {
	color: #f00;
}

.images-uploader-edit {
	color: #00a54f;
	display: inline-block;
	padding: 0px 10px;
	cursor: pointer;
}

.images-uploader-remove {
	color: #f00;
	display: inline-block;
	padding: 0px 10px;
	cursor: pointer;
}
.images-uploader-restore {
	color: #70d668;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
}
.images-uploader-removed {
	opacity: 0.5;
}

.images-uploader-exists-actions {
	height:50px;
	display: inline-block;
	padding-left: 10px;
}
.images-uploader-exists-actions > div {
	display: table-cell;
	height:50px;
	vertical-align: middle;
}