.dropzone{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed #ccc;border-radius:1rem;padding:4rem 1rem}.dropzone.active{border:3px dashed #0095ff!important}.dropzone.error{border:3px dashed #ff3d71}.dropzone .uploadMessage h3{margin-top:1rem}.dropzone .errorMessage{color:#ff3d71}.dropzone .alertMessage,.dropzone .errorMessage{margin-top:2rem;font-style:italic;text-align:center;word-break:break-word}.dropzone .alertMessage{color:#ffa700}.dropzone .files{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.dropzone .files+label{background-color:#0d6efd;border-radius:1rem;color:#fff;cursor:pointer;display:inline-block;padding:.5rem 1rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:1rem}.dropzone .files+label:focus,.dropzone .files+label:hover{background-color:#0a58ca;color:#fff}.dropzone .files+label:focus{outline:1px dotted #fff}.dropzone .uploadBtn{width:auto;color:#fff;text-transform:uppercase;margin:2rem;background-color:#0d6efd;border-radius:4rem;cursor:pointer;padding:.75rem;text-align:center}.filezone{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:1rem;padding:1rem}.filezone b{word-break:break-all}