/* ----------------drop box --------------- */  	
.dropzone {
height: 280px;
width:100%;

}
 /* ----------------removes placeholder text --------------- */  	  
.dropzone.dz-started .dz-message {
display: none; 
}
 /* ----------------placeholder text --------------- */    
.dropzone .dz-message {
text-align: center;
margin-top:50px;
line-height:20px;
}
 /* ----------------preview image position --------------- */  
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin-top: 2px;
}
 /* ----------------filename --------------- */  
.dz-filename{
margin-top:-25px;
margin-left:110px;
color:#000;
font-size:10px;
}
 /* ----------------filesize --------------- */
.dropzone .dz-preview .dz-details .dz-size {
display:none;
}
 /* ----------------image preview --------------- */
.dropzone .dz-preview .dz-image {
overflow: hidden;
width: 100px;
height: 25px;
position: relative;
display: block;
z-index: 10; 
margin-top:0px;
}	
 /* ----------------makes checkmark leave --------------- */
.dropzone .dz-preview.dz-success .dz-success-mark, .dropzone .dz-preview.dz-error .dz-error-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 
}
 /* ----------------color of check --------------- */  
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
opacity: 0;
background-color:#5bbc2e;
}
	
 /* ----------------size of check or x mark--------------- */  
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 10px;
height: 10px; 
}