/* ----------------------------- MODAL DROPZONE ----------------------------- */
.modalDropzone {
	background-color: var(--panel-color);
}
/* -------------------------------------------------------------------------- */

/* -------------------------- DROPZONE SUCCESS ICON ------------------------- */
.dz-preview.dz-processing.dz-image-preview.dz-success.dz-complete
	.dz-success-mark {
	opacity: 1;
}
.dz-preview.dz-processing.dz-image-preview.dz-success.dz-complete:hover
	.dz-success-mark {
	opacity: 0;
}
.dz-preview.dz-processing.dz-image-preview.dz-success.dz-complete
	.dz-success-mark
	path {
	fill: #6dd400;
}
/* -------------------------------------------------------------------------- */

/* ----------------------------- GLOBAL DROPAREA ---------------------------- */
form.globalDropArea {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	flex-wrap: nowrap;

	background-color: transparent;
	border: dashed 1px var(--accent);
	border-radius: 4px;

	overflow: auto;
	width: 100%;
}

form.globalDropArea.dz-started {
	justify-content: flex-start;
	min-height: 115px;
}

.globalDropArea .dz-default.dz-message > span {
	color: var(--tc-primary);
	font-size: 14px;
	text-transform: none;
}

.globalDropArea div.dz-message {
	margin: 25px 0;
}

.dropzone .dz-preview .dz-image {
	border-radius: 8px;
}

.dropzone .dz-preview div.dz-error-message {
	position: fixed;
	top: 12px;
	right: 12px;
	left: initial;
	width: 240px;
}

.dropzone .dz-preview div.dz-error-message:after {
	display: none;
}
/* -------------------------------------------------------------------------- */