/* WHOLE AREA: */
.ezu { position:relative; width: 100%;}

/* DRAG AREA: */
.ezu-button {
    display:block; /* or inline-block */
    width: 100%;
	height: 75px;
    padding-top: 35px;
    padding-bottom: 35px;
    text-align:center;
    color:#666;
	border: 2px dashed #ccc;
	border-radius: 10px;
	font-size:15px;
	cursor:pointer !important;
	overflow:hidden;
	background: #F0F0F0 url('../../../eventservice/image/upload/saas/base/icon_uploadImages_minor.png') no-repeat center center;
}
.ezu-button input {
	height: 100px;
}
/* hover */
.ezu-button-hover {
	background:#F8F8F8 url('../../../eventservice/image/upload/saas/base/icon_uploadImages.png') no-repeat center center; 
	border:2px solid #77B700; 
	color:#77B700;
	border-radius: 10px;
}
/* */
.ezu-button-focus { /*outline:2px solid red; */}


/* DROP AREA:
 *  drag on-screen, but not over */
.ezu-drop-area {
    position:absolute; top:0; left:0; width:100%; height:75px; min-height:75px; z-index:2;
    background:#CDE29C; text-align:center; border:6px solid #77B700;
}
/* text within */
.ezu-drop-area span {
    display:block; position:absolute; top:4px; width:100%; font-size:12px; color:#4E7700;
}
/* drag-over */
.ezu-drop-area-active {background:#77B700; color:#fff; border:6px solid #4E7700; }
.ezu-drop-area-active span {color:#FFF;}


/* FILES AREA: */
.ezu-list { padding:0; list-style:disc;}
.ezu-list li { margin:0; padding:10; line-height:15px; font-size:12px; list-style-type:none !important; }
.ezu-file, .ezu-spinner, .ezu-size, .ezu-cancel, .ezu-failed {
    margin-right: 7px;
}
ul.ezu-list {
	padding:0px !important;
	margin:0px !important;
}
.ezu-file {}
.ezu-spinner {
	display: inline-block;
	background: url("../../../eventservice/image/upload/saas/base/uploading.gif");
	width: 40px;
	height: 40px;
	vertical-align: text-bottom;
}
.ezu-spinner.processing {
	background: url("../../../eventservice/image/upload/saas/base/processing.gif");
}
.ezu-size,.ezu-cancel {font-size:11px;}

.ezu-failed {
	margin-right: auto auto;
	margin: auto auto;
	display:none;
}
#easy-uploaded-images {
	clear:both;
	overflow:hidden;
}
.ezThumbs .contain {
	width:100px;
	height:100px;
	background-repeat:no-repeat;
	position:relative;
	float:left;
	margin: 18px 12px;
	border-radius: 10px;
}
.ezu_uploaded_thumb {
	width:100px;
	height:100px;
	left:0px;
	top:0px;
	position:absolute;
	border-radius: 10px;
}
.contain .ezu-file {
	display:block;
}
.contain .ezu-file, .contain .ezu-spinner, .contain .ezu-size, .contain .ezu-cancel {
	font-size:10px;
	margin-top:50px;
	display:inline-block;
	position:absolute;
	bottom:5px;
}
.contain .ezu-file {
	color:#fff;
	right:5px;
	z-index:20;
}
.contain .ezu-spinner {
	margin-top:0px;
	top:15px;
	left:18px;
	z-index:10;
}
.contain .progress {
	background-color:#77B700;
	position:absolute;
	top:0px;
	left:0px;
	width:75px;
	height:75px;
	border-radius: 10px;
	z-index:5;
	margin: 0px;
	background: #77b700; /* Old browsers */
	background: -moz-linear-gradient(top,  #77b700 0%, #5e9100 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b700), color-stop(100%,#5e9100)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #77b700 0%,#5e9100 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #77b700 0%,#5e9100 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #77b700 0%,#5e9100 100%); /* IE10+ */
	background: linear-gradient(top,  #77b700 0%,#5e9100 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b700', endColorstr='#5e9100',GradientType=0 ); /* IE6-9 */
}
.contain .ezu-cancel {
	bottom:100px;
	width:100%;
	text-align:center;
	left:0px;
	z-index:30;
}
.contain .ezu-size {
	font-size:12px;
	color:#FFF;
	width:100%;
	padding:0px;
	text-align:center;
	font-weight:bold;
	bottom:10px;
	left:0px;
	z-index:15;
}
.managePhoto{
	float:left;
	width:100%;
	height:100%;
	position:absolute;
}
.managePhoto .delete {
	background-color: #f9f9f9;
	display: inline-block;
	padding: 0px 5px 4px;
	position: absolute;
	top: -12px;
	z-index: 100;
	left: -10px;
	right: auto;
	border-radius: 25px;
	color: #FF1200;
	box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
}
.managePhoto .delete:hover {
	background-color: #FF1200;
	color: #ffffff !important;
}

.managePhoto .feature {
	display: none;
	color: white !important;
	text-decoration: none !important;
	background-color: #77B700;
	padding: 2px 5px 4px;
	position: absolute;
	margin-top: 76px;
	left: 0px;
	z-index: 100;
}
.managePhoto .feature:hover {
	background-color: #77B700;
	display: block;
}

.managePhoto .download {
	display: none;
	color: white;
	background-color: #38AB5A;
	padding: 2px 5px 4px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 100;
}
.managePhoto .download:hover {
	background-color: #4BC570;
}
#event-logo-uploader #easy-uploader{
	margin: 18px;
}
#easy-uploader {
	margin: 18px 12px;
	width: 75px;
	height: 75px;
	float: left;
}
.ezu-sort-highlight {
	float: left;
	height: 112px;
	width: 112px;
	border: 6px solid #eee;
	background-color: #ddd;
	margin: 11px 11px 0px 0px;
}