.uploader-dnd-area {
  margin: $uploader-margin;

  &:after {
    display: block;
    content: "";
    clear: both;
  }

  .fileinput-button {
    overflow: hidden;
  }
  
  .input_files {
    width: $uploader-input-width;
    float: $uploader-input-float;
  }

  .view_files {
    display: inline-block;
    vertical-align: top;

    width: $uploader-button-width;
    height: $uploader-button-height - $uploader-button-border-size;
    line-height: $uploader-button-height - $uploader-button-border-size;
    padding: $uploader-button-padding;
    margin: $uploader-button-margin;
    border: $uploader-button-border-color $uploader-button-border-size solid;
    color: $uploader-button-color;
    font-size: $uploader-button-font-size;
    font-weight: $uploader-button-font-weight;
    text-transform: $uploader-button-text-transform;
    text-shadow: $uploader-button-text-shadow;

    @include box-shadow(0 1px 6px 0 #6f6f6f);
    @include border-left-radius($uploader-button-border-left-radius);
    @include border-right-radius($uploader-button-border-right-radius);
    @include gradient-vertical($uploader-button-bg-start-color, $uploader-button-bg-end-color);
  }

  .list_files {
    margin-left: ($field-label-width + $field-label-margin-left + $field-label-margin-right);
    margin-top: 10px;
    margin-right: 20px;
    padding: 0;

    ul {
      margin: 0 0 0 0;
      list-style: none;

      li {
        display: block;
        overflow: hidden;
        clear: both;
        margin-bottom: 4px;

        .icon {
          background: url(/assets/ui-kit/delete_icon.png) no-repeat;
          float: left;
          width: 14px;
          height: 14px;
        }

        a {
          color: #2988ca;
          float: left;
          font-size: 12px;
          text-decoration: none;
          margin: 0;
          padding: 0;
        }

        p {
          font-size: 13px;
          margin: 0 0 0 5px;
          display: inline-block;
          vertical-align: top;
          max-width: 320px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
  }
}