.uploadArea {
	border: 3px dotted #eee;
	background: #f9f9f9;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: 	all 0.4s ease;
	-ms-transition: 	all 0.4s ease;
	-o-transition: 		all 0.4s ease;
	transition: 		all 0.4s ease;
	position: relative;
}

/* Drag & Drop file indicator */
.uploadArea.in, 
.uploadArea.hover {
	background: #c7edff;
	border-color: #59a5c8;
	opacity: 1;
}

/* Hide input field */
.uploadArea input {
	position: absolute;
	display: none;
}

/* Change label cursor as pointer */
.uploadArea label { cursor: pointer; }


/* Progress bar */
.uploadArea .progress {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background: rgba(0, 255, 100, 0.5);
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: 	opacity 0.4s ease;
	-ms-transition: 	opacity 0.4s ease;
	-o-transition: 		opacity 0.4s ease;
	transition: 		opacity 0.4s ease;
	pointer-events: none;
}
.uploadArea.uploading .progress { opacity: 1; }


/* Hide message by default */
.uploadArea .msg {
	font-size: 18px;
	line-height: 25px;
	display: none;
}

/* Show message */
.uploadArea.showMsg .msg {
	display: block;
}


/* Hide label when message is shown */
.uploadArea.showMsg label {
	display: none;
}