.dropzone {
	box-sizing: border-box;
	min-height: 18.75rem;
	padding: .5rem;
	background: transparent;
}
.dropzone.dz-clickable {
    cursor: pointer; }
.dropzone.dz-clickable * {
      cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
.dz-started .dz-message {
    display: none; }
.dropzone.dz-drag-hover {
    border-style: solid; }
.dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
.dz-message {
    text-align: center;
	vertical-align: center;
	min-height: 16.75rem;
    margin: 2em 0; }
.dz-success-mark,
.dz-error-mark {

	pointer-events: none;

	opacity: 0;

	z-index: 500;

	position: absolute;

	display: block;

	top: 45%;

	left: 40%; 

}
.dz-success-mark svg,
.dz-error-mark svg {

	display: block;

	width: 1.5rem;

	height: 1.5rem;

}
.dz-success-mark svg * {

	fill: #28a745;

	fill-opacity: 1;

}
.dz-error-mark svg * {

	fill: #dc3545;

	fill-opacity: 1;

}
.dz-processing .dz-progress {

	opacity: 1;

	transition: all 200ms linear;

}
.dz-complete .dz-progress {

	opacity: 0;

	transition: opacity 400ms ease-in;

}

.dz-preview:not(.dz-processing) .dz-progress {

	animation: pulse 6s ease infinite;

}
.dz-progress {

	opacity: 1;

	z-index: 1000;

	pointer-events: none;

	position: absolute;

	left: 35%;

	top: 100%;

	width: 7.5rem;

	height: 0.6rem;

	margin-top: .3rem;

	margin-left: -2.6rem; 

	background: rgba(255, 255, 255, 0.6);

	-webkit-transform: scale(1);

	overflow: hidden;

}
.dz-progress .dz-upload {

	background: #28a745;

	background: linear-gradient(to bottom, #28a745, #1e7d34);

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	width: 0;

	transition: width 300ms ease-in-out;

}