.filesize {
	white-space: nowrap;
}

.filename {
	word-wrap: break-word;
}

.filesize, .filename  {
    padding-top: 3px;
	padding-bottom: 5px;
}

.trashcan {
	top: 3px !important;
}

.ui-fileupload .input-hint {
  display: none !important;
}

.ui-fileupload {
  border: 0 !important;
}

.ui-fileupload-buttonbar {
  padding-left: 0 !important;
  padding-top: 0 !important;
}

.ui-state-error .ui-fileupload {
  background-color: #fdd;
}

.ui-fileupload .ui-fileupload-content {
  padding: 0 !important;
  margin-top: -8px;
}

.ui-fileupload-preview {
  display: none !important;
}

/* filename column */
.ui-fileupload-preview + div {
  padding-left: 0 !important;
  word-break: break-all;
}

/* filesize column */
.ui-fileupload-preview + div + div {
  white-space: nowrap;
}

.ui-fileupload-progress + div {
  display: none !important;
}

.ui-fileupload-upload.ui-state-disabled, .ui-fileupload-cancel.ui-state-disabled {
  display: none !important;
}

/* progressbar */
.ui-fileupload-content .ui-progressbar {
  width: 150px !important;
  text-align: center;
}

.flex {
  display: flex;
  flex-direction: column-reverse;
}

.ui-fileupload .ui-fileupload-files {
  margin-top: 0px !important;
}

.ui-fileupload .ui-fileupload-content .ui-messages {
  margin: 10px 0 !important;
}

@media screen and (max-width: 40.063em) {
    .ui-fileupload-buttonbar .ui-button {
      width: 100%;
    }
    
    .ui-fileupload-buttonbar .ui-button .ui-button-text {
      display: inline-block;
    }
    
    .ui-fileupload-content .ui-fileupload-progress, .ui-fileupload-content .ui-fileupload-preview + div + div  {
      padding-left: 0px;
    }
    
    .ui-fileupload-content .ui-progressbar {
      width: 100% !important;
    }
}