.fileList { list-style: none; padding: 0; width: 60%; }
.fileList li { margin-bottom: 5px; position: relative; display: flex; }
.fileList li span { width: 90%; overflow: hidden; line-height: 1.1em; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.fileList li .removeFile { margin-right: 10px; }

.attachments .doc64 { flex-wrap: nowrap; margin: 15px 0; }
.attachments .doc64:hover { background-color: var(--mag-page-bg-300); border: 1px solid var(--mag-element-border-color); }
.attachments .doc64 img { left: 10px; top: 9px; margin: 0; vertical-align: middle; }

.form-control[type=file] { overflow: hidden; min-height: unset; background-color: var(--mag-page-bg-color); }
.form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; }
.form-control::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; 
                                      -webkit-margin-end: 1rem; margin-inline-end: 1rem; color: var(--mag-page-text-color); 
                                      background-color: var(--mag-page-bg-200); pointer-events: none; 
                                      border: 1px solid; border-color: inherit; margin-inline-end: .5rem; 
                                      border-inline-end-width: 1px; border-radius: 0; 
                                      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }

@media(max-width:767px) {
    .fileList { width: 100%; }
}