/** 
 * Dropfiles
 * 
 * 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 Dropfiles
 * @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, #dropbox_version .message { font-size: 1.2em; display: block; color: #666; margin-top: 40px }

#dropbox .message i { color: #ccc }

#dropbox_version { text-align: center; }

#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 { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/upload/check.png) no-repeat center center rgba(255, 255, 255, 0.5); display: none }

.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 }