/*  imported from index.less  */

@import '~antd/lib/style/themes/default.less';

.ant-form-item-control-input-content .abeta-ui-attachment-displayFileList {
  padding-top: 6px;
  line-height: 20px;
}

.abeta-ui-attachment-displayCon {
  line-height: 20px;
  margin-bottom: 5px;
}

.abeta-ui-attachment-displayCon .ant-checkbox + span {
  padding: 0 !important;
}

.abeta-ui-attachment-size {
  margin: 0 8px;
}
.abeta-ui-attachment-icon {
  margin-right: 3px;
}

.abeta-ui-attachment-upload-text {
  font-size: 12px;
  color: #666;
}

.abeta-ui-attachment-btn-des {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.abeta-ui-attachment-file-list {
  position: relative;
  line-height: 24px;
  .abeta-ui-attachment-progress {
    margin-left: -22px !important;
  }
}
.abeta-ui-attachment-file-list-info {
  margin: 5px 0;
  .abeta-ui-attachment-link {
    margin-right: 4px;
  }
  .abeta-ui-attachment-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .abeta-ui-attachment-input {
    width: calc(~'100% - 38px') !important;
    margin-right: 4px !important;
    border-color: @input-border-color !important;
    box-shadow: none !important;
  }
  .abeta-ui-attachment-icon {
    cursor: pointer;
  }
}
.abeta-ui-attachment-file-list-error {
  color: #f5222d;
}

.abeta-ui-attachment-uploadCon {
  .has-error .ant-input {
    border-color: #d9d9d9 !important;
  }
  .has-error .ant-input:hover {
    border-color: #d9d9d9 !important;
  }

  .has-error .ant-input:focus {
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
  }
}
.abeta-ui-attachment-deleteAll {
  margin-left: 15px;
  cursor: pointer;
}