/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */

.cosmax-dropzone {
	display: table;
	border: 1px solid #6699cc;
	width: 99.8%;
	min-height: 150px;
	height: 100%;
}
.cosmax-dropzone .dz-preview {
	border-bottom: 1px solid #DDDDDD;
	float: left;
	display: inline-block;
	width: 100%;
}
.cosmax-dropzone .dz-ctl-header {
	background-color: #585657;
	border-bottom: 1px solid #DDDDDD;
	float: left;
	display: inline-block;
	width: 100%;
	line-height: 24px;
}

/*
.dz-default.dz-message + .dz-ctl-header {
	background-color: red;	
}

.dz-default.dz-message[style*="display: none"] + .dz-ctl-header {
	background-color: blue;
}
*/

.cosmax-dropzone .dz-ctl-header .dz-file-checkbox {
	cursor: pointer;
	position: relative;
	float: left;
	padding-right: 5px;
	padding-left: 15px;	
}

.cosmax-dropzone .dz-ctl-header .dz-file-checkbox.dz-file-checkbox-all input[type=checkbox] {
	background-color: #FFF;
}

.cosmax-dropzone .dz-default.dz-message {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.cosmax-dropzone.dz-started .dz-message {
    display: none; 
}
.cosmax-dropzone .dz-preview .dz-progress {
}

.cosmax-dropzone .dz-preview .dz-progress .dz-upload {
}

.cosmax-dropzone .dz-preview {
	height: 25px;
	margin-top: 2px;
}

.cosmax-dropzone .dz-preview .dz-error-message {
	color: red;
	display: none;
}

.cosmax-dropzone .dz-details {
	line-height:21px;
}

.cosmax-dropzone .dz-details .dz-file-checkbox {
	cursor: pointer;
	position: relative;
	float: left;
	padding-right: 5px;
	padding-left: 15px;	
}

.cosmax-dropzone .dz-details .dz-filename {
	cursor: pointer;
	position: relative;
	float: left;
	padding-right: 10px;
	padding-left: 5px
	
}

.cosmax-dropzone .dz-details .dz-size {
	position: relative;
	float: left;
	padding-right: 10px
}

.cosmax-dropzone .dz-details .dz-remove {
	position: relative;
	float: left;
	padding-right: 20px
}

.cosmax-dropzone .dz-remove .btn-danger {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    border: none;
}

.cosmax-dropzone .dz-remove .btn-danger i.xi-trash {
	margin-top: 2px;
    width: 18px;
    height: 18px;    
    display: inline-block;    
    text-indent: -9999px;
    background: url(/styles/img/ico_delete.png) no-repeat 50% 50%;
    vertical-align: middle;
}

.cosmax-dropzone .dz-preview.dz-error .dz-error-message, .cosmax-dropzone .dz-preview.dz-error .dz-error-mark {
	position: relative;
	float: left;
	padding-right: 20px;
	display: block;
}
.cosmax-dropzone .dz-preview.dz-success .dz-success-mark {
	display: block;
}
.cosmax-dropzone .dz-preview .dz-error-mark, .cosmax-dropzone .dz-preview .dz-success-mark {
	display: none;
	left: 50%;
	margin-left: -27px;
}