.image-uploader {
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	max-width: 307px;
	min-height: 74px;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;

}

.image-uploader img {
	max-width: 100%;
}


.image-uploader img.thumb {
}

.image-uploader .filename { height: 20px; max-width: 100%; line-height: 20px; overflow: hidden; font-size: 14px; margin-bottom: 8px; }

.image-uploader .progress { margin-bottom: 0; width: 100%; min-width: 250px; height: 10px; border-radius: 3px;  }
.image-uploader .progress-bar { background-color: #CC0000; }


.image-uploader.has-image .rotate {
	color: #666;
	font-size: 18px;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 40px;
	z-index: 10;
	background: #FFF;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: center;
	line-height: 24px;
}

.image-uploader.has-image .remove {
	color: #CC0000;
	font-size: 18px;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 10;
	background: #FFF;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: center;
	line-height: 24px;
}


.image-uploader.loading .loading {
	text-align: center;
	height: 100%;
	font-size: 18px;
	color: #009ec0;
	line-height: 62px;
}


.image-uploader .pickfiles { display: inline-block; }
.image-uploader .loading { display: none; }
.image-uploader .rotate { display: none; }
.image-uploader .remove { display: none; }
/*.image-uploader .filelist { width: 100%; }*/

.image-uploader .filelist img { display: none; }
.image-uploader .croppie-container { display: none; }
.image-uploader .crop { display: none; }


.image-uploader.loading .loading { display: block; }

.image-uploader.has-image .rotate { display: inline; }
.image-uploader.has-image .remove { display: inline; }

.image-uploader.has-image .pickfiles { display: none; }
.image-uploader.uploading .pickfiles { display: none; }

.image-uploader.loading .pickfiles { display: none; }
.image-uploader.has-image .filelist img { display: inline; }
.image-uploader.croppable .filelist img { display: inline; }
.image-uploader.has-image .moxie-shim { display: none; } /* this is an absolute position item placed over our original select files button */



.image-uploader.has-image .croppie-container { display: block; }
.image-uploader.has-image .crop { display: block; }