.jsUpload {
	
}
.jsUpload-container {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:flex-start;
	align-items:stretch;
	align-content:flex-start;
}
.jsUpload-container.drop-over * { /*:not(.jsUpload-drop-overlay)*/
	pointer-events:none;
}

.jsUpload-file {
	position:relative;
	white-space:normal;
	width:20%;
	border:1px solid #cccccc;
	padding:10px;
	background-color:#ffffff;
	border-radius:8px;
	margin:4px;
	
}
.jsUpload-file-preview {
	width:100%;
	padding-bottom:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.jsUpload-file:hover .jsUpload-file-preview {
	background-size:contain;
}

.jsUpload-file .file-info {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:rgba(255,255, 255, 0.4);
	color:#000000;
	padding:10px;
	word-break:break-all;
	border-radius:8px;
}
.jsUpload-file:hover .file-info {
	background-color:rgba(255,255, 255, 0.9);
}
.jsUpload-file .file-info-inputs {
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
}
.jsUpload-file .file-actions {
	position:absolute;
	top:-8px;
	right:-4px;
}

.jsUpload-file[data-status="failed"] {
	opacity:0.4;
	border-color:#ffffff;
}
.jsUpload-file[data-status="uploading"] {
	/*opacity:0.6;*/
	pointer-events:none;
}
.jsUpload-file[data-status="deleting"] .file-actions,
.jsUpload-file[data-status="uploading"] .file-actions {
	display:none;
}
.jsUpload-file[data-status="deleting"]:after,
.jsUpload-file[data-status="uploading"]:after {
	content:" ";
	display:block;
	position:absolute;
	z-index:6;
	background-color:rgba(255, 255, 255, 0.5);
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:8px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('./../../templates/ALX2020/img/loading-green.svg');
}
.jsUpload-file[data-status="complete"] {
	border-color:green;
}

.jsUpload-file .complete-mark,
.jsUpload-file .failed-mark{
	position:absolute;
	font-size:300%;
	top:0;
	left:0;
	color:green;
	display:none;
}
.jsUpload-file .failed-mark {
	color:red;
}
.jsUpload-file[data-status="failed"] .failed-mark,
.jsUpload-file[data-status="complete"] .complete-mark {
	display:block;
}

.jsUpload-file .upload-btn {
	display:none;
}
.jsUpload-file[data-status="failed"],
.jsUpload-file[data-status="pending"] .upload-btn {
	display:inline-block;
}

.jsUpload-temp-form {
	position:absolute;
	top:-9999px;
	left:-9999px;
	opacity:0;
	width:0;
	height:0;
	overflow:hidden;
}
.jsUpload-file-input {
	width:0;
	height:0;
	line-height:0;
	opacity:0;
	position:absolute;
	z-index:-1;
}

.jsUpload-add-box {
	cursor:pointer;
}
.jsUpload-add-box .jsUpload-file-preview,
.jsUpload-add-box:hover .jsUpload-file-preview {
	background-image:url('../img/glyphicons-basic-191-circle-empty-plus.svg');
	background-size:50% auto;
}

.jsUpload-action-btn {
	text-align:center;
	color:inherit;
	border:1px solid #cccccc;
	border-radius:15px;
	background-color:#ffffff;
	min-height:30px;
	min-width:30px;
	display:inline-block;
	line-height:26px;
	vertical-align:baseline;
	padding-left:4px;
	padding-right:4px;
}

.jsUpload-notification--container {
	display:block;
	/*position:absolute;
	top:100%;
	left:0;*/
	width:100%;
}
.jsUpload-notification--container:empty {
	display:none;
}

.jsUpload-notification {
	display:block;
	padding:10px;
	margin-bottom:4px;
	border: 1px solid #cccccc;
	background-color:#ece3d9;
	color:#002f56;
	border-radius:8px;
}
.jsUpload-notification-success {
	color:#ffffff;
	background-color:#89ba16;
	border-color:#78a313;
}

.jsUpload-notification-error {
	color:#ffffff;
	background-color:#d9534f;
	border-color:#ac2925;
}

.jsUpload-notification--close {
	position:absolute;
	right:10px;
	top:6px;
	z-index:7;
	cursor:pointer;
}

.jsUpload-file .progress {
	margin-bottom:0;
}

.jsUpload-file .file-info-progress-info {
	text-align:center;
}


.jsUpload-drop-overlay {
	display:none;
	align-items: center;
	justify-content: center;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:8px;
	/*pointer-events:none;*/
	background-color:rgba(0, 47, 86, 0.8);
	color:#ffffff;
	border:2px dashed #89ba16;
	z-index:1000;
}
.drop-over .jsUpload-drop-overlay {
	display:flex;
}