/** 
 * 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
 */
 
 .dropfiles-content-multi {
	background: white !important;
 }
	 
 
 .dropfiles-container-default {
	padding: 0 !important;
 }
 
  .dropfiles-container {
	  display: block !important;
  }
 
 .dropfiles-container-default .dropfiles_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    clear: both;
	display: flex;
	flex-direction: row;
}

/* Basic Layout */

@media screen and (max-width: 64rem) {	

	.dropfiles-content.dropfiles-content-default .filebasictwocolumns {
		min-width: 100% !important;
		width: 100% !important;
	}

	.dropfiles-content.dropfiles-content-default .filebasicsinglecolumn,
	.dropfiles-content.dropfiles-content-default .filebasictwocolumns {
		height: 180px !important;
	}
	
	.filebasictwocolumns .download-file-information .file-name 
	.filebasicsinglecolumn .download-file-information .file-name {
		width: 80% !important;
	}
	
	.filebasictwocolumns .download-file-information .file-data
	.filebasicsinglecolumn .download-file-information .file-data {
		width: 20% !important;
	}
	
}

.dropfiles-content.dropfiles-content-default .filebasicsinglecolumn {
	height: 80px;
	width: 100%;
	margin: 10px;
	
}

.dropfiles-content.dropfiles-content-default .filebasictwocolumns {
	width: 48.6%;
	height: 150px;
	margin: 10px;
}

.dropfiles-content-default .dropfiles_list .filebasicsinglecolumn,
.dropfiles-content-default .dropfiles_list .filebasictwocolumns { 
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;   
	margin:0 20px 20px 0;
}


.dropfiles-content-default .dropfiles_list .filebasictwocolumns:nth-child(even),
.dropfiles-content-default .dropfiles_list .filebasicsinglecolumn {
	margin: 0 0 20px 0;	
}

.filebasicsinglecolumn .download-file-information, 
.filebasictwocolumns .download-file-information {
	font-family: "opensans", sans-serif;
	font-weight: 700;
	line-height: 1.5;
	border: 2px solid black;
	width: 100%;
}

.filebasicsinglecolumn .download-file-information a, 
.filebasictwocolumns .download-file-information a{
	color: black !important;	
}

.filebasicsinglecolumn .download-file-information .file-name,
.filebasictwocolumns .download-file-information .file-name {
	height: 100%;
	width: 80%;
	float: left;
	border-right: 2px solid black;
	padding: 0 20px;
	display: table;
	table-layout: fixed;
}

.filebasicsinglecolumn .download-file-information .file-name h4,
.filebasictwocolumns .download-file-information .file-name h4 {
	font-size: 18px;
	margin: 0px;
	word-break: normal;	
	display: table-cell;
	vertical-align: middle;
}

.filebasicsinglecolumn .download-file-information .file-data,
.filebasictwocolumns .download-file-information .file-data {
	font-size: 14px;
	height: 100%;
	width: 20%;
	float: left;
	display: table;
	padding: 5px;
}


.filebasicsinglecolumn .download-file-information .file-data span,
.filebasictwocolumns .download-file-information .file-data span {	
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	word-break: normal;
}

.filebasicsinglecolumn .download-file-information .file-data p,
.filebasictwocolumns .download-file-information .file-data p {
	margin: 0;
	font-size: 14px;
}

/* Standard Layout */

@media screen and (max-width: 64rem) {
	.dropfiles-content.dropfiles-content-default .filestandardtwocolumns {
		min-width: 100%;
		width: 100%;
	}
	
	.filestandardsinglecolumn .download-file-information .file-name-data {
		height: 150px !important;
	}
}

.dropfiles-content.dropfiles-content-default .filestandardsinglecolumn {
	width: 100%;
	margin: 10px;
}

.dropfiles-content.dropfiles-content-default .filestandardtwocolumns {
	width: 48.6%;
	min-height: 80px;
    clear: right;	
	margin: 10px;
}

.dropfiles-content-default .dropfiles_list .filestandardsinglecolumn,
.dropfiles-content-default .dropfiles_list .filestandardtwocolumns { 
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;   
	margin:0 20px 20px 0;
}
 
.dropfiles-content-default .dropfiles_list .filestandardtwocolumns:nth-child(even), 
.dropfiles-content-default .dropfiles_list .filestandardsinglecolumn {
	margin: 0 0 20px 0;	
}