.attachments-container{
  display: block !important;
  text-align: center;
  @extend %page-zone;
  background: none;
  .add_attachment{
    @include small;
    display: inline-block !important;
    margin-bottom: $gap;
    margin-top: $gap;
    float: left;

    #ajax-modal &{
      float: none;
    }
  }
  .info{
    margin: auto;
    clear: both;
    width: auto;
  }
  span[id*='attachments_']{
    display: block;
    position: relative;
    text-align: left;
    z-index: 0;
    .description{
      width: 100%;
    }
    .remove-upload{
      @extend %button-link;
      text-align: center;
      position: absolute;
      top: 3px;
      right: 0;
      z-index: 3;
    }
    .filename{
      background: none;
      border: none;
      width: 90%;
      //padding-left: 0;
      @extend %box-shadow-none;
    }
    .ui-progressbar{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      line-height: $tab-height - 2;
      height: $tab-height - 2;
      text-align: center;
      z-index: -1;
    }
  }
  input{
    //margin-bottom: $gap;
    z-index: 2;
    &.hidden{
      display: inline-block; // show default upload field
    }

  }
  .fakefile{
    display: none;
  }
  .fileover &{
    border-color: $color-important;
  }
  #cbp_image_fields{
    overflow: hidden;
    clear: both;
    display: block;
    text-align: left;
    input{
      width: auto !important;
    }
  }
  #cbp_image_field{
    padding-left: 0;
    padding-right: 0;
  }
  #cbp_images_form{
    .file_selector{
      float: right;
      margin: $gap 0;
    }
  }
  .dropbox-dropin-btn{
    float: right;
  }
}
