.uFrm {
    width:100%;
    max-width: 500px;
 background-color: transparent;
 z-index: 2;
}
.uFrm fieldset {
 margin: 0;
 padding: 2px;
 border: none;
 position: relative;
 background-color: #fff;
}
.uFrm label {
 display:none
}
#loading {
 position: absolute;
 top: 20px;
 left: 100px;
 z-index:0;
}
input.uploadProp {
  width: 100%;
}

.files ul li {
  margin-left: 18px;
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.files ul li::before {
   content: "\25B8";
   font-size: 14px;
   position: absolute;
   font-family: Verdana, Helvetica, Arial, sans-serif;
}
.files ul li .fileTools {
 display: flex;
 flex-wrap: nowrap;
 gap: 5px;
 flex-direction: row;
}
.files ul li .editImg {
 width: 100%;
}
.files .rmUpload {
  padding-left: 5px;
}
.uploadItem .progress {
 display: none;
}
.uploadItem .progressText {
 width: 100%;
 text-align: right;
 border-bottom: 1px solid #999;
}
.uploadItem .progressBar {
 height: .5em;
 background-color: #00cc00;
 width: 0%;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 border-right: 1px solid #999
}


/* neue variante */


.uploadItem .fileInputButton {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.uploadItem .fileInputButton.disabled span {
 cursor: initial
}
.uploadItem .fileInputButton.disabled span {
  color: #aaa;
 cursor: pointer;
}
.uploadItem span.plus{
  background-image: url(plus12.png);
  background-repeat: no-repeat;
  background-position: center left;
  width: 20px;
  height: 20px;
  display:block;
  float: left;
  padding: 0 0px 0 0;
}
.uploadItem  input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

.uploadItem p {
  /* display: list-item; */
  margin-left: 15px;
}
.uploadItem .delUpFile {
  font-weight: bold;
  color: red;
  cursor: pointer;
}

.sTab .fsStruct div.item.file .uploadItem.loading .fileInputButton {
  background-image: url('loading16.gif');
}
.sTab .fsStruct div.item.file .uploadItem.loading .files {
 visibility: hidden
}
.uploadItem.loading .fileInputButton input,
.uploadItem.loading .fileInputButton span{
  visibility: hidden;
}


/* Fixes for IE < 8 */
@media screen\9 {
   .fileInputButton input.upload  {
     filter: alpha(opacity=0);
     font-size: 100%;
     height: 100%;
  }
}

/* test fileupload */
.files li.uploading {
   position: relative;
   background: linear-gradient(to right, lightblue 50%, transparent 50%);
   background-size: 200% 100%;
   background-position: right bottom;
   transition:all 1s ease;
}
.files li.done {
 background-color: #f00;
 transition:all 1s ease;

}
.files li {
   display: block;
   position: relative;
   /* padding: 5px; */
   color: black;
}
.files li.uploading {
 border-bottom: 1px solid #ccc;
}