/** 
 * Droppics
 * 
 * We developed this code with our hearts and passion.
 * We hope you found it useful, easy to understand and to customize.
 * Otherwise, please feel free to contact us at contact@joomunited.com *
 * @package Droppics
 * @copyright Copyright (C) 2013 JoomUnited (http://www.joomunited.com). All rights reserved.
 * @copyright Copyright (C) 2013 Damien Barrère (http://www.crac-design.com). All rights reserved.
 * @license GNU General Public License version 2 or later; http://www.gnu.org/licenses/gpl-2.0.html
 */
#dropbox {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
	text-align: center;
	margin: 10px;
}

#dropbox .message {
	color: #888;
	font-size: 1.1em;
    display: block;
    margin-bottom: 10px;
    margin-top: 35px;
}

#dropbox .message i {
	color: #888;
    font-style: normal;    
}

#dropbox:before {
	border-radius: 3px 3px 0 0;
}

.preview {
	width: 200px;
	height: 200px;
	float: left;
	position: relative;
	text-align: center;
	margin: 20px 0 0 20px;
}

.preview img {
	max-width: 180px;
	max-height: 180px;
	border: 3px solid #fff;
	display: block;
	box-shadow: 0 0 2px #000;
}

.uploaded{
	font-size: 50px !important;
	position: relative;
	top: 28%;
	color: #2aca7b;
}

.wimg.done .uploaded {
	display: block;
}

.wimg.placeholder .progress {
	position: relative;
	width: 80%;
	left: 0;
	bottom: 40px;
	margin: 0 auto;
}

.wimg.done .progress .bar {
	width: 100%!important;
}